@aptre/flex-layout 0.2.4 → 0.3.0-beta.2

package/dist/model/LayoutWindow.d.ts

@@ -0,0 +1,28 @@
+import { Rect } from "../Rect";
+import { IJsonPopout } from "./IJsonModel";
+import { Model } from "./Model";
+import { RowNode } from "./RowNode";
+import { Node } from "./Node";
+import { TabSetNode } from "./TabSetNode";
+import { LayoutInternal } from "../view/Layout";
+export declare class LayoutWindow {
+    private _windowId;
+    private _layout;
+    private _rect;
+    private _window?;
+    private _root?;
+    private _maximizedTabSet?;
+    private _activeTabSet?;
+    private _toScreenRectFunction;
+    constructor(windowId: string, rect: Rect);
+    visitNodes(fn: (node: Node, level: number) => void): void;
+    get windowId(): string;
+    get rect(): Rect;
+    get layout(): LayoutInternal | undefined;
+    get window(): Window | undefined;
+    get root(): RowNode | undefined;
+    get maximizedTabSet(): TabSetNode | undefined;
+    get activeTabSet(): TabSetNode | undefined;
+    toJson(): IJsonPopout;
+    static fromJson(windowJson: IJsonPopout, model: Model, windowId: string): LayoutWindow;
+}

package/dist/model/Model.d.ts

@@ -1,47 +1,51 @@
-import { DropInfo } from "../DropInfo.js";
-import { Action } from "./Action.js";
-import { BorderSet } from "./BorderSet.js";
-import { IJsonModel, ITabSetAttributes } from "./IJsonModel.js";
-import { Node } from "./Node.js";
-import { RowNode } from "./RowNode.js";
-import { TabNode } from "./TabNode.js";
-import { TabSetNode } from "./TabSetNode.js";
+import { DropInfo } from "../DropInfo";
+import { Action } from "./Action";
+import { BorderSet } from "./BorderSet";
+import { IJsonModel, ITabSetAttributes } from "./IJsonModel";
+import { Node } from "./Node";
+import { RowNode } from "./RowNode";
+import { TabNode } from "./TabNode";
+import { TabSetNode } from "./TabSetNode";
+import { LayoutWindow } from "./LayoutWindow";
 /**
  * Class containing the Tree of Nodes used by the FlexLayout component
  */
 export declare class Model {
+    static MAIN_WINDOW_ID: string;
     /**
-     * Loads the model from the given json object
-     * @param json the json model to load
-     * @returns {Model} a new Model object
+     * 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, windowId for createWindow
      */
-    static fromJson(json: IJsonModel): Model;
+    doAction(action: Action): any;
     /**
      * Get the currently active tabset node
      */
-    getActiveTabset(): TabSetNode | undefined;
+    getActiveTabset(windowId?: string): TabSetNode | undefined;
     /**
      * Get the currently maximized tabset node
      */
-    getMaximizedTabset(): TabSetNode | undefined;
+    getMaximizedTabset(windowId?: string): TabSetNode | undefined;
     /**
      * Gets the root RowNode of the model
      * @returns {RowNode}
      */
-    getRoot(): RowNode;
+    getRoot(windowId?: string): RowNode;
     isRootOrientationVertical(): boolean;
-    isUseVisibility(): boolean;
     isEnableRotateBorderIcons(): boolean;
     /**
      * Gets the
      * @returns {BorderSet|*}
      */
     getBorderSet(): BorderSet;
+    getwindowsMap(): Map<string, LayoutWindow>;
     /**
      * 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;
+    visitWindowNodes(windowId: string, fn: (node: Node, level: number) => void): void;
     /**
      * Gets a node by its id
      * @param id the id to find
@@ -52,23 +56,22 @@ export declare class Model {
      * @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;
+    getFirstTabSet(node?: Node): TabSetNode;
     /**
-     * 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
+     * Loads the model from the given json object
+     * @param json the json model to load
+     * @returns {Model} a new Model object
      */
-    doAction(action: Action): Node | undefined;
+    static fromJson(json: IJsonModel): Model;
     /**
      * 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;
+    isSplitterEnableHandle(): 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
@@ -81,6 +84,8 @@ export declare class Model {
      * @param onCreateTabSet
      */
     setOnCreateTabSet(onCreateTabSet: (tabNode?: TabNode) => ITabSetAttributes): void;
-    static toTypescriptInterfaces(): void;
+    addChangeListener(listener: (action: Action) => void): void;
+    removeChangeListener(listener: (action: Action) => void): void;
     toString(): string;
+    static toTypescriptInterfaces(): void;
 }

