flexlayout-react 0.7.15 → 0.8.1

package/lib/view/TabFloating.js

@@ -1,66 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TabFloating = void 0;
-const React = require("react");
-const Actions_1 = require("../model/Actions");
-const TabSetNode_1 = require("../model/TabSetNode");
-const Types_1 = require("../Types");
-const I18nLabel_1 = require("../I18nLabel");
-const Utils_1 = require("./Utils");
-/** @internal */
-const TabFloating = (props) => {
-    const { layout, selected, node, path } = props;
-    const showPopout = () => {
-        if (node.getWindow()) {
-            node.getWindow().focus();
-        }
-    };
-    const dockPopout = () => {
-        layout.doAction(Actions_1.Actions.unFloatTab(node.getId()));
-    };
-    const onMouseDown = () => {
-        const parent = node.getParent();
-        if (parent.getType() === TabSetNode_1.TabSetNode.TYPE) {
-            if (!parent.isActive()) {
-                layout.doAction(Actions_1.Actions.setActiveTabset(parent.getId()));
-            }
-        }
-    };
-    const onClickFocus = (event) => {
-        event.preventDefault();
-        showPopout();
-    };
-    const onClickDock = (event) => {
-        event.preventDefault();
-        dockPopout();
-    };
-    const cm = layout.getClassName;
-    const parentNode = node.getParent();
-    const style = node._styleWithPosition();
-    if (!selected) {
-        (0, Utils_1.hideElement)(style, node.getModel().isUseVisibility());
-    }
-    if (parentNode instanceof TabSetNode_1.TabSetNode) {
-        if (node.getModel().getMaximizedTabset() !== undefined && !parentNode.isMaximized()) {
-            (0, Utils_1.hideElement)(style, node.getModel().isUseVisibility());
-        }
-    }
-    const message = layout.i18nName(I18nLabel_1.I18nLabel.Floating_Window_Message);
-    const showMessage = layout.i18nName(I18nLabel_1.I18nLabel.Floating_Window_Show_Window);
-    const dockMessage = layout.i18nName(I18nLabel_1.I18nLabel.Floating_Window_Dock_Window);
-    const customRenderCallback = layout.getOnRenderFloatingTabPlaceholder();
-    if (customRenderCallback) {
-        return (React.createElement("div", { className: cm(Types_1.CLASSES.FLEXLAYOUT__TAB_FLOATING), onMouseDown: onMouseDown, onTouchStart: onMouseDown, style: style }, customRenderCallback(dockPopout, showPopout)));
-    }
-    else {
-        return (React.createElement("div", { className: cm(Types_1.CLASSES.FLEXLAYOUT__TAB_FLOATING), "data-layout-path": path, onMouseDown: onMouseDown, onTouchStart: onMouseDown, style: style },
-            React.createElement("div", { className: cm(Types_1.CLASSES.FLEXLAYOUT__TAB_FLOATING_INNER) },
-                React.createElement("div", null, message),
-                React.createElement("div", null,
-                    React.createElement("a", { href: "#", onClick: onClickFocus }, showMessage)),
-                React.createElement("div", null,
-                    React.createElement("a", { href: "#", onClick: onClickDock }, dockMessage)))));
-    }
-};
-exports.TabFloating = TabFloating;
-//# sourceMappingURL=TabFloating.js.map

package/lib/view/TabFloating.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabFloating.js","sourceRoot":"","sources":["../../src/view/TabFloating.tsx"],"names":[],"mappings":"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"}

package/src/DragDrop.ts

