dockview 1.5.2 → 1.6.0

package/dist/styles/dockview.css

@@ -223,18 +223,6 @@
   will-change: transform;
   pointer-events: none;
 }
-.drop-target > .drop-target-dropzone > .drop-target-selection.left {
-  transform: translateX(-25%) scaleX(0.5);
-}
-.drop-target > .drop-target-dropzone > .drop-target-selection.right {
-  transform: translateX(25%) scaleX(0.5);
-}
-.drop-target > .drop-target-dropzone > .drop-target-selection.top {
-  transform: translateY(-25%) scaleY(0.5);
-}
-.drop-target > .drop-target-dropzone > .drop-target-selection.bottom {
-  transform: translateY(25%) scaleY(0.5);
-}
 .drop-target > .drop-target-dropzone > .drop-target-selection.small-top {
   border-top: 1px solid var(--dv-drag-over-border-color);
 }
@@ -247,16 +235,16 @@
 .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;
-  font-size: 11px;
-  width: 100px;
-  background-color: dodgerblue;
-  color: ghostwhite;
-  border-radius: 11px;
+.dv-dockview {
+  position: relative;
+  background-color: var(--dv-group-view-background-color);
+}
+.dv-dockview .dv-watermark-container {
   position: absolute;
-  padding-left: 10px;
+  top: 0px;
+  left: 0px;
+  height: 100%;
+  width: 100%;
 }
 
 .groupview.active-group > .tabs-and-actions-container > .tabs-container > .tab.active-tab {
@@ -280,7 +268,7 @@
  * when a tab is dragged we lose the above stylings because they are conditional on parent elements
  * therefore we also set some stylings for the dragging event
  **/
-.tab.dragging {
+.tab.dv-tab-dragging {
   background-color: var(--dv-activegroup-visiblepanel-tab-background-color);
   color: var(--dv-activegroup-visiblepanel-tab-color);
 }
@@ -409,9 +397,19 @@
 .tabs-and-actions-container.hidden {
   display: none;
 }
+.tabs-and-actions-container.dv-single-tab.dv-full-width-single-tab .tabs-container {
+  flex-grow: 1;
+}
+.tabs-and-actions-container.dv-single-tab.dv-full-width-single-tab .tabs-container .tab {
+  flex-grow: 1;
+}
+.tabs-and-actions-container.dv-single-tab.dv-full-width-single-tab .void-container {
+  flex-grow: 0;
+}
 .tabs-and-actions-container .void-container {
   display: flex;
   flex-grow: 1;
+  cursor: grab;
 }
 .tabs-and-actions-container .tabs-container {
   display: flex;
@@ -576,15 +574,14 @@
   pointer-events: none;
   background-color: var(--dv-separator-border);
 }
-.dragged {
-  transform: translate3d(0px, 0px, 0px);
-  /* forces tab to be drawn on a separate layer (see https://github.com/microsoft/vscode/issues/18733) */
+.dv-dragged {
+  transform: translate3d(0px, 0px, 0px); /* forces tab to be drawn on a separate layer (see https://github.com/microsoft/vscode/issues/18733) */
 }
 
 .tab {
   flex-shrink: 0;
 }
-.tab.dragging .tab-action {
+.tab.dv-tab-dragging .tab-action {
   background-color: var(--dv-activegroup-visiblepanel-tab-color);
 }
 .tab.active-tab > .default-tab .tab-action {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dockview",
-  "version": "1.5.2",
+  "version": "1.6.0",
   "description": "Zero dependency layout manager supporting tabs, grids and splitviews with ReactJS support",
   "main": "./dist/cjs/index.js",
   "types": "./dist/cjs/index.d.ts",
@@ -56,23 +56,19 @@
   "author": "https://github.com/mathuo",
   "license": "MIT",
   "devDependencies": {
-    "@rollup/plugin-typescript": "^8.3.2",
-    "@testing-library/react": "^13.2.0",
-    "@types/react": "^18.0.9",
-    "@types/react-dom": "^18.0.3",
+    "@rollup/plugin-typescript": "^11.0.0",
+    "@testing-library/react": "^13.4.0",
+    "@types/react": "^18.0.28",
+    "@types/react-dom": "^18.0.11",
     "cross-env": "^7.0.3",
-    "postcss": "^8.4.13",
-    "react": "^18.1.0",
-    "react-dom": "^18.1.0",
-    "rimraf": "^3.0.2",
-    "rollup": "^2.72.1",
+    "postcss": "^8.4.21",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "rimraf": "^4.1.2",
+    "rollup": "^3.15.0",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-terser": "^7.0.2",
-    "typedoc": "^0.22.15"
+    "typedoc": "^0.23.25"
   },
-  "peerDependencies": {
-    "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
-  },
-  "gitHead": "834d763445f819636fad349ca590af55e7b4389e"
+  "gitHead": "c7565f7c24c15dd52aa6b3ffbdd7c1e0cb01f616"
 }

package/dist/cjs/api/groupPanelApi.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"groupPanelApi.js","sourceRoot":"","sources":["../../../src/api/groupPanelApi.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,oCAA2C;AAC3C,uDAA4E;AAG5E,0CAAiD;AAoBjD;IACY,wCAAoB;IA8C5B,8BAAoB,KAAqB,EAAE,KAAiB;QAA5D,YACI,kBAAM,KAAK,CAAC,EAAE,CAAC,SASlB;QAVmB,WAAK,GAAL,KAAK,CAAgB;QAzChC,uBAAiB,GAAG,IAAI,gBAAO,EAAc,CAAC;QAC9C,sBAAgB,GAAG,KAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC;QAExC,6BAAuB,GAAG,IAAI,gBAAO,EAAQ,CAAC;QACtD,4BAAsB,GAAG,KAAI,CAAC,uBAAuB,CAAC,KAAK,CAAC;QAEpD,uBAAiB,GAAG,IAAI,gBAAO,EAAQ,CAAC;QAChD,sBAAgB,GAAG,KAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC;QAEjD,gBAAU,GAAG,IAAI,6BAAiB,EAAE,CAAC;QAkCzC,KAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QAEpB,KAAI,CAAC,cAAc,CACf,KAAI,CAAC,UAAU,EACf,KAAI,CAAC,iBAAiB,EACtB,KAAI,CAAC,iBAAiB,EACtB,KAAI,CAAC,uBAAuB,CAC/B,CAAC;;IACN,CAAC;IAxCD,sBAAI,uCAAK;aAAT;YACI,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;QAC5B,CAAC;;;OAAA;IAED,sBAAI,+CAAa;aAAjB;;YACI,OAAO,CAAC,CAAC,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,QAAQ,CAAA,CAAC;QAClC,CAAC;;;OAAA;IAED,sBAAI,uCAAK;aAkBT;YACI,OAAO,IAAI,CAAC,MAAM,CAAC;QACvB,CAAC;aApBD,UAAU,KAAiB;YAA3B,iBAgBC;YAfG,IAAM,gBAAgB,GAAG,IAAI,CAAC,aAAa,CAAC;YAE5C,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;YAEpB,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC;YAE9B,IAAI,IAAI,CAAC,MAAM,EAAE;gBACb,IAAI,CAAC,UAAU,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,iBAAiB,CAAC;oBACtD,KAAI,CAAC,uBAAuB,CAAC,IAAI,EAAE,CAAC;gBACxC,CAAC,CAAC,CAAC;gBAEH,IAAI,IAAI,CAAC,aAAa,KAAK,gBAAgB,EAAE;oBACzC,IAAI,CAAC,uBAAuB,CAAC,IAAI,EAAE,CAAC;iBACvC;aACJ;QACL,CAAC;;;OAAA;IAkBM,uCAAQ,GAAf,UAAgB,KAAa;QACzB,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,KAAK,OAAA,EAAE,CAAC,CAAC;IAC3C,CAAC;IAEM,oCAAK,GAAZ;QACI,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;YACb,MAAM,IAAI,KAAK,CAAC,gBAAS,IAAI,CAAC,EAAE,kBAAe,CAAC,CAAC;SACpD;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACnD,CAAC;IACL,2BAAC;AAAD,CAAC,AArED,CACY,uCAAoB,GAoE/B;AArEY,oDAAoB"}

package/dist/cjs/dockview/dockviewGroupPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dockviewGroupPanel.js","sourceRoot":"","sources":["../../../src/dockview/dockviewGroupPanel.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,sDAA4D;AAQ5D,0CAAsE;AAKtE;IACY,sCAAmB;IA6B3B,4BACoB,EAAU,EAC1B,QAA2B,EACV,YAAyB,EAC1C,KAAiB;QAJrB,YAMI,iBAAO,SAWV;QAhBmB,QAAE,GAAF,EAAE,CAAQ;QAET,kBAAY,GAAZ,YAAY,CAAa;QA7B7B,uBAAiB,GAAG,IAAI,6BAAiB,EAAE,CAAC;QAiCzD,KAAI,CAAC,MAAM,GAAG,EAAE,CAAC;QACjB,KAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QAEpB,KAAI,CAAC,GAAG,GAAG,IAAI,oCAAoB,CAAC,KAAI,EAAE,KAAI,CAAC,MAAM,CAAC,CAAC;QAEvD,KAAI,CAAC,cAAc,CACf,KAAI,CAAC,GAAG,CAAC,cAAc,CAAC;YACpB,QAAQ,CAAC,cAAc,CAAC,KAAI,CAAC,CAAC;QAClC,CAAC,CAAC,CACL,CAAC;;IACN,CAAC;IAjCD,sBAAI,sCAAM;aAAV;YACI,OAAO,IAAI,CAAC,OAAO,CAAC;QACxB,CAAC;;;OAAA;IAED,sBAAI,qCAAK;aAAT;YACI,OAAO,IAAI,CAAC,MAAM,CAAC;QACvB,CAAC;;;OAAA;IAED,sBAAI,qCAAK;aAAT;YACI,OAAO,IAAI,CAAC,MAAM,CAAC;QACvB,CAAC;;;OAAA;IAED,sBAAI,oCAAI;aAAR;YACI,OAAO,IAAI,CAAC,KAAK,CAAC;QACtB,CAAC;;;OAAA;IAqBM,iCAAI,GAAX,UAAY,MAAiC;;QACzC,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC;QAC7B,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC;QAEzB,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAE5B,MAAA,IAAI,CAAC,IAAI,0CAAE,IAAI,uBACR,MAAM,KACT,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,YAAY,EAAE,IAAI,CAAC,YAAY,IACjC,CAAC;IACP,CAAC;IAED,kCAAK,GAAL;QACI,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;IAClC,CAAC;IAEM,mCAAM,GAAb;QACI,OAA4B;YACxB,EAAE,EAAE,IAAI,CAAC,EAAE;YACX,IAAI,EAAE,IAAI,CAAC,IAAK,CAAC,MAAM,EAAE;YACzB,MAAM,EACF,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC;gBACtC,CAAC,CAAC,IAAI,CAAC,OAAO;gBACd,CAAC,CAAC,SAAS;YACnB,KAAK,EAAE,IAAI,CAAC,KAAK;SACpB,CAAC;IACN,CAAC;IAED,qCAAQ,GAAR,UAAS,KAAa;;QAClB,IAAM,cAAc,GAAG,KAAK,MAAK,MAAA,IAAI,CAAC,OAAO,0CAAE,KAAK,CAAA,CAAC;QAErD,IAAI,cAAc,EAAE;YAChB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;YAEpB,MAAA,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC;gBACd,MAAM,EAAE;oBACJ,MAAM,EAAE,IAAI,CAAC,OAAO;oBACpB,KAAK,EAAE,IAAI,CAAC,KAAK;iBACpB;aACJ,CAAC,CAAC;YACH,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,KAAK,OAAA,EAAE,CAAC,CAAC;SAC9C;IACL,CAAC;IAEM,mCAAM,GAAb,UAAc,KAA4B;;QACtC,IAAM,MAAM,GAAG,KAAK,CAAC,MAAmC,CAAC;QAEzD,IAAI,CAAC,OAAO,yBACL,CAAC,IAAI,CAAC,OAAO,IAAI,EAAE,CAAC,GACpB,KAAK,CAAC,MAAM,CAAC,MAAM,CACzB,CAAC;QAEF,IAAI,OAAO,MAAM,CAAC,KAAK,KAAK,QAAQ,EAAE;YAClC,IAAI,MAAM,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,EAAE;gBAC7B,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC;gBAC3B,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;aAC1D;SACJ;QAED,MAAA,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC;YACd,MAAM,EAAE;gBACJ,MAAM,EAAE,IAAI,CAAC,OAAO;gBACpB,KAAK,EAAE,IAAI,CAAC,KAAK;aACpB;SACJ,CAAC,CAAC;IACP,CAAC;IAEM,8CAAiB,GAAxB,UAAyB,KAAiB,EAAE,aAAsB;;QAC9D,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,KAAK,CAAC;QAEvB,IAAM,cAAc,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAE7D,IAAI,CAAC,GAAG,CAAC,kBAAkB,CAAC,IAAI,CAAC;YAC7B,QAAQ,EAAE,aAAa,IAAI,cAAc;SAC5C,CAAC,CAAC;QACH,IAAI,CAAC,GAAG,CAAC,sBAAsB,CAAC,IAAI,CAAC;YACjC,SAAS,EAAE,cAAc;SAC5B,CAAC,CAAC;QAEH,MAAA,IAAI,CAAC,IAAI,0CAAE,iBAAiB,CACxB,IAAI,CAAC,MAAM,EACX,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,CACxC,CAAC;IACN,CAAC;IAEM,mCAAM,GAAb,UAAc,KAAa,EAAE,MAAc;;QACvC,uFAAuF;QACvF,IAAI,CAAC,GAAG,CAAC,qBAAqB,CAAC,IAAI,CAAC;YAChC,KAAK,OAAA;YACL,MAAM,EAAE,MAAM,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,IAAI,CAAC,CAAC;SACzD,CAAC,CAAC;QAEH,MAAA,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IACrC,CAAC;IAEM,oCAAO,GAAd;;QACI,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC;QACnB,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE,CAAC;QAEjC,MAAA,IAAI,CAAC,IAAI,0CAAE,OAAO,EAAE,CAAC;IACzB,CAAC;IACL,yBAAC;AAAD,CAAC,AAxJD,CACY,+BAAmB,GAuJ9B;AAxJY,gDAAkB"}

package/dist/cjs/groupview/groupPanel.d.ts

@@ -1,32 +0,0 @@
-import { DockviewPanelApi } from '../api/groupPanelApi';
-import { IDisposable } from '../lifecycle';
-import { HeaderPartInitParameters } from './types';
-import { IPanel, PanelInitParameters, PanelUpdateEvent, Parameters } from '../panel/types';
-import { GroupPanel } from './groupviewPanel';
-import { IGroupPanelView } from '../dockview/defaultGroupPanelView';
-export interface IGroupPanelInitParameters extends PanelInitParameters, HeaderPartInitParameters {
-    view: IGroupPanelView;
-}
-export declare type GroupPanelUpdateEvent = PanelUpdateEvent<{
-    params?: Parameters;
-    title?: string;
-}>;
-export interface IDockviewPanel extends IDisposable, IPanel {
-    readonly view?: IGroupPanelView;
-    readonly group: GroupPanel;
-    readonly api: DockviewPanelApi;
-    readonly title: string;
-    readonly params: Record<string, any> | undefined;
-    updateParentGroup(group: GroupPanel, isGroupActive: boolean): void;
-    init(params: IGroupPanelInitParameters): void;
-    toJSON(): GroupviewPanelState;
-    update(event: GroupPanelUpdateEvent): void;
-}
-export interface GroupviewPanelState {
-    id: string;
-    view?: any;
-    title: string;
-    params?: {
-        [key: string]: any;
-    };
-}

package/dist/cjs/groupview/groupPanel.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=groupPanel.js.map

package/dist/cjs/groupview/groupPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"groupPanel.js","sourceRoot":"","sources":["../../../src/groupview/groupPanel.ts"],"names":[],"mappings":""}

package/dist/esm/groupview/groupPanel.d.ts

@@ -1,32 +0,0 @@
-import { DockviewPanelApi } from '../api/groupPanelApi';
-import { IDisposable } from '../lifecycle';
-import { HeaderPartInitParameters } from './types';
-import { IPanel, PanelInitParameters, PanelUpdateEvent, Parameters } from '../panel/types';
-import { GroupPanel } from './groupviewPanel';
-import { IGroupPanelView } from '../dockview/defaultGroupPanelView';
-export interface IGroupPanelInitParameters extends PanelInitParameters, HeaderPartInitParameters {
-    view: IGroupPanelView;
-}
-export declare type GroupPanelUpdateEvent = PanelUpdateEvent<{
-    params?: Parameters;
-    title?: string;
-}>;
-export interface IDockviewPanel extends IDisposable, IPanel {
-    readonly view?: IGroupPanelView;
-    readonly group: GroupPanel;
-    readonly api: DockviewPanelApi;
-    readonly title: string;
-    readonly params: Record<string, any> | undefined;
-    updateParentGroup(group: GroupPanel, isGroupActive: boolean): void;
-    init(params: IGroupPanelInitParameters): void;
-    toJSON(): GroupviewPanelState;
-    update(event: GroupPanelUpdateEvent): void;
-}
-export interface GroupviewPanelState {
-    id: string;
-    view?: any;
-    title: string;
-    params?: {
-        [key: string]: any;
-    };
-}

package/dist/esm/groupview/groupPanel.js

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