flexlayout-react 0.8.11 → 0.8.13

package/playwright.config.ts

@@ -1,79 +0,0 @@
-import { defineConfig, devices } from '@playwright/test';
-
-/**
- * Read environment variables from file.
- * https://github.com/motdotla/dotenv
- */
-// import dotenv from 'dotenv';
-// import path from 'path';
-// dotenv.config({ path: path.resolve(__dirname, '.env') });
-
-/**
- * See https://playwright.dev/docs/test-configuration.
- */
-export default defineConfig({
-  testDir: './tests-playwright',
-  /* Run tests in files in parallel */
-  fullyParallel: true,
-  /* Fail the build on CI if you accidentally left test.only in the source code. */
-  forbidOnly: !!process.env.CI,
-  /* Retry on CI only */
-  retries: process.env.CI ? 2 : 0,
-  /* Opt out of parallel tests on CI. */
-  workers: process.env.CI ? 1 : undefined,
-  /* Reporter to use. See https://playwright.dev/docs/test-reporters */
-  reporter: 'html',
-  /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
-  use: {
-    /* Base URL to use in actions like `await page.goto('/')`. */
-    // baseURL: 'http://127.0.0.1:3000',
-
-    /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
-    trace: 'on-first-retry',
-  },
-
-  /* Configure projects for major browsers */
-  projects: [
-    {
-      name: 'chromium',
-      use: { ...devices['Desktop Chrome'] },
-    },
-
-    // {
-    //   name: 'firefox',
-    //   use: { ...devices['Desktop Firefox'] },
-    // },
-
-    {
-      name: 'webkit',
-      use: { ...devices['Desktop Safari'] },
-    },
-
-    /* Test against mobile viewports. */
-    // {
-    //   name: 'Mobile Chrome',
-    //   use: { ...devices['Pixel 5'] },
-    // },
-    // {
-    //   name: 'Mobile Safari',
-    //   use: { ...devices['iPhone 12'] },
-    // },
-
-    /* Test against branded browsers. */
-    // {
-    //   name: 'Microsoft Edge',
-    //   use: { ...devices['Desktop Edge'], channel: 'msedge' },
-    // },
-    // {
-    //   name: 'Google Chrome',
-    //   use: { ...devices['Desktop Chrome'], channel: 'chrome' },
-    // },
-  ],
-
-  /* Run your local dev server before starting the tests */
-  // webServer: {
-  //   command: 'npm run start',
-  //   url: 'http://127.0.0.1:3000',
-  //   reuseExistingServer: !process.env.CI,
-  // },
-});

package/src/Attribute.ts

@@ -1,64 +0,0 @@
-/** @internal */
-export class Attribute {
-    static NUMBER = "number";
-    static STRING = "string";
-    static BOOLEAN = "boolean";
-
-    name: string;
-    alias: string | undefined;
-    modelName?: string;
-    pairedAttr?: Attribute;
-    pairedType?: string;
-    defaultValue: any;
-    alwaysWriteJson?: boolean;
-    type?: string; 
-    required: boolean;
-    fixed: boolean;
-    description?: string;
-
-    constructor(name: string, modelName: string | undefined, defaultValue: any, alwaysWriteJson?: boolean) {
-        this.name = name;
-        this.alias = undefined;
-        this.modelName = modelName;
-        this.defaultValue = defaultValue;
-        this.alwaysWriteJson = alwaysWriteJson;
-        this.required = false;
-        this.fixed = false;
-
-        this.type = "any";
-    }
-
-    setType(value: string) {
-        this.type = value;
-        return this;
-    }
-
-    setAlias(value: string) {
-        this.alias = value;
-        return this;
-    }
-
-    setDescription(value: string) {
-        this.description = value;
-    }
-
-    setRequired() {
-        this.required = true;
-        return this;
-    }
-
-    setFixed() {
-        this.fixed = true;
-        return this;
-    }
-
-    // sets modelAttr for nodes, and nodeAttr for model
-    setpairedAttr(value: Attribute) {
-        this.pairedAttr = value;
-    }
-
-    setPairedType(value: string) {
-        this.pairedType = value;
-    }
-
-}

package/src/AttributeDefinitions.ts

