@widgetstools/react-dock-manager 0.1.0

package/dist/index.d.cts

@@ -0,0 +1,50 @@
+import * as _widgetstools_dock_manager_core from '@widgetstools/dock-manager-core';
+import { DockManagerState, PanelConfig, PanelApi, PreventableDockEvent, DockPosition, DockTheme, DockResourceStrings, DockAction, DockviewComponent } from '@widgetstools/dock-manager-core';
+export { AddPanelOptions, DockAction, DockEdge, DockManagerState, DockPosition, DockResourceStrings, DockTheme, DockThemeColors, DockviewApi, DockviewComponent, DockviewComponentOptions, EventEmitter, FloatPanelOptions, FloatingPanel, HeaderPosition, IDisposable, LayoutNode, MovePanelOptions, PanelConfig, PopoutPanel, PreventableDockEvent, SplitDirection, SplitNode, TabGroupNode, UnpinnedPanel, clearLocalStorage, createDefaultState, deserialize, dockReducer, draculaDark, exportToFile, findAllTabGroups, findFirstTabGroup, findTabGroupById, findTabGroupForPanel, forestDark, getThemeByName, getThemesByMode, githubLight, importFromFile, lavenderLight, loadFromLocalStorage, midnightDark, mintLight, nordDark, saveToLocalStorage, sepiaLight, serialize, slateDark, solarizedDark, solarizedLight, themes, validateState, vsCodeDark, vsCodeLight, warmLight } from '@widgetstools/dock-manager-core';
+import React from 'react';
+
+interface DockManagerCoreProps {
+    /** Initial state for the dock manager */
+    initialState: DockManagerState;
+    /** Render panel content. Called when a panel needs content mounted. */
+    renderPanel: (panelId: string, panel: PanelConfig, api: PanelApi) => React.ReactNode;
+    /** Optional custom tab renderer */
+    renderTab?: (panelId: string, panel: PanelConfig, isActive: boolean) => React.ReactNode;
+    /** Optional header action slots */
+    renderHeaderActions?: (slot: 'left' | 'right' | 'prefix', tabGroupId: string) => React.ReactNode;
+    /** Called when state changes */
+    onStateChange?: (state: DockManagerState) => void;
+    /** Called before a panel is closed (preventable) */
+    onWillClose?: (event: PreventableDockEvent, panelId: string) => void;
+    /** Called before a drop (preventable) */
+    onWillDrop?: (event: PreventableDockEvent, sourceId: string, targetId: string, position: DockPosition) => void;
+    /** Theme: 'light', 'dark', or a DockTheme object */
+    theme?: 'light' | 'dark' | DockTheme;
+    /** Whether to show edge dock indicators. Defaults to true. */
+    allowRootDock?: boolean;
+    /** Custom strings for UI elements (tooltips, context menu, etc.) */
+    resourceStrings?: Partial<DockResourceStrings>;
+    /** Additional className for the root container */
+    className?: string;
+}
+interface DockManagerCoreHandle {
+    /** Dispatch an action to the dock manager */
+    dispatch: (action: DockAction) => void;
+    /** Get current state */
+    getState: () => DockManagerState;
+    /** Get the underlying DockviewComponent instance */
+    getInstance: () => DockviewComponent | null;
+    /** Get the DockviewApi for high-level programmatic control */
+    getApi: () => _widgetstools_dock_manager_core.DockviewApi | null;
+}
+declare const DockManagerCore: React.ForwardRefExoticComponent<DockManagerCoreProps & React.RefAttributes<DockManagerCoreHandle>>;
+
+type Theme = 'light' | 'dark' | 'system';
+declare function useTheme(defaultTheme?: Theme): {
+    theme: Theme;
+    resolvedTheme: "light" | "dark";
+    setTheme: (t: Theme) => void;
+    toggleTheme: () => void;
+};
+
+export { DockManagerCore, type DockManagerCoreHandle, type DockManagerCoreProps, useTheme };

