@jbrowse/app-core 4.3.0 → 5.0.0-beta.2

package/esm/ui/App/viewTitle.d.ts

@@ -0,0 +1,5 @@
+export declare function viewTitle(view: {
+    displayName?: string;
+    assemblyNames?: string[];
+    minimized: boolean;
+}, getDisplayName: (assemblyName: string) => string): string;

package/esm/ui/App/viewTitle.js

@@ -0,0 +1,9 @@
+export function viewTitle(view, getDisplayName) {
+    // assemblyNames is [] (not undefined) for a view with no displayed regions
+    // yet, so fall back on emptiness rather than nullishness
+    const assemblyNames = view.assemblyNames ?? [];
+    return (view.displayName ??
+        `${assemblyNames.length
+            ? assemblyNames.map(r => getDisplayName(r)).join(',')
+            : 'Untitled view'}${view.minimized ? ' (minimized)' : ''}`);
+}

package/esm/ui/index.d.ts

@@ -1 +1 @@
-export * from './App/index.ts';
+export { App, AppReadyMarker, DialogQueue } from './App/index.ts';

package/esm/ui/index.js

@@ -1 +1 @@
-export * from "./App/index.js";
+export { App, AppReadyMarker, DialogQueue } from './App/index.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbrowse/app-core",
-  "version": "4.3.0",
+  "version": "5.0.0-beta.2",
   "type": "module",
   "description": "JBrowse 2 code shared between the 'full featured' apps e.g. jbrowse-web and jbrowse-desktop",
   "keywords": [
@@ -24,26 +24,24 @@
     "esm"
   ],
   "dependencies": {
-    "@jbrowse/mobx-state-tree": "^5.6.0",
-    "@mui/icons-material": "^7.3.11",
-    "@mui/material": "^7.3.11",
-    "dockview-core": "^5.2.0",
-    "dockview-react": "^5.2.0",
-    "mobx": "^6.15.3",
-    "mobx-react": "^9.2.1",
-    "@jbrowse/core": "^4.3.0",
-    "@jbrowse/product-core": "^4.3.0"
+    "@jbrowse/mobx-state-tree": "^6.5.1",
+    "@mui/icons-material": "^9.4.0",
+    "@mui/material": "^9.4.0",
+    "mobx": "^7.0.3",
+    "mobx-react": "^10.0.2",
+    "@jbrowse/product-core": "^5.0.0-beta.2",
+    "@jbrowse/core": "^5.0.0-beta.2"
   },
   "peerDependencies": {
-    "react": ">=18.0.0",
-    "react-dom": ">=18.0.0"
+    "react": ">=19.0.0",
+    "react-dom": ">=19.0.0"
   },
   "publishConfig": {
     "access": "public"
   },
   "sideEffects": false,
   "scripts": {
-    "build:esm": "tsc -p tsconfig.build.esm.json",
+    "build:esm": "node ../../node_modules/typescript7/bin/tsc --build tsconfig.build.esm.json",
     "build": "pnpm build:esm",
     "test": "cd ../..; jest --passWithNoTests packages/app-core",
     "clean": "rimraf esm *.tsbuildinfo",
@@ -51,9 +49,6 @@
   },
   "types": "esm/index.d.ts",
   "exports": {
-    ".": {
-      "types": "./esm/index.d.ts",
-      "import": "./esm/index.js"
-    }
+    ".": "./esm/index.js"
   }
 }

package/esm/AppFocus/index.d.ts

@@ -1,5 +0,0 @@
-export declare function AppFocusMixin(): import("@jbrowse/mobx-state-tree").IModelType<{
-    focusedViewId: import("@jbrowse/mobx-state-tree").IMaybe<import("@jbrowse/mobx-state-tree").ISimpleType<string>>;
-}, {
-    setFocusedViewId(viewId: string): void;
-}, import("@jbrowse/mobx-state-tree")._NotCustomized, import("@jbrowse/mobx-state-tree")._NotCustomized>;

package/esm/AppFocus/index.js

@@ -1,12 +0,0 @@
-import { types } from '@jbrowse/mobx-state-tree';
-export function AppFocusMixin() {
-    return types
-        .model({
-        focusedViewId: types.maybe(types.string),
-    })
-        .actions(self => ({
-        setFocusedViewId(viewId) {
-            self.focusedViewId = viewId;
-        },
-    }));
-}

