@babylonjs/inspector 6.21.0 → 6.21.2

package/dist/babylon.inspector.bundle.max.js

@@ -52854,7 +52854,7 @@ class GlobalState {
             this.onValidationResultsUpdatedObservable.notifyObservers(null);
         }
     }
-    enableLightGizmo(light, enable = true) {
+    enableLightGizmo(light, enable = true, gizmoCamera = null) {
         if (enable) {
             if (!light.reservedDataStore) {
                 light.reservedDataStore = {};
@@ -52864,6 +52864,9 @@ class GlobalState {
                 this.lightGizmos.push(light.reservedDataStore.lightGizmo);
                 light.reservedDataStore.lightGizmo.light = light;
                 light.reservedDataStore.lightGizmo.material.reservedDataStore = { hidden: true };
+                if (gizmoCamera) {
+                    light.reservedDataStore.lightGizmo.gizmoLayer.setRenderCamera(gizmoCamera);
+                }
             }
         }
         else if (light.reservedDataStore && light.reservedDataStore.lightGizmo) {
@@ -52872,7 +52875,7 @@ class GlobalState {
             light.reservedDataStore.lightGizmo = null;
         }
     }
-    enableCameraGizmo(camera, enable = true) {
+    enableCameraGizmo(camera, enable = true, gizmoCamera = null) {
         if (enable) {
             if (!camera.reservedDataStore) {
                 camera.reservedDataStore = {};
@@ -52882,6 +52885,9 @@ class GlobalState {
                 this.cameraGizmos.push(camera.reservedDataStore.cameraGizmo);
                 camera.reservedDataStore.cameraGizmo.camera = camera;
                 camera.reservedDataStore.cameraGizmo.material.reservedDataStore = { hidden: true };
+                if (gizmoCamera) {
+                    camera.reservedDataStore.cameraGizmo.gizmoLayer.setRenderCamera(gizmoCamera);
+                }
             }
         }
         else if (camera.reservedDataStore && camera.reservedDataStore.cameraGizmo) {
@@ -54410,7 +54416,7 @@ class CameraTreeItemComponent extends react__WEBPACK_IMPORTED_MODULE_4__.Compone
             this.setState({ isGizmoEnabled: false });
         }
         else {
-            this.props.globalState.enableCameraGizmo(camera, true);
+            this.props.globalState.enableCameraGizmo(camera, true, this.props.gizmoCamera);
             this.setState({ isGizmoEnabled: true });
         }
     }
@@ -54704,7 +54710,7 @@ class LightTreeItemComponent extends react__WEBPACK_IMPORTED_MODULE_4__.Componen
             this.setState({ isGizmoEnabled: false });
         }
         else {
-            this.props.globalState.enableLightGizmo(light, true);
+            this.props.globalState.enableLightGizmo(light, true, this.props.gizmoCamera);
             this.setState({ isGizmoEnabled: true });
         }
     }
@@ -55013,14 +55019,14 @@ class SceneTreeItemComponent extends react__WEBPACK_IMPORTED_MODULE_4__.Componen
                 }
                 else if (className.indexOf("Light") !== -1) {
                     if (!this._selectedEntity.reservedDataStore || !this._selectedEntity.reservedDataStore.lightGizmo) {
-                        this.props.globalState.enableLightGizmo(this._selectedEntity, true);
+                        this.props.globalState.enableLightGizmo(this._selectedEntity, true, this.props.gizmoCamera);
                         this.forceUpdate();
                     }
                     manager.attachToNode(this._selectedEntity.reservedDataStore.lightGizmo.attachedNode);
                 }
                 else if (className.indexOf("Camera") !== -1) {
                     if (!this._selectedEntity.reservedDataStore || !this._selectedEntity.reservedDataStore.cameraGizmo) {
-                        this.props.globalState.enableCameraGizmo(this._selectedEntity, true);
+                        this.props.globalState.enableCameraGizmo(this._selectedEntity, true, this.props.gizmoCamera);
                         this.forceUpdate();
                     }
                     manager.attachToNode(this._selectedEntity.reservedDataStore.cameraGizmo.attachedNode);
@@ -55288,14 +55294,14 @@ class SceneTreeItemComponent extends react__WEBPACK_IMPORTED_MODULE_4__.Componen
                 }
                 else if (className.indexOf("Light") !== -1) {
                     if (!this._selectedEntity.reservedDataStore || !this._selectedEntity.reservedDataStore.lightGizmo) {
-                        this.props.globalState.enableLightGizmo(this._selectedEntity, true);
+                        this.props.globalState.enableLightGizmo(this._selectedEntity, true, this.props.gizmoCamera);
                         this.forceUpdate();
                     }
                     manager.attachToNode(this._selectedEntity.reservedDataStore.lightGizmo.attachedNode);
                 }
                 else if (className.indexOf("Camera") !== -1) {
                     if (!this._selectedEntity.reservedDataStore || !this._selectedEntity.reservedDataStore.cameraGizmo) {
-                        this.props.globalState.enableCameraGizmo(this._selectedEntity, true);
+                        this.props.globalState.enableCameraGizmo(this._selectedEntity, true, this.props.gizmoCamera);
                         this.forceUpdate();
                     }
                     manager.attachToNode(this._selectedEntity.reservedDataStore.cameraGizmo.attachedNode);
@@ -56039,7 +56045,7 @@ class SceneExplorerComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Componen
                 rootNodes.push(mesh);
             }
         }
-        return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { id: "tree", onContextMenu: (e) => e.preventDefault(), children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(SceneExplorerFilterComponent, { onFilter: (filter) => this.filterContent(filter) }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_entities_sceneTreeItemComponent__WEBPACK_IMPORTED_MODULE_6__.SceneTreeItemComponent, { globalState: this.props.globalState, gizmoCamera: this.props.gizmoCamera, extensibilityGroups: this.props.extensibilityGroups, selectedEntity: this.state.selectedEntity, scene: scene, onRefresh: () => this.forceUpdate(), onSelectionChangedObservable: this.props.globalState.onSelectionChangedObservable }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_treeItemComponent__WEBPACK_IMPORTED_MODULE_3__.TreeItemComponent, { globalState: this.props.globalState, contextMenuItems: nodeContextMenus, extensibilityGroups: this.props.extensibilityGroups, selectedEntity: this.state.selectedEntity, items: rootNodes, label: "Nodes", offset: 1, filter: this.state.filter }), scene.skeletons.length > 0 && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_treeItemComponent__WEBPACK_IMPORTED_MODULE_3__.TreeItemComponent, { globalState: this.props.globalState, extensibilityGroups: this.props.extensibilityGroups, selectedEntity: this.state.selectedEntity, items: scene.skeletons, label: "Skeletons", offset: 1, filter: this.state.filter })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_treeItemComponent__WEBPACK_IMPORTED_MODULE_3__.TreeItemComponent, { globalState: this.props.globalState, extensibilityGroups: this.props.extensibilityGroups, selectedEntity: this.state.selectedEntity, items: materials, contextMenuItems: materialsContextMenus, label: "Materials", offset: 1, filter: this.state.filter }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_treeItemComponent__WEBPACK_IMPORTED_MODULE_3__.TreeItemComponent, { globalState: this.props.globalState, extensibilityGroups: this.props.extensibilityGroups, selectedEntity: this.state.selectedEntity, items: textures, label: "Textures", offset: 1, filter: this.state.filter }), postProcesses.length > 0 && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_treeItemComponent__WEBPACK_IMPORTED_MODULE_3__.TreeItemComponent, { globalState: this.props.globalState, extensibilityGroups: this.props.extensibilityGroups, selectedEntity: this.state.selectedEntity, items: postProcesses, label: "Post-processes", offset: 1, filter: this.state.filter })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_treeItemComponent__WEBPACK_IMPORTED_MODULE_3__.TreeItemComponent, { globalState: this.props.globalState, extensibilityGroups: this.props.extensibilityGroups, contextMenuItems: pipelineContextMenus, selectedEntity: this.state.selectedEntity, items: pipelines, label: "Rendering pipelines", offset: 1, filter: this.state.filter }), scene.effectLayers && scene.effectLayers.length > 0 && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_treeItemComponent__WEBPACK_IMPORTED_MODULE_3__.TreeItemComponent, { globalState: this.props.globalState, extensibilityGroups: this.props.extensibilityGroups, selectedEntity: this.state.selectedEntity, items: scene.effectLayers, label: "Effect layers", offset: 1, filter: this.state.filter })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_treeItemComponent__WEBPACK_IMPORTED_MODULE_3__.TreeItemComponent, { globalState: this.props.globalState, contextMenuItems: particleSystemsContextMenus, extensibilityGroups: this.props.extensibilityGroups, selectedEntity: this.state.selectedEntity, items: scene.particleSystems, label: "Particle systems", offset: 1, filter: this.state.filter }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_treeItemComponent__WEBPACK_IMPORTED_MODULE_3__.TreeItemComponent, { globalState: this.props.globalState, contextMenuItems: spriteManagersContextMenus, forceSubitems: true, extensibilityGroups: this.props.extensibilityGroups, selectedEntity: this.state.selectedEntity, items: scene.spriteManagers, label: "Sprite managers", offset: 1, filter: this.state.filter }), guiElements && guiElements.length > 0 && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_treeItemComponent__WEBPACK_IMPORTED_MODULE_3__.TreeItemComponent, { globalState: this.props.globalState, extensibilityGroups: this.props.extensibilityGroups, selectedEntity: this.state.selectedEntity, items: guiElements, label: "GUI", offset: 1, filter: this.state.filter })), scene.animationGroups.length > 0 && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_treeItemComponent__WEBPACK_IMPORTED_MODULE_3__.TreeItemComponent, { globalState: this.props.globalState, extensibilityGroups: this.props.extensibilityGroups, selectedEntity: this.state.selectedEntity, items: scene.animationGroups, label: "Animation groups", offset: 1, filter: this.state.filter })), scene.mainSoundTrack && scene.mainSoundTrack.soundCollection.length > 0 && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_treeItemComponent__WEBPACK_IMPORTED_MODULE_3__.TreeItemComponent, { globalState: this.props.globalState, extensibilityGroups: this.props.extensibilityGroups, selectedEntity: this.state.selectedEntity, items: scene.mainSoundTrack.soundCollection, label: "Sounds", offset: 1, filter: this.state.filter })), this.props.additionalNodes &&
+        return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { id: "tree", onContextMenu: (e) => e.preventDefault(), children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(SceneExplorerFilterComponent, { onFilter: (filter) => this.filterContent(filter) }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_entities_sceneTreeItemComponent__WEBPACK_IMPORTED_MODULE_6__.SceneTreeItemComponent, { globalState: this.props.globalState, gizmoCamera: this.props.gizmoCamera, extensibilityGroups: this.props.extensibilityGroups, selectedEntity: this.state.selectedEntity, scene: scene, onRefresh: () => this.forceUpdate(), onSelectionChangedObservable: this.props.globalState.onSelectionChangedObservable }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_treeItemComponent__WEBPACK_IMPORTED_MODULE_3__.TreeItemComponent, { globalState: this.props.globalState, gizmoCamera: this.props.gizmoCamera, contextMenuItems: nodeContextMenus, extensibilityGroups: this.props.extensibilityGroups, selectedEntity: this.state.selectedEntity, items: rootNodes, label: "Nodes", offset: 1, filter: this.state.filter }), scene.skeletons.length > 0 && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_treeItemComponent__WEBPACK_IMPORTED_MODULE_3__.TreeItemComponent, { globalState: this.props.globalState, extensibilityGroups: this.props.extensibilityGroups, selectedEntity: this.state.selectedEntity, items: scene.skeletons, label: "Skeletons", offset: 1, filter: this.state.filter })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_treeItemComponent__WEBPACK_IMPORTED_MODULE_3__.TreeItemComponent, { globalState: this.props.globalState, extensibilityGroups: this.props.extensibilityGroups, selectedEntity: this.state.selectedEntity, items: materials, contextMenuItems: materialsContextMenus, label: "Materials", offset: 1, filter: this.state.filter }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_treeItemComponent__WEBPACK_IMPORTED_MODULE_3__.TreeItemComponent, { globalState: this.props.globalState, extensibilityGroups: this.props.extensibilityGroups, selectedEntity: this.state.selectedEntity, items: textures, label: "Textures", offset: 1, filter: this.state.filter }), postProcesses.length > 0 && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_treeItemComponent__WEBPACK_IMPORTED_MODULE_3__.TreeItemComponent, { globalState: this.props.globalState, extensibilityGroups: this.props.extensibilityGroups, selectedEntity: this.state.selectedEntity, items: postProcesses, label: "Post-processes", offset: 1, filter: this.state.filter })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_treeItemComponent__WEBPACK_IMPORTED_MODULE_3__.TreeItemComponent, { globalState: this.props.globalState, extensibilityGroups: this.props.extensibilityGroups, contextMenuItems: pipelineContextMenus, selectedEntity: this.state.selectedEntity, items: pipelines, label: "Rendering pipelines", offset: 1, filter: this.state.filter }), scene.effectLayers && scene.effectLayers.length > 0 && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_treeItemComponent__WEBPACK_IMPORTED_MODULE_3__.TreeItemComponent, { globalState: this.props.globalState, extensibilityGroups: this.props.extensibilityGroups, selectedEntity: this.state.selectedEntity, items: scene.effectLayers, label: "Effect layers", offset: 1, filter: this.state.filter })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_treeItemComponent__WEBPACK_IMPORTED_MODULE_3__.TreeItemComponent, { globalState: this.props.globalState, contextMenuItems: particleSystemsContextMenus, extensibilityGroups: this.props.extensibilityGroups, selectedEntity: this.state.selectedEntity, items: scene.particleSystems, label: "Particle systems", offset: 1, filter: this.state.filter }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_treeItemComponent__WEBPACK_IMPORTED_MODULE_3__.TreeItemComponent, { globalState: this.props.globalState, contextMenuItems: spriteManagersContextMenus, forceSubitems: true, extensibilityGroups: this.props.extensibilityGroups, selectedEntity: this.state.selectedEntity, items: scene.spriteManagers, label: "Sprite managers", offset: 1, filter: this.state.filter }), guiElements && guiElements.length > 0 && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_treeItemComponent__WEBPACK_IMPORTED_MODULE_3__.TreeItemComponent, { globalState: this.props.globalState, extensibilityGroups: this.props.extensibilityGroups, selectedEntity: this.state.selectedEntity, items: guiElements, label: "GUI", offset: 1, filter: this.state.filter })), scene.animationGroups.length > 0 && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_treeItemComponent__WEBPACK_IMPORTED_MODULE_3__.TreeItemComponent, { globalState: this.props.globalState, extensibilityGroups: this.props.extensibilityGroups, selectedEntity: this.state.selectedEntity, items: scene.animationGroups, label: "Animation groups", offset: 1, filter: this.state.filter })), scene.mainSoundTrack && scene.mainSoundTrack.soundCollection.length > 0 && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_treeItemComponent__WEBPACK_IMPORTED_MODULE_3__.TreeItemComponent, { globalState: this.props.globalState, extensibilityGroups: this.props.extensibilityGroups, selectedEntity: this.state.selectedEntity, items: scene.mainSoundTrack.soundCollection, label: "Sounds", offset: 1, filter: this.state.filter })), this.props.additionalNodes &&
                     this.props.additionalNodes.map((additionalNode) => {
                         return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_treeItemComponent__WEBPACK_IMPORTED_MODULE_3__.TreeItemComponent, { globalState: this.props.globalState, extensibilityGroups: this.props.extensibilityGroups, selectedEntity: this.state.selectedEntity, items: additionalNode.getContent(), label: additionalNode.name, offset: 1, filter: this.state.filter }, additionalNode.name));
                     })] }));