package/dist/model/Node.d.ts

@@ -1,7 +1,7 @@
-import { Orientation } from "../Orientation.js";
-import { Rect } from "../Rect.js";
-import { IJsonBorderNode, IJsonRowNode, IJsonTabNode, IJsonTabSetNode } from "./IJsonModel.js";
-import { Model } from "./Model.js";
+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;
@@ -9,7 +9,7 @@ export declare abstract class Node {
     getParent(): Node | undefined;
     getChildren(): Node[];
     getRect(): Rect;
-    isVisible(): boolean;
+    getPath(): string;
     getOrientation(): Orientation;
     setEventListener(event: string, callback: (params: any) => void): void;
     removeEventListener(event: string): void;

package/dist/model/RowNode.d.ts

@@ -1,11 +1,10 @@
-import { IDropTarget } from "./IDropTarget.js";
-import { IJsonRowNode } from "./IJsonModel.js";
-import { Node } from "./Node.js";
+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;
-    isEnableDrop(): boolean;
+    setWindowId(windowId: string): void;
+    normalizeWeights(): void;
 }

package/dist/model/TabNode.d.ts

@@ -1,14 +1,13 @@
-import { Rect } from "../Rect.js";
-import { IDraggable } from "./IDraggable.js";
-import { IJsonTabNode } from "./IJsonModel.js";
-import { Node } from "./Node.js";
+import { IDraggable } from "./IDraggable";
+import { IJsonTabNode } from "./IJsonModel";
+import { Node } from "./Node";
 export declare class TabNode extends Node implements IDraggable {
     static readonly TYPE = "tab";
-    getWindow(): Window | undefined;
-    getTabRect(): Rect | undefined;
     getName(): string;
     getHelpText(): string | undefined;
     getComponent(): string | undefined;
+    getWindowId(): string;
+    getWindow(): Window | 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
@@ -22,16 +21,24 @@ export declare class TabNode extends Node implements IDraggable {
      * NOT be saved in the json.
      */
     getExtraData(): Record<string, any>;
-    isFloating(): boolean;
+    isPoppedOut(): boolean;
+    isSelected(): boolean;
     getIcon(): string | undefined;
     isEnableClose(): boolean;
     getCloseType(): number;
-    isEnableFloat(): boolean;
+    isEnablePopout(): boolean;
+    isEnablePopoutIcon(): boolean;
+    isEnablePopoutOverlay(): boolean;
     isEnableDrag(): boolean;
     isEnableRename(): boolean;
+    isEnableWindowReMount(): boolean;
     getClassName(): string | undefined;
     getContentClassName(): string | undefined;
     getTabSetClassName(): string | undefined;
     isEnableRenderOnDemand(): boolean;
+    getMinWidth(): number;
+    getMinHeight(): number;
+    getMaxWidth(): number;
+    getMaxHeight(): number;
     toJson(): IJsonTabNode;
 }

package/dist/model/TabSetNode.d.ts

@@ -1,17 +1,22 @@
-import { IDraggable } from "./IDraggable.js";
-import { IDropTarget } from "./IDropTarget.js";
-import { IJsonTabSetNode } from "./IJsonModel.js";
-import { Node } from "./Node.js";
+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;
+    isEnableActiveIcon(): boolean;
     getSelected(): number;
     getSelectedNode(): Node | undefined;
     getWeight(): number;
-    getWidth(): number | undefined;
+    getAttrMinWidth(): number;
+    getAttrMinHeight(): number;
     getMinWidth(): number;
-    getHeight(): number | undefined;
     getMinHeight(): number;
+    getAttrMaxWidth(): number;
+    getAttrMaxHeight(): number;
+    getMaxWidth(): number;
+    getMaxHeight(): 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
@@ -24,18 +29,16 @@ export declare class TabSetNode extends Node implements IDraggable, IDropTarget
     isActive(): boolean;
     isEnableDeleteWhenEmpty(): boolean;
     isEnableDrop(): boolean;
+    isEnableTabWrap(): boolean;
     isEnableDrag(): boolean;
     isEnableDivide(): boolean;
     isEnableMaximize(): boolean;
     isEnableClose(): boolean;
     isEnableSingleTabStretch(): boolean;
-    canMaximize(): boolean;
     isEnableTabStrip(): boolean;
     isAutoSelectTab(): boolean;
     getClassNameTabStrip(): string | undefined;
-    getClassNameHeader(): string | undefined;
-    getHeaderHeight(): number;
-    getTabStripHeight(): number;
     getTabLocation(): string;
     toJson(): IJsonTabSetNode;
+    getWindowId(): string;
 }