package/esm/Assemblies/SessionAssembliesMixin.d.ts

@@ -1,92 +0,0 @@
-import type PluginManager from '@jbrowse/core/PluginManager';
-import type { BaseAssemblyConfigSchema } from '@jbrowse/core/assemblyManager';
-import type { AnyConfiguration } from '@jbrowse/core/configuration';
-export declare function SessionAssembliesMixin(pluginManager: PluginManager, assemblyConfigSchemasType: BaseAssemblyConfigSchema): import("@jbrowse/mobx-state-tree").IModelType<{
-    sessionAssemblies: import("@jbrowse/mobx-state-tree").IArrayType<import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
-        aliases: {
-            type: string;
-            defaultValue: never[];
-            description: string;
-        };
-        sequence: import("@jbrowse/core/configuration").AnyConfigurationSchemaType;
-        refNameColors: {
-            type: string;
-            defaultValue: never[];
-            description: string;
-        };
-        refNameAliases: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
-            adapter: import("@jbrowse/mobx-state-tree").IAnyModelType;
-        }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
-        cytobands: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
-            adapter: import("@jbrowse/mobx-state-tree").IAnyModelType;
-        }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
-        displayName: {
-            type: string;
-            defaultValue: string;
-            description: string;
-        };
-    }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, "name">>>;
-}, {
-    addSessionAssembly(conf: AnyConfiguration): ({
-        [x: string]: any;
-    } & import("@jbrowse/mobx-state-tree/dist/internal").NonEmptyObject & {
-        setSubschema(slotName: string, data: Record<string, unknown>): Record<string, unknown> | ({
-            [x: string]: any;
-        } & import("@jbrowse/mobx-state-tree/dist/internal").NonEmptyObject & {
-            setSubschema(slotName: string, data: Record<string, unknown>): Record<string, unknown> | ({
-                [x: string]: any;
-            } & import("@jbrowse/mobx-state-tree/dist/internal").NonEmptyObject & any & import("@jbrowse/mobx-state-tree").IStateTreeNode<import("@jbrowse/core/configuration").AnyConfigurationSchemaType>);
-        } & import("@jbrowse/mobx-state-tree").IStateTreeNode<import("@jbrowse/core/configuration").AnyConfigurationSchemaType>);
-    } & import("@jbrowse/mobx-state-tree").IStateTreeNode<import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
-        aliases: {
-            type: string;
-            defaultValue: never[];
-            description: string;
-        };
-        sequence: import("@jbrowse/core/configuration").AnyConfigurationSchemaType;
-        refNameColors: {
-            type: string;
-            defaultValue: never[];
-            description: string;
-        };
-        refNameAliases: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
-            adapter: import("@jbrowse/mobx-state-tree").IAnyModelType;
-        }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
-        cytobands: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
-            adapter: import("@jbrowse/mobx-state-tree").IAnyModelType;
-        }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
-        displayName: {
-            type: string;
-            defaultValue: string;
-            description: string;
-        };
-    }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, "name">>>) | undefined;
-    addAssembly(conf: AnyConfiguration): void;
-    removeAssembly(name: string): void;
-    removeSessionAssembly(assemblyName: string): void;
-}, import("@jbrowse/mobx-state-tree")._NotCustomized, import("@jbrowse/mobx-state-tree").ModelSnapshotType<{
-    sessionAssemblies: import("@jbrowse/mobx-state-tree").IArrayType<import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
-        aliases: {
-            type: string;
-            defaultValue: never[];
-            description: string;
-        };
-        sequence: import("@jbrowse/core/configuration").AnyConfigurationSchemaType;
-        refNameColors: {
-            type: string;
-            defaultValue: never[];
-            description: string;
-        };
-        refNameAliases: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
-            adapter: import("@jbrowse/mobx-state-tree").IAnyModelType;
-        }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
-        cytobands: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
-            adapter: import("@jbrowse/mobx-state-tree").IAnyModelType;
-        }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
-        displayName: {
-            type: string;
-            defaultValue: string;
-            description: string;
-        };
-    }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, "name">>>;
-}>>;

