@aptre/flex-layout 0.1.1 → 0.1.3

package/declarations/DragDrop.d.ts

@@ -5,10 +5,24 @@ export declare class DragDrop {
     resizeGlass(): void;
     hideGlass(): void;
     setGlassCursorOverride(cursor: string | undefined): void;
-    startDrag(event: Event | React.MouseEvent<HTMLDivElement, MouseEvent> | React.TouchEvent<HTMLDivElement> | React.DragEvent<Element> | undefined, fDragStart: ((pos: {
-        clientX: number;
-        clientY: number;
-    }) => boolean) | undefined, fDragMove: ((event: React.MouseEvent<Element>) => void) | undefined, fDragEnd: ((event: Event) => void) | undefined, fDragCancel?: ((wasDragging: boolean) => void) | undefined, fClick?: ((event: Event) => void) | undefined, fDblClick?: ((event: Event) => void) | undefined, currentDocument?: Document, rootElement?: HTMLDivElement): void;
+    startDrag(
+        event:
+            | Event
+            | React.MouseEvent<HTMLDivElement, MouseEvent>
+            | React.TouchEvent<HTMLDivElement>
+            | React.DragEvent<Element>
+            | undefined,
+        fDragStart:
+            | ((pos: { clientX: number; clientY: number }) => boolean)
+            | undefined,
+        fDragMove: ((event: React.MouseEvent<Element>) => void) | undefined,
+        fDragEnd: ((event: Event) => void) | undefined,
+        fDragCancel?: ((wasDragging: boolean) => void) | undefined,
+        fClick?: ((event: Event) => void) | undefined,
+        fDblClick?: ((event: Event) => void) | undefined,
+        currentDocument?: Document,
+        rootElement?: HTMLDivElement
+    ): void;
     isDragging(): boolean;
     isActive(): boolean;
     toString(): string;

package/declarations/DropInfo.d.ts

@@ -8,5 +8,11 @@ export declare class DropInfo {
     location: DockLocation;
     index: number;
     className: string;
-    constructor(node: Node & IDropTarget, rect: Rect, location: DockLocation, index: number, className: string);
+    constructor(
+        node: Node & IDropTarget,
+        rect: Rect,
+        location: DockLocation,
+        index: number,
+        className: string
+    );
 }

package/declarations/I18nLabel.d.ts

@@ -10,5 +10,5 @@ export declare enum I18nLabel {
     Floating_Window_Message = "This panel is shown in a floating window",
     Floating_Window_Show_Window = "Show window",
     Floating_Window_Dock_Window = "Dock window",
-    Error_rendering_component = "Error rendering component"
+    Error_rendering_component = "Error rendering component",
 }

package/declarations/Rect.d.ts

@@ -15,7 +15,10 @@ export declare class Rect {
         y: number;
     };
     positionElement(element: HTMLElement, position?: string): void;
-    styleWithPosition(style: Record<string, any>, position?: string): Record<string, any>;
+    styleWithPosition(
+        style: Record<string, any>,
+        position?: string
+    ): Record<string, any>;
     contains(x: number, y: number): boolean;
     removeInsets(insets: {
         top: number;

package/declarations/Types.d.ts

@@ -74,5 +74,5 @@ export declare enum CLASSES {
     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"
+    FLEXLAYOUT__POPUP_MENU = "flexlayout__popup_menu",
 }

package/declarations/index.d.ts

@@ -1,22 +1,22 @@
-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/SplitterNode';
-export * from './model/TabNode';
-export * from './model/TabSetNode';
-export * from './DockLocation';
-export * from './DragDrop';
-export * from './DropInfo';
-export * from './I18nLabel';
-export * from './Orientation';
-export * from './Rect';
-export * from './Types';
+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/SplitterNode";
+export * from "./model/TabNode";
+export * from "./model/TabSetNode";
+export * from "./DockLocation";
+export * from "./DragDrop";
+export * from "./DropInfo";
+export * from "./I18nLabel";
+export * from "./Orientation";
+export * from "./Rect";
+export * from "./Types";

package/declarations/model/Actions.d.ts

@@ -27,7 +27,13 @@ export declare class Actions {
      * @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;
+    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
@@ -37,7 +43,13 @@ export declare class Actions {
      * @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;
+    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

package/declarations/model/ICloseType.d.ts

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

package/declarations/model/IDraggable.d.ts

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

package/declarations/model/IDropTarget.d.ts

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

package/declarations/model/IJsonModel.d.ts

@@ -1,11 +1,11 @@
-import { ICloseType } from './ICloseType';
+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;
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
 };
 export interface IJsonModel {
     global?: IGlobalAttributes;
@@ -24,8 +24,7 @@ export interface IJsonTabSetNode extends ITabSetAttributes {
     maximized?: boolean;
     children: IJsonTabNode[];
 }
-export interface IJsonTabNode extends ITabAttributes {
-}
+export interface IJsonTabNode extends ITabAttributes {}
 export interface IGlobalAttributes {
     borderAutoSelectTabWhenClosed?: boolean;
     borderAutoSelectTabWhenOpen?: boolean;

package/declarations/model/Model.d.ts

@@ -73,14 +73,18 @@ export declare class Model {
      * 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;
+    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;
+    setOnCreateTabSet(
+        onCreateTabSet: (tabNode?: TabNode) => ITabSetAttributes
+    ): void;
     static toTypescriptInterfaces(): void;
     toString(): string;
 }

package/declarations/model/Node.d.ts

@@ -1,6 +1,11 @@
 import { Orientation } from "../Orientation";
 import { Rect } from "../Rect";
-import { IJsonBorderNode, IJsonRowNode, IJsonTabNode, IJsonTabSetNode } from "./IJsonModel";
+import {
+    IJsonBorderNode,
+    IJsonRowNode,
+    IJsonTabNode,
+    IJsonTabSetNode,
+} from "./IJsonModel";
 import { Model } from "./Model";
 export declare abstract class Node {
     getId(): string;
@@ -13,5 +18,10 @@ export declare abstract class Node {
     getOrientation(): Orientation;
     setEventListener(event: string, callback: (params: any) => void): void;
     removeEventListener(event: string): void;
-    abstract toJson(): IJsonRowNode | IJsonBorderNode | IJsonTabSetNode | IJsonTabNode | undefined;
+    abstract toJson():
+        | IJsonRowNode
+        | IJsonBorderNode
+        | IJsonTabSetNode
+        | IJsonTabNode
+        | undefined;
 }

package/declarations/model/TabSetNode.d.ts

@@ -2,7 +2,10 @@ 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 {
+export declare class TabSetNode
+    extends Node
+    implements IDraggable, IDropTarget
+{
     static readonly TYPE = "tabset";
     getName(): string | undefined;
     getSelected(): number;

package/declarations/view/Layout.d.ts

@@ -9,17 +9,35 @@ import { TabNode } from "../model/TabNode";
 import { TabSetNode } from "../model/TabSetNode";
 import { Rect } from "../Rect";
 import { IJsonTabNode } from "../model/IJsonModel";
-export type CustomDragCallback = (dragging: TabNode | IJsonTabNode, over: TabNode, x: number, y: number, location: DockLocation) => void;
-export type DragRectRenderCallback = (content: React.ReactElement | undefined, node?: Node, json?: IJsonTabNode) => React.ReactElement | undefined;
-export type FloatingTabPlaceholderRenderCallback = (dockPopout: () => void, showPopout: () => void) => React.ReactElement | undefined;
-export type NodeMouseEvent = (node: TabNode | TabSetNode | BorderNode, event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
-export type ShowOverflowMenuCallback = (node: TabSetNode | BorderNode, mouseEvent: React.MouseEvent<HTMLElement, MouseEvent>, items: {
-    index: number;
-    node: TabNode;
-}[], onSelect: (item: {
-    index: number;
-    node: TabNode;
-}) => void) => void;
+export type CustomDragCallback = (
+    dragging: TabNode | IJsonTabNode,
+    over: TabNode,
+    x: number,
+    y: number,
+    location: DockLocation
+) => void;
+export type DragRectRenderCallback = (
+    content: React.ReactElement | undefined,
+    node?: Node,
+    json?: IJsonTabNode
+) => React.ReactElement | undefined;
+export type FloatingTabPlaceholderRenderCallback = (
+    dockPopout: () => void,
+    showPopout: () => void
+) => React.ReactElement | undefined;
+export type NodeMouseEvent = (
+    node: TabNode | TabSetNode | BorderNode,
+    event: React.MouseEvent<HTMLElement, MouseEvent>
+) => void;
+export type ShowOverflowMenuCallback = (
+    node: TabSetNode | BorderNode,
+    mouseEvent: React.MouseEvent<HTMLElement, MouseEvent>,
+    items: {
+        index: number;
+        node: TabNode;
+    }[],
+    onSelect: (item: { index: number; node: TabNode }) => void
+) => void;
 export type TabSetPlaceHolderCallback = (node: TabSetNode) => React.ReactNode;
 export type IconFactory = (node: TabNode) => React.ReactNode;
 export type TitleFactory = (node: TabNode) => ITitleObject | React.ReactNode;
@@ -33,27 +51,41 @@ export interface ILayoutProps {
     icons?: IIcons;
     onAction?: (action: Action) => Action | undefined;
     onRenderTab?: (node: TabNode, renderValues: ITabRenderValues) => void;
-    onRenderTabSet?: (tabSetNode: TabSetNode | BorderNode, renderValues: ITabSetRenderValues) => void;
+    onRenderTabSet?: (
+        tabSetNode: TabSetNode | BorderNode,
+        renderValues: ITabSetRenderValues
+    ) => void;
     onModelChange?: (model: Model, action: Action) => void;
-    onExternalDrag?: (event: React.DragEvent<HTMLDivElement>) => undefined | {
-        dragText: string;
-        json: any;
-        onDrop?: (node?: Node, event?: Event) => void;
-    };
+    onExternalDrag?: (event: React.DragEvent<HTMLDivElement>) =>
+        | undefined
+        | {
+              dragText: string;
+              json: any;
+              onDrop?: (node?: Node, event?: Event) => void;
+          };
     classNameMapper?: (defaultClassName: string) => string;
     i18nMapper?: (id: I18nLabel, param?: string) => string | undefined;
     supportsPopout?: boolean | undefined;
     popoutURL?: string | undefined;
     realtimeResize?: boolean | undefined;
-    onTabDrag?: (dragging: TabNode | IJsonTabNode, over: TabNode, x: number, y: number, location: DockLocation, refresh: () => void) => undefined | {
-        x: number;
-        y: number;
-        width: number;
-        height: number;
-        callback: CustomDragCallback;
-        invalidated?: () => void;
-        cursor?: string | undefined;
-    };
+    onTabDrag?: (
+        dragging: TabNode | IJsonTabNode,
+        over: TabNode,
+        x: number,
+        y: number,
+        location: DockLocation,
+        refresh: () => void
+    ) =>
+        | undefined
+        | {
+              x: number;
+              y: number;
+              width: number;
+              height: number;
+              callback: CustomDragCallback;
+              invalidated?: () => void;
+              cursor?: string | undefined;
+          };
     onRenderDragRect?: DragRectRenderCallback;
     onRenderFloatingTabPlaceholder?: FloatingTabPlaceholderRenderCallback;
     onContextMenu?: NodeMouseEvent;
@@ -96,15 +128,22 @@ export interface ILayoutState {
     showEdges?: boolean;
 }
 export interface IIcons {
-    close?: (React.ReactNode | ((tabNode: TabNode) => React.ReactNode));
-    closeTabset?: (React.ReactNode | ((tabSetNode: TabSetNode) => React.ReactNode));
-    popout?: (React.ReactNode | ((tabNode: TabNode) => React.ReactNode));
-    maximize?: (React.ReactNode | ((tabSetNode: TabSetNode) => React.ReactNode));
-    restore?: (React.ReactNode | ((tabSetNode: TabSetNode) => React.ReactNode));
-    more?: (React.ReactNode | ((tabSetNode: (TabSetNode | BorderNode), hiddenTabs: {
-        node: TabNode;
-        index: number;
-    }[]) => React.ReactNode));
+    close?: React.ReactNode | ((tabNode: TabNode) => React.ReactNode);
+    closeTabset?:
+        | React.ReactNode
+        | ((tabSetNode: TabSetNode) => React.ReactNode);
+    popout?: React.ReactNode | ((tabNode: TabNode) => React.ReactNode);
+    maximize?: React.ReactNode | ((tabSetNode: TabSetNode) => React.ReactNode);
+    restore?: React.ReactNode | ((tabSetNode: TabSetNode) => React.ReactNode);
+    more?:
+        | React.ReactNode
+        | ((
+              tabSetNode: TabSetNode | BorderNode,
+              hiddenTabs: {
+                  node: TabNode;
+                  index: number;
+              }[]
+          ) => React.ReactNode);
 }
 export interface ICustomDropDestination {
     rect: Rect;
@@ -120,7 +159,10 @@ export interface ICustomDropDestination {
 /**
  * A React component that hosts a multi-tabbed layout
  */
-export declare class Layout extends React.Component<ILayoutProps, ILayoutState> {
+export declare class Layout extends React.Component<
+    ILayoutProps,
+    ILayoutState
+> {
     constructor(props: ILayoutProps);
     /**
      * Adds a new tab to the given tabset
@@ -139,13 +181,17 @@ export declare class Layout extends React.Component<ILayoutProps, ILayoutState>
      * @param json the json for the new tab node
      * @param onDrop a callback to call when the drag is complete (node and event will be undefined if the drag was cancelled)
      */
-    addTabWithDragAndDrop(dragText: string | undefined, json: IJsonTabNode, onDrop?: (node?: Node, event?: Event) => void): void;
+    addTabWithDragAndDrop(
+        dragText: string | undefined,
+        json: IJsonTabNode,
+        onDrop?: (node?: Node, event?: Event) => void
+    ): void;
     /**
      * Move a tab/tabset using drag and drop
      * @param node the tab or tabset to drag
      * @param dragText the text to show on the drag panel
      */
-    moveTabWithDragAndDrop(node: (TabNode | TabSetNode), dragText?: string): void;
+    moveTabWithDragAndDrop(node: TabNode | TabSetNode, dragText?: string): void;
     /**
      * Adds a new tab by dragging a labeled panel to the drop location, dragging starts when you
      * mouse down on the panel
@@ -154,5 +200,9 @@ export declare class Layout extends React.Component<ILayoutProps, ILayoutState>
      * @param json the json for the new tab node
      * @param onDrop a callback to call when the drag is complete (node and event will be undefined if the drag was cancelled)
      */
-    addTabWithDragAndDropIndirect(dragText: string | undefined, json: IJsonTabNode, onDrop?: (node?: Node, event?: Event) => void): void;
+    addTabWithDragAndDropIndirect(
+        dragText: string | undefined,
+        json: IJsonTabNode,
+        onDrop?: (node?: Node, event?: Event) => void
+    ): void;
 }