package/dist/view/BorderTab.d.ts

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

package/dist/view/Icons.d.ts

@@ -5,3 +5,4 @@ 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;
+export declare const AsterickIcon: () => React.JSX.Element;

package/dist/view/Layout.d.ts

@@ -1,100 +1,130 @@
 import * as React from "react";
-import { DockLocation } from "../DockLocation.js";
-import { I18nLabel } from "../I18nLabel.js";
-import { Action } from "../model/Action.js";
-import { BorderNode } from "../model/BorderNode.js";
-import { Model } from "../model/Model.js";
-import { Node } from "../model/Node.js";
-import { TabNode } from "../model/TabNode.js";
-import { TabSetNode } from "../model/TabSetNode.js";
-import { Rect } from "../Rect.js";
-import { IJsonTabNode } from "../model/IJsonModel.js";
-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;
+import { I18nLabel } from "../I18nLabel";
+import { Action } from "../model/Action";
+import { BorderNode } from "../model/BorderNode";
+import { IJsonTabNode } from "../model/IJsonModel";
+import { Model } from "../model/Model";
+import { Node } from "../model/Node";
+import { TabNode } from "../model/TabNode";
+import { TabSetNode } from "../model/TabSetNode";
 export interface ILayoutProps {
+    /** the model for this layout */
     model: Model;
+    /** factory function for creating the tab components */
     factory: (node: TabNode) => React.ReactNode;
-    font?: IFontValues;
-    fontFamily?: string;
-    iconFactory?: IconFactory;
-    titleFactory?: TitleFactory;
+    /** object mapping keys among close, maximize, restore, more, popout to React nodes to use in place of the default icons, can alternatively return functions for creating the React nodes */
     icons?: IIcons;
+    /** function called whenever the layout generates an action to update the model (allows for intercepting actions before they are dispatched to the model, for example, asking the user to confirm a tab close.) Returning undefined from the function will halt the action, otherwise return the action to continue */
     onAction?: (action: Action) => Action | undefined;
+    /** function called when rendering a tab, allows leading (icon), content section, buttons and name used in overflow menu to be customized */
     onRenderTab?: (node: TabNode, renderValues: ITabRenderValues) => void;
+    /** function called when rendering a tabset, allows header and buttons to be customized */
     onRenderTabSet?: (tabSetNode: TabSetNode | BorderNode, renderValues: ITabSetRenderValues) => void;
+    /** function called when model has changed */
     onModelChange?: (model: Model, action: Action) => void;
-    onExternalDrag?: (event: React.DragEvent<HTMLDivElement>) => undefined | {
-        dragText: string;
+    /** function called when an external object (not a tab) gets dragged onto the layout, with a single dragenter argument. Should return either undefined to reject the drag/drop or an object with keys dragText, jsonDrop, to create a tab via drag (similar to a call to addTabToTabSet). Function onDropis passed the added tabNodeand thedrop DragEvent`, unless the drag was canceled. */
+    onExternalDrag?: (event: React.DragEvent<HTMLElement>) => undefined | {
         json: any;
-        onDrop?: (node?: Node, event?: Event) => void;
+        onDrop?: (node?: Node, event?: React.DragEvent<HTMLElement>) => void;
     };
+    /** function called with default css class name, return value is class name that will be used. Mainly for use with css modules. */
     classNameMapper?: (defaultClassName: string) => string;
+    /** function called for each I18nLabel to allow user translation, currently used for tab and tabset move messages, return undefined to use default values */
     i18nMapper?: (id: I18nLabel, param?: string) => string | undefined;
+    /** if left undefined will do simple check based on userAgent */
     supportsPopout?: boolean | undefined;
+    /** URL of popout window relative to origin, defaults to popout.html */
     popoutURL?: string | undefined;
+    /** boolean value, defaults to false, resize tabs as splitters are dragged. Warning: this can cause resizing to become choppy when tabs are slow to draw */
     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;
-    };
+    /** callback for rendering the drag rectangles */
     onRenderDragRect?: DragRectRenderCallback;
-    onRenderFloatingTabPlaceholder?: FloatingTabPlaceholderRenderCallback;
+    /** callback for handling context actions on tabs and tabsets */
     onContextMenu?: NodeMouseEvent;
+    /** callback for handling mouse clicks on tabs and tabsets with alt, meta, shift keys, also handles center mouse clicks */
     onAuxMouseClick?: NodeMouseEvent;
+    /** callback for handling the display of the tab overflow menu */
     onShowOverflowMenu?: ShowOverflowMenuCallback;
+    /** callback for rendering a placeholder when a tabset is empty */
     onTabSetPlaceHolder?: TabSetPlaceHolderCallback;
+    /** Name given to popout windows, defaults to 'Popout Window' */
+    popoutWindowName?: string;
 }