package/esm/Assemblies/SessionAssembliesMixin.js

@@ -1,53 +0,0 @@
-import { types } from '@jbrowse/mobx-state-tree';
-export function SessionAssembliesMixin(pluginManager, assemblyConfigSchemasType) {
-    return types
-        .model({
-        sessionAssemblies: types.array(assemblyConfigSchemasType),
-    })
-        .actions(s => {
-        const self = s;
-        return {
-            addSessionAssembly(conf) {
-                const asm = self.sessionAssemblies.find(f => f.name === conf.name);
-                if (asm) {
-                    console.warn(`Assembly ${conf.name} already exists`);
-                    return asm;
-                }
-                const length = self.sessionAssemblies.push(conf);
-                return self.sessionAssemblies[length - 1];
-            },
-            addAssembly(conf) {
-                if (self.adminMode) {
-                    self.jbrowse.addAssemblyConf(conf);
-                }
-                else {
-                    this.addSessionAssembly(conf);
-                }
-            },
-            removeAssembly(name) {
-                if (self.adminMode) {
-                    self.jbrowse.removeAssemblyConf(name);
-                }
-                else {
-                    this.removeSessionAssembly(name);
-                }
-            },
-            removeSessionAssembly(assemblyName) {
-                const elt = self.sessionAssemblies.find(a => a.name === assemblyName);
-                if (elt) {
-                    self.sessionAssemblies.remove(elt);
-                }
-            },
-        };
-    })
-        .postProcessSnapshot(snap => {
-        if (!snap) {
-            return snap;
-        }
-        const { sessionAssemblies, ...rest } = snap;
-        return {
-            ...rest,
-            ...(sessionAssemblies.length ? { sessionAssemblies } : {}),
-        };
-    });
-}

package/esm/Assemblies/TemporaryAssembliesMixin.d.ts

@@ -1,10 +0,0 @@
-import type PluginManager from '@jbrowse/core/PluginManager';
-import type { AnyConfiguration } from '@jbrowse/core/configuration';
-export declare function TemporaryAssembliesMixin(pluginManager: PluginManager, assemblyConfigSchemasType?: import("@jbrowse/mobx-state-tree").IType<any, any, any>): import("@jbrowse/mobx-state-tree").IModelType<{
-    temporaryAssemblies: import("@jbrowse/mobx-state-tree").IArrayType<import("@jbrowse/mobx-state-tree").IType<any, any, any>>;
-}, {
-    addTemporaryAssembly(conf: AnyConfiguration): any;
-    removeTemporaryAssembly(name: string): void;
-}, import("@jbrowse/mobx-state-tree")._NotCustomized, import("@jbrowse/mobx-state-tree").ModelSnapshotType<{
-    temporaryAssemblies: import("@jbrowse/mobx-state-tree").IArrayType<import("@jbrowse/mobx-state-tree").IType<any, any, any>>;
-}>>;

package/esm/Assemblies/TemporaryAssembliesMixin.js

@@ -1,37 +0,0 @@
-import { types } from '@jbrowse/mobx-state-tree';
-export function TemporaryAssembliesMixin(pluginManager, assemblyConfigSchemasType = types.frozen()) {
-    return types
-        .model({
-        temporaryAssemblies: types.array(assemblyConfigSchemasType),
-    })
-        .actions(s => {
-        const self = s;
-        return {
-            addTemporaryAssembly(conf) {
-                const asm = self.temporaryAssemblies.find(f => f.name === conf.name);
-                if (asm) {
-                    console.warn(`Assembly ${conf.name} was already existing`);
-                    return asm;
-                }
-                const length = self.temporaryAssemblies.push(conf);
-                return self.temporaryAssemblies[length - 1];
-            },
-            removeTemporaryAssembly(name) {
-                const elt = self.temporaryAssemblies.find(a => a.name === name);
-                if (elt) {
-                    self.temporaryAssemblies.remove(elt);
-                }
-            },
-        };
-    })
-        .postProcessSnapshot(snap => {
-        if (!snap) {
-            return snap;
-        }
-        const { temporaryAssemblies, ...rest } = snap;
-        return {
-            ...rest,
-            ...(temporaryAssemblies.length ? { temporaryAssemblies } : {}),
-        };
-    });
-}

