dockview 0.0.28 → 1.0.2

package/dist/esm/splitview/splitviewPanel.js

@@ -1,107 +1,107 @@
-import { BasePanelView, } from '../gridview/basePanelView';
-import { SplitviewPanelApiImpl } from '../api/splitviewPanelApi';
-import { Orientation } from './core/splitview';
-import { Emitter } from '../events';
-export class SplitviewPanel extends BasePanelView {
-    constructor(id, componentName) {
-        super(id, componentName, new SplitviewPanelApiImpl(id));
-        this._evaluatedMinimumSize = 0;
-        this._evaluatedMaximumSize = Number.POSITIVE_INFINITY;
-        this._minimumSize = 0;
-        this._maximumSize = Number.POSITIVE_INFINITY;
-        this._snap = false;
-        this._onDidChange = new Emitter();
-        this.onDidChange = this._onDidChange.event;
-        this.addDisposables(this.api.onVisibilityChange((event) => {
-            const { isVisible } = event;
-            const { containerApi } = this.params;
-            containerApi.setVisible(this, isVisible);
-        }), this.api.onActiveChange(() => {
-            const { containerApi } = this.params;
-            containerApi.setActive(this);
-        }), this.api.onDidConstraintsChangeInternal((event) => {
-            if (typeof event.minimumSize === 'number' ||
-                typeof event.minimumSize === 'function') {
-                this._minimumSize = event.minimumSize;
-            }
-            if (typeof event.maximumSize === 'number' ||
-                typeof event.maximumSize === 'function') {
-                this._maximumSize = event.maximumSize;
-            }
-            this.updateConstraints();
-        }), this.api.onDidSizeChange((event) => {
-            this._onDidChange.fire(event.size);
-        }));
-    }
-    get priority() {
-        return this._priority;
-    }
-    set orientation(value) {
-        this._orientation = value;
-    }
-    get orientation() {
-        return this._orientation;
-    }
-    get minimumSize() {
-        const size = typeof this._minimumSize === 'function'
-            ? this._minimumSize()
-            : this._minimumSize;
-        if (size !== this._evaluatedMinimumSize) {
-            this._evaluatedMinimumSize = size;
-            this.updateConstraints();
-        }
-        return size;
-    }
-    get maximumSize() {
-        const size = typeof this._maximumSize === 'function'
-            ? this._maximumSize()
-            : this._maximumSize;
-        if (size !== this._evaluatedMaximumSize) {
-            this._evaluatedMaximumSize = size;
-            this.updateConstraints();
-        }
-        return size;
-    }
-    get snap() {
-        return this._snap;
-    }
-    setVisible(isVisible) {
-        this.api._onDidVisibilityChange.fire({ isVisible });
-    }
-    setActive(isActive) {
-        this.api._onDidActiveChange.fire({ isActive });
-    }
-    layout(size, orthogonalSize) {
-        const [width, height] = this.orientation === Orientation.HORIZONTAL
-            ? [size, orthogonalSize]
-            : [orthogonalSize, size];
-        super.layout(width, height);
-    }
-    init(parameters) {
-        super.init(parameters);
-        this._priority = parameters.priority;
-        if (parameters.minimumSize) {
-            this._minimumSize = parameters.minimumSize;
-        }
-        if (parameters.maximumSize) {
-            this._maximumSize = parameters.maximumSize;
-        }
-        if (parameters.snap) {
-            this._snap = parameters.snap;
-        }
-    }
-    toJSON() {
-        const maximum = (value) => value === Number.MAX_SAFE_INTEGER ||
-            value === Number.POSITIVE_INFINITY
-            ? undefined
-            : value;
-        const minimum = (value) => (value <= 0 ? undefined : value);
-        return Object.assign(Object.assign({}, super.toJSON()), { minimumSize: minimum(this.minimumSize), maximumSize: maximum(this.maximumSize) });
-    }
-    updateConstraints() {
-        this.api._onDidConstraintsChange.fire({
-            maximumSize: this._evaluatedMaximumSize,
-            minimumSize: this._evaluatedMinimumSize,
-        });
-    }
-}
+import { BasePanelView, } from '../gridview/basePanelView';
+import { SplitviewPanelApiImpl } from '../api/splitviewPanelApi';
+import { Orientation } from './core/splitview';
+import { Emitter } from '../events';
+export class SplitviewPanel extends BasePanelView {
+    constructor(id, componentName) {
+        super(id, componentName, new SplitviewPanelApiImpl(id));
+        this._evaluatedMinimumSize = 0;
+        this._evaluatedMaximumSize = Number.POSITIVE_INFINITY;
+        this._minimumSize = 0;
+        this._maximumSize = Number.POSITIVE_INFINITY;
+        this._snap = false;
+        this._onDidChange = new Emitter();
+        this.onDidChange = this._onDidChange.event;
+        this.addDisposables(this.api.onVisibilityChange((event) => {
+            const { isVisible } = event;
+            const { containerApi } = this.params;
+            containerApi.setVisible(this, isVisible);
+        }), this.api.onActiveChange(() => {
+            const { containerApi } = this.params;
+            containerApi.setActive(this);
+        }), this.api.onDidConstraintsChangeInternal((event) => {
+            if (typeof event.minimumSize === 'number' ||
+                typeof event.minimumSize === 'function') {
+                this._minimumSize = event.minimumSize;
+            }
+            if (typeof event.maximumSize === 'number' ||
+                typeof event.maximumSize === 'function') {
+                this._maximumSize = event.maximumSize;
+            }
+            this.updateConstraints();
+        }), this.api.onDidSizeChange((event) => {
+            this._onDidChange.fire(event.size);
+        }));
+    }
+    get priority() {
+        return this._priority;
+    }
+    set orientation(value) {
+        this._orientation = value;
+    }
+    get orientation() {
+        return this._orientation;
+    }
+    get minimumSize() {
+        const size = typeof this._minimumSize === 'function'
+            ? this._minimumSize()
+            : this._minimumSize;
+        if (size !== this._evaluatedMinimumSize) {
+            this._evaluatedMinimumSize = size;
+            this.updateConstraints();
+        }
+        return size;
+    }
+    get maximumSize() {
+        const size = typeof this._maximumSize === 'function'
+            ? this._maximumSize()
+            : this._maximumSize;
+        if (size !== this._evaluatedMaximumSize) {
+            this._evaluatedMaximumSize = size;
+            this.updateConstraints();
+        }
+        return size;
+    }
+    get snap() {
+        return this._snap;
+    }
+    setVisible(isVisible) {
+        this.api._onDidVisibilityChange.fire({ isVisible });
+    }
+    setActive(isActive) {
+        this.api._onDidActiveChange.fire({ isActive });
+    }
+    layout(size, orthogonalSize) {
+        const [width, height] = this.orientation === Orientation.HORIZONTAL
+            ? [size, orthogonalSize]
+            : [orthogonalSize, size];
+        super.layout(width, height);
+    }
+    init(parameters) {
+        super.init(parameters);
+        this._priority = parameters.priority;
+        if (parameters.minimumSize) {
+            this._minimumSize = parameters.minimumSize;
+        }
+        if (parameters.maximumSize) {
+            this._maximumSize = parameters.maximumSize;
+        }
+        if (parameters.snap) {
+            this._snap = parameters.snap;
+        }
+    }
+    toJSON() {
+        const maximum = (value) => value === Number.MAX_SAFE_INTEGER ||
+            value === Number.POSITIVE_INFINITY
+            ? undefined
+            : value;
+        const minimum = (value) => (value <= 0 ? undefined : value);
+        return Object.assign(Object.assign({}, super.toJSON()), { minimumSize: minimum(this.minimumSize), maximumSize: maximum(this.maximumSize) });
+    }
+    updateConstraints() {
+        this.api._onDidConstraintsChange.fire({
+            maximumSize: this._evaluatedMaximumSize,
+            minimumSize: this._evaluatedMinimumSize,
+        });
+    }
+}

