@aptre/flex-layout 0.5.13 → 0.6.1

package/dist/model/Action.d.ts

@@ -1,4 +1,4 @@
-import { IJsonRect, IJsonRowNode, IJsonTabNode, IGlobalAttributes, ITabAttributes, ITabSetAttributes, IRowAttributes, IBorderAttributes } from "./IJsonModel";
+import { IJsonTabNode, IGlobalAttributes, ITabAttributes, ITabSetAttributes, IRowAttributes, IBorderAttributes } from "./IJsonModel";
 /** Action type constants */
 export declare const ActionType: {
     readonly ADD_NODE: "FlexLayout_AddNode";
@@ -13,10 +13,6 @@ export declare const ActionType: {
     readonly MAXIMIZE_TOGGLE: "FlexLayout_MaximizeToggle";
     readonly UPDATE_MODEL_ATTRIBUTES: "FlexLayout_UpdateModelAttributes";
     readonly UPDATE_NODE_ATTRIBUTES: "FlexLayout_UpdateNodeAttributes";
-    readonly POPOUT_TAB: "FlexLayout_PopoutTab";
-    readonly POPOUT_TABSET: "FlexLayout_PopoutTabset";
-    readonly CLOSE_WINDOW: "FlexLayout_CloseWindow";
-    readonly CREATE_WINDOW: "FlexLayout_CreateWindow";
 };
 export type ActionTypeValue = (typeof ActionType)[keyof typeof ActionType];
 /** Data types for each action */
@@ -73,19 +69,6 @@ export interface UpdateNodeAttributesData {
     node: string;
     json: NodeAttributes;
 }
-export interface PopoutTabData {
-    node: string;
-}
-export interface PopoutTabsetData {
-    node: string;
-}
-export interface CloseWindowData {
-    windowId: string;
-}
-export interface CreateWindowData {
-    layout: IJsonRowNode;
-    rect: IJsonRect;
-}
 /** Map from action type to its data type */
 export interface ActionDataMap {
     [ActionType.ADD_NODE]: AddNodeData;
@@ -100,10 +83,6 @@ export interface ActionDataMap {
     [ActionType.MAXIMIZE_TOGGLE]: MaximizeToggleData;
     [ActionType.UPDATE_MODEL_ATTRIBUTES]: UpdateModelAttributesData;
     [ActionType.UPDATE_NODE_ATTRIBUTES]: UpdateNodeAttributesData;
-    [ActionType.POPOUT_TAB]: PopoutTabData;
-    [ActionType.POPOUT_TABSET]: PopoutTabsetData;
-    [ActionType.CLOSE_WINDOW]: CloseWindowData;
-    [ActionType.CREATE_WINDOW]: CreateWindowData;
 }
 /** Discriminated union of all Action types */
 export type Action = {
@@ -142,18 +121,6 @@ export type Action = {
 } | {
     type: typeof ActionType.UPDATE_NODE_ATTRIBUTES;
     data: UpdateNodeAttributesData;
-} | {
-    type: typeof ActionType.POPOUT_TAB;
-    data: PopoutTabData;
-} | {
-    type: typeof ActionType.POPOUT_TABSET;
-    data: PopoutTabsetData;
-} | {
-    type: typeof ActionType.CLOSE_WINDOW;
-    data: CloseWindowData;
-} | {
-    type: typeof ActionType.CREATE_WINDOW;
-    data: CreateWindowData;
 };
 /** Factory function for creating typed actions */
 export declare function createAction<T extends ActionTypeValue>(type: T, data: ActionDataMap[T]): Action;

package/dist/model/Actions.d.ts

@@ -1,6 +1,6 @@
 import { DockLocation } from "../DockLocation";
 import { Action, NodeAttributes } from "./Action";
-import { IJsonRect, IJsonRowNode, IJsonTabNode, IGlobalAttributes } from "./IJsonModel";
+import { IJsonTabNode, IGlobalAttributes } from "./IJsonModel";
 /**
  * The Action creator class for FlexLayout model actions
  */
@@ -17,10 +17,6 @@ export declare class Actions {
     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"}
@@ -99,29 +95,4 @@ export declare class Actions {
      * @returns {Action} the action
      */
     static updateNodeAttributes(nodeId: string, attributes: NodeAttributes): Action;
-    /**
-     * Pops out the given tab node into a new browser window
-     * @param nodeId the tab node to popout
-     * @returns
-     */
-    static popoutTab(nodeId: string): Action;
-    /**
-     * 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;
-    /**
-     * Closes the popout window
-     * @param windowId the id of the popout window to close
-     * @returns
-     */
-    static closeWindow(windowId: string): Action;
-    /**
-     * 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;
 }

package/dist/model/IJsonModel.d.ts

@@ -5,7 +5,6 @@ export interface IJsonModel {
     global?: IGlobalAttributes;
     borders?: IJsonBorderNode[];
     layout: IJsonRowNode;
-    popouts?: Record<string, IJsonPopout>;
 }
 export interface IJsonRect {
     x: number;
@@ -13,10 +12,6 @@ export interface IJsonRect {
     width: number;
     height: number;
 }
-export interface IJsonPopout {
-    layout: IJsonRowNode;
-    rect: IJsonRect;
-}
 export interface IJsonBorderNode extends IBorderAttributes {
     location: IBorderLocation;
     children: IJsonTabNode[];
@@ -198,31 +193,6 @@ export interface IGlobalAttributes {
       Default: true
      */
     tabEnableDrag?: boolean;
-    /**
-      Value for TabNode attribute enablePopout if not overridden
-
-      enable popout (in popout capable browser)
-
-      Default: false
-     */
-    tabEnablePopout?: boolean;
-    /**
-      Value for TabNode attribute enablePopoutIcon if not overridden
-
-      whether to show the popout icon in the tabset header if this tab enables popouts
-
-      Default: true
-     */
-    tabEnablePopoutIcon?: boolean;
-    /**
-      Value for TabNode attribute enablePopoutOverlay if not overridden
-
-      if this tab will not work correctly in a popout window when the main window is backgrounded (inactive)
-            then enabling this option will gray out this tab
-
-      Default: false
-     */
-    tabEnablePopoutOverlay?: boolean;
     /**
       Value for TabNode attribute enableRename if not overridden
 
@@ -629,25 +599,6 @@ export interface ITabAttributes {
       Default: inherited from Global attribute tabEnableDrag (default true)
      */
     enableDrag?: boolean;
-    /**
-      enable popout (in popout capable browser)
-
-      Default: inherited from Global attribute tabEnablePopout (default false)
-     */
-    enablePopout?: boolean;
-    /**
-      whether to show the popout icon in the tabset header if this tab enables popouts
-
-      Default: inherited from Global attribute tabEnablePopoutIcon (default true)
-     */
-    enablePopoutIcon?: boolean;
-    /**
-      if this tab will not work correctly in a popout window when the main window is backgrounded (inactive)
-            then enabling this option will gray out this tab
-
-      Default: inherited from Global attribute tabEnablePopoutOverlay (default false)
-     */
-    enablePopoutOverlay?: boolean;
     /**
       allow user to rename tabs by double clicking
 
@@ -660,12 +611,6 @@ export interface ITabAttributes {
       Default: inherited from Global attribute tabEnableRenderOnDemand (default true)
      */
     enableRenderOnDemand?: boolean;
-    /**
-      if enabled the tab will re-mount when popped out/in
-
-      Default: false
-     */
-    enableWindowReMount?: boolean;
     /**
       An optional help text for the tab to be displayed upon tab hover.
 

package/dist/model/Model.d.ts

@@ -6,7 +6,6 @@ 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
  */
@@ -16,22 +15,22 @@ export declare class Model {
      * 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
+     * @returns added Node for Actions.addNode
      */
     doAction(action: Action): Node | string | undefined;
     /**
      * Get the currently active tabset node
      */
-    getActiveTabset(windowId?: string): TabSetNode | undefined;
+    getActiveTabset(_windowId?: string): TabSetNode | undefined;
     /**
      * Get the currently maximized tabset node
      */
-    getMaximizedTabset(windowId?: string): TabSetNode | undefined;
+    getMaximizedTabset(_windowId?: string): TabSetNode | undefined;
     /**
      * Gets the root RowNode of the model
      * @returns {RowNode}
      */
-    getRoot(windowId?: string): RowNode;
+    getRoot(_windowId?: string): RowNode;
     isRootOrientationVertical(): boolean;
     isEnableRotateBorderIcons(): boolean;
     /**
@@ -39,13 +38,11 @@ export declare class Model {
      * @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

package/dist/model/RowNode.d.ts

@@ -5,6 +5,5 @@ export declare class RowNode extends Node implements IDropTarget {
     static readonly TYPE = "row";
     getWeight(): number;
     toJson(): IJsonRowNode;
-    setWindowId(windowId: string): void;
     normalizeWeights(): void;
 }

package/dist/model/TabNode.d.ts

@@ -8,7 +8,6 @@ export declare class TabNode extends Node implements IDraggable {
     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,17 +21,12 @@ export declare class TabNode extends Node implements IDraggable {
      * NOT be saved in the json.
      */
     getExtraData(): Record<string, unknown>;
-    isPoppedOut(): boolean;
     isSelected(): boolean;
     getIcon(): string | undefined;
     isEnableClose(): boolean;
     getCloseType(): ICloseType;
-    isEnablePopout(): boolean;
-    isEnablePopoutIcon(): boolean;
-    isEnablePopoutOverlay(): boolean;
     isEnableDrag(): boolean;
     isEnableRename(): boolean;
-    isEnableWindowReMount(): boolean;
     getClassName(): string | undefined;
     getContentClassName(): string | undefined;
     getTabSetClassName(): string | undefined;

package/dist/model/TabSetNode.d.ts

@@ -39,6 +39,6 @@ export declare class TabSetNode extends Node implements IDraggable, IDropTarget
     isAutoSelectTab(): boolean;
     getClassNameTabStrip(): string | undefined;
     getTabLocation(): string;
-    toJson(): IJsonTabSetNode;
     getWindowId(): string;
+    toJson(): IJsonTabSetNode;
 }

package/dist/view/BorderTab.d.ts

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

package/dist/view/Icons.d.ts

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

package/dist/view/Layout.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { Component, DragEvent as ReactDragEvent, MouseEvent as ReactMouseEvent, ReactNode } from "react";
 import { I18nLabel } from "../I18nLabel";
 import { Action } from "../model/Action";
 import { BorderNode } from "../model/BorderNode";
@@ -11,8 +11,8 @@ 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 */
+    factory: (node: TabNode) => ReactNode;
+    /** object mapping keys among close, maximize, restore, more 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;
@@ -23,18 +23,14 @@ export interface ILayoutProps {
     /** 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 | {
+    onExternalDrag?: (event: ReactDragEvent<HTMLElement>) => undefined | {
         json: IJsonTabNode;
-        onDrop?: (node?: Node, event?: React.DragEvent<HTMLElement>) => void;
+        onDrop?: (node?: Node, event?: ReactDragEvent<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 */
@@ -47,15 +43,13 @@ export interface ILayoutProps {
     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;
     /** callback for when drag state changes, useful for OptimizedLayout to set pointer-events: none on external tab container during drag */
     onDragStateChange?: (isDragging: boolean) => void;
 }
 /**
  * A React component that hosts a multi-tabbed layout
  */
-export declare class Layout extends React.Component<ILayoutProps> {
+export declare class Layout extends Component<ILayoutProps> {
     /** re-render the layout */
     redraw(): void;
     /**
@@ -73,7 +67,7 @@ export declare class Layout extends React.Component<ILayoutProps> {
      * @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;
+    addTabWithDragAndDrop(event: DragEvent, json: IJsonTabNode, onDrop?: (node?: Node, event?: ReactDragEvent<HTMLElement>) => void): void;
     /**
      * Move a tab/tabset using drag and drop, must be called from within an HTML
      * drag start handler
@@ -94,26 +88,26 @@ export declare class Layout extends React.Component<ILayoutProps> {
      * @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;
+    setDragComponent(event: DragEvent, component: 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: {
+export type DragRectRenderCallback = (content: ReactNode | undefined, node?: Node, json?: IJsonTabNode) => ReactNode | undefined;
+export type NodeMouseEvent = (node: TabNode | TabSetNode | BorderNode, event: ReactMouseEvent<HTMLElement>) => void;
+export type ShowOverflowMenuCallback = (node: TabSetNode | BorderNode, mouseEvent: ReactMouseEvent<HTMLElement>, items: {
     index: number;
     node: TabNode;
 }[], onSelect: (item: {
     index: number;
     node: TabNode;
 }) => void) => void;
-export type TabSetPlaceHolderCallback = (node: TabSetNode) => React.ReactNode;
+export type TabSetPlaceHolderCallback = (node: TabSetNode) => ReactNode;
 export interface ITabSetRenderValues {
     /** components that will be added after the tabs */
-    stickyButtons: React.ReactNode[];
+    stickyButtons: ReactNode[];
     /** components that will be added at the end of the tabset */
-    buttons: React.ReactNode[];
+    buttons: ReactNode[];
     /** position to insert overflow button within [...stickyButtons, ...buttons]
      * if left undefined position will be after the sticky buttons (if any)
      */
@@ -121,22 +115,21 @@ export interface ITabSetRenderValues {
 }
 export interface ITabRenderValues {
     /** the icon or other leading component */
-    leading: React.ReactNode;
+    leading: ReactNode;
     /** the main tab text/component */
-    content: React.ReactNode;
+    content: ReactNode;
     /** a set of react components to add to the tab after the content */
-    buttons: React.ReactNode[];
+    buttons: 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: {
+    close?: ReactNode | ((tabNode: TabNode) => ReactNode);
+    closeTabset?: ReactNode | ((tabSetNode: TabSetNode) => ReactNode);
+    maximize?: ReactNode | ((tabSetNode: TabSetNode) => ReactNode);
+    restore?: ReactNode | ((tabSetNode: TabSetNode) => ReactNode);
+    more?: ReactNode | ((tabSetNode: TabSetNode | BorderNode, hiddenTabs: {
         node: TabNode;
         index: number;
-    }[]) => React.ReactNode);
-    edgeArrow?: React.ReactNode;
-    activeTabset?: React.ReactNode | ((tabSetNode: TabSetNode) => React.ReactNode);
+    }[]) => ReactNode);
+    edgeArrow?: ReactNode;
+    activeTabset?: ReactNode | ((tabSetNode: TabSetNode) => ReactNode);
 }

package/dist/view/OptimizedLayout.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { ReactNode } from "react";
 import { TabNode } from "../model/TabNode";
 import { ILayoutProps } from "./Layout";
 /**
@@ -6,7 +6,7 @@ import { ILayoutProps } from "./Layout";
  */
 export interface IOptimizedLayoutProps extends Omit<ILayoutProps, "factory"> {
     /** Function to render tab content - receives TabNode, returns React element */
-    renderTab: (node: TabNode) => React.ReactNode;
+    renderTab: (node: TabNode) => ReactNode;
 }
 /**
  * OptimizedLayout - A wrapper around FlexLayout that renders tab content outside of
@@ -26,4 +26,4 @@ export interface IOptimizedLayoutProps extends Omit<ILayoutProps, "factory"> {
  *
  * @see https://github.com/caplin/FlexLayout/issues/456
  */
-export declare function OptimizedLayout({ model, renderTab, classNameMapper, onDragStateChange, onModelChange: userOnModelChange, ...layoutProps }: IOptimizedLayoutProps): React.JSX.Element;
+export declare function OptimizedLayout({ model, renderTab, classNameMapper, onDragStateChange, onModelChange: userOnModelChange, ...layoutProps }: IOptimizedLayoutProps): import("react/jsx-runtime").JSX.Element;

package/dist/view/SizeTracker.d.ts

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

package/dist/view/Utils.d.ts

@@ -1,11 +1,5 @@
-import * as React from "react";
-import { Node } from "../model/Node";
-import { Rect } from "../Rect";
+import { PointerEvent as ReactPointerEvent } from "react";
 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 startDrag(doc: Document, event: ReactPointerEvent<HTMLElement>, drag: (x: number, y: number) => void, dragEnd: () => void, dragCancel: () => void): void;
 export declare function isSafari(): boolean;

package/package.json

@@ -2,8 +2,9 @@
   "name": "@aptre/flex-layout",
   "author": "Caplin Systems Ltd",
   "description": "A multi-tab docking layout manager",
-  "version": "0.5.13",
+  "version": "0.6.1",
   "license": "ISC",
+  "homepage": "https://flexlayout.spacewave.app",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/aperturerobotics/flex-layout.git"
@@ -12,7 +13,6 @@
     "react",
     "layout",
     "dock",
-    "popout",
     "tabs",
     "tabset",
     "splitter",
@@ -79,46 +79,46 @@
     "release:version": "npm version patch -m \"release: v%s\" --no-git-tag-version",
     "release:version:minor": "npm version minor -m \"release: v%s\" --no-git-tag-version",
     "release:commit": "git reset && git add package.json && git commit -s -m \"release: v$(node -p \"require('./package.json').version\")\" && git tag v$(node -p \"require('./package.json').version\")",
-    "release:publish": "git push && git push --tags"
+    "release:publish": "git push && git push --tags",
+    "website:build": "bun run build:style && bun run build:doc && cd website && bun install && bun run build && cp -r ../typedoc dist/typedoc",
+    "website:dev": "cd website && bun run dev",
+    "website:preview": "cd website && bun run preview"
   },
   "peerDependencies": {
-    "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0"
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4"
   },
   "devDependencies": {
     "@eslint/eslintrc": "^3.2.0",
-    "@eslint/js": "^9.16.0",
+    "@eslint/js": "^10.0.1",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/react": "^16.2.0",
-    "@types/node": "^25.0.3",
-    "@types/prismjs": "^1.26.0",
-    "@types/react": "^19.0.0",
+    "@testing-library/react": "^16.3.2",
+    "@types/node": "^25.2.3",
+    "@types/react": "^19.2.13",
     "@types/react-dom": "^19.0.0",
-    "@typescript-eslint/eslint-plugin": "^8.17.0",
-    "@typescript-eslint/parser": "^8.17.0",
-    "@typescript/native-preview": "^7.0.0-dev.20251215.1",
-    "@vitejs/plugin-react": "^5.0.0",
-    "@vitest/browser": "^4.0.0",
-    "@vitest/browser-playwright": "^4.0.15",
+    "@typescript-eslint/eslint-plugin": "^8.55.0",
+    "@typescript-eslint/parser": "^8.55.0",
+    "@typescript/native-preview": "^7.0.0-dev.20260210.1",
+    "@vitejs/plugin-react": "^5.1.4",
+    "@vitest/browser": "^4.0.18",
+    "@vitest/browser-playwright": "^4.0.18",
     "cross-env": "^10.1.0",
-    "esbuild": "^0.27.0",
-    "eslint": "^9.39.2",
-    "eslint-plugin-react": "^7.37.2",
-    "globals": "^17.0.0",
-    "happy-dom": "^20.0.11",
-    "jsdom": "^27.3.0",
-    "playwright": "^1.57.0",
-    "prettier": "^3.0.0",
-    "prismjs": "^1.28.0",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
+    "esbuild": "^0.27.3",
+    "eslint": "^10.0.0",
+    "globals": "^17.3.0",
+    "happy-dom": "^20.6.0",
+    "jsdom": "^28.0.0",
+    "playwright": "^1.58.2",
+    "prettier": "^3.8.1",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
     "rimraf": "^6.0.1",
-    "sass": "^1.50.0",
+    "sass": "^1.97.3",
     "typedoc": "^0.28.0",
     "typescript": "^5.0.0",
-    "typescript-eslint": "^8.50.0",
-    "vitest": "^4.0.0",
-    "vitest-browser-react": "^2.0.0"
+    "typescript-eslint": "^8.55.0",
+    "vitest": "^4.0.18",
+    "vitest-browser-react": "^2.0.5"
   }
 }

package/tsconfig.json

@@ -3,7 +3,7 @@
     "target": "ES2022",
     "module": "ESNext",
     "moduleResolution": "bundler",
-    "jsx": "react",
+    "jsx": "react-jsx",
     "outDir": "./dist/",
     "sourceMap": true,
     "noImplicitAny": true,

package/typedoc/assets/hierarchy.js

@@ -1 +1 @@
-window.hierarchyData = "eJyllEFvgjAUx7/LO9fZVwsUblt2cYcdnLfFA0pVMqRLW+PB+N0XREdhGEp2gYT+6e/Ho++dQStlDSSfyPiMIJ3R6hIQRCEIMgwJYswIcoxXBLTcFnJjc1UaSM4gKK9uZXqQkMCL0pnU7yqTQOArLzNIkAkCR11AApsiNUaaaZN62ttDAaRegQSsySbVa5P6wYVApeMA5q863e3SddEAWBDeAXlppd6mG2mmTfAh4zddLe7zItOyrKoQ0ZBgzNmqxgdtvPpepnon7TD/nhwrICgnGDDhSIRukedvRpU9lX4g0k57yFyJUdwlLtTJF3eL+rLEn69bpusPaX1xTdqTiIg9xBG4MSwhXNZCnZ6t1fn6aKUZorXCo88xjeLr6cGYuQZ1tfwluvnxHoJfPRiGHY9REv8wQMTagM9cg7or/CW6+fGVCOtKcHS7a2hcegzKB/OjNckC5h7Ebjf3cIe6uJnREXX/bLeVerYeaqFm65iz9tbdudC/+9A8uAEulx8zjT91"
+window.hierarchyData = "eJydlE9zgjAQxb/LnmPNAgHDrZ1e2kMP1lvHQ5SoTJF0kjgeHL97J6LypziEnsgkj/d7Wdg9gVbKGki/EKOQ8IgRzihBygOCGFxWMcEQcUlAy00h1zZXpYH0BAly9yjFXkIKL0pnUn+oTAKB77zMIMVgRuCgC0hhXQhjpJnWqqed3RdAqhNIwZps4l6bVBtnAjxiDf+3Vy22W7Eqav+AxTf/vLRSb8RammktfIi4q93hLi8yLUtXAuZuPcN46eiMtunqZyH0Vtph/E05lp8gJxi5ot8yJK0KvBtV9pT5QY622iOLA3LaBc7V0Zd2lfqi/txtIVaf0vrSarUfEGkQ9BBH4MaweIs1V8dna3W+Olhphmgt8dh/iHO6rALEzQBVsfwzdPXjY7BLDAxoJ8aoDP8P4L52lSAKmwmqjvAP0dWPLkRSFSJEbMQYGpMeA/LB5GiOMLfTgHY7uYc71MH32ew4DetuH/VYD/VPbT3DuG3dHQr97kPD4Ao4n38BP8E9vg=="

package/typedoc/assets/navigation.js

@@ -1 +1 @@
-window.navigationData = "eJyNmM1y2jAUhd/F60zTpE2aZpeEtKUDDYNpsuh0IdsXUBGWx5YhpNN379gyWL9X3uqc89lG0r0Sv/5GAl5FdBs9TO7i+DGOzqKCiHV0G0Feb6vzbvjdWmxZdBZtaJ5Ftzf/zk658cVNPiEJMDN5EpDsA+MVLA4FWOGT4k/fpYLyvOqjKSNVBdV5J+jJi0s1e8/LDMofPAM73mthQgzCB4hBYPkRTzcTnpLmVW2EqqKUkhfjfMkdhE7B0hNy4LXjA+R4OPlC84zvfXmpYpQpz9R1c4y3w1jOPW+hGXsqKeTC84MrIsaYQ+r4vZpRNMX37lfuBCy7IIk72wmBbAzCG+80jCC30ogIMiVFD6G5gHJJ0tNm6xw66vLqWkVlWfO0xukG9TqO+VNXottiBaMCATqcYfQL0NVaVAGs4sKQbRmTG8ELNDworgQigjzDhAFHwEDAgiRemuYYhKrAPyemCQOO5dTdCVHSpBZQOYmWC0WOSrJakYSBm3WSAxBeLEi5Umu/TjnqKOYr4wlhoc8zXShynGoNUeW0Ehr+XvHc1RdViu4J4owCb5Ichd4BmfFC61ImRepBjF66TYhdwl0Is45bFFc9d4Csom6CnMXdDbIqvIPlrPQGTjbtWckLzwpSDCjoqRB0S98gCxJdThQ95/vQftEsKGxBkhBMs4Rgc8gzKJ8JqxGcagoBYxADXlBzDUAOek3Dh2Gn5LWdxAVfrZi/vds2FMp3gJ4WVAMGksUBa3CaYxAKa3CmCQPOISdbtPlqDhxV0Td43EEuZqQkW/fMWi4MGQODFP3lNAeOEs0xcRc6HTh8GPZnkREBbRPpd4AX7nWHH9EstMFPsM3YA55pRRPKqDiEJs/pDKEFL+dQ1czd+TQHejJO9VuTOBSno7+Re//508XVpZVtrvJtLXFDTnKI1pzQml4tq9MDYSwh6caEul0h9uO28EyDpJp6iNcdTe1bvsQZcpC2IIkXpWghTnMk0A8MknEcD+XbHdStHJOhaiGOvk9Mkq4OYbUT41sQlmEw0b0UDHkIbcrrSmZcsF4NseI13z/toFwyvp9CXvs+2ecL8WX3nzGSwjfOkE3mNQ6vCD1yR0raXLzUgqBzPqiILwxe5aHxGcpK2xE9yTIhwLS9NJt1blnn8r/Ec1XXMdcfFcyS5tlxI90fxpkLZXoQnHFAdtEMCwLbE7ZxXMp6lGawQL//AzAYiWE="
+window.navigationData = "eJyNmEtz0zAUhf+L1x1KCy2lu7YpECahnTiUBcNCtm8SEcXySHLSwPDfGcdOrOeVtzrnfH5Iulf2z7+JgleV3CYPk7s0fUyTs6QiapXcJlDWG3neDb9ZqQ1LzpI1LYvk9ubf2Sk3vrgpJyQDZidPApJ9YFzCfF+BEz4p4fRdrigvZR/NGZES5HknmMmLSz17z0UB4hsvwI33WpyQggoBUlBYfsTz9YTnpLlVF6GrKEXwalwuuIfQKVh6Qva89jxAO44lp7zQZ/wYPAxjOf8bj73rJ0GhVIFXpYkYYwa550mbUTTFd/5b7gQsOyeZP9sJkWwKKhjvNIzQboIRUWRKqh5CSwViQfLTNukcJury6lpHFUVztcbpB/U6jvldS9VtjopRhQA9zjj6B9DlSskIVnNhyBEwUDAnWRBnOAahJISf2TZhwHH7au6UEjSrFUgv0XGhyJEgyyXJGPhZJzkC4dWciKVeFU3KUUcxnxnPCIs9nu1CkePcaBU65yCh4a+Sl76OoVNMTxRnFVCb5CmkHohZ02yGW9t8CLvAORRfofOAnGpng7xVzw9ySp+H5S2BFq7tY8+CV4Gp1wwo6KlSdEP/QBEl+pwoesZ3sYVuWFDYnGQxmGGJwWZQFiBeCKsRnG6KAVNQA27QcA1ADrpNy4dhp+T1MIlzvlyycN9zbSiUbwFto7oBA82gJBu0MxkOHCXpH3jcQqmeiSAb/9tzXBgyBQa5wu7OcOAo1ZxRtrHW6fFh2O9VQRQcKmy/yoLwoDt+iWYyB1/BNWMXeKGSZpRRtY9NntcZQysuZiBr5u8uhgM9luXmkV3tq9O508q9/fjh4urSyTZfgIf96oec5BitOb40/bCtAA+EsYzkaxvqd8XYj5sqMA0t1dZjvO7c5n4ctjhLjtLmJAuiNC3Gadqu2ZRbxnE8lj/soG7l2Axdi3HMfWKTTHUI6zAxoQXhGAYT/UvBkofQpryWbcYH69UYK13x3dMWxILx3RTKOvTIIV+M33bYZ0Zy+MIZssmCxuEVoUduiaDNV4leEEzOOx3xicFrezB7ASGNHdGTHBMCzAUQBXadW9Rl+wvqXNdNzPV7DbOgZXHcSPf7ceFD2R4EZx1CfTTLgsB2hK09Xyw9yjA4oF//AW387AA="