@babylonjs/inspector 8.29.1-preview → 8.29.2-preview

package/lib/index.d.ts

@@ -10,6 +10,7 @@ import { Vector3 as Vector3$1, Quaternion as Quaternion$1 } from '@babylonjs/cor
 import { IReadonlyObservable as IReadonlyObservable$2 } from '@babylonjs/core/Misc/observable.js';
 import { IDisposable as IDisposable$2, Scene as Scene$2 } from '@babylonjs/core/scene.js';
 import { IInspectorOptions as IInspectorOptions$1 } from '@babylonjs/core/Debug/debugLayer.js';
+import { TernaryDarkMode } from 'usehooks-ts';
 import { FluentIcon } from '@fluentui/react-icons';
 import * as _fluentui_react_utilities from '@fluentui/react-utilities';
 
@@ -66,11 +67,7 @@ type InfoLabelParentProps = Omit<InfoLabelProps, "htmlFor">;
  */
 declare const InfoLabel: FunctionComponent<InfoLabelProps>;
 
-type ImmutablePrimitiveProps<ValueT> = {
-    /**
-     * The value of the property to be displayed and modified.
-     */
-    value: ValueT;
+type BasePrimitiveProps = {
     /**
      * Optional flag to disable the component, preventing any interaction.
      */
@@ -83,6 +80,12 @@ type ImmutablePrimitiveProps<ValueT> = {
      * Optional title for the component, used for tooltips or accessibility.
      */
     title?: string;
+};
+type ImmutablePrimitiveProps<ValueT> = BasePrimitiveProps & {
+    /**
+     * The value of the property to be displayed and modified.
+     */
+    value: ValueT;
     /**
      * Optional information to display as an infoLabel popup aside the component.
      */
@@ -512,6 +515,27 @@ interface IExtensionFeed {
     getExtensionModuleAsync(name: string): Promise<ExtensionModule | undefined>;
 }
 
+type BuiltInExtension = ExtensionMetadata & {
+    /**
+     * Gets the extension module, typically dynamically importing the extension.
+     * @returns The extension module (e.g. a collection of ServiceDefinitions).
+     */
+    getExtensionModuleAsync(): Promise<ExtensionModule>;
+};
+/**
+ * A simple extension feed implementation that provides a fixed set of "built in" extensions.
+ * "Built in" in this context means extensions that are known at bundling time, and included
+ * in the bundle. Each extension can be dynamically imported so they are split into separate
+ * bundle chunks and downloaded only when first installed.
+ */
+declare class BuiltInsExtensionFeed implements IExtensionFeed {
+    readonly name: string;
+    private readonly _extensions;
+    constructor(name: string, extensions: Iterable<BuiltInExtension>);
+    queryExtensionsAsync(filter?: string): Promise<IExtensionMetadataQuery>;
+    getExtensionModuleAsync(name: string): Promise<ExtensionModule | undefined>;
+}
+
 type PropertyKeys<TargetT, PropertyT> = {
     [PropertyKeyT in keyof TargetT]: TargetT[PropertyKeyT] extends PropertyT | null | undefined ? PropertyKeyT : never;
 }[keyof TargetT];
@@ -980,18 +1004,20 @@ type ModularToolOptions = {
      */
     serviceDefinitions: readonly WeaklyTypedServiceDefinition[];
     /**
-     * Whether the tool should allow user selection of the theme (e.g. dark/light/system).
+     * The theme mode to use. If not specified, the default is "system", which uses the system/browser preference, and the last used mode is persisted.
      */
-    isThemeable?: boolean;
+    themeMode?: TernaryDarkMode;
+    /**
+     * Whether to show the theme selector in the toolbar. Default is true.
+     */
+    showThemeSelector?: boolean;
     /**
      * The extension feeds that provide optional extensions the user can install.
      */
     extensionFeeds?: readonly IExtensionFeed[];
 } & ShellServiceOptions;
 
-type InspectorV2Options = Pick<ModularToolOptions, "serviceDefinitions" | "isThemeable"> & {
-    isExtensible?: boolean;
-};
+type InspectorV2Options = Omit<ModularToolOptions, "containerElement">;
 declare function IsInspectorVisible(): boolean;
 declare function ShowInspector(scene: Scene$2, options?: Partial<IInspectorOptions$1 & InspectorV2Options>): void;
 declare function HideInspector(): void;
@@ -1008,11 +1034,11 @@ type AccordionSectionProps = {
 declare const AccordionSection: FunctionComponent<PropsWithChildren<AccordionSectionProps>>;
 declare const Accordion: FunctionComponent<PropsWithChildren>;
 
-type ButtonProps = {
+type ButtonProps = BasePrimitiveProps & {
     onClick: () => void;
     icon?: FluentIcon;
-    label: string;
-    disabled?: boolean;
+    appearance?: "subtle" | "transparent";
+    label?: string;
 };
 declare const Button: FunctionComponent<ButtonProps>;
 
@@ -68555,10 +68581,11 @@ type TextInputProps = PrimitiveProps<string> & {
 };
 declare const TextInput: FunctionComponent<TextInputProps>;
 
-type ToggleButtonProps = PrimitiveProps<boolean> & {
-    enabledIcon: FluentIcon;
-    disabledIcon?: FluentIcon;
-    appearance?: "subtle" | "transparent";
+type ToggleButtonProps = Omit<ButtonProps, "icon" | "onClick"> & {
+    value: boolean;
+    checkedIcon: FluentIcon;
+    uncheckedIcon?: FluentIcon;
+    onChange: (checked: boolean) => void;
 };
 /**
  * Toggles between two states using a button with icons.
@@ -68569,15 +68596,19 @@ type ToggleButtonProps = PrimitiveProps<boolean> & {
  */
 declare const ToggleButton: FunctionComponent<ToggleButtonProps>;
 
+type ButtonLineProps = Omit<ButtonProps, "label"> & {
+    label: string;
+};
 /**
  * Wraps a button with a label in a line container
  * @param props Button props plus a label
  * @returns A button inside a line
  */
-declare const ButtonLine: FunctionComponent<ButtonProps>;
+declare const ButtonLine: FunctionComponent<ButtonLineProps>;
 
-type FileUploadLineProps = Omit<ButtonProps, "onClick"> & {
+type FileUploadLineProps = Omit<ButtonProps, "onClick" | "label"> & {
     onClick: (files: FileList) => void;
+    label: string;
     accept: string;
 };
 declare const FileUploadLine: FunctionComponent<FileUploadLineProps>;
@@ -68599,5 +68630,5 @@ type PaneProps = {
 };
 declare const Pane: FunctionComponent<PropsWithChildren<PaneProps>>;
 
-export { Accordion, AccordionSection, BoundProperty, Button, ButtonLine, CalculatePrecision, Checkbox, Collapse, Color3GradientComponent, Color3GradientList, Color4GradientComponent, Color4GradientList, ColorPickerPopup, ColorStepGradientComponent, ComboBox, ConstructorFactory, DebugServiceIdentity, DraggableLine, Dropdown, ExtensibleAccordion, FactorGradientComponent, FactorGradientList, FileUploadLine, GetPropertyDescriptor, HideInspector, InfoLabel, InputHexField, InputHsvField, Inspector, InterceptFunction, InterceptProperty, IsInspectorVisible, IsPropertyReadonly, LinkToEntityPropertyLine, List, MakeDialogTeachingMoment, MakeLazyComponent, MakePopoverTeachingMoment, MakePropertyHook, MakeTeachingMoment, MessageBar, NumberDropdown, Pane, Pane$1 as PaneContainer, PositionedPopover, PropertiesServiceIdentity, SceneContextIdentity, SceneExplorerServiceIdentity, SearchBar, SearchBox, SelectionServiceDefinition, SelectionServiceIdentity, SettingsContextIdentity, SettingsServiceIdentity, ShellServiceIdentity, ShowInspector, SpinButton, StatsServiceIdentity, StringDropdown, Switch, SyncedSliderInput, TeachingMoment, TextInput, Textarea, ToggleButton, ToolsServiceIdentity, useAngleConverters, useAsyncResource, useColor3Property, useColor4Property, useEventfulState, useInterceptObservable, useObservableCollection, useObservableState, useOrderedObservableCollection, usePollingObservable, useProperty, useQuaternionProperty, useResource, useVector3Property };
-export type { AcceptedDropdownValue, AccordionSectionProps, BoundPropertyProps, ButtonProps, CentralContent, ColorPickerProps, ComboBoxProps, DraggableLineProps, DropdownOption, DropdownProps, DynamicAccordionSection, DynamicAccordionSectionContent, EntityBase, EntityDisplayInfo, ExtensionMetadata, ExtensionModule, FunctionHooks, IDebugService, IExtensionFeed, IExtensionMetadataQuery, IPropertiesService, ISceneContext, ISceneExplorerService, ISelectionService, IService, ISettingsContext, ISettingsService, IShellService, IStatsService, IToolsService, ImmutablePrimitiveProps, InfoLabelParentProps, InfoLabelProps, InputHexProps, ListItem, PaneProps, PrimitiveProps, PropertyHooks, SceneExplorerCommand, SceneExplorerCommandProvider, SceneExplorerSection, ServiceDefinition, ServiceFactory, SidePane, SpinButtonProps, SwitchProps, SyncedSliderProps, TextInputProps, TextareaProps, ToolbarItem };
+export { Accordion, AccordionSection, BoundProperty, BuiltInsExtensionFeed, Button, ButtonLine, CalculatePrecision, Checkbox, Collapse, Color3GradientComponent, Color3GradientList, Color4GradientComponent, Color4GradientList, ColorPickerPopup, ColorStepGradientComponent, ComboBox, ConstructorFactory, DebugServiceIdentity, DraggableLine, Dropdown, ExtensibleAccordion, FactorGradientComponent, FactorGradientList, FileUploadLine, GetPropertyDescriptor, HideInspector, InfoLabel, InputHexField, InputHsvField, Inspector, InterceptFunction, InterceptProperty, IsInspectorVisible, IsPropertyReadonly, LinkToEntityPropertyLine, List, MakeDialogTeachingMoment, MakeLazyComponent, MakePopoverTeachingMoment, MakePropertyHook, MakeTeachingMoment, MessageBar, NumberDropdown, Pane, Pane$1 as PaneContainer, PositionedPopover, PropertiesServiceIdentity, SceneContextIdentity, SceneExplorerServiceIdentity, SearchBar, SearchBox, SelectionServiceDefinition, SelectionServiceIdentity, SettingsContextIdentity, SettingsServiceIdentity, ShellServiceIdentity, ShowInspector, SpinButton, StatsServiceIdentity, StringDropdown, Switch, SyncedSliderInput, TeachingMoment, TextInput, Textarea, ToggleButton, ToolsServiceIdentity, useAngleConverters, useAsyncResource, useColor3Property, useColor4Property, useEventfulState, useInterceptObservable, useObservableCollection, useObservableState, useOrderedObservableCollection, usePollingObservable, useProperty, useQuaternionProperty, useResource, useVector3Property };
+export type { AcceptedDropdownValue, AccordionSectionProps, BasePrimitiveProps, BoundPropertyProps, BuiltInExtension, ButtonProps, CentralContent, ColorPickerProps, ComboBoxProps, DraggableLineProps, DropdownOption, DropdownProps, DynamicAccordionSection, DynamicAccordionSectionContent, EntityBase, EntityDisplayInfo, ExtensionMetadata, ExtensionModule, FunctionHooks, IDebugService, IExtensionFeed, IExtensionMetadataQuery, IPropertiesService, ISceneContext, ISceneExplorerService, ISelectionService, IService, ISettingsContext, ISettingsService, IShellService, IStatsService, IToolsService, ImmutablePrimitiveProps, InfoLabelParentProps, InfoLabelProps, InputHexProps, ListItem, PaneProps, PrimitiveProps, PropertyHooks, SceneExplorerCommand, SceneExplorerCommandProvider, SceneExplorerSection, ServiceDefinition, ServiceFactory, SidePane, SpinButtonProps, SwitchProps, SyncedSliderProps, TextInputProps, TextareaProps, ToolbarItem };

package/lib/index.js

@@ -1,4 +1,4 @@
-export { Z as Accordion, Y as AccordionSection, h as BoundProperty, _ as Button, B as ButtonLine, aj as CalculatePrecision, $ as Checkbox, C as Collapse, a9 as Color3GradientComponent, aq as Color3GradientList, aa as Color4GradientComponent, ar as Color4GradientList, a0 as ColorPickerPopup, ab as ColorStepGradientComponent, a3 as ComboBox, K as ConstructorFactory, D as DebugServiceIdentity, a4 as DraggableLine, a5 as Dropdown, E as ExtensibleAccordion, a8 as FactorGradientComponent, ap as FactorGradientList, F as FileUploadLine, G as GetPropertyDescriptor, W as HideInspector, ac as InfoLabel, a1 as InputHexField, a2 as InputHsvField, X as Inspector, I as InterceptFunction, J as InterceptProperty, U as IsInspectorVisible, H as IsPropertyReadonly, L as LinkToEntityPropertyLine, ad as List, z as MakeDialogTeachingMoment, M as MakeLazyComponent, A as MakePopoverTeachingMoment, o as MakePropertyHook, y as MakeTeachingMoment, ae as MessageBar, a6 as NumberDropdown, as as Pane, P as PaneContainer, af as PositionedPopover, d as PropertiesServiceIdentity, a as SceneContextIdentity, e as SceneExplorerServiceIdentity, ag as SearchBar, ah as SearchBox, Q as SelectionServiceDefinition, O as SelectionServiceIdentity, R as SettingsContextIdentity, f as SettingsServiceIdentity, S as ShellServiceIdentity, V as ShowInspector, ai as SpinButton, g as StatsServiceIdentity, a7 as StringDropdown, ak as Switch, al as SyncedSliderInput, i as TeachingMoment, an as TextInput, am as Textarea, ao as ToggleButton, T as ToolsServiceIdentity, x as useAngleConverters, w as useAsyncResource, l as useColor3Property, m as useColor4Property, q as useEventfulState, p as useInterceptObservable, r as useObservableCollection, u as useObservableState, s as useOrderedObservableCollection, t as usePollingObservable, j as useProperty, n as useQuaternionProperty, v as useResource, k as useVector3Property } from './index-B29Ify1o.js';
+export { _ as Accordion, Z as AccordionSection, g as BoundProperty, i as BuiltInsExtensionFeed, $ as Button, B as ButtonLine, ak as CalculatePrecision, a0 as Checkbox, C as Collapse, aa as Color3GradientComponent, ar as Color3GradientList, ab as Color4GradientComponent, as as Color4GradientList, a1 as ColorPickerPopup, ac as ColorStepGradientComponent, a4 as ComboBox, K as ConstructorFactory, D as DebugServiceIdentity, a5 as DraggableLine, a6 as Dropdown, E as ExtensibleAccordion, a9 as FactorGradientComponent, aq as FactorGradientList, F as FileUploadLine, G as GetPropertyDescriptor, X as HideInspector, ad as InfoLabel, a2 as InputHexField, a3 as InputHsvField, Y as Inspector, I as InterceptFunction, J as InterceptProperty, V as IsInspectorVisible, H as IsPropertyReadonly, L as LinkToEntityPropertyLine, ae as List, z as MakeDialogTeachingMoment, M as MakeLazyComponent, A as MakePopoverTeachingMoment, n as MakePropertyHook, y as MakeTeachingMoment, af as MessageBar, a7 as NumberDropdown, at as Pane, P as PaneContainer, ag as PositionedPopover, b as PropertiesServiceIdentity, O as SceneContextIdentity, c as SceneExplorerServiceIdentity, ah as SearchBar, ai as SearchBox, R as SelectionServiceDefinition, Q as SelectionServiceIdentity, U as SettingsContextIdentity, d as SettingsServiceIdentity, f as ShellServiceIdentity, W as ShowInspector, aj as SpinButton, e as StatsServiceIdentity, a8 as StringDropdown, al as Switch, am as SyncedSliderInput, h as TeachingMoment, ao as TextInput, an as Textarea, ap as ToggleButton, T as ToolsServiceIdentity, x as useAngleConverters, w as useAsyncResource, k as useColor3Property, l as useColor4Property, p as useEventfulState, o as useInterceptObservable, r as useObservableCollection, q as useObservableState, s as useOrderedObservableCollection, t as usePollingObservable, u as useProperty, m as useQuaternionProperty, v as useResource, j as useVector3Property } from './index-BTXdoz_s.js';
 export { Link } from '@fluentui/react-components';
 import 'react/jsx-runtime';
 import 'react';
@@ -47,6 +47,7 @@ import '@babylonjs/core/Meshes/abstractMesh.js';
 import '@babylonjs/core/node.js';
 import '@babylonjs/core/Animations/animationGroup.js';
 import '@babylonjs/core/Animations/animationPropertiesOverride.js';
+import '@babylonjs/addons/atmosphere/atmosphere.js';
 import '@babylonjs/core/Cameras/arcRotateCamera.js';
 import '@babylonjs/core/Cameras/followCamera.js';
 import '@babylonjs/core/Cameras/freeCamera.js';
@@ -100,5 +101,4 @@ import '@babylonjs/core/PostProcesses/RenderPipeline/postProcessRenderPipelineMa
 import '@babylonjs/core/Sprites/spriteSceneComponent.js';
 import '@babylonjs/core/Materials/Textures/dynamicTexture.js';
 import '@babylonjs/core/Events/pointerEvents.js';
-import '@babylonjs/addons/atmosphere/atmosphere.js';
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@babylonjs/inspector",
-    "version": "8.29.1-preview",
+    "version": "8.29.2-preview",
     "type": "module",
     "main": "lib/index.js",
     "module": "lib/index.js",

package/lib/creationToolsService-CX79OLiq.js

@@ -1,142 +0,0 @@
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { makeStyles, Accordion, AccordionItem, AccordionHeader, Text, AccordionPanel, Button, tokens } from '@fluentui/react-components';
-import { S as ShellServiceIdentity, a as SceneContextIdentity, u as useObservableState } from './index-B29Ify1o.js';
-import { FormNewRegular } from '@fluentui/react-icons';
-import 'react';
-import '@babylonjs/core/Maths/math.color.js';
-import '@babylonjs/core/Maths/math.vector.js';
-import '@babylonjs/core/Misc/observable.js';
-import '@fluentui/react-motion-components-preview';
-import '@babylonjs/core/Misc/typeStore.js';
-import 'usehooks-ts';
-import '@babylonjs/core/Misc/asyncLock.js';
-import '@babylonjs/core/Misc/deferred.js';
-import '@fluentui-contrib/react-resize-handle';
-import '@fluentui-contrib/react-virtualizer';
-import '@babylonjs/addons/msdfText/fontAsset.js';
-import '@babylonjs/addons/msdfText/textRenderer.js';
-import '@babylonjs/core/Debug/physicsViewer.js';
-import '@babylonjs/core/Materials/Textures/texture.js';
-import '@babylonjs/core/Materials/materialFlags.js';
-import '@babylonjs/core/Materials/standardMaterial.js';
-import '@babylonjs/core/Meshes/Builders/groundBuilder.js';
-import '@babylonjs/core/Misc/tools.js';
-import '@babylonjs/core/Rendering/utilityLayerRenderer.js';
-import '@babylonjs/materials/grid/gridMaterial.js';
-import '@babylonjs/core/Misc/dataStorage.js';
-import '@babylonjs/core/Instrumentation/engineInstrumentation.js';
-import '@babylonjs/core/Instrumentation/sceneInstrumentation.js';
-import '@babylonjs/core/Engines/AbstractEngine/abstractEngine.timeQuery.js';
-import '@babylonjs/core/Engines/Extensions/engine.query.js';
-import '@babylonjs/core/Engines/WebGPU/Extensions/engine.query.js';
-import '@babylonjs/core/Misc/PerformanceViewer/performanceViewerCollectionStrategies.js';
-import '@babylonjs/core/Misc/PerformanceViewer/performanceViewerSceneExtension.js';
-import '@babylonjs/core/Misc/pressureObserverWrapper.js';
-import '@babylonjs/core/Engines/abstractEngine.js';
-import '@babylonjs/core/Engines/engineStore.js';
-import 'react-dom/client';
-import '@babylonjs/core/Misc/logger.js';
-import '@babylonjs/core/FrameGraph/frameGraphUtils.js';
-import '@babylonjs/core/Gizmos/cameraGizmo.js';
-import '@babylonjs/core/Gizmos/lightGizmo.js';
-import '@babylonjs/core/Bones/bone.js';
-import '@babylonjs/core/Cameras/camera.js';
-import '@babylonjs/core/Gizmos/gizmoManager.js';
-import '@babylonjs/core/Lights/light.js';
-import '@babylonjs/core/Meshes/abstractMesh.js';
-import '@babylonjs/core/node.js';
-import '@babylonjs/core/Animations/animationGroup.js';
-import '@babylonjs/core/Animations/animationPropertiesOverride.js';
-import '@babylonjs/core/Cameras/arcRotateCamera.js';
-import '@babylonjs/core/Cameras/followCamera.js';
-import '@babylonjs/core/Cameras/freeCamera.js';
-import '@babylonjs/core/Cameras/targetCamera.js';
-import '@babylonjs/core/scene.js';
-import '@babylonjs/core/FrameGraph/frameGraph.js';
-import '@babylonjs/core/Lights/directionalLight.js';
-import '@babylonjs/core/Lights/hemisphericLight.js';
-import '@babylonjs/core/Lights/pointLight.js';
-import '@babylonjs/core/Lights/rectAreaLight.js';
-import '@babylonjs/core/Lights/shadowLight.js';
-import '@babylonjs/core/Lights/spotLight.js';
-import '@babylonjs/core/Lights/Shadows/cascadedShadowGenerator.js';
-import '@babylonjs/core/Lights/Shadows/shadowGenerator.js';
-import '@babylonjs/core/Lights/Shadows/shadowGeneratorSceneComponent.js';
-import '@babylonjs/core/Materials/material.js';
-import '@babylonjs/core/Materials/multiMaterial.js';
-import '@babylonjs/core/Materials/PBR/pbrBaseMaterial.js';
-import '@babylonjs/core/Materials/PBR/pbrBaseSimpleMaterial.js';
-import '@babylonjs/core/Materials/PBR/pbrMaterial.js';
-import '@babylonjs/materials/sky/skyMaterial.js';
-import '@babylonjs/core/Engines/engine.js';
-import '@babylonjs/core/Engines/constants.js';
-import '@babylonjs/core/Particles/particleSystem.js';
-import '@babylonjs/core/Misc/fileTools.js';
-import '@babylonjs/core/Meshes/mesh.js';
-import '@babylonjs/core/Debug/skeletonViewer.js';
-import '@babylonjs/core/Meshes/buffer.js';
-import '@babylonjs/core/Meshes/Builders/linesBuilder.js';
-import '@babylonjs/core/Meshes/instancedMesh.js';
-import '@babylonjs/core/Rendering/renderingManager.js';
-import '@babylonjs/core/Rendering/edgesRenderer.js';
-import '@babylonjs/core/Rendering/outlineRenderer.js';
-import '@babylonjs/core/Misc/gradients.js';
-import '@babylonjs/core/Materials/Node/Blocks/gradientBlock.js';
-import '@babylonjs/core/Particles/attractor.js';
-import '@babylonjs/core/Meshes/Builders/sphereBuilder.js';
-import '@babylonjs/core/Meshes/transformNode.js';
-import '@babylonjs/core/Physics/v2/IPhysicsEnginePlugin.js';
-import '@babylonjs/core/Physics/v2/physicsEngineComponent.js';
-import '@babylonjs/core/PostProcesses/postProcess.js';
-import '@babylonjs/core/Materials/Textures/cubeTexture.js';
-import '@babylonjs/core/Materials/imageProcessingConfiguration.js';
-import '@babylonjs/core/Bones/skeleton.js';
-import '@babylonjs/core/Sprites/sprite.js';
-import '@babylonjs/core/Materials/Textures/baseTexture.js';
-import '@babylonjs/core/Materials/Textures/multiRenderTarget.js';
-import '@babylonjs/core/Materials/Textures/renderTargetTexture.js';
-import '@babylonjs/core/Materials/Textures/thinTexture.js';
-import '@babylonjs/core/PostProcesses/RenderPipeline/postProcessRenderPipelineManagerSceneComponent.js';
-import '@babylonjs/core/Sprites/spriteSceneComponent.js';
-import '@babylonjs/core/Materials/Textures/dynamicTexture.js';
-import '@babylonjs/core/Events/pointerEvents.js';
-import '@babylonjs/addons/atmosphere/atmosphere.js';
-
-// eslint-disable-next-line @typescript-eslint/naming-convention
-const useStyles = makeStyles({
-    section: {
-        display: "flex",
-        flexDirection: "column",
-        rowGap: tokens.spacingVerticalM,
-    },
-});
-// TODO: This is just a placeholder for a dynamically installed extension that brings in asset creation tools (node materials, etc.).
-const CreationToolsServiceDefinition = {
-    friendlyName: "Creation Tools",
-    consumes: [ShellServiceIdentity, SceneContextIdentity],
-    factory: (shellService, sceneContext) => {
-        const registration = shellService.addSidePane({
-            key: "Create",
-            title: "Create",
-            icon: FormNewRegular,
-            horizontalLocation: "left",
-            verticalLocation: "top",
-            content: () => {
-                const classes = useStyles();
-                const scene = useObservableState(() => sceneContext.currentScene, sceneContext.currentSceneObservable);
-                // eslint-disable-next-line no-console
-                console.log(scene);
-                return (jsx(Fragment, { children: jsxs(Accordion, { collapsible: true, multiple: true, defaultOpenItems: ["Materials", "Interactivity"], children: [jsxs(AccordionItem, { value: "Materials", children: [jsx(AccordionHeader, { expandIconPosition: "end", children: jsx(Text, { size: 500, children: "Materials" }) }), jsx(AccordionPanel, { children: jsxs("div", { className: classes.section, children: [jsx(Button, { children: "PBR Material" }), jsx(Button, { children: "Node Material" })] }) })] }, "Materials"), jsxs(AccordionItem, { value: "Interactivity", children: [jsx(AccordionHeader, { expandIconPosition: "end", children: jsx(Text, { size: 500, children: "Interactivity" }) }), jsx(AccordionPanel, { children: jsx("div", { className: classes.section, children: jsx(Button, { children: "Flow Graph" }) }) })] }, "Interactivity")] }) }));
-            },
-        });
-        return {
-            dispose: () => registration.dispose(),
-        };
-    },
-};
-var creationToolsService = {
-    serviceDefinitions: [CreationToolsServiceDefinition],
-};
-
-export { CreationToolsServiceDefinition, creationToolsService as default };
-//# sourceMappingURL=creationToolsService-CX79OLiq.js.map

package/lib/creationToolsService-CX79OLiq.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"creationToolsService-CX79OLiq.js","sources":["../../../../../../../../dev/inspector-v2/src/services/creationToolsService.tsx"],"sourcesContent":["import type { ServiceDefinition } from \"../modularity/serviceDefinition\";\r\nimport type { ISceneContext } from \"./sceneContext\";\r\nimport type { IShellService } from \"./shellService\";\r\n\r\nimport { makeStyles, tokens, Accordion, AccordionItem, AccordionHeader, AccordionPanel, Text, Button } from \"@fluentui/react-components\";\r\nimport { ShellServiceIdentity } from \"./shellService\";\r\n\r\nimport { FormNewRegular } from \"@fluentui/react-icons\";\r\nimport { SceneContextIdentity } from \"./sceneContext\";\r\nimport { useObservableState } from \"../hooks/observableHooks\";\r\n\r\n// eslint-disable-next-line @typescript-eslint/naming-convention\r\nconst useStyles = makeStyles({\r\n    section: {\r\n        display: \"flex\",\r\n        flexDirection: \"column\",\r\n        rowGap: tokens.spacingVerticalM,\r\n    },\r\n});\r\n\r\n// TODO: This is just a placeholder for a dynamically installed extension that brings in asset creation tools (node materials, etc.).\r\nexport const CreationToolsServiceDefinition: ServiceDefinition<[], [IShellService, ISceneContext]> = {\r\n    friendlyName: \"Creation Tools\",\r\n    consumes: [ShellServiceIdentity, SceneContextIdentity],\r\n    factory: (shellService, sceneContext) => {\r\n        const registration = shellService.addSidePane({\r\n            key: \"Create\",\r\n            title: \"Create\",\r\n            icon: FormNewRegular,\r\n            horizontalLocation: \"left\",\r\n            verticalLocation: \"top\",\r\n            content: () => {\r\n                const classes = useStyles();\r\n\r\n                const scene = useObservableState(() => sceneContext.currentScene, sceneContext.currentSceneObservable);\r\n                // eslint-disable-next-line no-console\r\n                console.log(scene);\r\n\r\n                return (\r\n                    <>\r\n                        <Accordion collapsible multiple defaultOpenItems={[\"Materials\", \"Interactivity\"]}>\r\n                            <AccordionItem key=\"Materials\" value=\"Materials\">\r\n                                <AccordionHeader expandIconPosition=\"end\">\r\n                                    <Text size={500}>Materials</Text>\r\n                                </AccordionHeader>\r\n                                <AccordionPanel>\r\n                                    <div className={classes.section}>\r\n                                        <Button>PBR Material</Button>\r\n                                        <Button>Node Material</Button>\r\n                                    </div>\r\n                                </AccordionPanel>\r\n                            </AccordionItem>\r\n                            <AccordionItem key=\"Interactivity\" value=\"Interactivity\">\r\n                                <AccordionHeader expandIconPosition=\"end\">\r\n                                    <Text size={500}>Interactivity</Text>\r\n                                </AccordionHeader>\r\n                                <AccordionPanel>\r\n                                    <div className={classes.section}>\r\n                                        <Button>Flow Graph</Button>\r\n                                    </div>\r\n                                </AccordionPanel>\r\n                            </AccordionItem>\r\n                        </Accordion>\r\n                    </>\r\n                );\r\n            },\r\n        });\r\n\r\n        return {\r\n            dispose: () => registration.dispose(),\r\n        };\r\n    },\r\n};\r\n\r\nexport default {\r\n    serviceDefinitions: [CreationToolsServiceDefinition],\r\n} as const;\r\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA;AACA,MAAM,SAAS,GAAG,UAAU,CAAC;AACzB,IAAA,OAAO,EAAE;AACL,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,aAAa,EAAE,QAAQ;QACvB,MAAM,EAAE,MAAM,CAAC,gBAAgB;AAClC,KAAA;AACJ,CAAA,CAAC;AAEF;AACa,MAAA,8BAA8B,GAA0D;AACjG,IAAA,YAAY,EAAE,gBAAgB;AAC9B,IAAA,QAAQ,EAAE,CAAC,oBAAoB,EAAE,oBAAoB,CAAC;AACtD,IAAA,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,KAAI;AACpC,QAAA,MAAM,YAAY,GAAG,YAAY,CAAC,WAAW,CAAC;AAC1C,YAAA,GAAG,EAAE,QAAQ;AACb,YAAA,KAAK,EAAE,QAAQ;AACf,YAAA,IAAI,EAAE,cAAc;AACpB,YAAA,kBAAkB,EAAE,MAAM;AAC1B,YAAA,gBAAgB,EAAE,KAAK;YACvB,OAAO,EAAE,MAAK;AACV,gBAAA,MAAM,OAAO,GAAG,SAAS,EAAE;AAE3B,gBAAA,MAAM,KAAK,GAAG,kBAAkB,CAAC,MAAM,YAAY,CAAC,YAAY,EAAE,YAAY,CAAC,sBAAsB,CAAC;;AAEtG,gBAAA,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC;gBAElB,QACIA,0BACIC,IAAC,CAAA,SAAS,IAAC,WAAW,EAAA,IAAA,EAAC,QAAQ,EAAA,IAAA,EAAC,gBAAgB,EAAE,CAAC,WAAW,EAAE,eAAe,CAAC,EAC5E,QAAA,EAAA,CAAAA,IAAA,CAAC,aAAa,EAAiB,EAAA,KAAK,EAAC,WAAW,EAC5C,QAAA,EAAA,CAAAD,GAAA,CAAC,eAAe,EAAC,EAAA,kBAAkB,EAAC,KAAK,EACrC,QAAA,EAAAA,GAAA,CAAC,IAAI,EAAC,EAAA,IAAI,EAAE,GAAG,EAAkB,QAAA,EAAA,WAAA,EAAA,CAAA,EAAA,CACnB,EAClBA,GAAC,CAAA,cAAc,EACX,EAAA,QAAA,EAAAC,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,OAAO,CAAC,OAAO,EAC3B,QAAA,EAAA,CAAAD,GAAA,CAAC,MAAM,EAAA,EAAA,QAAA,EAAA,cAAA,EAAA,CAAsB,EAC7BA,GAAC,CAAA,MAAM,EAAuB,EAAA,QAAA,EAAA,eAAA,EAAA,CAAA,CAAA,EAAA,CAC5B,EACO,CAAA,CAAA,EAAA,EATF,WAAW,CAUd,EAChBC,IAAC,CAAA,aAAa,EAAqB,EAAA,KAAK,EAAC,eAAe,EAAA,QAAA,EAAA,CACpDD,GAAC,CAAA,eAAe,EAAC,EAAA,kBAAkB,EAAC,KAAK,EAAA,QAAA,EACrCA,GAAC,CAAA,IAAI,EAAC,EAAA,IAAI,EAAE,GAAG,EAAA,QAAA,EAAA,eAAA,EAAA,CAAsB,EACvB,CAAA,EAClBA,GAAC,CAAA,cAAc,cACXA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,OAAO,CAAC,OAAO,YAC3BA,GAAC,CAAA,MAAM,EAAoB,EAAA,QAAA,EAAA,YAAA,EAAA,CAAA,EAAA,CACzB,EACO,CAAA,CAAA,EAAA,EARF,eAAe,CASlB,CAAA,EAAA,CACR,EACb,CAAA;aAEV;AACJ,SAAA,CAAC;QAEF,OAAO;AACH,YAAA,OAAO,EAAE,MAAM,YAAY,CAAC,OAAO,EAAE;SACxC;KACJ;;AAGL,2BAAe;IACX,kBAAkB,EAAE,CAAC,8BAA8B,CAAC;CAC9C;;;;"}