babylonjs-editor 4.4.0 → 5.2.4

package/declaration/src/editor/layout/animation.d.ts

@@ -0,0 +1,53 @@
+import { Component, ReactNode } from "react";
+import { Animation, IAnimatable } from "babylonjs";
+import { Editor } from "../main";
+import { EditorAnimationTracksPanel } from "./animation/tracks/tracks";
+import { EditorAnimationInspector } from "./animation/inspector/inspector";
+import { EditorAnimationTimelinePanel } from "./animation/timeline/timeline";
+export interface IEditorAnimationProps {
+    /**
+     * Defines the reference to the editor.
+     */
+    editor: Editor;
+}
+export interface IEditorAnimationState {
+    playing: boolean;
+    focused: boolean;
+    animatable: IAnimatable | null;
+    selectedAnimation: Animation | null;
+}
+export declare class EditorAnimation extends Component<IEditorAnimationProps, IEditorAnimationState> {
+    /**
+     * Defines the reference to the inspector used to edit animations properties.
+     */
+    inspector: EditorAnimationInspector;
+    /**
+     * Defines the reference to the tracks panel component used to display the animations tracks.
+     */
+    tracks: EditorAnimationTracksPanel;
+    /**
+     * Defines the reference to the timelines panel component used to display the animations timeline.
+     */
+    timelines: EditorAnimationTimelinePanel;
+    private _playing;
+    private _currentTimeBeforePlay;
+    private _onKeyUpListener;
+    constructor(props: IEditorAnimationProps);
+    render(): ReactNode;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    /**
+     * Sets the reference to the edited object, selected somewhere in the graph or the preview, to edit its animations.
+     * @param object defines the reference to the object that has been selected somewhere in the graph or the preview.
+     */
+    setEditedObject(object: unknown): void;
+    /**
+     * Plays the current timeline starting from the current tracker position.
+     */
+    play(): void;
+    /**
+     * Stops the current timeline being played and returns to the previous tracker position
+     * saved before the timeline was played.
+     */
+    stop(): void;
+}

package/declaration/src/editor/layout/assets-browser/events/gui.d.ts

@@ -0,0 +1,2 @@
+import { Editor } from "../../../main";
+export declare function listenGuiAssetsEvents(editor: Editor): void;

package/declaration/src/editor/layout/assets-browser/events/material.d.ts

@@ -0,0 +1,2 @@
+import { Editor } from "../../../main";
+export declare function listenMaterialAssetsEvents(editor: Editor): void;

package/declaration/src/editor/layout/assets-browser/events/particles.d.ts

@@ -0,0 +1,2 @@
+import { Editor } from "../../../main";
+export declare function listenParticleAssetsEvents(editor: Editor): void;

package/declaration/src/editor/layout/assets-browser/events/scene.d.ts

@@ -0,0 +1,2 @@
+import { Editor } from "../../../main";
+export declare function listenSceneAssetsEvents(editor: Editor): void;

package/declaration/src/editor/layout/assets-browser/items/cinematic-item.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from "react";
+import { AssetsBrowserItem } from "./item";
+export declare class AssetBrowserCinematicItem extends AssetsBrowserItem {
+    /**
+     * @override
+     */
+    protected getIcon(): ReactNode;
+    /**
+     * @override
+     */
+    protected onDoubleClick(): Promise<void>;
+}

package/declaration/src/editor/layout/assets-browser/items/gui-item.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from "react";
+import { AssetsBrowserItem } from "./item";
+export declare class AssetBrowserGUIItem extends AssetsBrowserItem {
+    private _base64Value;
+    componentDidMount(): Promise<void>;
+    /**
+     * @override
+     */
+    protected getIcon(): ReactNode;
+    /**
+     * @override
+     */
+    protected onDoubleClick(): Promise<void>;
+}

package/declaration/src/editor/layout/assets-browser/items/hdr-item.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from "react";
+import { AssetsBrowserItem } from "./item";
+export declare class AssetBrowserHDRItem extends AssetsBrowserItem {
+    /**
+     * @override
+     */
+    protected getContextMenuContent(): ReactNode;
+    /**
+     * @override
+     */
+    protected getIcon(): ReactNode;
+    private _handleConvertToEnv;
+}