-export interface IFontValues {
-    size?: string;
-    family?: string;
-    style?: string;
-    weight?: string;
+/**
+ * A React component that hosts a multi-tabbed layout
+ */
+export declare class Layout extends React.Component<ILayoutProps> {
+    /** re-render the layout */
+    redraw(): void;
+    /**
+     * Adds a new tab to the given tabset
+     * @param tabsetId the id of the tabset where the new tab will be added
+     * @param json the json for the new tab node
+     * @returns the added tab node or undefined
+     */
+    addTabToTabSet(tabsetId: string, json: IJsonTabNode): TabNode | undefined;
+    /**
+     * Adds a new tab by dragging an item to the drop location, must be called from within an HTML
+     * drag start handler. You can use the setDragComponent() method to set the drag image before calling this
+     * method.
+     * @param event the drag start event
+     * @param json the json for the new tab node
+     * @param onDrop a callback to call when the drag is complete
+     */
+    addTabWithDragAndDrop(event: DragEvent, json: IJsonTabNode, onDrop?: (node?: Node, event?: React.DragEvent<HTMLElement>) => void): void;
+    /**
+     * Move a tab/tabset using drag and drop, must be called from within an HTML
+     * drag start handler
+     * @param event the drag start event
+     * @param node the tab or tabset to drag
+     */
+    moveTabWithDragAndDrop(event: DragEvent, node: TabNode | TabSetNode): void;
+    /**
+     * Adds a new tab to the active tabset (if there is one)
+     * @param json the json for the new tab node
+     * @returns the added tab node or undefined
+     */
+    addTabToActiveTabSet(json: IJsonTabNode): TabNode | undefined;
+    /**
+     * Sets the drag image from a react component for a drag event
+     * @param event the drag event
+     * @param component the react component to be used for the drag image
+     * @param x the x position of the drag cursor on the image
+     * @param y the x position of the drag cursor on the image
+     */
+    setDragComponent(event: DragEvent, component: React.ReactNode, x: number, y: number): void;
+    /** Get the root div element of the layout */
+    getRootDiv(): HTMLDivElement | null;
 }
+export declare const FlexLayoutVersion = "0.8.1";
+export type DragRectRenderCallback = (content: React.ReactNode | undefined, node?: Node, json?: IJsonTabNode) => React.ReactNode | 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 interface ITabSetRenderValues {
-    headerContent?: React.ReactNode;
-    centerContent?: React.ReactNode;
+    /** components that will be added after the tabs */
     stickyButtons: React.ReactNode[];
+    /** components that will be added at the end of the tabset */
     buttons: React.ReactNode[];
-    headerButtons: React.ReactNode[];
+    /** position to insert overflow button within [...stickyButtons, ...buttons]
+     * if left undefined position will be after the sticky buttons (if any)
+     */
     overflowPosition: number | undefined;
 }
 export interface ITabRenderValues {
+    /** the icon or other leading component */
     leading: React.ReactNode;
+    /** the main tab text/component */
     content: React.ReactNode;
-    name: string;
+    /** a set of react components to add to the tab after the content */
     buttons: React.ReactNode[];
 }
-export interface ITitleObject {
-    titleContent: React.ReactNode;
-    name: string;
-}
-export interface ILayoutState {
-    rect: Rect;
-    calculatedHeaderBarSize: number;
-    calculatedTabBarSize: number;
-    calculatedBorderBarSize: number;
-    editingTab?: TabNode;
-    showHiddenBorder: DockLocation;
-    portal?: React.ReactPortal;
-    showEdges?: boolean;
-}
 export interface IIcons {
     close?: React.ReactNode | ((tabNode: TabNode) => React.ReactNode);
     closeTabset?: React.ReactNode | ((tabSetNode: TabSetNode) => React.ReactNode);
@@ -106,56 +136,5 @@ export interface IIcons {
         index: number;
     }[]) => React.ReactNode);
     edgeArrow?: React.ReactNode;
