flexlayout-react 0.7.15 → 0.8.1

package/declarations/src/Types.d.ts

@@ -0,0 +1,92 @@
+export declare enum CLASSES {
+    FLEXLAYOUT__BORDER = "flexlayout__border",
+    FLEXLAYOUT__BORDER_ = "flexlayout__border_",
+    FLEXLAYOUT__BORDER_TAB_CONTENTS = "flexlayout__border_tab_contents",
+    FLEXLAYOUT__BORDER_BUTTON = "flexlayout__border_button",
+    FLEXLAYOUT__BORDER_BUTTON_ = "flexlayout__border_button_",
+    FLEXLAYOUT__BORDER_BUTTON_CONTENT = "flexlayout__border_button_content",
+    FLEXLAYOUT__BORDER_BUTTON_LEADING = "flexlayout__border_button_leading",
+    FLEXLAYOUT__BORDER_BUTTON_TRAILING = "flexlayout__border_button_trailing",
+    FLEXLAYOUT__BORDER_BUTTON__SELECTED = "flexlayout__border_button--selected",
+    FLEXLAYOUT__BORDER_BUTTON__UNSELECTED = "flexlayout__border_button--unselected",
+    FLEXLAYOUT__BORDER_TOOLBAR_BUTTON_OVERFLOW = "flexlayout__border_toolbar_button_overflow",
+    FLEXLAYOUT__BORDER_TOOLBAR_BUTTON_OVERFLOW_ = "flexlayout__border_toolbar_button_overflow_",
+    FLEXLAYOUT__BORDER_INNER = "flexlayout__border_inner",
+    FLEXLAYOUT__BORDER_INNER_ = "flexlayout__border_inner_",
+    FLEXLAYOUT__BORDER_INNER_TAB_CONTAINER = "flexlayout__border_inner_tab_container",
+    FLEXLAYOUT__BORDER_INNER_TAB_CONTAINER_ = "flexlayout__border_inner_tab_container_",
+    FLEXLAYOUT__BORDER_TAB_DIVIDER = "flexlayout__border_tab_divider",
+    FLEXLAYOUT__BORDER_SIZER = "flexlayout__border_sizer",
+    FLEXLAYOUT__BORDER_TOOLBAR = "flexlayout__border_toolbar",
+    FLEXLAYOUT__BORDER_TOOLBAR_ = "flexlayout__border_toolbar_",
+    FLEXLAYOUT__BORDER_TOOLBAR_BUTTON = "flexlayout__border_toolbar_button",
+    FLEXLAYOUT__BORDER_TOOLBAR_BUTTON_FLOAT = "flexlayout__border_toolbar_button-float",
+    FLEXLAYOUT__DRAG_RECT = "flexlayout__drag_rect",
+    FLEXLAYOUT__EDGE_RECT = "flexlayout__edge_rect",
+    FLEXLAYOUT__EDGE_RECT_TOP = "flexlayout__edge_rect_top",
+    FLEXLAYOUT__EDGE_RECT_LEFT = "flexlayout__edge_rect_left",
+    FLEXLAYOUT__EDGE_RECT_BOTTOM = "flexlayout__edge_rect_bottom",
+    FLEXLAYOUT__EDGE_RECT_RIGHT = "flexlayout__edge_rect_right",
+    FLEXLAYOUT__ERROR_BOUNDARY_CONTAINER = "flexlayout__error_boundary_container",
+    FLEXLAYOUT__ERROR_BOUNDARY_CONTENT = "flexlayout__error_boundary_content",
+    FLEXLAYOUT__FLOATING_WINDOW_CONTENT = "flexlayout__floating_window_content",
+    FLEXLAYOUT__FLOATING_WINDOW_TAB = "flexlayout__floating_window_tab",
+    FLEXLAYOUT__LAYOUT = "flexlayout__layout",
+    FLEXLAYOUT__LAYOUT_PORTALS = "flexlayout__layout_portals",
+    FLEXLAYOUT__LAYOUT_OVERLAY = "flexlayout__layout_overlay",
+    FLEXLAYOUT__LAYOUT_TAB_STAMPS = "flexlayout__layout_tab_stamps",
+    FLEXLAYOUT__LAYOUT_MAIN = "flexlayout__layout_main",
+    FLEXLAYOUT__LAYOUT_BORDER_CONTAINER = "flexlayout__layout_border_container",
+    FLEXLAYOUT__LAYOUT_BORDER_CONTAINER_INNER = "flexlayout__layout_border_container_inner",
+    FLEXLAYOUT__OUTLINE_RECT = "flexlayout__outline_rect",
+    FLEXLAYOUT__OUTLINE_RECT_EDGE = "flexlayout__outline_rect_edge",
+    FLEXLAYOUT__SPLITTER = "flexlayout__splitter",
+    FLEXLAYOUT__SPLITTER_EXTRA = "flexlayout__splitter_extra",
+    FLEXLAYOUT__SPLITTER_ = "flexlayout__splitter_",
+    FLEXLAYOUT__SPLITTER_BORDER = "flexlayout__splitter_border",
+    FLEXLAYOUT__SPLITTER_DRAG = "flexlayout__splitter_drag",
+    FLEXLAYOUT__SPLITTER_HANDLE = "flexlayout__splitter_handle",
+    FLEXLAYOUT__SPLITTER_HANDLE_HORZ = "flexlayout__splitter_handle_horz",
+    FLEXLAYOUT__SPLITTER_HANDLE_VERT = "flexlayout__splitter_handle_vert",
+    FLEXLAYOUT__ROW = "flexlayout__row",
+    FLEXLAYOUT__TAB = "flexlayout__tab",
+    FLEXLAYOUT__TAB_POSITION = "flexlayout__tab_position",
+    FLEXLAYOUT__TAB_MOVEABLE = "flexlayout__tab_moveable",
+    FLEXLAYOUT__TABSET = "flexlayout__tabset",
+    FLEXLAYOUT__TABSET_HEADER = "flexlayout__tabset_header",
+    FLEXLAYOUT__TABSET_HEADER_SIZER = "flexlayout__tabset_header_sizer",
+    FLEXLAYOUT__TABSET_HEADER_CONTENT = "flexlayout__tabset_header_content",
+    FLEXLAYOUT__TABSET_MAXIMIZED = "flexlayout__tabset-maximized",
+    FLEXLAYOUT__TABSET_SELECTED = "flexlayout__tabset-selected",
+    FLEXLAYOUT__TABSET_SIZER = "flexlayout__tabset_sizer",
+    FLEXLAYOUT__TABSET_TAB_DIVIDER = "flexlayout__tabset_tab_divider",
+    FLEXLAYOUT__TABSET_CONTENT = "flexlayout__tabset_content",
+    FLEXLAYOUT__TABSET_TABBAR_INNER = "flexlayout__tabset_tabbar_inner",
+    FLEXLAYOUT__TABSET_TABBAR_INNER_ = "flexlayout__tabset_tabbar_inner_",
+    FLEXLAYOUT__TABSET_TABBAR_INNER_TAB_CONTAINER = "flexlayout__tabset_tabbar_inner_tab_container",
+    FLEXLAYOUT__TABSET_TABBAR_INNER_TAB_CONTAINER_ = "flexlayout__tabset_tabbar_inner_tab_container_",
+    FLEXLAYOUT__TABSET_TABBAR_OUTER = "flexlayout__tabset_tabbar_outer",
+    FLEXLAYOUT__TABSET_TABBAR_OUTER_ = "flexlayout__tabset_tabbar_outer_",
+    FLEXLAYOUT__TAB_BORDER = "flexlayout__tab_border",
+    FLEXLAYOUT__TAB_BORDER_ = "flexlayout__tab_border_",
+    FLEXLAYOUT__TAB_BUTTON = "flexlayout__tab_button",
+    FLEXLAYOUT__TAB_BUTTON_STRETCH = "flexlayout__tab_button_stretch",
+    FLEXLAYOUT__TAB_BUTTON_CONTENT = "flexlayout__tab_button_content",
+    FLEXLAYOUT__TAB_BUTTON_LEADING = "flexlayout__tab_button_leading",
+    FLEXLAYOUT__TAB_BUTTON_OVERFLOW = "flexlayout__tab_button_overflow",
+    FLEXLAYOUT__TAB_BUTTON_OVERFLOW_COUNT = "flexlayout__tab_button_overflow_count",
+    FLEXLAYOUT__TAB_BUTTON_TEXTBOX = "flexlayout__tab_button_textbox",
+    FLEXLAYOUT__TAB_BUTTON_TRAILING = "flexlayout__tab_button_trailing",
+    FLEXLAYOUT__TAB_BUTTON_STAMP = "flexlayout__tab_button_stamp",
+    FLEXLAYOUT__TAB_FLOATING = "flexlayout__tab_floating",
+    FLEXLAYOUT__TAB_FLOATING_INNER = "flexlayout__tab_floating_inner",
+    FLEXLAYOUT__TAB_TOOLBAR = "flexlayout__tab_toolbar",
+    FLEXLAYOUT__TAB_TOOLBAR_BUTTON = "flexlayout__tab_toolbar_button",
+    FLEXLAYOUT__TAB_TOOLBAR_BUTTON_ = "flexlayout__tab_toolbar_button-",
+    FLEXLAYOUT__TAB_TOOLBAR_BUTTON_FLOAT = "flexlayout__tab_toolbar_button-float",
+    FLEXLAYOUT__TAB_TOOLBAR_STICKY_BUTTONS_CONTAINER = "flexlayout__tab_toolbar_sticky_buttons_container",
+    FLEXLAYOUT__TAB_TOOLBAR_BUTTON_CLOSE = "flexlayout__tab_toolbar_button-close",
+    FLEXLAYOUT__POPUP_MENU_CONTAINER = "flexlayout__popup_menu_container",
+    FLEXLAYOUT__POPUP_MENU_ITEM = "flexlayout__popup_menu_item",
+    FLEXLAYOUT__POPUP_MENU = "flexlayout__popup_menu"
+}

