flexlayout-react 0.7.14 → 0.8.0

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

@@ -0,0 +1,113 @@
+import * as React from "react";
+import { I18nLabel } from "../I18nLabel";
+import { Rect } from "../Rect";
+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 {
+    model: Model;
+    factory: (node: TabNode) => React.ReactNode;
+    icons?: IIcons;
+    onAction?: (action: Action) => Action | undefined;
+    onRenderTab?: (node: TabNode, renderValues: ITabRenderValues) => void;
+    onRenderTabSet?: (tabSetNode: TabSetNode | BorderNode, renderValues: ITabSetRenderValues) => void;
+    onModelChange?: (model: Model, action: Action) => void;
+    onExternalDrag?: (event: React.DragEvent<HTMLElement>) => undefined | {
+        json: any;
+        onDrop?: (node?: Node, event?: React.DragEvent<HTMLElement>) => void;
+    };
+    classNameMapper?: (defaultClassName: string) => string;
+    i18nMapper?: (id: I18nLabel, param?: string) => string | undefined;
+    supportsPopout?: boolean | undefined;
+    popoutURL?: string | undefined;
+    realtimeResize?: boolean | undefined;
+    onRenderDragRect?: DragRectRenderCallback;
+    onContextMenu?: NodeMouseEvent;
+    onAuxMouseClick?: NodeMouseEvent;
+    onShowOverflowMenu?: ShowOverflowMenuCallback;
+    onTabSetPlaceHolder?: TabSetPlaceHolderCallback;
+    windowId?: string;
+    parentLayout?: Layout;
+}
+interface ILayoutState {
+    rect: Rect;
+    editingTab?: TabNode;
+    portal?: React.ReactPortal;
+    showEdges?: boolean;
+    showOverlay: boolean;
+    modelRevision: number;
+}
+/**
+ * A React component that hosts a multi-tabbed layout
+ */
+export declare class Layout extends React.Component<ILayoutProps, ILayoutState> {
+    constructor(props: ILayoutProps);
+    sortPortals(portals: Map<string, React.ReactNode>): React.ReactNode[];
+    renderEdgeIndicators(): React.ReactNode[];
+    renderWindows(): React.ReactNode[];
+    renderTabs(): {
+        portals: Map<string, React.ReactNode>;
+        tabStamps: React.ReactNode[];
+    };
+    renderHoistedTabs(): React.ReactNode[];
+    getFactory(): (node: TabNode) => React.ReactNode;
+    /**
+     * 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;
+    getIcons: () => IIcons;
+    showOverlay(show: boolean): void;
+    setDraggingOverWindow(overWindow: boolean): 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 interface ITabSetRenderValues {
+    stickyButtons: React.ReactNode[];
+    buttons: React.ReactNode[];
+    overflowPosition: number | undefined;
+}
+export interface ITabRenderValues {
+    leading: React.ReactNode;
+    content: React.ReactNode;
+    name: string;
+    buttons: React.ReactNode[];
+}
+export interface ITitleObject {
+    titleContent: React.ReactNode;
+    name: string;
+}
+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));
+    edgeArrow?: React.ReactNode;
+}
+export {};

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,4 @@
+import * as React from "react";
+export declare function enablePointerOnIFrames(enable: boolean): void;
+export declare function getElementsByTagName(tag: string): Element[];
+export declare function startDrag(doc: Document, event: React.PointerEvent<HTMLElement>, drag: (x: number, y: number) => void, dragEnd: () => void, dragCancel: () => void): void;

package/declarations/view/BorderButton.d.ts

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

package/declarations/view/BorderTab.d.ts

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

package/declarations/view/BorderTabSet.d.ts

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

package/declarations/view/DragContainer.d.ts

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

package/declarations/view/ErrorBoundary.d.ts

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

package/declarations/view/ExtendedResizeObserver.d.ts

@@ -0,0 +1,23 @@
+/**
+ * This can be used to replace the global ResizeObserver with a proxy that
+ * will work in popout windows by listening to document resize instead
+ *
+ * To us it just include the following line:
+ *
+ * import "./ExtendedResizeObserver";
+ *
+ * Note: this code was written by chat gpt!
+ */
+declare const OriginalResizeObserver: {
+    new (callback: ResizeObserverCallback): ResizeObserver;
+    prototype: ResizeObserver;
+};
+interface ExtendedResizeObserver extends ResizeObserver {
+    __element?: Element;
+    __document?: Document;
+    __cleanup?: () => void;
+}
+declare const ResizeObserverProxy: {
+    new (callback: ResizeObserverCallback): ResizeObserver;
+    prototype: ResizeObserver;
+};

package/declarations/view/FloatingWindow.d.ts

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

package/declarations/view/Icons.d.ts

@@ -1,6 +1,8 @@
-/// <reference types="react" />
-export declare const CloseIcon: () => JSX.Element;
-export declare const MaximizeIcon: () => JSX.Element;
-export declare const OverflowIcon: () => JSX.Element;
-export declare const PopoutIcon: () => JSX.Element;
-export declare const RestoreIcon: () => JSX.Element;
+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;
+export declare const AsterickIcon: () => React.JSX.Element;

package/declarations/view/Layout.d.ts

@@ -1,160 +1,139 @@
-import * as React from "react";
-import { DockLocation } from "../DockLocation";
-import { I18nLabel } from "../I18nLabel";
-import { Action } from "../model/Action";
-import { BorderNode } from "../model/BorderNode";
-import { Model } from "../model/Model";
-import { Node } from "../model/Node";
-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 TabSetPlaceHolderCallback = (node: TabSetNode) => React.ReactNode;
-export type IconFactory = (node: TabNode) => React.ReactNode;
-export type TitleFactory = (node: TabNode) => ITitleObject | React.ReactNode;
-export interface ILayoutProps {
-    model: Model;
-    factory: (node: TabNode) => React.ReactNode;
-    font?: IFontValues;
-    fontFamily?: string;
-    iconFactory?: IconFactory;
-    titleFactory?: TitleFactory;
-    icons?: IIcons;
-    onAction?: (action: Action) => Action | undefined;
-    onRenderTab?: (node: TabNode, renderValues: ITabRenderValues) => 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;
-    };
-    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;
-    };
-    onRenderDragRect?: DragRectRenderCallback;
-    onRenderFloatingTabPlaceholder?: FloatingTabPlaceholderRenderCallback;
-    onContextMenu?: NodeMouseEvent;
-    onAuxMouseClick?: NodeMouseEvent;
-    onShowOverflowMenu?: ShowOverflowMenuCallback;
-    onTabSetPlaceHolder?: TabSetPlaceHolderCallback;
-}
-export interface IFontValues {
-    size?: string;
-    family?: string;
-    style?: string;
-    weight?: string;
-}
-export interface ITabSetRenderValues {
-    headerContent?: React.ReactNode;
-    centerContent?: React.ReactNode;
-    stickyButtons: React.ReactNode[];
-    buttons: React.ReactNode[];
-    headerButtons: React.ReactNode[];
-    overflowPosition: number | undefined;
-}
-export interface ITabRenderValues {
-    leading: React.ReactNode;
-    content: React.ReactNode;
-    name: string;
-    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));
-    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;
-    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;
-}
+import * as React from "react";
+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;
+    /** 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;
+    /** 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?: 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;
+    /** callback for rendering the drag rectangles */
+    onRenderDragRect?: DragRectRenderCallback;
+    /** 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;
+}
+/**
+ * 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 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 {
+    /** 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[];
+    /** 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;
+    /** a set of react components to add to the tab after the content */
+    buttons: React.ReactNode[];
+}
+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));
+    edgeArrow?: React.ReactNode;
+    activeTabset?: (React.ReactNode | ((tabSetNode: TabSetNode) => React.ReactNode));
+}

package/declarations/view/Overlay.d.ts

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

package/declarations/view/PopoutWindow.d.ts

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

package/declarations/view/PopupMenu.d.ts

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

package/declarations/view/Row.d.ts

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

package/declarations/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/declarations/view/Splitter.d.ts

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

package/declarations/view/Tab.d.ts

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

package/declarations/view/TabButton.d.ts

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

package/declarations/view/TabButtonStamp.d.ts

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

package/declarations/view/TabOverflowHook.d.ts

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

package/declarations/view/TabSet.d.ts

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

package/declarations/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;