package/esm/DockviewLayout/index.d.ts

@@ -1,35 +0,0 @@
-import type { IAnyStateTreeNode, Instance } from '@jbrowse/mobx-state-tree';
-import type { SerializedDockview } from 'dockview-react';
-export interface DockviewLayoutNode {
-    viewIds?: string[];
-    direction?: 'horizontal' | 'vertical';
-    children?: DockviewLayoutNode[];
-    size?: number;
-}
-export declare function DockviewLayoutMixin(): import("@jbrowse/mobx-state-tree").IModelType<{
-    dockviewLayout: import("@jbrowse/mobx-state-tree").IMaybe<import("@jbrowse/mobx-state-tree").IType<SerializedDockview, SerializedDockview, SerializedDockview>>;
-    panelViewAssignments: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").IMapType<import("@jbrowse/mobx-state-tree").IArrayType<import("@jbrowse/mobx-state-tree").ISimpleType<string>>>, [undefined]>;
-    init: import("@jbrowse/mobx-state-tree").IType<DockviewLayoutNode | undefined, DockviewLayoutNode | undefined, DockviewLayoutNode | undefined>;
-    activePanelId: import("@jbrowse/mobx-state-tree").IMaybe<import("@jbrowse/mobx-state-tree").ISimpleType<string>>;
-}, {
-    getViewIdsForPanel(panelId: string): never[] | (import("@jbrowse/mobx-state-tree").IMSTArray<import("@jbrowse/mobx-state-tree").ISimpleType<string>> & import("@jbrowse/mobx-state-tree").IStateTreeNode<import("@jbrowse/mobx-state-tree").IArrayType<import("@jbrowse/mobx-state-tree").ISimpleType<string>>>);
-} & {
-    setDockviewLayout(layout: SerializedDockview | undefined): void;
-    setActivePanelId(panelId: string | undefined): void;
-    setInit(init: DockviewLayoutNode | undefined): void;
-    assignViewToPanel(panelId: string, viewId: string): void;
-    removeViewFromPanel(viewId: string): void;
-    removePanel(panelId: string): void;
-    moveViewUpInPanel(viewId: string): void;
-    moveViewDownInPanel(viewId: string): void;
-    moveViewToTopInPanel(viewId: string): void;
-    moveViewToBottomInPanel(viewId: string): void;
-}, import("@jbrowse/mobx-state-tree")._NotCustomized, import("@jbrowse/mobx-state-tree").ModelSnapshotType<{
-    dockviewLayout: import("@jbrowse/mobx-state-tree").IMaybe<import("@jbrowse/mobx-state-tree").IType<SerializedDockview, SerializedDockview, SerializedDockview>>;
-    panelViewAssignments: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").IMapType<import("@jbrowse/mobx-state-tree").IArrayType<import("@jbrowse/mobx-state-tree").ISimpleType<string>>>, [undefined]>;
-    init: import("@jbrowse/mobx-state-tree").IType<DockviewLayoutNode | undefined, DockviewLayoutNode | undefined, DockviewLayoutNode | undefined>;
-    activePanelId: import("@jbrowse/mobx-state-tree").IMaybe<import("@jbrowse/mobx-state-tree").ISimpleType<string>>;
-}>>;
-export type DockviewLayoutMixinType = ReturnType<typeof DockviewLayoutMixin>;
-export type SessionWithDockviewLayout = Instance<DockviewLayoutMixinType>;
-export declare function isSessionWithDockviewLayout(session: IAnyStateTreeNode): session is SessionWithDockviewLayout;

package/esm/DockviewLayout/index.js