package/declarations/src/index.d.ts

@@ -0,0 +1,20 @@
+export * from './view/Layout';
+export * from './model/Action';
+export * from './model/Actions';
+export * from './model/BorderNode';
+export * from './model/BorderSet';
+export * from './model/ICloseType';
+export * from './model/IDraggable';
+export * from './model/IDropTarget';
+export * from './model/IJsonModel';
+export * from './model/Model';
+export * from './model/Node';
+export * from './model/RowNode';
+export * from './model/TabNode';
+export * from './model/TabSetNode';
+export * from './DockLocation';
+export * from './DropInfo';
+export * from './I18nLabel';
+export * from './Orientation';
+export * from './Rect';
+export * from './Types';

package/declarations/src/model/Action.d.ts

@@ -0,0 +1,5 @@
+export declare class Action {
+    type: string;
+    data: Record<string, any>;
+    constructor(type: string, data: Record<string, any>);
+}

package/declarations/src/model/Actions.d.ts

@@ -0,0 +1,110 @@
+import { DockLocation } from "../DockLocation";
+import { Action } from "./Action";
+/**
+ * The Action creator class for FlexLayout model actions
+ */
+export declare class Actions {
+    static ADD_NODE: string;
+    static MOVE_NODE: string;
+    static DELETE_TAB: string;
+    static DELETE_TABSET: string;
+    static RENAME_TAB: string;
+    static SELECT_TAB: string;
+    static SET_ACTIVE_TABSET: string;
+    static ADJUST_SPLIT: string;
+    static ADJUST_BORDER_SPLIT: string;
+    static MAXIMIZE_TOGGLE: string;
+    static UPDATE_MODEL_ATTRIBUTES: string;
+    static UPDATE_NODE_ATTRIBUTES: string;
+    static POPOUT_TAB: string;
+    static CLOSE_WINDOW: string;
+    /**
+     * Adds a tab node to the given tabset node
+     * @param json the json for the new tab node e.g {type:"tab", component:"table"}
+     * @param toNodeId the new tab node will be added to the tabset with this node id
+     * @param location the location where the new tab will be added, one of the DockLocation enum values.
+     * @param index for docking to the center this value is the index of the tab, use -1 to add to the end.
+     * @param select (optional) whether to select the new tab, overriding autoSelectTab
+     * @returns {Action} the action
+     */
+    static addNode(json: any, toNodeId: string, location: DockLocation, index: number, select?: boolean): Action;
+    /**
+     * Moves a node (tab or tabset) from one location to another
+     * @param fromNodeId the id of the node to move
+     * @param toNodeId the id of the node to receive the moved node
+     * @param location the location where the moved node will be added, one of the DockLocation enum values.
+     * @param index for docking to the center this value is the index of the tab, use -1 to add to the end.
+     * @param select (optional) whether to select the moved tab(s) in new tabset, overriding autoSelectTab
+     * @returns {Action} the action
+     */
+    static moveNode(fromNodeId: string, toNodeId: string, location: DockLocation, index: number, select?: boolean): Action;
+    /**
+     * Deletes a tab node from the layout
+     * @param tabsetNodeId the id of the tab node to delete
+     * @returns {Action} the action
+     */
+    static deleteTab(tabNodeId: string): Action;
+    /**
+     * Deletes a tabset node and all it's child tab nodes from the layout
+     * @param tabsetNodeId the id of the tabset node to delete
+     * @returns {Action} the action
+     */
+    static deleteTabset(tabsetNodeId: string): Action;
+    /**
+     * Change the given nodes tab text
+     * @param tabNodeId the id of the node to rename
+     * @param text the test of the tab
+     * @returns {Action} the action
+     */
+    static renameTab(tabNodeId: string, text: string): Action;
+    /**
+     * Selects the given tab in its parent tabset
+     * @param tabNodeId the id of the node to set selected
+     * @returns {Action} the action
+     */
+    static selectTab(tabNodeId: string): Action;
+    /**
+     * Set the given tabset node as the active tabset
+     * @param tabsetNodeId the id of the tabset node to set as active
+     * @returns {Action} the action
+     */
+    static setActiveTabset(tabsetNodeId: string | undefined, windowId?: string | undefined): Action;
+    /**
+     * Adjust the splitter between two tabsets
+     * @example
+     *  Actions.adjustSplit({node1: "1", weight1:30, pixelWidth1:300, node2: "2", weight2:70, pixelWidth2:700});
+     *
+     * @param splitSpec an object the defines the new split between two tabsets, see example below.
+     * @returns {Action} the action
+     */
+    static adjustSplit(splitSpec: {
+        node1Id: string;
+        weight1: number;
+        pixelWidth1: number;
+        node2Id: string;
+        weight2: number;
+        pixelWidth2: number;
+    }): Action;
+    static adjustBorderSplit(nodeId: string, pos: number): Action;
+    /**
+     * Maximizes the given tabset
+     * @param tabsetNodeId the id of the tabset to maximize
+     * @returns {Action} the action
+     */
+    static maximizeToggle(tabsetNodeId: string, windowId?: string | undefined): Action;
+    /**
+     * Updates the global model jsone attributes
+     * @param attributes the json for the model attributes to update (merge into the existing attributes)
+     * @returns {Action} the action
+     */
+    static updateModelAttributes(attributes: any): Action;
+    /**
+     * Updates the given nodes json attributes
+     * @param nodeId the id of the node to update
+     * @param attributes the json attributes to update (merge with the existing attributes)
+     * @returns {Action} the action
+     */
+    static updateNodeAttributes(nodeId: string, attributes: any): Action;
+    static popoutTab(nodeId: string): Action;
+    static closeWindow(windowId: string): Action;
+}