package/dist/index.d.ts

@@ -0,0 +1,50 @@
+import * as _widgetstools_dock_manager_core from '@widgetstools/dock-manager-core';
+import { DockManagerState, PanelConfig, PanelApi, PreventableDockEvent, DockPosition, DockTheme, DockResourceStrings, DockAction, DockviewComponent } from '@widgetstools/dock-manager-core';
+export { AddPanelOptions, DockAction, DockEdge, DockManagerState, DockPosition, DockResourceStrings, DockTheme, DockThemeColors, DockviewApi, DockviewComponent, DockviewComponentOptions, EventEmitter, FloatPanelOptions, FloatingPanel, HeaderPosition, IDisposable, LayoutNode, MovePanelOptions, PanelConfig, PopoutPanel, PreventableDockEvent, SplitDirection, SplitNode, TabGroupNode, UnpinnedPanel, clearLocalStorage, createDefaultState, deserialize, dockReducer, draculaDark, exportToFile, findAllTabGroups, findFirstTabGroup, findTabGroupById, findTabGroupForPanel, forestDark, getThemeByName, getThemesByMode, githubLight, importFromFile, lavenderLight, loadFromLocalStorage, midnightDark, mintLight, nordDark, saveToLocalStorage, sepiaLight, serialize, slateDark, solarizedDark, solarizedLight, themes, validateState, vsCodeDark, vsCodeLight, warmLight } from '@widgetstools/dock-manager-core';
+import React from 'react';
+
+interface DockManagerCoreProps {
+    /** Initial state for the dock manager */
+    initialState: DockManagerState;
+    /** Render panel content. Called when a panel needs content mounted. */
+    renderPanel: (panelId: string, panel: PanelConfig, api: PanelApi) => React.ReactNode;
+    /** Optional custom tab renderer */
+    renderTab?: (panelId: string, panel: PanelConfig, isActive: boolean) => React.ReactNode;
+    /** Optional header action slots */
+    renderHeaderActions?: (slot: 'left' | 'right' | 'prefix', tabGroupId: string) => React.ReactNode;
+    /** Called when state changes */
+    onStateChange?: (state: DockManagerState) => void;
+    /** Called before a panel is closed (preventable) */
+    onWillClose?: (event: PreventableDockEvent, panelId: string) => void;
+    /** Called before a drop (preventable) */
+    onWillDrop?: (event: PreventableDockEvent, sourceId: string, targetId: string, position: DockPosition) => void;
+    /** Theme: 'light', 'dark', or a DockTheme object */
+    theme?: 'light' | 'dark' | DockTheme;
+    /** Whether to show edge dock indicators. Defaults to true. */
+    allowRootDock?: boolean;
+    /** Custom strings for UI elements (tooltips, context menu, etc.) */
+    resourceStrings?: Partial<DockResourceStrings>;
+    /** Additional className for the root container */
+    className?: string;
+}
+interface DockManagerCoreHandle {
+    /** Dispatch an action to the dock manager */
+    dispatch: (action: DockAction) => void;
+    /** Get current state */
+    getState: () => DockManagerState;
+    /** Get the underlying DockviewComponent instance */
+    getInstance: () => DockviewComponent | null;
+    /** Get the DockviewApi for high-level programmatic control */
+    getApi: () => _widgetstools_dock_manager_core.DockviewApi | null;
+}
+declare const DockManagerCore: React.ForwardRefExoticComponent<DockManagerCoreProps & React.RefAttributes<DockManagerCoreHandle>>;
+
+type Theme = 'light' | 'dark' | 'system';
+declare function useTheme(defaultTheme?: Theme): {
+    theme: Theme;
+    resolvedTheme: "light" | "dark";
+    setTheme: (t: Theme) => void;
+    toggleTheme: () => void;
+};
+
+export { DockManagerCore, type DockManagerCoreHandle, type DockManagerCoreProps, useTheme };