flexlayout-react 0.7.15 → 0.8.0

package/lib/view/FloatingWindow.js.map

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

package/lib/view/FloatingWindowTab.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FloatingWindowTab = void 0;
-const React = require("react");
-const ErrorBoundary_1 = require("./ErrorBoundary");
-const I18nLabel_1 = require("../I18nLabel");
-const react_1 = require("react");
-const Types_1 = require("../Types");
-/** @internal */
-const FloatingWindowTab = (props) => {
-    const { layout, node, factory } = props;
-    const cm = layout.getClassName;
-    const child = factory(node);
-    return (React.createElement("div", { className: cm(Types_1.CLASSES.FLEXLAYOUT__FLOATING_WINDOW_TAB) },
-        React.createElement(ErrorBoundary_1.ErrorBoundary, { message: props.layout.i18nName(I18nLabel_1.I18nLabel.Error_rendering_component) },
-            React.createElement(react_1.Fragment, null, child))));
-};
-exports.FloatingWindowTab = FloatingWindowTab;
-//# sourceMappingURL=FloatingWindowTab.js.map

package/lib/view/FloatingWindowTab.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FloatingWindowTab.js","sourceRoot":"","sources":["../../src/view/FloatingWindowTab.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAG/B,mDAAgD;AAChD,4CAAyC;AACzC,iCAAiC;AACjC,oCAAmC;AASnC,gBAAgB;AACT,MAAM,iBAAiB,GAAG,CAAC,KAA8B,EAAE,EAAE;IAChE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IACxC,MAAM,EAAE,GAAG,MAAM,CAAC,YAAY,CAAC;IAC/B,MAAM,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAE5B,OAAO,CACH,6BAAK,SAAS,EAAE,EAAE,CAAC,eAAO,CAAC,+BAA+B,CAAC;QACvD,oBAAC,6BAAa,IAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,qBAAS,CAAC,yBAAyB,CAAC;YAC9E,oBAAC,gBAAQ,QAAE,KAAK,CAAY,CAChB,CACd,CACT,CAAC;AACN,CAAC,CAAC;AAZW,QAAA,iBAAiB,qBAY5B"}

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;
-    }
-}