dockview 1.5.1 → 1.6.0

package/dist/cjs/react/gridview/gridview.js

@@ -1,113 +1,113 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GridviewReact = void 0;
-var React = __importStar(require("react"));
-var gridviewComponent_1 = require("../../gridview/gridviewComponent");
-var splitview_1 = require("../../splitview/core/splitview");
-var view_1 = require("./view");
-var react_1 = require("../react");
-var component_api_1 = require("../../api/component.api");
-var dom_1 = require("../../dom");
-exports.GridviewReact = React.forwardRef(function (props, ref) {
-    var domRef = React.useRef(null);
-    var gridviewRef = React.useRef();
-    var _a = __read((0, react_1.usePortalsLifecycle)(), 2), portals = _a[0], addPortal = _a[1];
-    React.useImperativeHandle(ref, function () { return domRef.current; }, []);
-    React.useEffect(function () {
-        if (props.disableAutoResizing) {
-            return function () {
-                //
-            };
-        }
-        var watcher = (0, dom_1.watchElementResize)(domRef.current, function (entry) {
-            var _a;
-            var _b = entry.contentRect, width = _b.width, height = _b.height;
-            (_a = gridviewRef.current) === null || _a === void 0 ? void 0 : _a.layout(width, height);
-        });
-        return function () {
-            watcher.dispose();
-        };
-    }, [props.disableAutoResizing]);
-    React.useEffect(function () {
-        var _a;
-        var element = document.createElement('div');
-        var gridview = new gridviewComponent_1.GridviewComponent(element, {
-            proportionalLayout: typeof props.proportionalLayout === 'boolean'
-                ? props.proportionalLayout
-                : true,
-            orientation: props.orientation || splitview_1.Orientation.HORIZONTAL,
-            frameworkComponents: props.components,
-            frameworkComponentFactory: {
-                createComponent: function (id, componentId, component) {
-                    return new view_1.ReactGridPanelView(id, componentId, component, {
-                        addPortal: addPortal,
-                    });
-                },
-            },
-            styles: props.hideBorders
-                ? { separatorBorder: 'transparent' }
-                : undefined,
-        });
-        (_a = domRef.current) === null || _a === void 0 ? void 0 : _a.appendChild(gridview.element);
-        var _b = domRef.current, clientWidth = _b.clientWidth, clientHeight = _b.clientHeight;
-        gridview.layout(clientWidth, clientHeight);
-        if (props.onReady) {
-            props.onReady({ api: new component_api_1.GridviewApi(gridview) });
-        }
-        gridviewRef.current = gridview;
-        return function () {
-            gridview.dispose();
-            element.remove();
-        };
-    }, []);
-    React.useEffect(function () {
-        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));
-});
-exports.GridviewReact.displayName = 'GridviewComponent';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GridviewReact = void 0;
+var React = __importStar(require("react"));
+var gridviewComponent_1 = require("../../gridview/gridviewComponent");
+var splitview_1 = require("../../splitview/core/splitview");
+var view_1 = require("./view");
+var react_1 = require("../react");
+var component_api_1 = require("../../api/component.api");
+var dom_1 = require("../../dom");
+exports.GridviewReact = React.forwardRef(function (props, ref) {
+    var domRef = React.useRef(null);
+    var gridviewRef = React.useRef();
+    var _a = __read((0, react_1.usePortalsLifecycle)(), 2), portals = _a[0], addPortal = _a[1];
+    React.useImperativeHandle(ref, function () { return domRef.current; }, []);
+    React.useEffect(function () {
+        if (props.disableAutoResizing) {
+            return function () {
+                //
+            };
+        }
+        var watcher = (0, dom_1.watchElementResize)(domRef.current, function (entry) {
+            var _a;
+            var _b = entry.contentRect, width = _b.width, height = _b.height;
+            (_a = gridviewRef.current) === null || _a === void 0 ? void 0 : _a.layout(width, height);
+        });
+        return function () {
+            watcher.dispose();
+        };
+    }, [props.disableAutoResizing]);
+    React.useEffect(function () {
+        var _a;
+        var element = document.createElement('div');
+        var gridview = new gridviewComponent_1.GridviewComponent(element, {
+            proportionalLayout: typeof props.proportionalLayout === 'boolean'
+                ? props.proportionalLayout
+                : true,
+            orientation: props.orientation || splitview_1.Orientation.HORIZONTAL,
+            frameworkComponents: props.components,
+            frameworkComponentFactory: {
+                createComponent: function (id, componentId, component) {
+                    return new view_1.ReactGridPanelView(id, componentId, component, {
+                        addPortal: addPortal,
+                    });
+                },
+            },
+            styles: props.hideBorders
+                ? { separatorBorder: 'transparent' }
+                : undefined,
+        });
+        (_a = domRef.current) === null || _a === void 0 ? void 0 : _a.appendChild(gridview.element);
+        var _b = domRef.current, clientWidth = _b.clientWidth, clientHeight = _b.clientHeight;
+        gridview.layout(clientWidth, clientHeight);
+        if (props.onReady) {
+            props.onReady({ api: new component_api_1.GridviewApi(gridview) });
+        }
+        gridviewRef.current = gridview;
+        return function () {
+            gridview.dispose();
+            element.remove();
+        };
+    }, []);
+    React.useEffect(function () {
+        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));
+});
+exports.GridviewReact.displayName = 'GridviewComponent';
 //# sourceMappingURL=gridview.js.map