package/declarations/src/model/BorderNode.d.ts

@@ -0,0 +1,28 @@
+import { DockLocation } from "../DockLocation";
+import { Orientation } from "../Orientation";
+import { IDropTarget } from "./IDropTarget";
+import { IJsonBorderNode } from "./IJsonModel";
+import { Node } from "./Node";
+import { TabNode } from "./TabNode";
+export declare class BorderNode extends Node implements IDropTarget {
+    static readonly TYPE = "border";
+    getLocation(): DockLocation;
+    getClassName(): string | undefined;
+    getBorderBarSize(): number;
+    getSize(): any;
+    getMinSize(): number;
+    getSelected(): number;
+    getSelectedNode(): TabNode | undefined;
+    getOrientation(): Orientation;
+    /**
+     * Returns the config attribute that can be used to store node specific data that
+     * WILL be saved to the json. The config attribute should be changed via the action Actions.updateNodeAttributes rather
+     * than directly, for example:
+     * this.state.model.doAction(
+     *   FlexLayout.Actions.updateNodeAttributes(node.getId(), {config:myConfigObject}));
+     */
+    getConfig(): any;
+    isMaximized(): boolean;
+    isShowing(): boolean;
+    toJson(): IJsonBorderNode;
+}

package/declarations/src/model/BorderSet.d.ts

