flexlayout-react 0.8.11 → 0.8.13

package/src/Types.ts

@@ -1,112 +0,0 @@
-export 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__LAYOUT = "flexlayout__layout",
-    FLEXLAYOUT__LAYOUT_MOVEABLES = "flexlayout__layout_moveables",
-    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__TAB_OVERLAY = "flexlayout__tab_overlay",
-
-    FLEXLAYOUT__TABSET = "flexlayout__tabset",
-    FLEXLAYOUT__TABSET_CONTAINER = "flexlayout__tabset_container",
-    FLEXLAYOUT__TABSET_HEADER = "flexlayout__tabset_header",
-    FLEXLAYOUT__TABSET_HEADER_CONTENT = "flexlayout__tabset_header_content",
-    FLEXLAYOUT__TABSET_MAXIMIZED = "flexlayout__tabset-maximized",
-    FLEXLAYOUT__TABSET_SELECTED = "flexlayout__tabset-selected",
-    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_TOOLBAR = "flexlayout__tab_toolbar",
-    FLEXLAYOUT__TAB_TOOLBAR_BUTTON = "flexlayout__tab_toolbar_button",
-    FLEXLAYOUT__TAB_TOOLBAR_ICON = "flexlayout__tab_toolbar_icon",
-    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_ITEM__SELECTED = "flexlayout__popup_menu_item--selected",
-    FLEXLAYOUT__POPUP_MENU = "flexlayout__popup_menu",
-
-    FLEXLAYOUT__MINI_SCROLLBAR = "flexlayout__mini_scrollbar",
-    FLEXLAYOUT__MINI_SCROLLBAR_CONTAINER = "flexlayout__mini_scrollbar_container",
-}

package/src/index.ts

@@ -1,23 +0,0 @@
-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 './model/LayoutWindow';
-
-export * from './DockLocation';
-export * from './DropInfo';
-export * from './I18nLabel';
-export * from './Orientation';
-export * from './Rect';
-export * from './Types';

package/src/model/Action.ts

@@ -1,9 +0,0 @@
-export class Action {
-    type: string;
-    data: Record<string, any>;
-
-    constructor(type: string, data: Record<string, any>) {
-        this.type = type;
-        this.data = data;
-    }
-}

package/src/model/Actions.ts

@@ -1,188 +0,0 @@
-import { DockLocation } from "../DockLocation";
-import { Action } from "./Action";
-import { IJsonRect, IJsonRowNode } from "./IJsonModel";
-
-/**
- * The Action creator class for FlexLayout model actions
- */
-export class Actions {
-    static ADD_NODE = "FlexLayout_AddNode";
-    static MOVE_NODE = "FlexLayout_MoveNode";
-    static DELETE_TAB = "FlexLayout_DeleteTab";
-    static DELETE_TABSET = "FlexLayout_DeleteTabset";
-    static RENAME_TAB = "FlexLayout_RenameTab";
-    static SELECT_TAB = "FlexLayout_SelectTab";
-    static SET_ACTIVE_TABSET = "FlexLayout_SetActiveTabset";
-    static ADJUST_WEIGHTS = "FlexLayout_AdjustWeights";
-    static ADJUST_BORDER_SPLIT = "FlexLayout_AdjustBorderSplit";
-    static MAXIMIZE_TOGGLE = "FlexLayout_MaximizeToggle";
-    static UPDATE_MODEL_ATTRIBUTES = "FlexLayout_UpdateModelAttributes";
-    static UPDATE_NODE_ATTRIBUTES = "FlexLayout_UpdateNodeAttributes";
-    static POPOUT_TAB = "FlexLayout_PopoutTab";
-    static POPOUT_TABSET = "FlexLayout_PopoutTabset";
-    static CLOSE_WINDOW = "FlexLayout_CloseWindow";
-    static CREATE_WINDOW = "FlexLayout_CreateWindow";
-
-    /**
-     * 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 {
-        return new Action(Actions.ADD_NODE, {
-            json,
-            toNode: toNodeId,
-            location: location.getName(),
-            index,
-            select,
-        });
-    }
-
-    /**
-     * 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 {
-        return new Action(Actions.MOVE_NODE, {
-            fromNode: fromNodeId,
-            toNode: toNodeId,
-            location: location.getName(),
-            index,
-            select,
-        });
-    }
-
-    /**
-     * Deletes a tab node from the layout
-     * @param tabNodeId the id of the tab node to delete
-     * @returns {Action} the action
-     */
-    static deleteTab(tabNodeId: string): Action {
-        return new Action(Actions.DELETE_TAB, { node: tabNodeId });
-    }
-
-    /**
-     * 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 {
-        return new Action(Actions.DELETE_TABSET, { node: tabsetNodeId });
-    }
-
-    /**
-     * 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 {
-        return new Action(Actions.RENAME_TAB, { node: tabNodeId, text });
-    }
-
-    /**
-     * 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 {
-        return new Action(Actions.SELECT_TAB, { tabNode: tabNodeId });
-    }
-
-    /**
-     * 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 {
-        return new Action(Actions.SET_ACTIVE_TABSET, { tabsetNode: tabsetNodeId, windowId: windowId });
-    }
-
-    /**
-     * Adjust the weights of a row, used when the splitter is moved
-     * @param nodeId the row node whose childrens weights are being adjusted
-     * @param weights an array of weights to be applied to the children 
-     * @returns {Action} the action
-     */
-    static adjustWeights(nodeId: string, weights: number[]): Action {
-        return new Action(Actions.ADJUST_WEIGHTS, {nodeId, weights});
-    }
-
-    static adjustBorderSplit(nodeId: string, pos: number): Action {
-        return new Action(Actions.ADJUST_BORDER_SPLIT, { node: nodeId, pos });
-    }
-
-    /**
-     * 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 {
-        return new Action(Actions.MAXIMIZE_TOGGLE, { node: tabsetNodeId, windowId: windowId });
-    }
-
-    /**
-     * 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 {
-        return new Action(Actions.UPDATE_MODEL_ATTRIBUTES, { json: attributes });
-    }
-
-    /**
-     * 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 {
-        return new Action(Actions.UPDATE_NODE_ATTRIBUTES, { node: nodeId, json: attributes });
-    }
-
-    /**
-     * Pops out the given tab node into a new browser window
-     * @param nodeId the tab node to popout
-     * @returns 
-     */
-    static popoutTab(nodeId: string): Action {
-        return new Action(Actions.POPOUT_TAB, { node: nodeId });
-    }
-
-    /**
-     * Pops out the given tab set node into a new browser window
-     * @param nodeId the tab set node to popout
-     * @returns 
-     */
-    static popoutTabset(nodeId: string): Action {
-        return new Action(Actions.POPOUT_TABSET, { node: nodeId });
-    }
-
-    /**
-     * Closes the popout window
-     * @param windowId the id of the popout window to close
-     * @returns 
-     */
-    static closeWindow(windowId: string): Action {
-        return new Action(Actions.CLOSE_WINDOW, { windowId });
-    }
-
-    /**
-     * Creates a new empty popout window with the given layout
-     * @param layout the json layout for the new window
-     * @param rect the window rectangle in screen coordinates
-     * @returns 
-     */
-    static createWindow(layout: IJsonRowNode, rect: IJsonRect): Action {
-        return new Action(Actions.CREATE_WINDOW, { layout, rect});
-    }
-}