package/dist/cjs/react/gridview/view.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
-import { GridviewPanel } from '../../gridview/gridviewPanel';
-import { IFrameworkPart } from '../../panel/types';
-import { ReactPortalStore } from '../react';
-import { IGridviewPanelProps } from './gridview';
-export declare class ReactGridPanelView extends GridviewPanel {
-    private readonly reactComponent;
-    private readonly reactPortalStore;
-    constructor(id: string, component: string, reactComponent: React.FunctionComponent<IGridviewPanelProps>, reactPortalStore: ReactPortalStore);
-    getComponent(): IFrameworkPart;
-}
+/// <reference types="react" />
+import { GridviewPanel } from '../../gridview/gridviewPanel';
+import { IFrameworkPart } from '../../panel/types';
+import { ReactPortalStore } from '../react';
+import { IGridviewPanelProps } from './gridview';
+export declare class ReactGridPanelView extends GridviewPanel {
+    private readonly reactComponent;
+    private readonly reactPortalStore;
+    constructor(id: string, component: string, reactComponent: React.FunctionComponent<IGridviewPanelProps>, reactPortalStore: ReactPortalStore);
+    getComponent(): IFrameworkPart;
+}

package/dist/cjs/react/gridview/view.js

@@ -1,41 +1,42 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReactGridPanelView = void 0;
-var component_api_1 = require("../../api/component.api");
-var gridviewPanel_1 = require("../../gridview/gridviewPanel");
-var react_1 = require("../react");
-var ReactGridPanelView = /** @class */ (function (_super) {
-    __extends(ReactGridPanelView, _super);
-    function ReactGridPanelView(id, component, reactComponent, reactPortalStore) {
-        var _this = _super.call(this, id, component) || this;
-        _this.reactComponent = reactComponent;
-        _this.reactPortalStore = reactPortalStore;
-        return _this;
-    }
-    ReactGridPanelView.prototype.getComponent = function () {
-        var _a;
-        return new react_1.ReactPart(this.element, this.reactPortalStore, this.reactComponent, {
-            params: ((_a = this._params) === null || _a === void 0 ? void 0 : _a.params) || {},
-            api: this.api,
-            containerApi: new component_api_1.GridviewApi(this._params.accessor),
-        });
-    };
-    return ReactGridPanelView;
-}(gridviewPanel_1.GridviewPanel));
-exports.ReactGridPanelView = ReactGridPanelView;
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReactGridPanelView = void 0;
+var component_api_1 = require("../../api/component.api");
+var gridviewPanelApi_1 = require("../../api/gridviewPanelApi");
+var gridviewPanel_1 = require("../../gridview/gridviewPanel");
+var react_1 = require("../react");
+var ReactGridPanelView = /** @class */ (function (_super) {
+    __extends(ReactGridPanelView, _super);
+    function ReactGridPanelView(id, component, reactComponent, reactPortalStore) {
+        var _this = _super.call(this, id, component, new gridviewPanelApi_1.GridviewPanelApiImpl(id)) || this;
+        _this.reactComponent = reactComponent;
+        _this.reactPortalStore = reactPortalStore;
+        return _this;
+    }
+    ReactGridPanelView.prototype.getComponent = function () {
+        var _a;
+        return new react_1.ReactPart(this.element, this.reactPortalStore, this.reactComponent, {
+            params: ((_a = this._params) === null || _a === void 0 ? void 0 : _a.params) || {},
+            api: this.api,
+            containerApi: new component_api_1.GridviewApi(this._params.accessor),
+        });
+    };
+    return ReactGridPanelView;
+}(gridviewPanel_1.GridviewPanel));
+exports.ReactGridPanelView = ReactGridPanelView;
 //# sourceMappingURL=view.js.map