package/declaration/src/editor/layout/assets-browser/items/image-item.d.ts

@@ -0,0 +1,27 @@
+import { ReactNode } from "react";
+import { AssetsBrowserItem } from "./item";
+export declare class AssetBrowserImageItem extends AssetsBrowserItem {
+    private _availableResizes;
+    private _size;
+    private _thumbnailError;
+    private _thumbnailPath;
+    /**
+     * @override
+     */
+    protected getContextMenuContent(): ReactNode;
+    /**
+     * @override
+     */
+    protected getIcon(): ReactNode;
+    /**
+     * @override
+     */
+    componentDidMount(): Promise<void>;
+    /**
+     * @override
+     */
+    componentWillUnmount(): void;
+    private _updateThumbnail;
+    private _updateAvailableSizes;
+    private _handleResize;
+}

package/declaration/src/editor/layout/assets-browser/items/item.d.ts

@@ -0,0 +1,91 @@
+import { Component, MouseEvent, ReactNode } from "react";
+import { Editor } from "../../../main";
+export interface IAssetsBrowserItemProps {
+    /**
+     * The editor reference.
+     */
+    editor: Editor;
+    /**
+     * The absolute path of the item.
+     */
+    absolutePath: string;
+    /**
+     * Defines wether or not the item is selected.
+     */
+    selected: boolean;
+    /**
+     * Defines the key used to identify the item in the selectable context.
+     */
+    selectableKey: string;
+    /**
+     * Called on click.
+     * @param event defines the mouse event.
+     * @param item the item that has been clicked.
+     * @param contextMenu defines whether or not the context menu has been triggered.
+     */
+    onClick: (event: MouseEvent<HTMLDivElement, globalThis.MouseEvent>, item: AssetsBrowserItem, contextMenu: boolean) => void;
+    /**
+     * Called on double click.
+     * @param item the item that has been double clicked.
+     */
+    onDoubleClick: (item: AssetsBrowserItem) => void;
+    /**
+     * Called on the item asks for a refresh.
+     */
+    onRefresh: () => void;
+    /**
+     * Called on the item wants to control the state of the selectable context.
+     */
+    setSelectionEnabled: (enabled: boolean) => void;
+}
+export interface IAssetsBrowserItemState {
+    /**
+     * Defines whether or not the item is loading.
+     */
+    isLoading: boolean;
+    /**
+     * Defines whether or not the item is a directory.
+     */
+    isDirectory: boolean;
+    /**
+     * Defines whether or not the item is being renamed.
+     */
+    isRenaming: boolean;
+    /**
+     * Defines wether or not a file is being dragged over the current item (if directory).
+     */
+    isDragOver: boolean;
+    /**
+     * Defines the optional preview image.
+     */
+    previewImage: string | null;
+}
+export declare class AssetsBrowserItem extends Component<IAssetsBrowserItemProps, IAssetsBrowserItemState> {
+    private _renameValue;
+    constructor(props: IAssetsBrowserItemProps);
+    render(): ReactNode;
+    componentDidMount(): Promise<void>;
+    private _handleKeyUp;
+    private _handleDoubleClick;
+    /**
+     * Called on the item is double-clicked. To be overriden by the specialized items implementations.
+     */
+    protected onDoubleClick(): void | Promise<void>;
+    private _handleDragStart;
+    private _handleDrop;
+    private _renameMouseListener;
+    private _renameKeyboardListener;
+    private _handleNameDoubleClicked;
+    private _handleRenamingItem;
+    private _handleRenameFileOrFolder;
+    private _removeRenameEventListeners;
+    /**
+     * Returns the context menu content for the current item.
+     * To be overriden by the specialized items implementations.
+     */
+    protected getContextMenuContent(): ReactNode;
+    private _getContextMenuContent;
+    private _handleTrashItem;
+    private _computePreviewImage;
+    protected getIcon(): ReactNode;
+}

package/declaration/src/editor/layout/assets-browser/items/json-item.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from "react";
+import { AssetsBrowserItem } from "./item";
+export declare class AssetBrowserJsonItem extends AssetsBrowserItem {
+    type: "json" | "spritesheet" | "unknown";
+    private _data;
+    /**
+     * @override
+     */
+    protected getIcon(): ReactNode;
+    componentDidMount(): Promise<void>;
+    private _processJson;
+    private _processSpriteSheetPreview;
+    private _getSpritesheetPreviews;
+}