@@ -1,144 +0,0 @@
-import { Attribute } from "./Attribute";
-
-/** @internal */
-export class AttributeDefinitions {
-    attributes: Attribute[];
-    nameToAttribute: Map<string, Attribute>;
-
-    constructor() {
-        this.attributes = [];
-        this.nameToAttribute = new Map();
-    }
-
-    addWithAll(name: string, modelName: string | undefined, defaultValue: any, alwaysWriteJson?: boolean) {
-        const attr = new Attribute(name, modelName, defaultValue, alwaysWriteJson);
-        this.attributes.push(attr);
-        this.nameToAttribute.set(name, attr);
-        return attr;
-    }
-
-    addInherited(name: string, modelName: string) {
-        return this.addWithAll(name, modelName, undefined, false);
-    }
-
-    add(name: string, defaultValue: any, alwaysWriteJson?: boolean) {
-        return this.addWithAll(name, undefined, defaultValue, alwaysWriteJson);
-    }
-
-    getAttributes() {
-        return this.attributes;
-    }
-
-    getModelName(name: string) {
-        const conversion = this.nameToAttribute.get(name);
-        if (conversion !== undefined) {
-            return conversion.modelName;
-        }
-        return undefined;
-    }
-
-    toJson(jsonObj: any, obj: any) {
-        for (const attr of this.attributes) {
-            const fromValue = obj[attr.name];
-            if (attr.alwaysWriteJson || fromValue !== attr.defaultValue) {
-                jsonObj[attr.name] = fromValue;
-            }
-        }
-    }
-
-    fromJson(jsonObj: any, obj: any) {
-        for (const attr of this.attributes) {
-            let fromValue = jsonObj[attr.name];
-            if (fromValue === undefined && attr.alias) {
-                fromValue = jsonObj[attr.alias];
-            }
-            if (fromValue === undefined) {
-                obj[attr.name] = attr.defaultValue;
-            } else {
-                obj[attr.name] = fromValue;
-            }
-        }
-    }
-
-    update(jsonObj: any, obj: any) {
-        for (const attr of this.attributes) {
-            if (Object.prototype.hasOwnProperty.call(jsonObj, attr.name)) {
-                const fromValue = jsonObj[attr.name];
-                if (fromValue === undefined) {
-                    delete obj[attr.name];
-                } else {
-                    obj[attr.name] = fromValue;
-                }
-            }
-        }
-    }
-
-    setDefaults(obj: any) {
-        for (const attr of this.attributes) {
-            obj[attr.name] = attr.defaultValue;
-        }
-    }
-
-    pairAttributes(type: string, childAttributes: AttributeDefinitions) {
-        for (const attr of childAttributes.attributes) {
-            if (attr.modelName && this.nameToAttribute.has(attr.modelName)) {
-                const pairedAttr = this.nameToAttribute.get(attr.modelName)!;
-                pairedAttr.setpairedAttr(attr);
-                attr.setpairedAttr(pairedAttr);
-                pairedAttr.setPairedType(type);
-            }
-        }
-    }
-
-    toTypescriptInterface(name: string, parentAttributes: AttributeDefinitions | undefined) {
-        const lines = [];
-        const sorted = this.attributes.sort((a, b) => a.name.localeCompare(b.name));
-        // const sorted = this.attributes;
-        lines.push("export interface I" + name + "Attributes {");
-        for (let i = 0; i < sorted.length; i++) {
-            const c = sorted[i];
-            let type = c.type;
-            let defaultValue = undefined;
-
-            let attr = c;
-            let inherited = undefined;
-            if (attr.defaultValue !== undefined) {
-                defaultValue = attr.defaultValue;
-            } else if (attr.modelName !== undefined
-                && parentAttributes !== undefined
-                && parentAttributes.nameToAttribute.get(attr.modelName) !== undefined) {
-                inherited = attr.modelName;
-                attr = parentAttributes.nameToAttribute.get(inherited)!;
-                defaultValue = attr.defaultValue;
-                type = attr.type;
-            }
-
-            const defValue = JSON.stringify(defaultValue);
-
-            const required = attr.required ? "" : "?";
-
-            let sb = "\t/**\n\t  ";
-            if (c.description) {
-                sb += c.description;
-            } else if (c.pairedType && c.pairedAttr?.description) {
-                sb += `Value for ${c.pairedType} attribute ${c.pairedAttr.name} if not overridden`
-                sb += "\n\n\t  ";
-                sb += c.pairedAttr?.description;
-            }
-            sb += "\n\n\t  ";
-            if (c.fixed) {
-                sb += `Fixed value: ${defValue}`;
-            } else if (inherited) {
-                sb += `Default: inherited from Global attribute ${c.modelName} (default ${defValue})`;
-            } else {
-                sb += `Default: ${defValue}`;
-            }
-            sb += "\n\t */";
-            lines.push(sb);
-            lines.push("\t" + c.name + required + ": " + type + ";\n");
-        }
-        lines.push("}");
-
-        return lines.join("\n");
-    }
-}