@@ -0,0 +1,3 @@
+export declare class BorderSet {
+    toJson(): import("./IJsonModel").IJsonBorderNode[];
+}

package/declarations/src/model/ICloseType.d.ts

@@ -0,0 +1,5 @@
+export declare enum ICloseType {
+    Visible = 1,
+    Always = 2,
+    Selected = 3
+}

package/declarations/src/model/IDraggable.d.ts

@@ -0,0 +1,2 @@
+export interface IDraggable {
+}

package/declarations/src/model/IDropTarget.d.ts

@@ -0,0 +1,2 @@
+export interface IDropTarget {
+}

package/declarations/src/model/IJsonModel.d.ts

@@ -0,0 +1,153 @@
+import { ICloseType } from './ICloseType';
+export type IBorderLocation = "top" | "bottom" | "left" | "right";
+export type ITabLocation = "top" | "bottom";
+export type IInsets = {
+    "top": number;
+    "right": number;
+    "bottom": number;
+    "left": number;
+};
+export interface IJsonModel {
+    global?: IGlobalAttributes;
+    borders?: IJsonBorderNode[];
+    layout: IJsonRowNode;
+    popouts: Record<string, IJsonPopout>;
+}
+export interface IJsonPopout {
+    layout: IJsonRowNode;
+}
+export interface IJsonBorderNode extends IBorderAttributes {
+    location: IBorderLocation;
+    children: IJsonTabNode[];
+}
+export interface IJsonRowNode extends IRowAttributes {
+    children: (IJsonRowNode | IJsonTabSetNode)[];
+}
+export interface IJsonTabSetNode extends ITabSetAttributes {
+    active?: boolean;
+    maximized?: boolean;
+    children: IJsonTabNode[];
+}
+export interface IJsonTabNode extends ITabAttributes {
+}
+export interface IGlobalAttributes {
+    borderAutoSelectTabWhenClosed?: boolean;
+    borderAutoSelectTabWhenOpen?: boolean;
+    borderBarSize?: number;
+    borderClassName?: string;
+    borderEnableAutoHide?: boolean;
+    borderEnableDrop?: boolean;
+    borderMinSize?: number;
+    borderSize?: number;
+    enableEdgeDock?: boolean;
+    enableRotateBorderIcons?: boolean;
+    enableUseVisibility?: boolean;
+    legacyOverflowMenu?: boolean;
+    marginInsets?: IInsets;
+    rootOrientationVertical?: boolean;
+    splitterExtra?: number;
+    splitterSize?: number;
+    tabBorderHeight?: number;
+    tabBorderWidth?: number;
+    tabClassName?: string;
+    tabCloseType?: ICloseType;
+    tabContentClassName?: string;
+    tabDragSpeed?: number;
+    tabEnableClose?: boolean;
+    tabEnableDrag?: boolean;
+    tabEnableFloat?: boolean;
+    tabEnableRename?: boolean;
+    tabEnableRenderOnDemand?: boolean;
+    tabIcon?: string;
+    tabSetAutoSelectTab?: boolean;
+    tabSetBorderInsets?: IInsets;
+    tabSetClassNameHeader?: string;
+    tabSetClassNameTabStrip?: string;
+    tabSetEnableClose?: boolean;
+    tabSetEnableDeleteWhenEmpty?: boolean;
+    tabSetEnableDivide?: boolean;
+    tabSetEnableDrag?: boolean;
+    tabSetEnableDrop?: boolean;
+    tabSetEnableMaximize?: boolean;
+    tabSetEnableSingleTabStretch?: boolean;
+    tabSetEnableTabStrip?: boolean;
+    tabSetHeaderHeight?: number;
+    tabSetMarginInsets?: IInsets;
+    tabSetMinHeight?: number;
+    tabSetMinWidth?: number;
+    tabSetTabLocation?: ITabLocation;
+    tabSetTabStripHeight?: number;
+}
+export interface IRowAttributes {
+    height?: number;
+    id?: string;
+    type: "row";
+    weight?: number;
+    width?: number;
+}
+export interface ITabSetAttributes {
+    autoSelectTab?: boolean;
+    borderInsets?: IInsets;
+    classNameHeader?: string;
+    classNameTabStrip?: string;
+    config?: any;
+    enableClose?: boolean;
+    enableDeleteWhenEmpty?: boolean;
+    enableDivide?: boolean;
+    enableDrag?: boolean;
+    enableDrop?: boolean;
+    enableMaximize?: boolean;
+    enableSingleTabStretch?: boolean;
+    enableTabStrip?: boolean;
+    headerHeight?: number;
+    height?: number;
+    id?: string;
+    marginInsets?: IInsets;
+    minHeight?: number;
+    minWidth?: number;
+    name?: string;
+    selected?: number;
+    tabLocation?: ITabLocation;
+    tabStripHeight?: number;
+    type: "tabset";
+    weight?: number;
+    width?: number;
+    maximized?: boolean;
+    active?: boolean;
+}
+export interface ITabAttributes {
+    altName?: string;
+    borderHeight?: number;
+    borderWidth?: number;
+    className?: string;
+    closeType?: ICloseType;
+    component?: string;
+    config?: any;
+    contentClassName?: string;
+    tabsetClassName?: string;
+    enableClose?: boolean;
+    enableDrag?: boolean;
+    enableFloat?: boolean;
+    enableRename?: boolean;
+    enableRenderOnDemand?: boolean;
+    floating?: boolean;
+    helpText?: string;
+    icon?: string;
+    id?: string;
+    name?: string;
+    type?: string;
+}
+export interface IBorderAttributes {
+    autoSelectTabWhenClosed?: boolean;
+    autoSelectTabWhenOpen?: boolean;
+    barSize?: number;
+    className?: string;
+    config?: any;
+    enableAutoHide?: boolean;
+    enableDrop?: boolean;
+    minSize?: number;
+    selected?: number;
+    show?: boolean;
+    size?: number;
+    type: "border";
+}