package/declaration/src/editor/layout/assets-browser/items/material-item.d.ts

@@ -0,0 +1,26 @@
+import { ReactNode } from "react";
+import { AssetsBrowserItem } from "./item";
+export declare class AssetBrowserMaterialItem extends AssetsBrowserItem {
+    private _thumbnailError;
+    private _thumbnailBase64;
+    /**
+     * @override
+     */
+    componentDidMount(): Promise<void>;
+    /**
+     * @override
+     */
+    protected getIcon(): ReactNode;
+    /**
+     * @override
+     */
+    protected onDoubleClick(): Promise<void>;
+    /**
+     * Returns the context menu content for the current item.
+     * To be overriden by the specialized items implementations.
+     * @override
+     */
+    protected getContextMenuContent(): ReactNode;
+    private _computeThumbnail;
+    private _handleClone;
+}

package/declaration/src/editor/layout/assets-browser/items/mesh-item.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from "react";
+import { AssetsBrowserItem } from "./item";
+export declare class AssetBrowserMeshItem extends AssetsBrowserItem {
+    private _thumbnailError;
+    private _thumbnailBase64;
+    /**
+     * @override
+     */
+    componentDidMount(): Promise<void>;
+    /**
+     * @override
+     */
+    protected getContextMenuContent(): ReactNode;
+    /**
+     * @override
+     */
+    protected getIcon(): ReactNode;
+    private _computeThumbnail;
+    private _handleConvertSceneFileToBabylon;
+}

package/declaration/src/editor/layout/assets-browser/items/navmesh-item.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from "react";
+import { AssetsBrowserItem } from "./item";
+export declare class AssetBrowserNavmeshItem extends AssetsBrowserItem {
+    /**
+     * @override
+     */
+    protected getIcon(): ReactNode;
+    /**
+     * @override
+     */
+    protected onDoubleClick(): Promise<void>;
+}

package/declaration/src/editor/layout/assets-browser/items/particle-system-item.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from "react";
+import { AssetsBrowserItem } from "./item";
+export declare class AssetBrowserParticleSystemItem extends AssetsBrowserItem {
+    /**
+     * @override
+     */
+    protected getIcon(): ReactNode;
+    /**
+     * @override
+     */
+    protected onDoubleClick(): Promise<void>;
+}

package/declaration/src/editor/layout/assets-browser/items/scene-item.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from "react";
+import { AssetsBrowserItem } from "./item";
+export declare class AssetBrowserSceneItem extends AssetsBrowserItem {
+    private _previewPath;
+    /**
+     * @override
+     */
+    protected getContextMenuContent(): ReactNode;
+    /**
+     * @override
+     */
+    protected getIcon(): ReactNode;
+    componentDidMount(): Promise<void>;
+    private _handleDuplicate;
+    private _handleEdit;
+}

package/declaration/src/editor/layout/assets-browser/label.d.ts

@@ -0,0 +1,7 @@
+import { DragEvent } from "react";
+export interface IEditorAssetsTreeLabelProps {
+    name: string;
+    relativePath: string;
+    onDrop: (ev: DragEvent<HTMLDivElement>) => void;
+}
+export declare function EditorAssetsTreeLabel(props: IEditorAssetsTreeLabelProps): import("react/jsx-runtime").JSX.Element;

package/declaration/src/editor/layout/assets-browser/viewers/env-viewer.d.ts

@@ -0,0 +1 @@
+export declare function openEnvViewer(absolutePath: string): void;

package/declaration/src/editor/layout/assets-browser/viewers/material-viewer.d.ts

@@ -0,0 +1,6 @@
+import { Editor } from "../../../main";
+export declare function openMaterialViewer(editor: Editor, absolutePath: string): void;
+export interface IAssetBrowserMaterialViewerProps {
+    editor: Editor;
+    absolutePath: string;
+}

package/declaration/src/editor/layout/assets-browser/viewers/model-viewer.d.ts

