dockview 1.6.0 → 1.7.0

package/dist/{esm/react → cjs}/splitview/splitview.d.ts

@@ -1,7 +1,5 @@
 import * as React from 'react';
-import { SplitviewApi } from '../../api/component.api';
-import { SplitviewPanelApi } from '../../api/splitviewPanelApi';
-import { Orientation } from '../../splitview/core/splitview';
+import { SplitviewApi, SplitviewPanelApi, Orientation } from 'dockview-core';
 import { PanelCollection, PanelParameters } from '../types';
 export interface SplitviewReadyEvent {
     api: SplitviewApi;

package/dist/cjs/{react/splitview → splitview}/splitview.js

@@ -41,12 +41,9 @@ var __read = (this && this.__read) || function (o, n) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SplitviewReact = void 0;
 var React = __importStar(require("react"));
-var component_api_1 = require("../../api/component.api");
-var splitviewComponent_1 = require("../../splitview/splitviewComponent");
-var splitview_1 = require("../../splitview/core/splitview");
+var dockview_core_1 = require("dockview-core");
 var react_1 = require("../react");
 var view_1 = require("./view");
-var dom_1 = require("../../dom");
 exports.SplitviewReact = React.forwardRef(function (props, ref) {
     var domRef = React.useRef(null);
     var splitviewRef = React.useRef();
@@ -58,7 +55,7 @@ exports.SplitviewReact = React.forwardRef(function (props, ref) {
                 //
             };
         }
-        var watcher = (0, dom_1.watchElementResize)(domRef.current, function (entry) {
+        var watcher = (0, dockview_core_1.watchElementResize)(domRef.current, function (entry) {
             var _a;
             var _b = entry.contentRect, width = _b.width, height = _b.height;
             (_a = splitviewRef.current) === null || _a === void 0 ? void 0 : _a.layout(width, height);
@@ -68,8 +65,8 @@ exports.SplitviewReact = React.forwardRef(function (props, ref) {
         };
     }, [props.disableAutoResizing]);
     React.useEffect(function () {
-        var splitview = new splitviewComponent_1.SplitviewComponent(domRef.current, {
-            orientation: props.orientation || splitview_1.Orientation.HORIZONTAL,
+        var splitview = new dockview_core_1.SplitviewComponent(domRef.current, {
+            orientation: props.orientation || dockview_core_1.Orientation.HORIZONTAL,
             frameworkComponents: props.components,
             frameworkWrapper: {
                 createComponent: function (id, componentId, component) {
@@ -88,7 +85,7 @@ exports.SplitviewReact = React.forwardRef(function (props, ref) {
         var _a = domRef.current, clientWidth = _a.clientWidth, clientHeight = _a.clientHeight;
         splitview.layout(clientWidth, clientHeight);
         if (props.onReady) {
-            props.onReady({ api: new component_api_1.SplitviewApi(splitview) });
+            props.onReady({ api: new dockview_core_1.SplitviewApi(splitview) });
         }
         splitviewRef.current = splitview;
         return function () {

package/dist/cjs/splitview/splitview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"splitview.js","sourceRoot":"","sources":["../../../src/splitview/splitview.tsx"],"names":[],"mappings":"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"}

package/dist/{esm/react → cjs}/splitview/view.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
-import { SplitviewPanel } from '../../splitview/splitviewPanel';
+import { SplitviewPanel } from 'dockview-core';
 import { ReactPart, ReactPortalStore } from '../react';
 import { ISplitviewPanelProps } from './splitview';
 export declare class ReactPanelView extends SplitviewPanel {
     private readonly reactComponent;
     private readonly reactPortalStore;
     constructor(id: string, component: string, reactComponent: React.FunctionComponent<ISplitviewPanelProps>, reactPortalStore: ReactPortalStore);
-    getComponent(): ReactPart<ISplitviewPanelProps<any>, {}>;
+    getComponent(): ReactPart<ISplitviewPanelProps>;
 }

package/dist/cjs/{react/splitview → splitview}/view.js

@@ -16,8 +16,7 @@ var __extends = (this && this.__extends) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ReactPanelView = void 0;
-var component_api_1 = require("../../api/component.api");
-var splitviewPanel_1 = require("../../splitview/splitviewPanel");
+var dockview_core_1 = require("dockview-core");
 var react_1 = require("../react");
 var ReactPanelView = /** @class */ (function (_super) {
     __extends(ReactPanelView, _super);
@@ -32,10 +31,10 @@ var ReactPanelView = /** @class */ (function (_super) {
         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.SplitviewApi(this._params.accessor),
+            containerApi: new dockview_core_1.SplitviewApi(this._params.accessor),
         });
     };
     return ReactPanelView;
-}(splitviewPanel_1.SplitviewPanel));
+}(dockview_core_1.SplitviewPanel));
 exports.ReactPanelView = ReactPanelView;
 //# sourceMappingURL=view.js.map

package/dist/cjs/splitview/view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"view.js","sourceRoot":"","sources":["../../../src/splitview/view.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,+CAIuB;AACvB,kCAAuD;AAGvD;IAAoC,kCAAc;IAC9C,wBACI,EAAU,EACV,SAAiB,EACA,cAA6D,EAC7D,gBAAkC;QAJvD,YAMI,kBAAM,EAAE,EAAE,SAAS,CAAC,SACvB;QAJoB,oBAAc,GAAd,cAAc,CAA+C;QAC7D,sBAAgB,GAAhB,gBAAgB,CAAkB;;IAGvD,CAAC;IAED,qCAAY,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,4BAAY,CACzB,IAAI,CAAC,OAAmC,CAAC,QAAQ,CACrD;SACJ,CACJ,CAAC;IACN,CAAC;IACL,qBAAC;AAAD,CAAC,AAxBD,CAAoC,8BAAc,GAwBjD;AAxBY,wCAAc"}

package/dist/cjs/svg.d.ts

@@ -1,3 +1,3 @@
-export declare const createCloseButton: () => SVGSVGElement;
-export declare const createExpandMoreButton: () => SVGSVGElement;
-export declare const createChevronRightButton: () => SVGSVGElement;
+/// <reference types="react" />
+export declare const CloseButton: () => JSX.Element;
+export declare const ExpandMore: () => JSX.Element;

package/dist/cjs/svg.js

@@ -1,44 +1,36 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createChevronRightButton = exports.createExpandMoreButton = exports.createCloseButton = void 0;
-var createSvgElementFromPath = function (params) {
-    var svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
-    svg.setAttributeNS(null, 'height', params.height);
-    svg.setAttributeNS(null, 'width', params.width);
-    svg.setAttributeNS(null, 'viewBox', params.viewbox);
-    svg.setAttributeNS(null, 'aria-hidden', 'false');
-    svg.setAttributeNS(null, 'focusable', 'false');
-    svg.classList.add('dockview-svg');
-    var path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
-    path.setAttributeNS(null, 'd', params.path);
-    svg.appendChild(path);
-    return svg;
-};
-var createCloseButton = function () {
-    return createSvgElementFromPath({
-        width: '11',
-        height: '11',
-        viewbox: '0 0 28 28',
-        path: 'M2.1 27.3L0 25.2L11.55 13.65L0 2.1L2.1 0L13.65 11.55L25.2 0L27.3 2.1L15.75 13.65L27.3 25.2L25.2 27.3L13.65 15.75L2.1 27.3Z',
-    });
+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;
 };
-exports.createCloseButton = createCloseButton;
-var createExpandMoreButton = function () {
-    return createSvgElementFromPath({
-        width: '11',
-        height: '11',
-        viewbox: '0 0 24 15',
-        path: 'M12 14.15L0 2.15L2.15 0L12 9.9L21.85 0.0499992L24 2.2L12 14.15Z',
-    });
-};
-exports.createExpandMoreButton = createExpandMoreButton;
-var createChevronRightButton = function () {
-    return createSvgElementFromPath({
-        width: '11',
-        height: '11',
-        viewbox: '0 0 15 25',
-        path: 'M2.15 24.1L0 21.95L9.9 12.05L0 2.15L2.15 0L14.2 12.05L2.15 24.1Z',
-    });
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExpandMore = exports.CloseButton = void 0;
+var React = __importStar(require("react"));
+var CloseButton = function () { return (React.createElement("svg", { height: "11", width: "11", viewBox: "0 0 28 28", "aria-hidden": 'false', focusable: false, className: "dockview-svg" },
+    React.createElement("path", { d: "M2.1 27.3L0 25.2L11.55 13.65L0 2.1L2.1 0L13.65 11.55L25.2 0L27.3 2.1L15.75 13.65L27.3 25.2L25.2 27.3L13.65 15.75L2.1 27.3Z" }))); };
+exports.CloseButton = CloseButton;
+var ExpandMore = function () {
+    return (React.createElement("svg", { width: "11", height: "11", viewBox: "0 0 24 15", "aria-hidden": 'false', focusable: false, className: "dockview-svg" },
+        React.createElement("path", { d: "M12 14.15L0 2.15L2.15 0L12 9.9L21.85 0.0499992L24 2.2L12 14.15Z" })));
 };
-exports.createChevronRightButton = createChevronRightButton;
+exports.ExpandMore = ExpandMore;
 //# sourceMappingURL=svg.js.map

package/dist/cjs/svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"svg.js","sourceRoot":"","sources":["../../src/svg.ts"],"names":[],"mappings":";;;AAAA,IAAM,wBAAwB,GAAG,UAAC,MAKjC;IACG,IAAM,GAAG,GAAG,QAAQ,CAAC,eAAe,CAAC,4BAA4B,EAAE,KAAK,CAAC,CAAC;IAC1E,GAAG,CAAC,cAAc,CAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IAClD,GAAG,CAAC,cAAc,CAAC,IAAI,EAAE,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;IAChD,GAAG,CAAC,cAAc,CAAC,IAAI,EAAE,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IACpD,GAAG,CAAC,cAAc,CAAC,IAAI,EAAE,aAAa,EAAE,OAAO,CAAC,CAAC;IACjD,GAAG,CAAC,cAAc,CAAC,IAAI,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC;IAC/C,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAClC,IAAM,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAC,4BAA4B,EAAE,MAAM,CAAC,CAAC;IAC5E,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC;IAC5C,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IACtB,OAAO,GAAG,CAAC;AACf,CAAC,CAAC;AAEK,IAAM,iBAAiB,GAAG;IAC7B,OAAA,wBAAwB,CAAC;QACrB,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,IAAI;QACZ,OAAO,EAAE,WAAW;QACpB,IAAI,EAAE,4HAA4H;KACrI,CAAC;AALF,CAKE,CAAC;AANM,QAAA,iBAAiB,qBAMvB;AAEA,IAAM,sBAAsB,GAAG;IAClC,OAAA,wBAAwB,CAAC;QACrB,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,IAAI;QACZ,OAAO,EAAE,WAAW;QACpB,IAAI,EAAE,iEAAiE;KAC1E,CAAC;AALF,CAKE,CAAC;AANM,QAAA,sBAAsB,0BAM5B;AAEA,IAAM,wBAAwB,GAAG;IACpC,OAAA,wBAAwB,CAAC;QACrB,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,IAAI;QACZ,OAAO,EAAE,WAAW;QACpB,IAAI,EAAE,kEAAkE;KAC3E,CAAC;AALF,CAKE,CAAC;AANM,QAAA,wBAAwB,4BAM9B"}
+{"version":3,"file":"svg.js","sourceRoot":"","sources":["../../src/svg.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAExB,IAAM,WAAW,GAAG,cAAM,OAAA,CAC7B,6BACI,MAAM,EAAC,IAAI,EACX,KAAK,EAAC,IAAI,EACV,OAAO,EAAC,WAAW,iBACN,OAAO,EACpB,SAAS,EAAE,KAAK,EAChB,SAAS,EAAC,cAAc;IAExB,8BAAM,CAAC,EAAC,4HAA4H,GAAQ,CAC1I,CACT,EAXgC,CAWhC,CAAC;AAXW,QAAA,WAAW,eAWtB;AAEK,IAAM,UAAU,GAAG;IACtB,OAAO,CACH,6BACI,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,iBACN,OAAO,EACpB,SAAS,EAAE,KAAK,EAChB,SAAS,EAAC,cAAc;QAExB,8BAAM,CAAC,EAAC,iEAAiE,GAAG,CAC1E,CACT,CAAC;AACN,CAAC,CAAC;AAbW,QAAA,UAAU,cAarB"}

package/dist/cjs/types.d.ts

@@ -1,8 +1,7 @@
-export interface Constructor<T> {
-    new (): T;
+import * as React from 'react';
+export interface PanelCollection<T extends object> {
+    [name: string]: React.FunctionComponent<T>;
 }
-export interface FrameworkFactory<T> {
-    createComponent: (id: string, componentId: string, component: any) => T;
+export interface PanelParameters<T extends {} = Record<string, any>> {
+    params: T;
 }
-export type FunctionOrValue<T> = (() => T) | T;
-export declare function isBooleanValue(value: any): value is boolean;

package/dist/cjs/types.js

@@ -1,8 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isBooleanValue = void 0;
-function isBooleanValue(value) {
-    return typeof value === 'boolean';
-}
-exports.isBooleanValue = isBooleanValue;
 //# sourceMappingURL=types.js.map

package/dist/cjs/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":";;;AAUA,SAAgB,cAAc,CAAC,KAAU;IACrC,OAAO,OAAO,KAAK,KAAK,SAAS,CAAC;AACtC,CAAC;AAFD,wCAEC"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":""}