@@ -56182,7 +56188,7 @@ class TreeItemComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Component {
         }
         const sortedItems = _tools__WEBPACK_IMPORTED_MODULE_4__.Tools.SortAndFilter(null, items);
         return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "groupContainer", style: marginStyle, children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_contextmenu__WEBPACK_IMPORTED_MODULE_5__.ContextMenuTrigger, { id: "contextmenu#" + TreeItemComponent._ContextMenuUniqueIdGenerator, children: [this.renderContextMenu(), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(TreeItemExpandableHeaderComponent, { isExpanded: this.state.isExpanded, label: this.props.label, onClick: () => this.switchExpandedState(), onExpandAll: (expand) => this.expandAll(expand) })] }) }), sortedItems.map((item) => {
-                    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_treeItemSelectableComponent__WEBPACK_IMPORTED_MODULE_3__.TreeItemSelectableComponent, { mustExpand: this.state.mustExpand, extensibilityGroups: this.props.extensibilityGroups, offset: this.props.offset + 1, selectedEntity: this.props.selectedEntity, entity: item, globalState: this.props.globalState, filter: this.props.filter }, item.uniqueId !== undefined && item.uniqueId !== null ? item.uniqueId : item.name));
+                    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_treeItemSelectableComponent__WEBPACK_IMPORTED_MODULE_3__.TreeItemSelectableComponent, { mustExpand: this.state.mustExpand, extensibilityGroups: this.props.extensibilityGroups, offset: this.props.offset + 1, selectedEntity: this.props.selectedEntity, entity: item, globalState: this.props.globalState, gizmoCamera: this.props.gizmoCamera, filter: this.props.filter }, item.uniqueId !== undefined && item.uniqueId !== null ? item.uniqueId : item.name));
                 })] }));
     }
 }
