dockview 1.0.0 → 1.0.1

package/dist/dockview.noStyle.js

@@ -1,6 +1,6 @@
 /**
  * dockview
- * @version 1.0.0
+ * @version 1.0.1
  * @link https://github.com/mathuo/dockview
  * @license MIT
  */
@@ -31,25 +31,6 @@
     var React__namespace = /*#__PURE__*/_interopNamespace(React);
     var ReactDOM__namespace = /*#__PURE__*/_interopNamespace(ReactDOM);
 
-    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();
-
     exports.Event = void 0;
     (function (Event) {
         Event.any = (...children) => {
@@ -6524,6 +6505,22 @@
                 dockview.dispose();
             };
         }, []);
+        React__namespace.useEffect(() => {
+            if (!dockviewRef.current) {
+                return;
+            }
+            dockviewRef.current.updateOptions({
+                frameworkComponents: props.components,
+            });
+        }, [props.components]);
+        React__namespace.useEffect(() => {
+            if (!dockviewRef.current) {
+                return;
+            }
+            dockviewRef.current.updateOptions({
+                frameworkTabComponents: props.tabComponents,
+            });
+        }, [props.tabComponents]);
         React__namespace.useEffect(() => {
             if (!props.onTabContextMenu || !dockviewRef.current) {
                 return () => {
@@ -6658,6 +6655,14 @@
                 splitview.dispose();
             };
         }, []);
+        React__namespace.useEffect(() => {
+            if (!splitviewRef.current) {
+                return;
+            }
+            splitviewRef.current.updateOptions({
+                frameworkComponents: props.components,
+            });
+        }, [props.components]);
         return (React__namespace.createElement("div", { className: props.className, style: { height: '100%', width: '100%' }, ref: domRef }, portals));
     });
     SplitviewReact.displayName = 'SplitviewComponent';
@@ -6728,6 +6733,14 @@
                 gridview.dispose();
             };
         }, []);
+        React__namespace.useEffect(() => {
+            if (!gridviewRef.current) {
+                return;
+            }
+            gridviewRef.current.updateOptions({
+                frameworkComponents: props.components,
+            });
+        }, [props.components]);
         return (React__namespace.createElement("div", { className: props.className, style: { height: '100%', width: '100%' }, ref: domRef }, portals));
     });
     GridviewReact.displayName = 'GridviewComponent';