package/declarations/src/model/Model.d.ts

@@ -0,0 +1,98 @@
+import { DropInfo } from "../DropInfo";
+import { Action } from "./Action";
+import { BorderSet } from "./BorderSet";
+import { IJsonModel, IJsonPopout, ITabSetAttributes } from "./IJsonModel";
+import { Node } from "./Node";
+import { RowNode } from "./RowNode";
+import { TabNode } from "./TabNode";
+import { TabSetNode } from "./TabSetNode";
+export declare class WindowLayout {
+    windowId: string;
+    window?: Window;
+    root?: RowNode;
+    maximizedTabSet?: TabSetNode;
+    activeTabSet?: TabSetNode;
+    constructor(windowId: string);
+    visitNodes(fn: (node: Node, level: number) => void): void;
+    toJson(): IJsonPopout;
+    static fromJson(windowJson: IJsonPopout, model: Model, windowId: string): WindowLayout;
+}
+/**
+ * Class containing the Tree of Nodes used by the FlexLayout component
+ */
+export declare class Model {
+    static ROOT_WINDOW_ID: string;
+    /**
+     * Loads the model from the given json object
+     * @param json the json model to load
+     * @returns {Model} a new Model object
+     */
+    static fromJson(json: IJsonModel): Model;
+    /**
+     * Get the currently active tabset node
+     */
+    getActiveTabset(windowId: string): TabSetNode | undefined;
+    /**
+     * Get the currently maximized tabset node
+     */
+    getMaximizedTabset(windowId: string): TabSetNode | undefined;
+    /**
+     * Gets the root RowNode of the model
+     * @returns {RowNode}
+     */
+    getRoot(windowId: string): RowNode;
+    isRootOrientationVertical(): boolean;
+    isEnableRotateBorderIcons(): boolean;
+    /**
+     * Gets the
+     * @returns {BorderSet|*}
+     */
+    getBorderSet(): BorderSet;
+    getwindowsMap(): Map<string, WindowLayout>;
+    /**
+     * Visits all the nodes in the model and calls the given function for each
+     * @param fn a function that takes visited node and a integer level as parameters
+     */
+    visitNodes(fn: (node: Node, level: number) => void): void;
+    /**
+     * Gets a node by its id
+     * @param id the id to find
+     */
+    getNodeById(id: string): Node | undefined;
+    /**
+     * Finds the first/top left tab set of the given node.
+     * @param node The top node you want to begin searching from, deafults to the root node
+     * @returns The first Tab Set
+     */
+    getFirstTabSet(node?: Node): Node;
+    /**
+     * Update the node tree by performing the given action,
+     * Actions should be generated via static methods on the Actions class
+     * @param action the action to perform
+     * @returns added Node for Actions.addNode; undefined otherwise
+     */
+    doAction(action: Action): Node | undefined;
+    /**
+     * Converts the model to a json object
+     * @returns {IJsonModel} json object that represents this model
+     */
+    toJson(): IJsonModel;
+    getSplitterSize(): number;
+    isLegacyOverflowMenu(): boolean;
+    getSplitterExtra(): number;
+    isEnableEdgeDock(): boolean;
+    /**
+     * Sets a function to allow/deny dropping a node
+     * @param onAllowDrop function that takes the drag node and DropInfo and returns true if the drop is allowed
+     */
+    setOnAllowDrop(onAllowDrop: (dragNode: Node, dropInfo: DropInfo) => boolean): void;
+    /**
+     * set callback called when a new TabSet is created.
+     * The tabNode can be undefined if it's the auto created first tabset in the root row (when the last
+     * tab is deleted, the root tabset can be recreated)
+     * @param onCreateTabSet
+     */
+    setOnCreateTabSet(onCreateTabSet: (tabNode?: TabNode) => ITabSetAttributes): void;
+    static toTypescriptInterfaces(): void;
+    toString(): string;
+}