@@ -56314,7 +56320,7 @@ class TreeItemSelectableComponent extends react__WEBPACK_IMPORTED_MODULE_5__.Com
         }
         const children = _tools__WEBPACK_IMPORTED_MODULE_3__.Tools.SortAndFilter(entity, entity.getChildren ? entity.getChildren() : entity.children);
         return children.map((item, i) => {
-            return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(TreeItemSelectableComponent, { globalState: this.props.globalState, mustExpand: this.props.mustExpand, extensibilityGroups: this.props.extensibilityGroups, selectedEntity: this.props.selectedEntity, offset: this.props.offset + 2, entity: item, filter: this.props.filter }, i));
+            return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(TreeItemSelectableComponent, { globalState: this.props.globalState, gizmoCamera: this.props.gizmoCamera, mustExpand: this.props.mustExpand, extensibilityGroups: this.props.extensibilityGroups, selectedEntity: this.props.selectedEntity, offset: this.props.offset + 2, entity: item, filter: this.props.filter }, i));
         });
     }
     render() {
@@ -56347,7 +56353,7 @@ class TreeItemSelectableComponent extends react__WEBPACK_IMPORTED_MODULE_5__.Com
                 }
             }
         }
-        return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: this.state.isSelected ? "itemContainer selected" : "itemContainer", style: marginStyle, children: [hasChildren && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "arrow icon", onClick: () => this.switchExpandedState(), children: chevron })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_treeItemSpecializedComponent__WEBPACK_IMPORTED_MODULE_1__.TreeItemSpecializedComponent, { globalState: this.props.globalState, extensibilityGroups: this.props.extensibilityGroups, label: entity.name, entity: entity, onClick: () => this.onSelect() })] }), this.renderChildren()] }));
+        return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: this.state.isSelected ? "itemContainer selected" : "itemContainer", style: marginStyle, children: [hasChildren && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "arrow icon", onClick: () => this.switchExpandedState(), children: chevron })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_treeItemSpecializedComponent__WEBPACK_IMPORTED_MODULE_1__.TreeItemSpecializedComponent, { globalState: this.props.globalState, gizmoCamera: this.props.gizmoCamera, extensibilityGroups: this.props.extensibilityGroups, label: entity.name, entity: entity, onClick: () => this.onSelect() })] }), this.renderChildren()] }));
     }
 }
 