@@ -1,111 +0,0 @@
-import { types } from '@jbrowse/mobx-state-tree';
-export function DockviewLayoutMixin() {
-    return types
-        .model({
-        dockviewLayout: types.maybe(types.frozen()),
-        panelViewAssignments: types.optional(types.map(types.array(types.string)), {}),
-        init: types.frozen(),
-        activePanelId: types.maybe(types.string),
-    })
-        .views(self => ({
-        getViewIdsForPanel(panelId) {
-            return self.panelViewAssignments.get(panelId) ?? [];
-        },
-    }))
-        .actions(self => ({
-        setDockviewLayout(layout) {
-            self.dockviewLayout = layout;
-        },
-        setActivePanelId(panelId) {
-            self.activePanelId = panelId;
-        },
-        setInit(init) {
-            self.init = init;
-        },
-        assignViewToPanel(panelId, viewId) {
-            const existing = self.panelViewAssignments.get(panelId);
-            if (existing) {
-                if (!existing.includes(viewId)) {
-                    existing.push(viewId);
-                }
-            }
-            else {
-                self.panelViewAssignments.set(panelId, [viewId]);
-            }
-        },
-        removeViewFromPanel(viewId) {
-            for (const [panelId, viewIds] of self.panelViewAssignments.entries()) {
-                const idx = viewIds.indexOf(viewId);
-                if (idx !== -1) {
-                    viewIds.splice(idx, 1);
-                    if (viewIds.length === 0) {
-                        self.panelViewAssignments.delete(panelId);
-                    }
-                    break;
-                }
-            }
-        },
-        removePanel(panelId) {
-            self.panelViewAssignments.delete(panelId);
-        },
-        moveViewUpInPanel(viewId) {
-            for (const viewIds of self.panelViewAssignments.values()) {
-                const idx = viewIds.indexOf(viewId);
-                if (idx > 0) {
-                    const temp = viewIds[idx - 1];
-                    viewIds[idx - 1] = viewIds[idx];
-                    viewIds[idx] = temp;
-                    break;
-                }
-            }
-        },
-        moveViewDownInPanel(viewId) {
-            for (const viewIds of self.panelViewAssignments.values()) {
-                const idx = viewIds.indexOf(viewId);
-                if (idx !== -1 && idx < viewIds.length - 1) {
-                    const temp = viewIds[idx + 1];
-                    viewIds[idx + 1] = viewIds[idx];
-                    viewIds[idx] = temp;
-                    break;
-                }
-            }
-        },
-        moveViewToTopInPanel(viewId) {
-            for (const viewIds of self.panelViewAssignments.values()) {
-                const idx = viewIds.indexOf(viewId);
-                if (idx > 0) {
-                    viewIds.splice(idx, 1);
-                    viewIds.unshift(viewId);
-                    break;
-                }
-            }
-        },
-        moveViewToBottomInPanel(viewId) {
-            for (const viewIds of self.panelViewAssignments.values()) {
-                const idx = viewIds.indexOf(viewId);
-                if (idx !== -1 && idx < viewIds.length - 1) {
-                    viewIds.splice(idx, 1);
-                    viewIds.push(viewId);
-                    break;
-                }
-            }
-        },
-    }))
-        .postProcessSnapshot(snap => {
-        if (!snap) {
-            return snap;
-        }
-        const { dockviewLayout, panelViewAssignments, init: _init, activePanelId, ...rest } = snap;
-        return {
-            ...rest,
-            ...(dockviewLayout !== undefined ? { dockviewLayout } : {}),
-            ...(panelViewAssignments && Object.keys(panelViewAssignments).length
-                ? { panelViewAssignments }
-                : {}),
-            ...(activePanelId !== undefined ? { activePanelId } : {}),
-        };
-    });
-}
-export function isSessionWithDockviewLayout(session) {
-    return 'dockviewLayout' in session && 'setDockviewLayout' in session;
-}

package/esm/ui/App/DockviewContext.d.ts

@@ -1,22 +0,0 @@
-import type { DockviewApi, DockviewGroupPanel } from 'dockview-react';
-interface DockviewContextValue {
-    api: DockviewApi | null;
-    rearrangePanels: (arrange: (api: DockviewApi) => void) => void;
-    addEmptyTab: (targetGroup?: DockviewGroupPanel) => void;
-    moveViewToNewTab: (viewId: string) => void;
-    moveViewToSplitRight: (viewId: string) => void;
-}
-export declare function peekPendingMoveAction(): {
-    type: "newTab" | "splitRight";
-    viewId: string;
-} | null;
-export declare function clearPendingMoveAction(): void;
-export declare function getPendingMoveAction(): {
-    type: "newTab" | "splitRight";
-    viewId: string;
-} | null;
-export declare function setPendingMoveToNewTab(viewId: string): void;
-export declare function setPendingMoveToSplitRight(viewId: string): void;
-export declare const DockviewContext: import("react").Context<DockviewContextValue>;
-export declare function useDockview(): DockviewContextValue;
-export {};