@@ -0,0 +1,10 @@
+import { Editor } from "../../../main";
+export interface IOpenModelViewerOptions {
+    overrideMaterialAbsolutePath?: string;
+}
+export declare function openModelViewer(editor: Editor, absolutePath: string, options?: IOpenModelViewerOptions): void;
+export interface IAssetBrowserModelViewerProps {
+    editor: Editor;
+    absolutePath: string;
+    options?: IOpenModelViewerOptions;
+}

package/declaration/src/editor/layout/assets-browser.d.ts

@@ -0,0 +1,106 @@
+import { Component, ReactNode } from "react";
+import { TreeNodeInfo } from "@blueprintjs/core";
+import { Editor } from "../main";
+import "babylonjs-loaders";
+export interface IEditorAssetsBrowserProps {
+    /**
+     * The editor reference.
+     */
+    editor: Editor;
+}
+export interface IEditorAssetsBrowserState {
+    /**
+     * The sizes of the panels.
+     */
+    sizes: number[];
+    files: string[];
+    selectedKeys: string[];
+    selectionEnabled: boolean;
+    treeSearch: string;
+    gridSearch: string;
+    showGeneratedFiles: boolean;
+    browsedPath?: string;
+    filesTreeNodes: TreeNodeInfo[];
+    dragAndDroppingFiles: boolean;
+}
+export declare class EditorAssetsBrowser extends Component<IEditorAssetsBrowserProps, IEditorAssetsBrowserState> {
+    private _isMouseOver;
+    private _selectedFiles;
+    constructor(props: IEditorAssetsBrowserProps);
+    render(): ReactNode;
+    componentDidMount(): void;
+    /**
+     * Returns wether or not the currently browsed folder is the /assets folder.
+     */
+    isAssetsFolder(): boolean;
+    /**
+     * Returns wether or not the currently browsed folder is the /src folder.
+     */
+    isSrcFolder(): boolean;
+    private _refreshFilesTreeNodes;
+    /**
+     * Sets the new path being browsed by the assets browser.
+     */
+    setBrowsePath(path: string): Promise<void>;
+    /**
+     * Refreshes the assets browser. This will refresh the files and the files tree nodes.
+     */
+    refresh(): void;
+    /**
+     * Copies the selected files.
+     */
+    copySelectedFiles(): void;
+    private _pasteSelectedFiles;
+    /**
+     *  Handles the file renamed event. This will update the file paths in the editor.
+     */
+    handleFileRenamed(oldAbsolutePath: string, newAbsolutePath: string): Promise<void>;
+    private _handleFileRenamed;
+    /**
+     * Adds the specified file to the selected files. This will add to the current selection the specified file.
+     */
+    addToSelectedFiles(absolutePath: string): void;
+    /**
+     * Sets the selected file. This will clear the current selection and select the specified file.
+     */
+    setSelectedFile(absolutePath: string): void;
+    private _handleDropInTree;
+    /**
+     * Handles the move selected files to event. This will move the selected files to the specified path.
+     */
+    handleMoveSelectedFilesTo(absolutePath: string): Promise<void>;
+    private _refreshItems;
+    private _getFilesGridComponent;
+    private _getBreadcrumbComponent;
+    private _getGridComponent;
+    private _getAssetsContextMenuItems;
+    private _getSrcContextMenuItems;
+    private _getAssetBrowserItem;
+    private _handleDragOver;
+    private _handleDrop;
+    private _handleDroppedNodesFromGraph;
+    private _handleCreateDirectory;
+    private _handleImportFiles;
+    private _handleAddScene;
+    private _handleAddMaterial;
+    private _handleAddNodeMaterialFromSnippet;
+    private _handleAddNodeParticleSystem;
+    private _handleAddCinematic;
+    private _handleAddNavmesh;
+    private _handleAddFullScreenGUI;
+    private _handleAddScript;
+    /**
+     * Returns whether the browsed path is the project root path.
+     * @returns Whether the browsed path is the project root path.
+     */
+    private _isBrowsingProjectRootPath;
+    private _handleItemClick;
+    private _handleShiftItemClick;
+    private _handleItemDoubleClick;
+    private _handleLoadScene;
+    private _handleNodeClicked;
+    private _handleNodeDoubleClicked;
+    private _handleNodeExpanded;
+    private _handleNodeCollapsed;
+    private _forEachNode;
+}

package/declaration/src/editor/layout/cinematic/curves/curve.d.ts

