dockview - npm Package Compare versions

Comparing version 1.15.3 to 1.16.0

dist/cjs/dockview/dockview.js

@@ -112,3 +112,2 @@ "use strict";
                 : undefined,
-            parentElement: domRef.current,
             defaultTabComponent: props.defaultTabComponent
@@ -118,11 +117,11 @@ ? DEFAULT_REACT_TAB
         };
-        var dockview = new dockview_core_1.DockviewComponent(__assign(__assign({}, extractCoreOptions(props)), frameworkOptions));
+        var api = (0, dockview_core_1.createDockview)(domRef.current, __assign(__assign({}, extractCoreOptions(props)), frameworkOptions));
         var _b = domRef.current, clientWidth = _b.clientWidth, clientHeight = _b.clientHeight;
-        dockview.layout(clientWidth, clientHeight);
+        api.layout(clientWidth, clientHeight);
         if (props.onReady) {
-            props.onReady({ api: new dockview_core_1.DockviewApi(dockview) });
+            props.onReady({ api: api });
         }
-        dockviewRef.current = dockview;
+        dockviewRef.current = api;
         return function () {
-            dockview.dispose();
+            api.dispose();
         };
@@ -129,0 +128,0 @@ }, []);

dist/cjs/gridview/gridview.js

@@ -39,4 +39,3 @@ "use strict";
         }
-        var gridview = new dockview_core_1.GridviewComponent({
-            parentElement: domRef.current,
+        var api = (0, dockview_core_1.createGridview)(domRef.current, {
             disableAutoResizing: props.disableAutoResizing,
@@ -60,9 +59,9 @@ proportionalLayout: typeof props.proportionalLayout === 'boolean'
         var _b = domRef.current, clientWidth = _b.clientWidth, clientHeight = _b.clientHeight;
-        gridview.layout(clientWidth, clientHeight);
+        api.layout(clientWidth, clientHeight);
         if (props.onReady) {
-            props.onReady({ api: new dockview_core_1.GridviewApi(gridview) });
+            props.onReady({ api: api });
         }
-        gridviewRef.current = gridview;
+        gridviewRef.current = api;
         return function () {
-            gridview.dispose();
+            api.dispose();
         };
@@ -69,0 +68,0 @@ }, []);

dist/cjs/paneview/paneview.js

@@ -49,4 +49,3 @@ "use strict";
         };
-        var paneview = new dockview_core_1.PaneviewComponent({
-            parentElement: domRef.current,
+        var api = (0, dockview_core_1.createPaneview)(domRef.current, {
             disableAutoResizing: props.disableAutoResizing,
@@ -68,11 +67,10 @@ frameworkComponents: props.components,
         });
-        var api = new dockview_core_1.PaneviewApi(paneview);
         var _a = domRef.current, clientWidth = _a.clientWidth, clientHeight = _a.clientHeight;
-        paneview.layout(clientWidth, clientHeight);
+        api.layout(clientWidth, clientHeight);
         if (props.onReady) {
             props.onReady({ api: api });
         }
-        paneviewRef.current = paneview;
+        paneviewRef.current = api;
         return function () {
-            paneview.dispose();
+            api.dispose();
         };
@@ -102,6 +100,6 @@ }, []);
         }
-        var paneview = paneviewRef.current;
-        var disposable = paneview.onDidDrop(function (event) {
+        var api = paneviewRef.current;
+        var disposable = api.onDidDrop(function (event) {
             if (props.onDidDrop) {
-                props.onDidDrop(__assign(__assign({}, event), { api: new dockview_core_1.PaneviewApi(paneview) }));
+                props.onDidDrop(__assign(__assign({}, event), { api: api }));
             }
@@ -108,0 +106,0 @@ });

dist/cjs/splitview/splitview.js

@@ -34,4 +34,3 @@ "use strict";
         var _a;
-        var splitview = new dockview_core_1.SplitviewComponent({
-            parentElement: domRef.current,
+        var api = (0, dockview_core_1.createSplitview)(domRef.current, {
             disableAutoResizing: props.disableAutoResizing,
@@ -55,9 +54,9 @@ orientation: (_a = props.orientation) !== null && _a !== void 0 ? _a : dockview_core_1.Orientation.HORIZONTAL,
         var _b = domRef.current, clientWidth = _b.clientWidth, clientHeight = _b.clientHeight;
-        splitview.layout(clientWidth, clientHeight);
+        api.layout(clientWidth, clientHeight);
         if (props.onReady) {
-            props.onReady({ api: new dockview_core_1.SplitviewApi(splitview) });
+            props.onReady({ api: api });
         }
-        splitviewRef.current = splitview;
+        splitviewRef.current = api;
         return function () {
-            splitview.dispose();
+            api.dispose();
         };
@@ -64,0 +63,0 @@ }, []);

dist/esm/dockview/dockview.js

 import React from 'react';
-import { DockviewComponent, DockviewApi, PROPERTY_KEYS, } from 'dockview-core';
+import { PROPERTY_KEYS, createDockview, } from 'dockview-core';
 import { ReactPanelContentPart } from './reactContentPart';
@@ -79,3 +79,2 @@ import { ReactPanelHeaderPart } from './reactHeaderPart';
                 : undefined,
-            parentElement: domRef.current,
             defaultTabComponent: props.defaultTabComponent
@@ -85,11 +84,11 @@ ? DEFAULT_REACT_TAB
         };
-        const dockview = new DockviewComponent(Object.assign(Object.assign({}, extractCoreOptions(props)), frameworkOptions));
+        const api = createDockview(domRef.current, Object.assign(Object.assign({}, extractCoreOptions(props)), frameworkOptions));
         const { clientWidth, clientHeight } = domRef.current;
-        dockview.layout(clientWidth, clientHeight);
+        api.layout(clientWidth, clientHeight);
         if (props.onReady) {
-            props.onReady({ api: new DockviewApi(dockview) });
+            props.onReady({ api });
         }
-        dockviewRef.current = dockview;
+        dockviewRef.current = api;
         return () => {
-            dockview.dispose();
+            api.dispose();
         };
@@ -96,0 +95,0 @@ }, []);

dist/esm/gridview/gridview.js

 import React from 'react';
-import { GridviewComponent, Orientation, GridviewApi, } from 'dockview-core';
+import { Orientation, createGridview, } from 'dockview-core';
 import { ReactGridPanelView } from './view';
@@ -17,4 +17,3 @@ import { usePortalsLifecycle } from '../react';
         }