package/declarations/src/model/Node.d.ts

@@ -0,0 +1,16 @@
+import { Orientation } from "../Orientation";
+import { Rect } from "../Rect";
+import { IJsonBorderNode, IJsonRowNode, IJsonTabNode, IJsonTabSetNode } from "./IJsonModel";
+import { Model } from "./Model";
+export declare abstract class Node {
+    getId(): string;
+    getModel(): Model;
+    getType(): string;
+    getParent(): Node | undefined;
+    getChildren(): Node[];
+    getRect(): Rect;
+    getOrientation(): Orientation;
+    setEventListener(event: string, callback: (params: any) => void): void;
+    removeEventListener(event: string): void;
+    abstract toJson(): IJsonRowNode | IJsonBorderNode | IJsonTabSetNode | IJsonTabNode | undefined;
+}

package/declarations/src/model/RowNode.d.ts

@@ -0,0 +1,11 @@
+import { IDropTarget } from "./IDropTarget";
+import { IJsonRowNode } from "./IJsonModel";
+import { Node } from "./Node";
+export declare class RowNode extends Node implements IDropTarget {
+    static readonly TYPE = "row";
+    getWeight(): number;
+    getWidth(): number | undefined;
+    getHeight(): number | undefined;
+    toJson(): IJsonRowNode;
+    setWindowId(windowId: string): void;
+}