package/dist/esm/types.d.ts

@@ -1,7 +1,7 @@
-export interface Constructor<T> {
-    new (): T;
-}
-export interface FrameworkFactory<T> {
-    createComponent: (id: string, componentId: string, component: any) => T;
-}
-export declare type FunctionOrValue<T> = (() => T) | T;
+export interface Constructor<T> {
+    new (): T;
+}
+export interface FrameworkFactory<T> {
+    createComponent: (id: string, componentId: string, component: any) => T;
+}
+export declare type FunctionOrValue<T> = (() => T) | T;

package/dist/esm/types.js

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

package/dist/styles/dockview.css

@@ -105,51 +105,6 @@
   margin-right: "0.5em";
   cursor: pointer;
 }
-.drop-target {
-  position: relative;
-}
-.drop-target > .drop-target-dropzone {
-  position: absolute;
-  left: 0px;
-  top: 0px;
-  height: 100%;
-  width: 100%;
-  z-index: 10000;
-}
-.drop-target > .drop-target-dropzone > .drop-target-selection {
-  position: relative;
-  pointer-events: none;
-  box-sizing: border-box;
-  height: 100%;
-  width: 100%;
-  background-color: var(--dv-drag-over-background-color);
-  transition-duration: 0.15s;
-  transition-timing-function: ease-out;
-}
-.drop-target > .drop-target-dropzone > .drop-target-selection.left, .drop-target > .drop-target-dropzone > .drop-target-selection.right {
-  width: 50%;
-}
-.drop-target > .drop-target-dropzone > .drop-target-selection.right {
-  transform: translate(100%, 0%);
-}
-.drop-target > .drop-target-dropzone > .drop-target-selection.bottom {
-  transform: translate(0%, 100%);
-}
-.drop-target > .drop-target-dropzone > .drop-target-selection.top, .drop-target > .drop-target-dropzone > .drop-target-selection.bottom {
-  height: 50%;
-}
-.drop-target > .drop-target-dropzone > .drop-target-selection.small-top {
-  border-top: 1px solid var(--dv-drag-over-border-color);
-}
-.drop-target > .drop-target-dropzone > .drop-target-selection.small-bottom {
-  border-bottom: 1px solid var(--dv-drag-over-border-color);
-}
-.drop-target > .drop-target-dropzone > .drop-target-selection.small-left {
-  border-left: 1px solid var(--dv-drag-over-border-color);
-}
-.drop-target > .drop-target-dropzone > .drop-target-selection.small-right {
-  border-right: 1px solid var(--dv-drag-over-border-color);
-}
 .custom-dragging {
   height: 24px;
   line-height: 24px;
@@ -199,6 +154,51 @@
   background-color: var(--dv-activegroup-visiblepanel-tab-background-color);
   color: var(--dv-activegroup-visiblepanel-tab-color);
 }