-        const gridview = new GridviewComponent({
-            parentElement: domRef.current,
+        const api = createGridview(domRef.current, {
             disableAutoResizing: props.disableAutoResizing,
@@ -38,9 +37,9 @@ proportionalLayout: typeof props.proportionalLayout === 'boolean'
         const { clientWidth, clientHeight } = domRef.current;
-        gridview.layout(clientWidth, clientHeight);
+        api.layout(clientWidth, clientHeight);
         if (props.onReady) {
-            props.onReady({ api: new GridviewApi(gridview) });
+            props.onReady({ api });
         }
-        gridviewRef.current = gridview;
+        gridviewRef.current = api;
         return () => {
-            gridview.dispose();
+            api.dispose();
         };
@@ -47,0 +46,0 @@ }, []);

dist/esm/paneview/paneview.js

 import React from 'react';
-import { PaneviewComponent, PaneviewApi, } from 'dockview-core';
+import { createPaneview, } from 'dockview-core';
 import { usePortalsLifecycle } from '../react';
@@ -14,4 +14,3 @@ import { PanePanelSection } from './view';
         });
-        const paneview = new PaneviewComponent({
-            parentElement: domRef.current,
+        const api = createPaneview(domRef.current, {
             disableAutoResizing: props.disableAutoResizing,
@@ -33,11 +32,10 @@ frameworkComponents: props.components,
         });
-        const api = new PaneviewApi(paneview);
         const { clientWidth, clientHeight } = domRef.current;
-        paneview.layout(clientWidth, clientHeight);
+        api.layout(clientWidth, clientHeight);
         if (props.onReady) {
             props.onReady({ api });
         }
-        paneviewRef.current = paneview;
+        paneviewRef.current = api;
         return () => {
-            paneview.dispose();
+            api.dispose();
         };
@@ -67,6 +65,6 @@ }, []);
         }
-        const paneview = paneviewRef.current;
-        const disposable = paneview.onDidDrop((event) => {
+        const api = paneviewRef.current;
+        const disposable = api.onDidDrop((event) => {
             if (props.onDidDrop) {
-                props.onDidDrop(Object.assign(Object.assign({}, event), { api: new PaneviewApi(paneview) }));
+                props.onDidDrop(Object.assign(Object.assign({}, event), { api }));
             }
@@ -73,0 +71,0 @@ });

dist/esm/splitview/splitview.js

 import React from 'react';
-import { SplitviewApi, SplitviewComponent, Orientation, } from 'dockview-core';
+import { Orientation, createSplitview, } from 'dockview-core';
 import { usePortalsLifecycle } from '../react';
@@ -12,4 +12,3 @@ import { ReactPanelView } from './view';
         var _a;
-        const splitview = new SplitviewComponent({
-            parentElement: domRef.current,
+        const api = createSplitview(domRef.current, {
             disableAutoResizing: props.disableAutoResizing,
@@ -33,9 +32,9 @@ orientation: (_a = props.orientation) !== null && _a !== void 0 ? _a : Orientation.HORIZONTAL,
         const { clientWidth, clientHeight } = domRef.current;
-        splitview.layout(clientWidth, clientHeight);
+        api.layout(clientWidth, clientHeight);
         if (props.onReady) {
-            props.onReady({ api: new SplitviewApi(splitview) });
+            props.onReady({ api });
         }
-        splitviewRef.current = splitview;
+        splitviewRef.current = api;
         return () => {
-            splitview.dispose();
+            api.dispose();
         };
@@ -42,0 +41,0 @@ }, []);

package.json

 {
   "name": "dockview",
-  "version": "1.15.3",
+  "version": "1.16.0",
   "description": "Zero dependency layout manager supporting tabs, grids and splitviews",
@@ -57,4 +57,4 @@ "keywords": [
   "dependencies": {
-    "dockview-core": "^1.15.3"
+    "dockview-core": "^1.16.0"
   }
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

12187763

increased by1.4%

Lines of code

70694

increased by1.36%

Dependency changes

• Updateddockview-core@^1.16.0