package/declarations/src/model/TabNode.d.ts

@@ -0,0 +1,36 @@
+import { IDraggable } from "./IDraggable";
+import { IJsonTabNode } from "./IJsonModel";
+import { Node } from "./Node";
+export declare class TabNode extends Node implements IDraggable {
+    static readonly TYPE = "tab";
+    getName(): string;
+    isHoisted(): boolean;
+    getHelpText(): string | undefined;
+    getComponent(): string | undefined;
+    /**
+     * Returns the config attribute that can be used to store node specific data that
+     * WILL be saved to the json. The config attribute should be changed via the action Actions.updateNodeAttributes rather
+     * than directly, for example:
+     * this.state.model.doAction(
+     *   FlexLayout.Actions.updateNodeAttributes(node.getId(), {config:myConfigObject}));
+     */
+    getConfig(): any;
+    /**
+     * Returns an object that can be used to store transient node specific data that will
+     * NOT be saved in the json.
+     */
+    getExtraData(): Record<string, any>;
+    isPoppedOut(): boolean;
+    isSelected(): boolean;
+    getIcon(): string | undefined;
+    isEnableClose(): boolean;
+    getCloseType(): number;
+    isEnablePopout(): boolean;
+    isEnableDrag(): boolean;
+    isEnableRename(): boolean;
+    getClassName(): string | undefined;
+    getContentClassName(): string | undefined;
+    getTabSetClassName(): string | undefined;
+    isEnableRenderOnDemand(): boolean;
+    toJson(): IJsonTabNode;
+}