@@ -0,0 +1,23 @@
+import { IAnimationKey } from "babylonjs";
+import { ICinematicKey, ICinematicKeyCut, ICinematicTrack } from "babylonjs-editor-tools";
+import { CinematicEditor } from "../editor";
+import { ICinematicEditorEditableProperty } from "./tools/property";
+export interface ICinematicEditorPropertyCubeProps {
+    color: string;
+    height: number;
+    scale: number;
+    yScale: number;
+    drawPoint: boolean;
+    drawHandles: boolean;
+    track: ICinematicTrack;
+    cinematicKey: ICinematicKey | ICinematicKeyCut;
+    nextCinematicKey: ICinematicKey | ICinematicKeyCut;
+    editableAnimationKey: IAnimationKey;
+    nextEditableAnimationKey: IAnimationKey;
+    editableProperty: ICinematicEditorEditableProperty;
+    nextEditableProperty: ICinematicEditorEditableProperty;
+    editableTangentProperty?: ICinematicEditorEditableProperty;
+    nextEditableTangentProperty?: ICinematicEditorEditableProperty;
+    cinematicEditor: CinematicEditor;
+}
+export declare function CinematicEditorPropertyCurve(props: ICinematicEditorPropertyCubeProps): import("react/jsx-runtime").JSX.Element;

package/declaration/src/editor/layout/cinematic/curves/handle.d.ts

@@ -0,0 +1,20 @@
+import { ICinematicKey, ICinematicKeyCut } from "babylonjs-editor-tools";
+import { CinematicEditor } from "../editor";
+import { ICinematicEditorEditableProperty } from "./tools/property";
+export interface ICinematicEditorCurveHandleProps {
+    scale: number;
+    yScale: number;
+    height: number;
+    c1: [number, number];
+    c2: [number, number];
+    strokeColor: string;
+    tangentType: "in" | "out";
+    cinematicKey: ICinematicKey | ICinematicKeyCut;
+    nextCinematicKey: ICinematicKey | ICinematicKeyCut;
+    editableProperty: ICinematicEditorEditableProperty;
+    nextEditableProperty: ICinematicEditorEditableProperty;
+    editableTangentProperty?: ICinematicEditorEditableProperty;
+    nextEditableTangentProperty?: ICinematicEditorEditableProperty;
+    cinematicEditor: CinematicEditor;
+}
+export declare function CinematicEditorCurveHandle(props: ICinematicEditorCurveHandleProps): import("react/jsx-runtime").JSX.Element;

package/declaration/src/editor/layout/cinematic/curves/point.d.ts

@@ -0,0 +1,16 @@
+import { IAnimationKey } from "babylonjs";
+import { ICinematicKey, ICinematicKeyCut } from "babylonjs-editor-tools";
+import { CinematicEditor } from "../editor";
+import { ICinematicEditorEditableProperty } from "./tools/property";
+export interface ICinematicEditorPropertyPointProps {
+    scale: number;
+    yScale: number;
+    cx: number;
+    cy: number;
+    animationKey: IAnimationKey;
+    cinematicKey: ICinematicKey | ICinematicKeyCut;
+    editableProperty: ICinematicEditorEditableProperty;
+    cinematicEditor: CinematicEditor;
+    onRemoved: () => void;
+}
+export declare function CinematicEditorPropertyPoint(props: ICinematicEditorPropertyPointProps): import("react/jsx-runtime").JSX.Element;

package/declaration/src/editor/layout/cinematic/curves/root.d.ts

@@ -0,0 +1,27 @@
+import { Component } from "react";
+import { Vector2 } from "babylonjs";
+import { CinematicEditor } from "../editor";
+export interface ICinematicEditorCurvesRootProps {
+    scale: number;
+    translation: Vector2;
+    cinematicEditor: CinematicEditor;
+}
+export interface ICinematicEditorCurvesRootState {
+    panning: boolean;
+    rightClickPositionX: number | null;
+}
+export declare class CinematicEditorCurvesRoot extends Component<ICinematicEditorCurvesRootProps, ICinematicEditorCurvesRootState> {
+    private _rootSvgRef;
+    private _yScale;
+    private _panStart;
+    private _oldTrack;
+    private _editableTracks;
+    constructor(props: ICinematicEditorCurvesRootProps);
+    render(): React.ReactNode;
+    private _computeYScale;
+    private _getCurves;
+    private _handlePointerDown;
+    private _handlePointerMove;
+    private _handlePointerUp;
+    private _handleWheel;
+}