package/src/DockLocation.ts

@@ -1,133 +0,0 @@
-import { Orientation } from "./Orientation";
-import { Rect } from "./Rect";
-
-export class DockLocation {
-    static values = new Map<string, DockLocation>();
-    static TOP = new DockLocation("top", Orientation.VERT, 0);
-    static BOTTOM = new DockLocation("bottom", Orientation.VERT, 1);
-    static LEFT = new DockLocation("left", Orientation.HORZ, 0);
-    static RIGHT = new DockLocation("right", Orientation.HORZ, 1);
-    static CENTER = new DockLocation("center", Orientation.VERT, 0);
-
-    /** @internal */
-    static getByName(name: string): DockLocation {
-        return DockLocation.values.get(name)!;
-    }
-
-    /** @internal */
-    static getLocation(rect: Rect, x: number, y: number) {
-        x = (x - rect.x) / rect.width;
-        y = (y - rect.y) / rect.height;
-
-        if (x >= 0.25 && x < 0.75 && y >= 0.25 && y < 0.75) {
-            return DockLocation.CENTER;
-        }
-
-        // Whether or not the point is in the bottom-left half of the rect
-        // +-----+
-        // |\    |
-        // |x\   |
-        // |xx\  |
-        // |xxx\ |
-        // |xxxx\|
-        // +-----+
-        const bl = y >= x;
-
-        // Whether or not the point is in the bottom-right half of the rect
-        // +-----+
-        // |    /|
-        // |   /x|
-        // |  /xx|
-        // | /xxx|
-        // |/xxxx|
-        // +-----+
-        const br = y >= 1 - x;
-
-        if (bl) {
-            return br ? DockLocation.BOTTOM : DockLocation.LEFT;
-        } else {
-            return br ? DockLocation.RIGHT : DockLocation.TOP;
-        }
-    }
-
-    /** @internal */
-    name: string;
-    /** @internal */
-    orientation: Orientation;
-    /** @internal */
-    indexPlus: number;
-
-    /** @internal */
-    constructor(_name: string, _orientation: Orientation, _indexPlus: number) {
-        this.name = _name;
-        this.orientation = _orientation;
-        this.indexPlus = _indexPlus;
-        DockLocation.values.set(this.name, this);
-    }
-
-    getName() {
-        return this.name;
-    }
-
-    getOrientation() {
-        return this.orientation;
-    }
-
-    /** @internal */
-    getDockRect(r: Rect) {
-        if (this === DockLocation.TOP) {
-            return new Rect(r.x, r.y, r.width, r.height / 2);
-        } else if (this === DockLocation.BOTTOM) {
-            return new Rect(r.x, r.getBottom() - r.height / 2, r.width, r.height / 2);
-        }
-        if (this === DockLocation.LEFT) {
-            return new Rect(r.x, r.y, r.width / 2, r.height);
-        } else if (this === DockLocation.RIGHT) {
-            return new Rect(r.getRight() - r.width / 2, r.y, r.width / 2, r.height);
-        } else {
-            return r.clone();
-        }
-    }
-
-    /** @internal */
-    split(rect: Rect, size: number) {
-        if (this === DockLocation.TOP) {
-            const r1 = new Rect(rect.x, rect.y, rect.width, size);
-            const r2 = new Rect(rect.x, rect.y + size, rect.width, rect.height - size);
-            return { start: r1, end: r2 };
-        } else if (this === DockLocation.LEFT) {
-            const r1 = new Rect(rect.x, rect.y, size, rect.height);
-            const r2 = new Rect(rect.x + size, rect.y, rect.width - size, rect.height);
-            return { start: r1, end: r2 };
-        }
-        if (this === DockLocation.RIGHT) {
-            const r1 = new Rect(rect.getRight() - size, rect.y, size, rect.height);
-            const r2 = new Rect(rect.x, rect.y, rect.width - size, rect.height);
-            return { start: r1, end: r2 };
-        } else {
-            // if (this === DockLocation.BOTTOM) {
-            const r1 = new Rect(rect.x, rect.getBottom() - size, rect.width, size);
-            const r2 = new Rect(rect.x, rect.y, rect.width, rect.height - size);
-            return { start: r1, end: r2 };
-        }
-    }
-
-    /** @internal */
-    reflect() {
-        if (this === DockLocation.TOP) {
-            return DockLocation.BOTTOM;
-        } else if (this === DockLocation.LEFT) {
-            return DockLocation.RIGHT;
-        }
-        if (this === DockLocation.RIGHT) {
-            return DockLocation.LEFT;
-        } else {
-            // if (this === DockLocation.BOTTOM) {
-            return DockLocation.TOP;
-        }
-    }
-
-    toString() {
-        return "(DockLocation: name=" + this.name + ", orientation=" + this.orientation + ")";
-    }
-}