@@ -56447,10 +56453,10 @@ class TreeItemSpecializedComponent extends react__WEBPACK_IMPORTED_MODULE_9__.Co
                 return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_entities_transformNodeTreeItemComponent__WEBPACK_IMPORTED_MODULE_8__.TransformNodeItemComponent, { extensibilityGroups: this.props.extensibilityGroups, transformNode: entity, onClick: () => this.onClick() });
             }
             if (className.indexOf("Camera") !== -1) {
-                return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_entities_cameraTreeItemComponent__WEBPACK_IMPORTED_MODULE_2__.CameraTreeItemComponent, { globalState: this.props.globalState, extensibilityGroups: this.props.extensibilityGroups, camera: entity, onClick: () => this.onClick() }));
+                return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_entities_cameraTreeItemComponent__WEBPACK_IMPORTED_MODULE_2__.CameraTreeItemComponent, { globalState: this.props.globalState, gizmoCamera: this.props.gizmoCamera, extensibilityGroups: this.props.extensibilityGroups, camera: entity, onClick: () => this.onClick() }));
             }
             if (className.indexOf("Light", className.length - 5) !== -1) {
-                return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_entities_lightTreeItemComponent__WEBPACK_IMPORTED_MODULE_3__.LightTreeItemComponent, { globalState: this.props.globalState, extensibilityGroups: this.props.extensibilityGroups, light: entity, onClick: () => this.onClick() }));
+                return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_entities_lightTreeItemComponent__WEBPACK_IMPORTED_MODULE_3__.LightTreeItemComponent, { globalState: this.props.globalState, gizmoCamera: this.props.gizmoCamera, extensibilityGroups: this.props.extensibilityGroups, light: entity, onClick: () => this.onClick() }));
             }
             if (className.indexOf("Material") !== -1) {
                 return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_entities_materialTreeItemComponent__WEBPACK_IMPORTED_MODULE_6__.MaterialTreeItemComponent, { extensibilityGroups: this.props.extensibilityGroups, material: entity, onClick: () => this.onClick() });