@@ -1,392 +0,0 @@
-import * as React from "react";
-import { Rect } from "./Rect";
-
-/** @internal */
-const canUseDOM = !!(typeof window !== "undefined" && window.document && window.document.createElement);
-
-export class DragDrop {
-    static instance = new DragDrop();
-
-    /** @internal */
-    private _fDblClick: ((event: Event) => void) | undefined;
-    /** @internal */
-    private _fClick: ((event: Event) => void) | undefined;
-    /** @internal */
-    private _fDragEnd: ((event: Event) => void) | undefined;
-    /** @internal */
-    private _fDragMove: ((event: React.MouseEvent<Element>) => void) | undefined;
-    /** @internal */
-    private _fDragStart: ((pos: { clientX: number; clientY: number }) => boolean) | undefined;
-    /** @internal */
-    private _fDragCancel: ((wasDragging: boolean) => void) | undefined;
-
-    /** @internal */
-    private _glass: HTMLDivElement | undefined;
-    /** @internal */
-    private _defaultGlassCursor: string;
-    /** @internal */
-    private _glassCursorOverride: string | undefined;
-    /** @internal */
-    private _manualGlassManagement: boolean = false;
-    /** @internal */
-    private _lastClick: number;
-    /** @internal */
-    private _clickX: number;
-    /** @internal */
-    private _clickY: number;
-    /** @internal */
-    private _startX: number = 0;
-    /** @internal */
-    private _startY: number = 0;
-    /** @internal */
-    private _dragDepth: number = 0;
-    /** @internal */
-    private _glassShowing: boolean = false;
-    /** @internal */
-    private _dragging: boolean = false;
-    /** @internal */
-    private _active: boolean = false; // drag and drop is in progress, can be used on ios to prevent body scrolling (see demo)
-    /** @internal */
-    private _document?: Document;
-    /** @internal */
-    private _rootElement?: HTMLElement | undefined;
-    /** @internal */
-    private _lastEvent?: Event | React.MouseEvent<HTMLDivElement, MouseEvent> | React.TouchEvent<HTMLDivElement> | React.DragEvent<Element> | undefined;
-
-    /** @internal */
-    private constructor() {
-        if (canUseDOM) {
-            // check for serverside rendering
-            this._glass = document.createElement("div");
-            this._glass.style.zIndex = "998";
-            this._glass.style.backgroundColor = "transparent";
-            this._glass.style.outline = "none";
-        }
-
-        this._defaultGlassCursor = "default";
-
-        this._onMouseMove = this._onMouseMove.bind(this);
-        this._onMouseUp = this._onMouseUp.bind(this);
-        this._onKeyPress = this._onKeyPress.bind(this);
-        this._onDragCancel = this._onDragCancel.bind(this);
-        this._onDragEnter = this._onDragEnter.bind(this);
-        this._onDragLeave = this._onDragLeave.bind(this);
-        this.resizeGlass = this.resizeGlass.bind(this);
-
-        this._lastClick = 0;
-        this._clickX = 0;
-        this._clickY = 0;
-    }
-
-    // if you add the glass pane then you should remove it
-    addGlass(fCancel: ((wasDragging: boolean) => void) | undefined) {
-        if (!this._glassShowing) {
-            if (!this._document) {
-                this._document = window.document;
-            }
-            if (!this._rootElement) {
-                this._rootElement = this._document.body;
-            }
-            this.resizeGlass();
-            this._document.defaultView?.addEventListener('resize', this.resizeGlass);
-            this._document.body.appendChild(this._glass!);
-            this._glass!.tabIndex = -1;
-            this._glass!.focus();
-            this._glass!.addEventListener("keydown", this._onKeyPress);
-            this._glass!.addEventListener("dragenter", this._onDragEnter, { passive: false });
-            this._glass!.addEventListener("dragover", this._onMouseMove, { passive: false });
-            this._glass!.addEventListener("dragleave", this._onDragLeave, { passive: false });
-            this._glassShowing = true;
-            this._fDragCancel = fCancel;
-            this._manualGlassManagement = false;
-        } else {
-            // second call to addGlass (via dragstart)
-            this._manualGlassManagement = true;
-        }
-    }
-
-    resizeGlass() {
-        const glassRect = Rect.fromElement(this._rootElement!);
-        glassRect.positionElement(this._glass!, "fixed");
-    }
-
-    hideGlass() {
-        if (this._glassShowing) {
-            this._document!.body.removeChild(this._glass!);
-            this._document!.defaultView?.removeEventListener('resize', this.resizeGlass);
-            this._glassShowing = false;
-            this._document = undefined;
-            this._rootElement = undefined;
-            this.setGlassCursorOverride(undefined);
-        }
-    }
-
-    /** @internal */
-    _updateGlassCursor() {
-        this._glass!.style.cursor = this._glassCursorOverride ?? this._defaultGlassCursor;
-    }
-
-    /** @internal */
-    _setDefaultGlassCursor(cursor: string) {
-        this._defaultGlassCursor = cursor;
-        this._updateGlassCursor()
-    }
-
-    setGlassCursorOverride(cursor: string | undefined) {
-        this._glassCursorOverride = cursor;
-        this._updateGlassCursor()
-    }
-
-    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
-    ) {
-        // prevent 'duplicate' action (mouse event for same action as previous touch event (a fix for ios))
-        if (event && this._lastEvent && this._lastEvent.type.startsWith("touch") && event.type.startsWith("mouse") && event.timeStamp - this._lastEvent.timeStamp < 500) {
-            return;
-        }
-
-        if (this._dragging) {
-            return;
-        }
-
-        this._lastEvent = event;
-
-        if (currentDocument) {
-            this._document = currentDocument;
-        } else {
-            this._document = window.document;
-        }
-        if (rootElement) {
-            this._rootElement = rootElement;
-        } else {
-            this._rootElement = this._document.body;
-        }
-
-        const posEvent = this._getLocationEvent(event);
-        this.addGlass(fDragCancel);
-
-        if (event) {
-            this._startX = posEvent.clientX;
-            this._startY = posEvent.clientY;
-            if (!window.matchMedia || window.matchMedia("(pointer: fine)").matches) {
-                this._setDefaultGlassCursor(getComputedStyle(event.target as Element).cursor);
-            }
-            this._stopPropagation(event);
-            this._preventDefault(event);
-        } else {
-            this._startX = 0;
-            this._startY = 0;
-            this._setDefaultGlassCursor("default");
-        }
-
-        this._dragging = false;
-        this._fDragStart = fDragStart;
-        this._fDragMove = fDragMove;
-        this._fDragEnd = fDragEnd;
-        this._fDragCancel = fDragCancel;
-        this._fClick = fClick;
-        this._fDblClick = fDblClick;
-
-        this._active = true;
-
-        if (event?.type === 'dragenter') {
-            this._dragDepth = 1;
-            this._rootElement.addEventListener("dragenter", this._onDragEnter, { passive: false });
-            this._rootElement.addEventListener("dragover", this._onMouseMove, { passive: false });
-            this._rootElement.addEventListener("dragleave", this._onDragLeave, { passive: false });
-            this._document.addEventListener("dragend", this._onDragCancel, { passive: false });
-            this._document.addEventListener("drop", this._onMouseUp, { passive: false });
-        } else {
-            this._document.addEventListener("mouseup", this._onMouseUp, { passive: false });
-            this._document.addEventListener("mousemove", this._onMouseMove, { passive: false });
-            this._document.addEventListener("touchend", this._onMouseUp, { passive: false });
-            this._document.addEventListener("touchmove", this._onMouseMove, { passive: false });
-        }
-    }
-
-    isDragging() {
-        return this._dragging;
-    }
-
-    isActive() {
-        return this._active;
-    }
-
-    toString() {
-        const rtn = "(DragDrop: " + "startX=" + this._startX + ", startY=" + this._startY + ", dragging=" + this._dragging + ")";
-
-        return rtn;
-    }
-
-    /** @internal */
-    private _onKeyPress(event: KeyboardEvent) {
-        if (event.code === 'Escape') {
-            // esc
-            this._onDragCancel();
-        }
-    }
-
-    /** @internal */
-    private _onDragCancel() {
-        this._rootElement!.removeEventListener("dragenter", this._onDragEnter);
-        this._rootElement!.removeEventListener("dragover", this._onMouseMove);
-        this._rootElement!.removeEventListener("dragleave", this._onDragLeave);
-        this._document!.removeEventListener("dragend", this._onDragCancel);
-        this._document!.removeEventListener("drop", this._onMouseUp);
-        this._document!.removeEventListener("mousemove", this._onMouseMove);
-        this._document!.removeEventListener("mouseup", this._onMouseUp);
-        this._document!.removeEventListener("touchend", this._onMouseUp);
-        this._document!.removeEventListener("touchmove", this._onMouseMove);
-        this.hideGlass();
-        if (this._fDragCancel !== undefined) {
-            this._fDragCancel(this._dragging);
-        }
-        this._dragging = false;
-        this._active = false;
-    }
-
-    /** @internal */
-    private _getLocationEvent(event: any) {
-        let posEvent: any = event;
-        if (event && event.touches) {
-            posEvent = event.touches[0];
-        }
-        return posEvent;
-    }
-
-    /** @internal */
-    private _getLocationEventEnd(event: any) {
-        let posEvent: any = event;
-        if (event.changedTouches) {
-            posEvent = event.changedTouches[0];
-        }
-        return posEvent;
-    }
-
-    /** @internal */
-    private _stopPropagation(event: Event | React.MouseEvent<HTMLDivElement, MouseEvent> | React.TouchEvent<HTMLDivElement> | React.DragEvent<Element>) {
-        if (event.stopPropagation) {
-            event.stopPropagation();
-        }
-    }
-
-    /** @internal */
-    private _preventDefault(event: Event | React.MouseEvent<HTMLDivElement, MouseEvent> | React.TouchEvent<HTMLDivElement> | React.DragEvent<Element>) {
-        if (event.preventDefault && event.cancelable) {
-            event.preventDefault();
-        }
-        return event;
-    }
-
-    /** @internal */
-    private _onMouseMove(event: Event | React.MouseEvent<HTMLDivElement, MouseEvent> | React.TouchEvent<HTMLDivElement> | React.DragEvent<Element>) {
-        this._lastEvent = event;
-
-        const posEvent = this._getLocationEvent(event);
-        this._stopPropagation(event);
-        this._preventDefault(event);
-
-        if (!this._dragging && (Math.abs(this._startX - posEvent.clientX) > 5 || Math.abs(this._startY - posEvent.clientY) > 5)) {
-            this._dragging = true;
-            if (this._fDragStart) {
-                this._setDefaultGlassCursor("move");
-                this._dragging = this._fDragStart({ clientX: this._startX, clientY: this._startY });
-            }
-        }
-
-        if (this._dragging) {
-            if (this._fDragMove) {
-                this._fDragMove(posEvent);
-            }
-        }
-        return false;
-    }
-
-    /** @internal */
-    private _onMouseUp(event: Event) {
-        this._lastEvent = event;
-
-        const posEvent = this._getLocationEventEnd(event);
-
-        this._stopPropagation(event);
-        this._preventDefault(event);
-
-        this._active = false;
-
-        this._rootElement!.removeEventListener("dragenter", this._onDragEnter);
-        this._rootElement!.removeEventListener("dragover", this._onMouseMove);
-        this._rootElement!.removeEventListener("dragleave", this._onDragLeave);
-        this._document!.removeEventListener("dragend", this._onDragCancel);
-        this._document!.removeEventListener("drop", this._onMouseUp);
-        this._document!.removeEventListener("mousemove", this._onMouseMove);
-        this._document!.removeEventListener("mouseup", this._onMouseUp);
-        this._document!.removeEventListener("touchend", this._onMouseUp);
-        this._document!.removeEventListener("touchmove", this._onMouseMove);
-
-        if (!this._manualGlassManagement) {
-            this.hideGlass();
-        }
-
-        if (this._dragging) {
-            this._dragging = false;
-            if (this._fDragEnd) {
-                this._fDragEnd(event);
-            }
-            // dump("set dragging = false\n");
-        } else {
-            if (this._fDragCancel) {
-                this._fDragCancel(this._dragging);
-            }
-            if (Math.abs(this._startX - posEvent.clientX) <= 5 && Math.abs(this._startY - posEvent.clientY) <= 5) {
-
-                let isDoubleClick = false;
-                const clickTime = new Date().getTime();
-                // check for double click
-                if (Math.abs(this._clickX - posEvent.clientX) <= 5 && Math.abs(this._clickY - posEvent.clientY) <= 5) {
-                    if (clickTime - this._lastClick < 500) {
-                        if (this._fDblClick) {
-                            this._fDblClick(event);
-                            isDoubleClick = true;
-                        }
-                    }
-                }
- 
-                if (!isDoubleClick && this._fClick) {
-                    this._fClick(event);
-                }
-
-                this._lastClick = clickTime;
-                this._clickX = posEvent.clientX;
-                this._clickY = posEvent.clientY;
-            }
-        }
-        return false;
-    }
-
-    /** @internal */
-    private _onDragEnter(event: DragEvent) {
-        this._preventDefault(event);
-        this._stopPropagation(event);
-        this._dragDepth++;
-        return false;
-    }
-
-    /** @internal */
-    private _onDragLeave(event: DragEvent) {
-        this._preventDefault(event);
-        this._stopPropagation(event);
-        this._dragDepth--;
-        if (this._dragDepth <= 0) {
-            this._onDragCancel();
-        }
-        return false;
-    }
-}