-}
-export interface ICustomDropDestination {
-    rect: Rect;
-    callback: CustomDragCallback;
-    invalidated: (() => void) | undefined;
-    dragging: TabNode | IJsonTabNode;
-    over: TabNode;
-    x: number;
-    y: number;
-    location: DockLocation;
-    cursor: string | undefined;
-}
-/**
- * A React component that hosts a multi-tabbed layout
- */
-export declare class Layout extends React.Component<ILayoutProps, ILayoutState> {
-    constructor(props: ILayoutProps);
-    /**
-     * Adds a new tab to the given tabset
-     * @param tabsetId the id of the tabset where the new tab will be added
-     * @param json the json for the new tab node
-     * @returns the added tab node or undefined
-     */
-    addTabToTabSet(tabsetId: string, json: IJsonTabNode): TabNode | undefined;
-    /**
-     * Adds a new tab to the active tabset (if there is one)
-     * @param json the json for the new tab node
-     * @returns the added tab node or undefined
-     */
-    addTabToActiveTabSet(json: IJsonTabNode): TabNode | undefined;
-    /**
-     * Adds a new tab by dragging a labeled panel to the drop location, dragging starts immediatelly
-     * @param dragText the text to show on the drag panel
-     * @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;
-    /**
-     * 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;
-    /**
-     * Adds a new tab by dragging a labeled panel to the drop location, dragging starts when you
-     * mouse down on the panel
-     *
-     * @param dragText the text to show on the drag panel
-     * @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;
+    activeTabset?: React.ReactNode | ((tabSetNode: TabSetNode) => React.ReactNode);
 }

package/dist/view/Row.d.ts

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

package/dist/view/SizeTracker.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { Rect } from "../Rect";
+export interface ISizeTrackerProps {
+    rect: Rect;
+    selected: boolean;
+    forceRevision: number;
+    tabsRevision: number;
+    children: React.ReactNode;
+}
+export declare const SizeTracker: React.MemoExoticComponent<({ children }: ISizeTrackerProps) => React.JSX.Element>;

package/dist/view/Utils.d.ts

@@ -1 +1,11 @@
-export {};
+import * as React from "react";
+import { Node } from "../model/Node";
+import { Rect } from "../Rect";
+export declare function enablePointerOnIFrames(enable: boolean, currentDocument: Document): void;
+export declare function getElementsByTagName(tag: string, currentDocument: Document): Element[];
+export declare function startDrag(doc: Document, event: React.PointerEvent<HTMLElement>, drag: (x: number, y: number) => void, dragEnd: () => void, dragCancel: () => void): void;
+export declare function canDockToWindow(node: Node): boolean;
+export declare function keepOnScreen(rect: Rect): Rect;
+export declare function isOnScreen(rect: Rect): boolean;
+export declare function copyInlineStyles(source: HTMLElement, target: HTMLElement): boolean;
+export declare function isSafari(): boolean;

package/package.json

@@ -2,7 +2,7 @@
     "name": "@aptre/flex-layout",
     "author": "Caplin Systems Ltd",
     "description": "A multi-tab docking layout manager",
-    "version": "0.2.4",
+    "version": "0.3.0-beta.2",
     "license": "ISC",
     "repository": {
         "type": "git",
@@ -54,7 +54,6 @@
         "LICENSE",
         "tsconfig.json",
         "style/",
-        "declarations/",
         "typedoc/",
         "dist/"
     ],
@@ -67,8 +66,7 @@
         "build:style": "sass style/underline.scss style/underline.css && sass style/gray.scss style/gray.css && sass style/light.scss style/light.css && sass style/dark.scss style/dark.css",
         "build:types": "tsc --emitDeclarationOnly --declaration --outDir dist/",
         "test": "tsc --project tsconfig.json --noEmit",
-        "lint": "npm run lint:js",
-        "lint:js": "ESLINT_USE_FLAT_CONFIG=false eslint -c .eslintrc.cjs ./",
+        "lint": "eslint src/*",
         "format": "prettier --write './style/*.scss' './{src,declarations}/**/(*.ts|*.tsx|*.html)' package.json",
         "release:version": "npm version patch -m \"release: v%s\" --no-git-tag-version",
         "release:commit": "git reset && git add package.json && git commit -s -m \"release: v$npm_package_version\" && git tag v$npm_package_version",
@@ -79,29 +77,27 @@
         "react": "^18.0.0",
         "react-dom": "^18.0.0"
     },