package/declarations/src/model/TabSetNode.d.ts

@@ -0,0 +1,37 @@
+import { IDraggable } from "./IDraggable";
+import { IDropTarget } from "./IDropTarget";
+import { IJsonTabSetNode } from "./IJsonModel";
+import { Node } from "./Node";
+export declare class TabSetNode extends Node implements IDraggable, IDropTarget {
+    static readonly TYPE = "tabset";
+    getName(): string | undefined;
+    getSelected(): number;
+    getSelectedNode(): Node | undefined;
+    getWeight(): number;
+    getWidth(): number | undefined;
+    getMinWidth(): number;
+    getHeight(): number | undefined;
+    getMinHeight(): number;
+    /**
+     * Returns the config attribute that can be used to store node specific data that
+     * WILL be saved to the json. The config attribute should be changed via the action Actions.updateNodeAttributes rather
+     * than directly, for example:
+     * this.state.model.doAction(
+     *   FlexLayout.Actions.updateNodeAttributes(node.getId(), {config:myConfigObject}));
+     */
+    getConfig(): any;
+    isMaximized(): boolean;
+    isActive(): boolean;
+    isEnableDeleteWhenEmpty(): boolean;
+    isEnableDrop(): boolean;
+    isEnableDrag(): boolean;
+    isEnableDivide(): boolean;
+    isEnableMaximize(): boolean;
+    isEnableClose(): boolean;
+    isEnableSingleTabStretch(): boolean;
+    isEnableTabStrip(): boolean;
+    isAutoSelectTab(): boolean;
+    getClassNameTabStrip(): string | undefined;
+    getTabLocation(): string;
+    toJson(): IJsonTabSetNode;
+}

package/declarations/src/model/Utils.d.ts

@@ -0,0 +1 @@
+export declare function randomUUID(): any;

package/declarations/src/view/BorderButton.d.ts

@@ -0,0 +1 @@
+export {};

package/declarations/src/view/BorderTab.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export declare function BorderTab(props: IBorderTabProps): React.JSX.Element;

package/declarations/src/view/BorderTabSet.d.ts

@@ -0,0 +1 @@
+export {};

package/declarations/src/view/DragContainer.d.ts

@@ -0,0 +1 @@
+export {};

package/declarations/src/view/ErrorBoundary.d.ts

@@ -0,0 +1 @@
+export {};

package/declarations/src/view/FloatingWindow.d.ts

@@ -0,0 +1 @@
+export {};

package/declarations/src/view/Icons.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+export declare const CloseIcon: () => React.JSX.Element;
+export declare const MaximizeIcon: () => React.JSX.Element;
+export declare const OverflowIcon: () => React.JSX.Element;
+export declare const EdgeIcon: () => React.JSX.Element;
+export declare const PopoutIcon: () => React.JSX.Element;
+export declare const RestoreIcon: () => React.JSX.Element;