+.drop-target {
+  position: relative;
+}
+.drop-target > .drop-target-dropzone {
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  height: 100%;
+  width: 100%;
+  z-index: 10000;
+}
+.drop-target > .drop-target-dropzone > .drop-target-selection {
+  position: relative;
+  pointer-events: none;
+  box-sizing: border-box;
+  height: 100%;
+  width: 100%;
+  background-color: var(--dv-drag-over-background-color);
+  transition-duration: 0.15s;
+  transition-timing-function: ease-out;
+}
+.drop-target > .drop-target-dropzone > .drop-target-selection.left, .drop-target > .drop-target-dropzone > .drop-target-selection.right {
+  width: 50%;
+}
+.drop-target > .drop-target-dropzone > .drop-target-selection.right {
+  transform: translate(100%, 0%);
+}
+.drop-target > .drop-target-dropzone > .drop-target-selection.bottom {
+  transform: translate(0%, 100%);
+}
+.drop-target > .drop-target-dropzone > .drop-target-selection.top, .drop-target > .drop-target-dropzone > .drop-target-selection.bottom {
+  height: 50%;
+}
+.drop-target > .drop-target-dropzone > .drop-target-selection.small-top {
+  border-top: 1px solid var(--dv-drag-over-border-color);
+}
+.drop-target > .drop-target-dropzone > .drop-target-selection.small-bottom {
+  border-bottom: 1px solid var(--dv-drag-over-border-color);
+}
+.drop-target > .drop-target-dropzone > .drop-target-selection.small-left {
+  border-left: 1px solid var(--dv-drag-over-border-color);
+}
+.drop-target > .drop-target-dropzone > .drop-target-selection.small-right {
+  border-right: 1px solid var(--dv-drag-over-border-color);
+}
 .grid-view,
 .branch-node {
   height: 100%;

package/package.json

@@ -1,77 +1,77 @@
 {
-	"name": "dockview",
-	"version": "0.0.28",
-	"description": "Zero dependency layout manager supporting tabs, grids and splitviews with ReactJS support",
-	"main": "./dist/cjs/index.js",
-	"types": "./dist/cjs/index.d.ts",
-	"module": "./dist/esm/index.js",
-	"repository": {
-		"type": "git",
-		"url": "https://github.com/mathuo/dockview.git"
-	},
-	"bugs": {
-		"url": "https://github.com/mathuo/dockview/issues"
-	},
-	"homepage": "https://github.com/mathuo/dockview",
-	"scripts": {
-		"build:ci": "npm run build:cjs && npm run build:esm && npm run build:css",
-		"build:cjs": "cross-env ../../node_modules/.bin/tsc --project ./tsconfig.json --extendedDiagnostics",
-		"build:css": "gulp sass",
-		"build:esm": "cross-env ../../node_modules/.bin/tsc --project ./tsconfig.esm.json --extendedDiagnostics",
-		"build:modulefiles": "rollup -c",
-		"build": "npm run build:ci && npm run build:modulefiles",
-		"clean": "rimraf dist/ .build/",
-		"docs": "typedoc",
-		"prepack": "npm run rebuild && npm run test",
-		"rebuild": "npm run clean && npm run build",
-		"test": "cross-env ../../node_modules/.bin/jest --selectProjects dockview",
-		"test:cov": "cross-env ../../node_modules/.bin/jest --selectProjects dockview --coverage"
-	},
-	"files": [
-		"dist",
-		"README.md"
-	],
-	"keywords": [
-		"splitview",
-		"split-view",
-		"gridview",
-		"grid-view",
-		"dockview",
-		"dock-view",
-		"grid",
-		"tabs",
-		"layout",
-		"layout manager",
-		"dock layout",
-		"dock",
-		"docking",
-		"splitter",
-		"drag-and-drop",
-		"drag",
-		"drop",
-		"react",
-		"react-component"
-	],
-	"author": "https://github.com/mathuo",
-	"license": "MIT",
-	"devDependencies": {
-		"@rollup/plugin-typescript": "^8.2.5",
-		"@testing-library/react": "^12.1.2",
-		"@types/react": "^17.0.3",
-		"@types/react-dom": "^17.0.1",
-		"cross-env": "^7.0.3",
-		"postcss": "^8.3.9",
-		"react": "^17.0.1",
-		"react-dom": "^17.0.1",
-		"rimraf": "^3.0.2",
-		"rollup": "^2.58.0",
-		"rollup-plugin-postcss": "^4.0.1",
-		"rollup-plugin-terser": "^7.0.2",
-		"typedoc": "^0.22.5"
-	},
-	"peerDependencies": {
-		"react": ">=16.8.0",
-		"react-dom": ">=16.8.0"
-	},
-	"gitHead": "d4079cdf4c00bd19456d622e19cb2f2b9831091d"
+  "name": "dockview",
+  "version": "1.0.2",
+  "description": "Zero dependency layout manager supporting tabs, grids and splitviews with ReactJS support",
+  "main": "./dist/cjs/index.js",
+  "types": "./dist/cjs/index.d.ts",
+  "module": "./dist/esm/index.js",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/mathuo/dockview.git"
+  },
+  "bugs": {
+    "url": "https://github.com/mathuo/dockview/issues"
+  },
+  "homepage": "https://github.com/mathuo/dockview",
+  "scripts": {
+    "build:ci": "npm run build:cjs && npm run build:esm && npm run build:css",
+    "build:cjs": "cross-env ../../node_modules/.bin/tsc --project ./tsconfig.json --extendedDiagnostics",
+    "build:css": "gulp sass",
+    "build:esm": "cross-env ../../node_modules/.bin/tsc --project ./tsconfig.esm.json --extendedDiagnostics",
+    "build:modulefiles": "rollup -c",
+    "build": "npm run build:ci && npm run build:modulefiles",
+    "clean": "rimraf dist/ .build/",
+    "docs": "typedoc",
+    "prepack": "npm run rebuild && npm run test",
+    "rebuild": "npm run clean && npm run build",
+    "test": "cross-env ../../node_modules/.bin/jest --selectProjects dockview",
+    "test:cov": "cross-env ../../node_modules/.bin/jest --selectProjects dockview --coverage"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "keywords": [
+    "splitview",
+    "split-view",
+    "gridview",
+    "grid-view",
+    "dockview",
+    "dock-view",
+    "grid",
+    "tabs",
+    "layout",
+    "layout manager",
+    "dock layout",
+    "dock",
+    "docking",
+    "splitter",
+    "drag-and-drop",
+    "drag",
+    "drop",
+    "react",
+    "react-component"
+  ],
+  "author": "https://github.com/mathuo",
+  "license": "MIT",
+  "devDependencies": {
+    "@rollup/plugin-typescript": "^8.3.0",
+    "@testing-library/react": "^12.1.3",
+    "@types/react": "^17.0.39",
+    "@types/react-dom": "^17.0.11",
+    "cross-env": "^7.0.3",
+    "postcss": "^8.4.6",
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1",
+    "rimraf": "^3.0.2",
+    "rollup": "^2.68.0",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-terser": "^7.0.2",
+    "typedoc": "^0.22.12"
+  },
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
+  },
+  "gitHead": "6ba801550244fdf4d1b6f6de1e3197bfcd0a773b"
 }