package/esm/ui/App/DockviewContext.js

@@ -1,29 +0,0 @@
-import { createContext, useContext } from 'react';
-let pendingMoveAction = null;
-export function peekPendingMoveAction() {
-    return pendingMoveAction;
-}
-export function clearPendingMoveAction() {
-    pendingMoveAction = null;
-}
-export function getPendingMoveAction() {
-    const action = pendingMoveAction;
-    pendingMoveAction = null;
-    return action;
-}
-export function setPendingMoveToNewTab(viewId) {
-    pendingMoveAction = { type: 'newTab', viewId };
-}
-export function setPendingMoveToSplitRight(viewId) {
-    pendingMoveAction = { type: 'splitRight', viewId };
-}
-export const DockviewContext = createContext({
-    api: null,
-    rearrangePanels: () => { },
-    addEmptyTab: () => { },
-    moveViewToNewTab: setPendingMoveToNewTab,
-    moveViewToSplitRight: setPendingMoveToSplitRight,
-});
-export function useDockview() {
-    return useContext(DockviewContext);
-}

package/esm/ui/App/DockviewLeftHeaderActions.d.ts

@@ -1,2 +0,0 @@
-import type { IDockviewHeaderActionsProps } from 'dockview-react';
-export default function DockviewLeftHeaderActions({ containerApi, group, }: IDockviewHeaderActionsProps): import("react/jsx-runtime").JSX.Element;

package/esm/ui/App/DockviewLeftHeaderActions.js

@@ -1,58 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import CascadingMenuButton from '@jbrowse/core/ui/CascadingMenuButton';
-import { makeStyles } from '@jbrowse/core/util/tss-react';
-import AddIcon from '@mui/icons-material/Add';
-import HorizontalSplitIcon from '@mui/icons-material/HorizontalSplit';
-import TabIcon from '@mui/icons-material/Tab';
-import VerticalSplitIcon from '@mui/icons-material/VerticalSplit';
-import { useDockview } from "./DockviewContext.js";
-const useStyles = makeStyles()(theme => ({
-    headerActions: {
-        display: 'flex',
-        alignItems: 'center',
-        height: '100%',
-    },
-    headerButton: {
-        padding: 4,
-        color: theme.palette.primary.contrastText,
-    },
-    headerIcon: {
-        fontSize: 16,
-    },
-}));
-export default function DockviewLeftHeaderActions({ containerApi, group, }) {
-    const { classes } = useStyles();
-    const { addEmptyTab } = useDockview();
-    const handleSplit = (direction) => {
-        const newGroup = containerApi.addGroup({
-            referenceGroup: group,
-            direction,
-        });
-        addEmptyTab(newGroup);
-    };
-    return (_jsx("div", { className: classes.headerActions, children: _jsx(CascadingMenuButton, { menuItems: [
-                {
-                    label: 'New empty tab',
-                    icon: TabIcon,
-                    onClick: () => {
-                        addEmptyTab();
-                    },
-                },
-                {
-                    label: 'New empty split horizontal',
-                    icon: VerticalSplitIcon,
-                    onClick: () => {
-                        handleSplit('right');
-                    },
-                },
-                {
-                    label: 'New empty split vertical',
-                    icon: HorizontalSplitIcon,
-                    onClick: () => {
-                        handleSplit('below');
-                    },
-                },
-            ], size: "small", className: classes.headerButton, onClick: () => {
-                group.api.setActive();
-            }, children: _jsx(AddIcon, { className: classes.headerIcon }) }) }));
-}

package/esm/ui/App/DockviewRightHeaderActions.d.ts

@@ -1,2 +0,0 @@
-import type { IDockviewHeaderActionsProps } from 'dockview-react';
-export default function DockviewRightHeaderActions({ containerApi, group, }: IDockviewHeaderActionsProps): import("react/jsx-runtime").JSX.Element;