package/src/model/SplitterNode.ts

@@ -1,78 +0,0 @@
-import { AttributeDefinitions } from "../AttributeDefinitions";
-import { Orientation } from "../Orientation";
-import { Model } from "./Model";
-import { Node } from "./Node";
-
-export class SplitterNode extends Node {
-    static readonly TYPE: string = "splitter";
-
-    /** @internal */
-    constructor(model: Model) {
-        super(model);
-        this._fixed = true;
-        this._attributes.type = SplitterNode.TYPE;
-        model._addNode(this);
-    }
-
-    /** @internal */
-    getWidth() {
-        return this._model.getSplitterSize();
-    }
-
-    /** @internal */
-    getMinWidth() {
-        if (this.getOrientation() === Orientation.VERT) {
-            return this._model.getSplitterSize();
-        } else {
-            return 0;
-        }
-    }
-
-    /** @internal */
-    getHeight() {
-        return this._model.getSplitterSize();
-    }
-
-    /** @internal */
-    getMinHeight() {
-        if (this.getOrientation() === Orientation.HORZ) {
-            return this._model.getSplitterSize();
-        } else {
-            return 0;
-        }
-    }
-
-    /** @internal */
-    getMinSize(orientation: Orientation) {
-        if (orientation === Orientation.HORZ) {
-            return this.getMinWidth();
-        } else {
-            return this.getMinHeight();
-        }
-    }
-
-    /** @internal */
-    getWeight(): number {
-        return 0;
-    }
-
-    /** @internal */
-    _setWeight(value: number): void { }
-
-    /** @internal */
-    _getPrefSize(orientation: Orientation): number {
-        return this._model.getSplitterSize();
-    }
-
-    /** @internal */
-    _updateAttrs(json: any): void { }
-
-    /** @internal */
-    _getAttributeDefinitions(): AttributeDefinitions {
-        return new AttributeDefinitions();
-    }
-
-    toJson(): undefined {
-        return undefined;
-    }
-}