package/dist/cjs/footnote.d.ts

@@ -1 +0,0 @@
-declare function runFootnote(): void;

package/dist/cjs/footnote.js

@@ -1,20 +0,0 @@
-"use strict";
-function runFootnote() {
-    var _a, _b;
-    var DOCKVIEW_SUPPRESS_WATERMARK = 'DOCKVIEW_WATERMARK_SUPPRESSED';
-    var isTest = ((_b = (_a = window.process) === null || _a === void 0 ? void 0 : _a.env) === null || _b === void 0 ? void 0 : _b.NODE_ENV) === 'test';
-    if (isTest) {
-        return; // don't spam people tests
-    }
-    var isSuppressed = !!window[DOCKVIEW_SUPPRESS_WATERMARK];
-    if (!isSuppressed) {
-        console.log([
-            'dockview: https://github.com/mathuo/dockview for examples and documentation',
-            'dockview: https://www.npmjs.com/package/dockview',
-            "dockview: To suppress this message set window." + DOCKVIEW_SUPPRESS_WATERMARK + "=1 before importing the dockview package",
-            '',
-        ].join('\n'));
-    }
-}
-runFootnote();
-//# sourceMappingURL=footnote.js.map

package/dist/cjs/footnote.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"footnote.js","sourceRoot":"","sources":["../../src/footnote.ts"],"names":[],"mappings":";AAAA,SAAS,WAAW;;IAChB,IAAM,2BAA2B,GAAG,+BAA+B,CAAC;IAEpE,IAAM,MAAM,GAAG,CAAA,MAAA,MAAC,MAAc,CAAC,OAAO,0CAAE,GAAG,0CAAE,QAAQ,MAAK,MAAM,CAAC;IAEjE,IAAI,MAAM,EAAE;QACR,OAAO,CAAC,0BAA0B;KACrC;IAED,IAAM,YAAY,GAAG,CAAC,CAAE,MAAc,CAAC,2BAA2B,CAAC,CAAC;IAEpE,IAAI,CAAC,YAAY,EAAE;QACf,OAAO,CAAC,GAAG,CACP;YACI,6EAA6E;YAC7E,kDAAkD;YAClD,mDAAiD,2BAA2B,6CAA0C;YACtH,EAAE;SACL,CAAC,IAAI,CAAC,IAAI,CAAC,CACf,CAAC;KACL;AACL,CAAC;AAED,WAAW,EAAE,CAAC"}

package/dist/esm/footnote.d.ts

@@ -1 +0,0 @@
-declare function runFootnote(): void;

package/dist/esm/footnote.js

@@ -1,19 +0,0 @@
-"use strict";
-function runFootnote() {
-    var _a, _b;
-    const DOCKVIEW_SUPPRESS_WATERMARK = 'DOCKVIEW_WATERMARK_SUPPRESSED';
-    const isTest = ((_b = (_a = window.process) === null || _a === void 0 ? void 0 : _a.env) === null || _b === void 0 ? void 0 : _b.NODE_ENV) === 'test';
-    if (isTest) {
-        return; // don't spam people tests
-    }
-    const isSuppressed = !!window[DOCKVIEW_SUPPRESS_WATERMARK];
-    if (!isSuppressed) {
-        console.log([
-            'dockview: https://github.com/mathuo/dockview for examples and documentation',
-            'dockview: https://www.npmjs.com/package/dockview',
-            `dockview: To suppress this message set window.${DOCKVIEW_SUPPRESS_WATERMARK}=1 before importing the dockview package`,
-            '',
-        ].join('\n'));
-    }
-}
-runFootnote();