package/src/DropInfo.ts

@@ -1,20 +0,0 @@
-import { DockLocation } from "./DockLocation";
-import { IDropTarget } from "./model/IDropTarget";
-import { Node } from "./model/Node";
-import { Rect } from "./Rect";
-
-export class DropInfo {
-    node: Node & IDropTarget;
-    rect: Rect;
-    location: DockLocation;
-    index: number;
-    className: string;
-
-    constructor(node: Node & IDropTarget, rect: Rect, location: DockLocation, index: number, className: string) {
-        this.node = node;
-        this.rect = rect;
-        this.location = location;
-        this.index = index;
-        this.className = className;
-    }
-}

package/src/I18nLabel.ts

@@ -1,12 +0,0 @@
-export enum I18nLabel {
-    Close_Tab = "Close",
-    Close_Tabset = "Close tab set",
-    Active_Tabset = "Active tab set",
-    Move_Tabset = "Move tab set",
-    Move_Tabs = "Move tabs(?)",
-    Maximize = "Maximize tab set",
-    Restore = "Restore tab set",
-    Popout_Tab = "Popout selected tab",
-    Overflow_Menu_Tooltip = "Hidden tabs",
-    Error_rendering_component = "Error rendering component",
-}

package/src/Orientation.ts

@@ -1,28 +0,0 @@
-export class Orientation {
-    static HORZ = new Orientation("horz");
-    static VERT = new Orientation("vert");
-
-    static flip(from: Orientation) {
-        if (from === Orientation.HORZ) {
-            return Orientation.VERT;
-        } else {
-            return Orientation.HORZ;
-        }
-    }
-
-    /** @internal */
-    private _name: string;
-
-    /** @internal */
-    private constructor(name: string) {
-        this._name = name;
-    }
-
-    getName() {
-        return this._name;
-    }
-
-    toString() {
-        return this._name;
-    }
-}

package/src/Rect.ts