package/src/view/FloatingWindow.tsx

@@ -1,140 +0,0 @@
-import * as React from "react";
-import { createPortal } from "react-dom";
-import { Rect } from "../Rect";
-import { CLASSES } from "../Types";
-
-/** @internal */
-export interface IFloatingWindowProps {
-    title: string;
-    id: string;
-    url: string;
-    rect: Rect | null;
-    onCloseWindow: (id: string) => void;
-    onSetWindow: (id: string, window: Window) => void;
-}
-
-interface IStyleSheet {
-    href: string | null;
-    type: string;
-    rules: string[] | null;
-}
-
-/** @internal */
-export const FloatingWindow = (props: React.PropsWithChildren<IFloatingWindowProps>) => {
-    const { title, id, url, rect, onCloseWindow, onSetWindow, children } = props;
-    const popoutWindow = React.useRef<Window | null>(null);
-    const timerId = React.useRef<any>(null);
-    const [content, setContent] = React.useState<HTMLElement | undefined>(undefined);
-
-    React.useLayoutEffect(() => {
-        if (timerId.current) {
-            clearTimeout(timerId.current);
-        }
-        let isMounted = true;
-        const r = rect || new Rect(0, 0, 100, 100);
-        // Make a local copy of the styles from the current window which will be passed into
-        // the floating window. window.document.styleSheets is mutable and we can't guarantee
-        // the styles will exist when 'popoutWindow.load' is called below.
-        const styles = Array.from(window.document.styleSheets).reduce((result, styleSheet) => {
-            let rules: CSSRuleList | undefined = undefined;
-            try {
-                rules = styleSheet.cssRules;
-            } catch (e) {
-                // styleSheet.cssRules can throw security exception
-            }
-
-            try {
-                return [
-                    ...result,
-                    {
-                        href: styleSheet.href,
-                        type: styleSheet.type,
-                        rules: rules ? Array.from(rules).map(rule => rule.cssText) : null,
-                    }
-                ];
-            } catch (e) {
-                return result;
-            }
-        }, [] as IStyleSheet[]);
-        popoutWindow.current = window.open(url, id, `left=${r.x},top=${r.y},width=${r.width},height=${r.height}`);
-        if (popoutWindow.current !== null) {
-            onSetWindow(id, popoutWindow.current);
-
-            // listen for parent unloading to remove all popouts
-            window.addEventListener("beforeunload", () => {
-                if (popoutWindow.current) {
-                    popoutWindow.current.close();
-                    popoutWindow.current = null;
-                }
-            });
-
-            popoutWindow.current.addEventListener("load", () => {
-                if (isMounted) {
-                    const popoutDocument = popoutWindow.current!.document;
-                    popoutDocument.title = title;
-                    const popoutContent = popoutDocument.createElement("div");
-                    popoutContent.className = CLASSES.FLEXLAYOUT__FLOATING_WINDOW_CONTENT;
-                    popoutDocument.body.appendChild(popoutContent);
-                    copyStyles(popoutDocument, styles).then(() => {
-                        setContent(popoutContent);
-                    });
-
-                    // listen for popout unloading (needs to be after load for safari)
-                    popoutWindow.current!.addEventListener("beforeunload", () => {
-                        onCloseWindow(id);
-                    });
-                }
-            });
-        } else {
-            console.warn(`Unable to open window ${url}`);
-            onCloseWindow(id);
-        }
-
-        return () => {
-            isMounted = false;
-            // delay so refresh will close window
-            timerId.current = setTimeout(() => {
-                if (popoutWindow.current) {
-                    popoutWindow.current.close();
-                    popoutWindow.current = null;
-                }
-            }, 0);
-        };
-    }, []);
-
-    if (content !== undefined) {
-        return createPortal(children, content!);
-    } else {
-        return null;
-    }
-};
-
-/** @internal */
-function copyStyles(doc: Document, styleSheets: IStyleSheet[]): Promise<boolean[]> {
-    const head = doc.head;
-    const promises: Promise<boolean>[] = [];
-    for (const styleSheet of styleSheets) {
-        if (styleSheet.href) {
-            // prefer links since they will keep paths to images etc
-            const styleElement = doc.createElement("link");
-            styleElement.type = styleSheet.type;
-            styleElement.rel = "stylesheet";
-            styleElement.href = styleSheet.href!;
-            head.appendChild(styleElement);
-            promises.push(
-                new Promise((resolve) => {
-                    styleElement.onload = () => resolve(true);
-                })
-            );
-        } else {
-            if (styleSheet.rules) {
-                const style = doc.createElement("style");
-                for (const rule of styleSheet.rules) {
-                    style.appendChild(doc.createTextNode(rule));
-                }
-                head.appendChild(style);
-            }
-        }
-    }
-    return Promise.all(promises);
-}