-    "dependencies": {
-        "ulidx": "^2.3.0"
-    },
+    "dependencies": {},
     "devDependencies": {
-        "@types/node": "^20.12.7",
+        "@eslint/eslintrc": "^3.2.0",
+        "@eslint/js": "^9.16.0",
+        "@types/node": "^22.10.1",
         "@types/prismjs": "^1.26.0",
-        "@types/react": "^18.3.1",
-        "@types/react-dom": "^18.3.0",
-        "@typescript-eslint/eslint-plugin": "^7.8.0",
-        "@typescript-eslint/parser": "^7.8.0",
-        "esbuild": "^0.21.0",
-        "eslint": "^8.0.0",
-        "eslint-config-prettier": "^9.1.0",
-        "eslint-plugin-react": "^7.34.1",
-        "eslint-plugin-react-hooks": "^4.6.2",
-        "eslint-plugin-unused-imports": "^4.0.0",
-        "prettier": "^3.2.5",
+        "@types/react": "^18.2.31",
+        "@types/react-dom": "^18.0.1",
+        "@typescript-eslint/eslint-plugin": "^8.17.0",
+        "@typescript-eslint/parser": "^8.17.0",
+        "esbuild": "^0.24.0",
+        "eslint": "^9.16.0",
+        "eslint-plugin-react": "^7.37.2",
+        "globals": "^15.13.0",
+        "prettier": "^3.0.0",
         "prismjs": "^1.28.0",
-        "react": "^18.3.1",
-        "react-dom": "^18.3.1",
-        "rimraf": "^5.0.5",
-        "sass": "^1.75.0",
-        "typedoc": "^0.25.13",
-        "typescript": "^5.4.5"
+        "react": "^18.0.0",
+        "react-dom": "^18.0.0",
+        "rimraf": "^6.0.1",
+        "sass": "^1.50.0",
+        "typedoc": "^0.27.2",
+        "typescript": "^5.0.0"
     }
 }