@@ -6818,14 +6831,18 @@
             };
         }, []);
         React__namespace.useEffect(() => {
-            var _a;
-            (_a = paneviewRef.current) === null || _a === void 0 ? void 0 : _a.updateOptions({
+            if (!paneviewRef.current) {
+                return;
+            }
+            paneviewRef.current.updateOptions({
                 frameworkComponents: props.components,
             });
         }, [props.components]);
         React__namespace.useEffect(() => {
-            var _a;
-            (_a = paneviewRef.current) === null || _a === void 0 ? void 0 : _a.updateOptions({
+            if (!paneviewRef.current) {
+                return;
+            }
+            paneviewRef.current.updateOptions({
                 headerframeworkComponents: props.headerComponents,
             });
         }, [props.headerComponents]);

package/dist/esm/gridview/gridviewComponent.d.ts

@@ -37,7 +37,7 @@ export interface IGridPanelComponentView extends IGridPanelView {
 export declare type GridviewComponentUpdateOptions = Pick<GridviewComponentOptions, 'orientation' | 'components' | 'frameworkComponents'>;
 export interface IGridviewComponent extends IBaseGrid<GridviewPanel> {
     readonly orientation: Orientation;
-    updateOptions(options: GridviewComponentUpdateOptions): void;
+    updateOptions(options: Partial<GridviewComponentUpdateOptions>): void;
     addPanel(options: AddComponentOptions): void;
     removePanel(panel: IGridviewPanel, sizing?: Sizing): void;
     toggleVisibility(panel: IGridviewPanel): void;
@@ -61,7 +61,7 @@ export declare class GridviewComponent extends BaseGrid<GridviewPanel> implement
     get deserializer(): IPanelDeserializer | undefined;
     set deserializer(value: IPanelDeserializer | undefined);
     constructor(element: HTMLElement, options: GridviewComponentOptions);
-    updateOptions(options: GridviewComponentUpdateOptions): void;
+    updateOptions(options: Partial<GridviewComponentUpdateOptions>): void;
     removePanel(panel: GridviewPanel): void;
     /**
      * Serialize the current state of the layout

package/dist/esm/index.d.ts

@@ -1,4 +1,3 @@
-import './footnote';
 export * from './events';
 export * from './lifecycle';
 export * from './dnd/dataTransfer';

package/dist/esm/index.js

@@ -1,4 +1,3 @@
-import './footnote';
 export * from './events';
 export * from './lifecycle';
 export * from './dnd/dataTransfer';

package/dist/esm/react/dockview/dockview.js

@@ -77,6 +77,22 @@ export const DockviewReact = React.forwardRef((props, ref) => {
             dockview.dispose();
         };
     }, []);
+    React.useEffect(() => {
+        if (!dockviewRef.current) {
+            return;
+        }
+        dockviewRef.current.updateOptions({
+            frameworkComponents: props.components,
+        });
+    }, [props.components]);
+    React.useEffect(() => {
+        if (!dockviewRef.current) {
+            return;
+        }
+        dockviewRef.current.updateOptions({
+            frameworkTabComponents: props.tabComponents,
+        });
+    }, [props.tabComponents]);
     React.useEffect(() => {
         if (!props.onTabContextMenu || !dockviewRef.current) {
             return () => {

package/dist/esm/react/gridview/gridview.js

@@ -53,6 +53,14 @@ export const GridviewReact = React.forwardRef((props, ref) => {
             gridview.dispose();
         };
     }, []);
+    React.useEffect(() => {
+        if (!gridviewRef.current) {
+            return;
+        }
+        gridviewRef.current.updateOptions({
+            frameworkComponents: props.components,
+        });
+    }, [props.components]);
     return (React.createElement("div", { className: props.className, style: { height: '100%', width: '100%' }, ref: domRef }, portals));
 });
 GridviewReact.displayName = 'GridviewComponent';

package/dist/esm/react/paneview/paneview.js

@@ -55,14 +55,18 @@ export const PaneviewReact = React.forwardRef((props, ref) => {
         };
     }, []);
     React.useEffect(() => {
-        var _a;
-        (_a = paneviewRef.current) === null || _a === void 0 ? void 0 : _a.updateOptions({
+        if (!paneviewRef.current) {
+            return;
+        }
+        paneviewRef.current.updateOptions({
             frameworkComponents: props.components,
         });
     }, [props.components]);
     React.useEffect(() => {
-        var _a;
-        (_a = paneviewRef.current) === null || _a === void 0 ? void 0 : _a.updateOptions({
+        if (!paneviewRef.current) {
+            return;
+        }
+        paneviewRef.current.updateOptions({
             headerframeworkComponents: props.headerComponents,
         });
     }, [props.headerComponents]);

package/dist/esm/react/splitview/splitview.js

@@ -50,6 +50,14 @@ export const SplitviewReact = React.forwardRef((props, ref) => {
             splitview.dispose();
         };
     }, []);
+    React.useEffect(() => {
+        if (!splitviewRef.current) {
+            return;
+        }
+        splitviewRef.current.updateOptions({
+            frameworkComponents: props.components,
+        });
+    }, [props.components]);
     return (React.createElement("div", { className: props.className, style: { height: '100%', width: '100%' }, ref: domRef }, portals));
 });
 SplitviewReact.displayName = 'SplitviewComponent';

package/dist/esm/splitview/splitviewComponent.d.ts

@@ -42,7 +42,7 @@ export interface ISplitviewComponent extends IDisposable {
     readonly width: number;
     readonly length: number;
     readonly orientation: Orientation;
-    updateOptions(options: SplitviewComponentUpdateOptions): void;
+    updateOptions(options: Partial<SplitviewComponentUpdateOptions>): void;
     addPanel(options: AddSplitviewComponentOptions): void;
     layout(width: number, height: number): void;
     onDidLayoutChange: Event<void>;
@@ -79,7 +79,7 @@ export declare class SplitviewComponent extends CompositeDisposable implements I
     get width(): number;
     get length(): number;
     constructor(element: HTMLElement, options: SplitviewComponentOptions);
-    updateOptions(options: SplitviewComponentUpdateOptions): void;
+    updateOptions(options: Partial<SplitviewComponentUpdateOptions>): void;
     focus(): void;
     movePanel(from: number, to: number): void;
     setVisible(panel: SplitviewPanel, visible: boolean): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dockview",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "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,22 +56,22 @@
   "license": "MIT",
   "devDependencies": {
     "@rollup/plugin-typescript": "^8.3.0",
-    "@testing-library/react": "^12.1.2",
-    "@types/react": "^17.0.37",
+    "@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.5",
+    "postcss": "^8.4.6",
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
     "rimraf": "^3.0.2",
-    "rollup": "^2.61.1",
+    "rollup": "^2.67.2",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-terser": "^7.0.2",
-    "typedoc": "^0.22.10"
+    "typedoc": "^0.22.11"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
-  "gitHead": "5c2a0cf93d135d90c15bb9cc70c9e37594c6b569"
+  "gitHead": "8f49d29bdb3010ca0e8d5d84ccc50402565fd374"
 }

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.".concat(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,wDAAiD,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();