package/declaration/src/editor/layout/cinematic/curves/ticks.d.ts

@@ -0,0 +1,9 @@
+import { Vector2 } from "babylonjs";
+import { ReactNode } from "react";
+export interface ICinemaaticEditorCurvesTicksProps {
+    scale: number;
+    width: number;
+    height: number;
+    translation: Vector2;
+}
+export declare function CinematicEditorCurvesTicks(props: ICinemaaticEditorCurvesTicksProps): ReactNode[];

package/declaration/src/editor/layout/cinematic/curves/tools/animation-group.d.ts

@@ -0,0 +1,3 @@
+import { ICinematicAnimationGroup, ICinematicTrack } from "babylonjs-editor-tools";
+export declare function normalizeAnimationGroupWeightKeys(track: ICinematicTrack): void;
+export declare function createAnimationGroupGhostRect(ag: ICinematicAnimationGroup, scale: number, height: number): import("react/jsx-runtime").JSX.Element;

package/declaration/src/editor/layout/cinematic/curves/tools/property.d.ts

@@ -0,0 +1,8 @@
+import { IAnimationKey } from "babylonjs";
+export interface ICinematicEditorEditableProperty {
+    rootObject: any;
+    property: string;
+}
+export declare function getEditableProperties(key: IAnimationKey, property: string): ICinematicEditorEditableProperty[];
+export declare function getEditablePropertyValue(editableProperty: ICinematicEditorEditableProperty): number;
+export declare function setEditablePropertyValue(editableProperty: ICinematicEditorEditableProperty, newValue: number): void;

package/declaration/src/editor/layout/cinematic/curves/tools/sound.d.ts

@@ -0,0 +1,2 @@
+import { ICinematicTrack } from "babylonjs-editor-tools";
+export declare function normalizeSoundVolumeKeys(track: ICinematicTrack): void;

package/declaration/src/editor/layout/cinematic/curves/tools/tools.d.ts

@@ -0,0 +1,34 @@
+export declare function screenToSvg(svg: SVGSVGElement, clientX: number, clientY: number): {
+    x: number;
+    y: number;
+};
+export declare function valueToSVGY(value: number, height: number): number;
+export declare function SVGYToValue(value: number, scale: number, height: number): number;
+export interface IConvertKeysToBezierOptions {
+    frame1: number;
+    frame2: number;
+    value1: number;
+    value2: number;
+    outTangent: number;
+    inTangent: number;
+}
+export declare function convertKeysToBezier(options: IConvertKeysToBezierOptions): {
+    p0: [number, number];
+    p1: [number, number];
+    c1: [number, number];
+    c2: [number, number];
+};
+export interface IConvertKeysToTangentsOptions {
+    p0: [number, number];
+    p1: [number, number];
+    c1: [number, number];
+    c2: [number, number];
+}
+export declare function convertBezierToTangents(options: IConvertKeysToTangentsOptions): {
+    frame1: number;
+    value1: number;
+    frame2: number;
+    value2: number;
+    outTangent: number;
+    inTangent: number;
+};

package/declaration/src/editor/layout/cinematic/curves.d.ts

@@ -0,0 +1,21 @@
+import { Component } from "react";
+import { Vector2 } from "babylonjs";
+import { ICinematicTrack } from "babylonjs-editor-tools";
+import { CinematicEditor } from "./editor";
+import { CinematicEditorTracker } from "./tracker";
+export interface ICinematicEditorCurvesProps {
+    scale: number;
+    currentTime: number;
+    selectedTrack: ICinematicTrack | null;
+    cinematicEditor: CinematicEditor;
+}
+export interface ICinematicEditorCurvesState {
+    translation: Vector2;
+}
+export declare class CinematicEditorCurves extends Component<ICinematicEditorCurvesProps, ICinematicEditorCurvesState> {
+    tracker: CinematicEditorTracker;
+    private _divRef;
+    constructor(props: ICinematicEditorCurvesProps);
+    render(): React.ReactNode;
+    private _handleMainDivPointerDown;
+}