@@ -1,147 +0,0 @@
-import { IJsonRect } from "./model/IJsonModel";
-import { Orientation } from "./Orientation";
-
-export class Rect {
-    static empty() {
-        return new Rect(0, 0, 0, 0);
-    }
-
-    static fromJson(json: IJsonRect): Rect {
-        return new Rect(json.x, json.y, json.width, json.height);
-    }
-
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-
-    constructor(x: number, y: number, width: number, height: number) {
-        this.x = x;
-        this.y = y;
-        this.width = width;
-        this.height = height;
-    }
-
-    toJson() {
-        return {x: this.x, y: this.y, width: this.width, height: this.height};
-    }
-
-    snap(round: number) {
-        this.x = Math.round(this.x / round) * round;
-        this.y = Math.round(this.y / round) * round;
-        this.width = Math.round(this.width / round) * round;
-        this.height= Math.round(this.height / round) * round;
-    }
-
-    static getBoundingClientRect(element: Element) {
-        const { x, y, width, height } = element.getBoundingClientRect();
-        return new Rect(x, y, width, height);
-    }
-
-    static getContentRect(element: HTMLElement) {
-        const rect = element.getBoundingClientRect();
-        const style = window.getComputedStyle(element);
-
-        const paddingLeft = parseFloat(style.paddingLeft);
-        const paddingRight = parseFloat(style.paddingRight);
-        const paddingTop = parseFloat(style.paddingTop);
-        const paddingBottom = parseFloat(style.paddingBottom);
-        const borderLeftWidth = parseFloat(style.borderLeftWidth);
-        const borderRightWidth = parseFloat(style.borderRightWidth);
-        const borderTopWidth = parseFloat(style.borderTopWidth);
-        const borderBottomWidth = parseFloat(style.borderBottomWidth);
-
-        const contentWidth = rect.width - borderLeftWidth - paddingLeft - paddingRight - borderRightWidth;
-        const contentHeight = rect.height - borderTopWidth - paddingTop - paddingBottom - borderBottomWidth;
-
-        return new Rect(
-            rect.left + borderLeftWidth + paddingLeft,
-            rect.top + borderTopWidth + paddingTop,
-            contentWidth,
-            contentHeight,
-        );
-    }
-
-    static fromDomRect(domRect: DOMRect) {
-        return new Rect(domRect.x, domRect.y, domRect.width, domRect.height);
-    }
-
-    relativeTo(r: Rect | DOMRect) {
-        return new Rect(this.x - r.x, this.y - r.y, this.width, this.height);
-    }
-
-    clone() {
-        return new Rect(this.x, this.y, this.width, this.height);
-    }
-
-    equals(rect: Rect | null | undefined) {
-        return this.x === rect?.x && this.y === rect?.y && this.width === rect?.width && this.height === rect?.height
-    }
-
-    equalSize(rect: Rect | null | undefined) {
-        return this.width === rect?.width && this.height === rect?.height
-    }
-
-    getBottom() {
-        return this.y + this.height;
-    }
-
-    getRight() {
-        return this.x + this.width;
-    }
-
-    get bottom() {
-        return this.y + this.height;
-    }
-
-    get right() {
-        return this.x + this.width;
-    }
-
-    getCenter() {
-        return { x: this.x + this.width / 2, y: this.y + this.height / 2 };
-    }
-
-    positionElement(element: HTMLElement, position?: string) {
-        this.styleWithPosition(element.style, position);
-    }
-
-    styleWithPosition(style: Record<string, any>, position: string = "absolute") {
-        style.left = this.x + "px";
-        style.top = this.y + "px";
-        style.width = Math.max(0, this.width) + "px"; // need Math.max to prevent -ve, cause error in IE
-        style.height = Math.max(0, this.height) + "px";
-        style.position = position;
-        return style;
-    }
-
-    contains(x: number, y: number) {
-        if (this.x <= x && x <= this.getRight() && this.y <= y && y <= this.getBottom()) {
-            return true;
-        } else {
-            return false;
-        }
-    }
-
-    removeInsets(insets: { top: number; left: number; bottom: number; right: number }) {
-        return new Rect(this.x + insets.left, this.y + insets.top, Math.max(0, this.width - insets.left - insets.right), Math.max(0, this.height - insets.top - insets.bottom));
-    }
-
-    centerInRect(outerRect: Rect) {
-        this.x = (outerRect.width - this.width) / 2;
-        this.y = (outerRect.height - this.height) / 2;
-    }
-
-    /** @internal */
-    _getSize(orientation: Orientation) {
-        let prefSize = this.width;
-        if (orientation === Orientation.VERT) {
-            prefSize = this.height;
-        }
-        return prefSize;
-    }
-
-    toString() {
-        return "(Rect: x=" + this.x + ", y=" + this.y + ", width=" + this.width + ", height=" + this.height + ")";
-    }
-}