package/dist/cjs/react/gridview/view.js.map

@@ -1 +1 @@
-{"version":3,"file":"view.js","sourceRoot":"","sources":["../../../../src/react/gridview/view.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,yDAAsD;AACtD,8DAGsC;AAEtC,kCAAuD;AAGvD;IAAwC,sCAAa;IACjD,4BACI,EAAU,EACV,SAAiB,EACA,cAA4D,EAC5D,gBAAkC;QAJvD,YAMI,kBAAM,EAAE,EAAE,SAAS,CAAC,SACvB;QAJoB,oBAAc,GAAd,cAAc,CAA8C;QAC5D,sBAAgB,GAAhB,gBAAgB,CAAkB;;IAGvD,CAAC;IAED,yCAAY,GAAZ;;QACI,OAAO,IAAI,iBAAS,CAChB,IAAI,CAAC,OAAO,EACZ,IAAI,CAAC,gBAAgB,EACrB,IAAI,CAAC,cAAc,EACnB;YACI,MAAM,EAAE,CAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,MAAM,KAAI,EAAE;YAClC,GAAG,EAAE,IAAI,CAAC,GAAG;YACb,YAAY,EAAE,IAAI,2BAAW,CACxB,IAAI,CAAC,OAAkC,CAAC,QAAQ,CACpD;SACJ,CACJ,CAAC;IACN,CAAC;IACL,yBAAC;AAAD,CAAC,AAxBD,CAAwC,6BAAa,GAwBpD;AAxBY,gDAAkB"}
+{"version":3,"file":"view.js","sourceRoot":"","sources":["../../../../src/react/gridview/view.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,yDAAsD;AACtD,+DAAkE;AAClE,8DAGsC;AAEtC,kCAAuD;AAGvD;IAAwC,sCAAa;IACjD,4BACI,EAAU,EACV,SAAiB,EACA,cAA4D,EAC5D,gBAAkC;QAJvD,YAMI,kBAAM,EAAE,EAAE,SAAS,EAAE,IAAI,uCAAoB,CAAC,EAAE,CAAC,CAAC,SACrD;QAJoB,oBAAc,GAAd,cAAc,CAA8C;QAC5D,sBAAgB,GAAhB,gBAAgB,CAAkB;;IAGvD,CAAC;IAED,yCAAY,GAAZ;;QACI,OAAO,IAAI,iBAAS,CAChB,IAAI,CAAC,OAAO,EACZ,IAAI,CAAC,gBAAgB,EACrB,IAAI,CAAC,cAAc,EACnB;YACI,MAAM,EAAE,CAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,MAAM,KAAI,EAAE;YAClC,GAAG,EAAE,IAAI,CAAC,GAAG;YACb,YAAY,EAAE,IAAI,2BAAW,CACxB,IAAI,CAAC,OAAkC,CAAC,QAAQ,CACpD;SACJ,CACJ,CAAC;IACN,CAAC;IACL,yBAAC;AAAD,CAAC,AAxBD,CAAwC,6BAAa,GAwBpD;AAxBY,gDAAkB"}

package/dist/cjs/react/index.d.ts

@@ -1,9 +1,9 @@
-export * from './dockview/dockview';
-export * from './dockview/defaultTab';
-export * from './splitview/splitview';
-export * from './gridview/gridview';
-export { IDockviewGroupControlProps } from './dockview/groupControlsRenderer';
-export { IWatermarkPanelProps } from './dockview/reactWatermarkPart';
-export * from './paneview/paneview';
-export * from './types';
-export * from './react';
+export * from './dockview/dockview';
+export * from './dockview/defaultTab';
+export * from './splitview/splitview';
+export * from './gridview/gridview';
+export { IDockviewGroupControlProps } from './dockview/groupControlsRenderer';
+export { IWatermarkPanelProps } from './dockview/reactWatermarkPart';
+export * from './paneview/paneview';
+export * from './types';
+export * from './react';

package/dist/cjs/react/index.js

@@ -1,24 +1,24 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./dockview/dockview"), exports);
-__exportStar(require("./dockview/defaultTab"), exports);
-__exportStar(require("./splitview/splitview"), exports);
-__exportStar(require("./gridview/gridview"), exports);
-__exportStar(require("./paneview/paneview"), exports);
-__exportStar(require("./types"), exports);
-__exportStar(require("./react"), exports);
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./dockview/dockview"), exports);
+__exportStar(require("./dockview/defaultTab"), exports);
+__exportStar(require("./splitview/splitview"), exports);
+__exportStar(require("./gridview/gridview"), exports);
+__exportStar(require("./paneview/paneview"), exports);
+__exportStar(require("./types"), exports);
+__exportStar(require("./react"), exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/react/paneview/paneview.d.ts

@@ -1,30 +1,30 @@
-import * as React from 'react';
-import { PaneviewPanelApi } from '../../api/paneviewPanelApi';
-import { PaneviewDndOverlayEvent } from '../../paneview/paneviewComponent';
-import { PaneviewApi } from '../../api/component.api';
-import { PanelCollection, PanelParameters } from '../types';
-import { PaneviewDropEvent2 } from '../../paneview/draggablePaneviewPanel';
-export interface PaneviewReadyEvent {
-    api: PaneviewApi;
-}
-export interface IPaneviewPanelProps<T extends {
-    [index: string]: any;
-} = any> extends PanelParameters<T> {
-    api: PaneviewPanelApi;
-    containerApi: PaneviewApi;
-    title: string;
-}
-export interface PaneviewDropEvent extends PaneviewDropEvent2 {
-    api: PaneviewApi;
-}
-export interface IPaneviewReactProps {
-    onReady: (event: PaneviewReadyEvent) => void;
-    components: PanelCollection<IPaneviewPanelProps>;
-    headerComponents?: PanelCollection<IPaneviewPanelProps>;
-    className?: string;
-    disableAutoResizing?: boolean;
-    disableDnd?: boolean;
-    showDndOverlay?: (event: PaneviewDndOverlayEvent) => boolean;
-    onDidDrop?(event: PaneviewDropEvent): void;
-}
-export declare const PaneviewReact: React.ForwardRefExoticComponent<IPaneviewReactProps & React.RefAttributes<HTMLDivElement>>;
+import * as React from 'react';
+import { PaneviewPanelApi } from '../../api/paneviewPanelApi';
+import { PaneviewDndOverlayEvent } from '../../paneview/paneviewComponent';
+import { PaneviewApi } from '../../api/component.api';
+import { PanelCollection, PanelParameters } from '../types';
+import { PaneviewDropEvent2 } from '../../paneview/draggablePaneviewPanel';
+export interface PaneviewReadyEvent {
+    api: PaneviewApi;
+}
+export interface IPaneviewPanelProps<T extends {
+    [index: string]: any;
+} = any> extends PanelParameters<T> {
+    api: PaneviewPanelApi;
+    containerApi: PaneviewApi;
+    title: string;
+}
+export interface PaneviewDropEvent extends PaneviewDropEvent2 {
+    api: PaneviewApi;
+}
+export interface IPaneviewReactProps {
+    onReady: (event: PaneviewReadyEvent) => void;
+    components: PanelCollection<IPaneviewPanelProps>;
+    headerComponents?: PanelCollection<IPaneviewPanelProps>;
+    className?: string;
+    disableAutoResizing?: boolean;
+    disableDnd?: boolean;
+    showDndOverlay?: (event: PaneviewDndOverlayEvent) => boolean;
+    onDidDrop?(event: PaneviewDropEvent): void;
+}
+export declare const PaneviewReact: React.ForwardRefExoticComponent<IPaneviewReactProps & React.RefAttributes<HTMLDivElement>>;