1 | import type { ThemeVars } from '@storybook/theming';
|
2 | import type { ModuleFn } from '../index';
|
3 | export declare type PanelPositions = 'bottom' | 'right';
|
4 | export declare type ActiveTabsType = 'sidebar' | 'canvas' | 'addons';
|
5 | export declare const ActiveTabs: {
|
6 | SIDEBAR: "sidebar";
|
7 | CANVAS: "canvas";
|
8 | ADDONS: "addons";
|
9 | };
|
10 | export interface Layout {
|
11 | initialActive: ActiveTabsType;
|
12 | isFullscreen: boolean;
|
13 | showPanel: boolean;
|
14 | panelPosition: PanelPositions;
|
15 | showNav: boolean;
|
16 | showTabs: boolean;
|
17 | showToolbar: boolean;
|
18 | |
19 |
|
20 |
|
21 | isToolshown?: boolean;
|
22 | }
|
23 | export interface UI {
|
24 | name?: string;
|
25 | url?: string;
|
26 | enableShortcuts: boolean;
|
27 | docsMode: boolean;
|
28 | }
|
29 | export interface SubState {
|
30 | layout: Layout;
|
31 | ui: UI;
|
32 | selectedPanel: string | undefined;
|
33 | theme: ThemeVars;
|
34 | }
|
35 | export interface SubAPI {
|
36 | toggleFullscreen: (toggled?: boolean) => void;
|
37 | togglePanel: (toggled?: boolean) => void;
|
38 | togglePanelPosition: (position?: PanelPositions) => void;
|
39 | toggleNav: (toggled?: boolean) => void;
|
40 | toggleToolbar: (toggled?: boolean) => void;
|
41 | setOptions: (options: any) => void;
|
42 | }
|
43 | export interface UIOptions {
|
44 | name?: string;
|
45 | url?: string;
|
46 | goFullScreen: boolean;
|
47 | showStoriesPanel: boolean;
|
48 | showAddonPanel: boolean;
|
49 | addonPanelInRight: boolean;
|
50 | theme?: ThemeVars;
|
51 | selectedPanel?: string;
|
52 | }
|
53 | export declare const focusableUIElements: {
|
54 | storySearchField: string;
|
55 | storyListMenu: string;
|
56 | storyPanelRoot: string;
|
57 | };
|
58 | export declare const init: ModuleFn;
|