dockview 1.6.0 → 1.7.1

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

@@ -1,36 +1,36 @@
-import * as React from 'react';
-import { IDisposable } from '../lifecycle';
-import { IFrameworkPart } from '../panel/types';
-export interface ReactPortalStore {
-    addPortal: (portal: React.ReactPortal) => IDisposable;
-}
-export declare const ReactPartContext: React.Context<{}>;
-export declare class ReactPart<P extends object, C extends object = {}> implements IFrameworkPart {
-    private readonly parent;
-    private readonly portalStore;
-    private readonly component;
-    private readonly parameters;
-    private readonly context?;
-    private _initialProps;
-    private componentInstance?;
-    private ref?;
-    private disposed;
-    constructor(parent: HTMLElement, portalStore: ReactPortalStore, component: React.FunctionComponent<P>, parameters: P, context?: C | undefined);
-    update(props: {
-        [index: string]: any;
-    }): void;
-    private createPortal;
-    dispose(): void;
-}
-type PortalLifecycleHook = () => [
-    React.ReactPortal[],
-    (portal: React.ReactPortal) => IDisposable
-];
-/**
- * A React Hook that returns an array of portals to be rendered by the user of this hook
- * and a disposable function to add a portal. Calling dispose removes this portal from the
- * portal array
- */
-export declare const usePortalsLifecycle: PortalLifecycleHook;
-export declare function isReactElement(element: any | React.ReactElement): element is React.ReactElement;
-export {};
+import * as React from 'react';
+import { IFrameworkPart, IDockviewDisposable } from 'dockview-core';
+export interface ReactPortalStore {
+    addPortal: (portal: React.ReactPortal) => IDockviewDisposable;
+}
+export declare const ReactPartContext: React.Context<{}>;
+export declare class ReactPart<P extends object, C extends object = {}> implements IFrameworkPart {
+    private readonly parent;
+    private readonly portalStore;
+    private readonly component;
+    private readonly parameters;
+    private readonly context?;
+    private _initialProps;
+    private componentInstance?;
+    private ref?;
+    private disposed;
+    constructor(parent: HTMLElement, portalStore: ReactPortalStore, component: React.FunctionComponent<P>, parameters: P, context?: C | undefined);
+    update(props: {
+        [index: string]: any;
+    }): void;
+    private createPortal;
+    dispose(): void;
+}
+type PortalLifecycleHook = () => [
+    React.ReactPortal[],
+    (portal: React.ReactPortal) => IDockviewDisposable
+];
+/**
+ * A React Hook that returns an array of portals to be rendered by the user of this hook
+ * and a disposable function to add a portal. Calling dispose removes this portal from the
+ * portal array
+ */
+export declare const usePortalsLifecycle: PortalLifecycleHook;
+export declare function isReactElement(element: any | React.ReactElement): element is React.ReactElement;
+export {};
+//# sourceMappingURL=react.d.ts.map

package/dist/esm/react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../src/react.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEpE,MAAM,WAAW,gBAAgB;IAC7B,SAAS,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,WAAW,KAAK,mBAAmB,CAAC;CACjE;AAyDD,eAAO,MAAM,gBAAgB,mBAA8B,CAAC;AAE5D,qBAAa,SAAS,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,GAAG,EAAE,CAC1D,YAAW,cAAc;IAWrB,OAAO,CAAC,QAAQ,CAAC,MAAM;IACvB,OAAO,CAAC,QAAQ,CAAC,WAAW;IAC5B,OAAO,CAAC,QAAQ,CAAC,SAAS;IAC1B,OAAO,CAAC,QAAQ,CAAC,UAAU;IAC3B,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC;IAb7B,OAAO,CAAC,aAAa,CAA2B;IAChD,OAAO,CAAC,iBAAiB,CAAC,CAAmB;IAC7C,OAAO,CAAC,GAAG,CAAC,CAGV;IACF,OAAO,CAAC,QAAQ,CAAS;gBAGJ,MAAM,EAAE,WAAW,EACnB,WAAW,EAAE,gBAAgB,EAC7B,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,EACrC,UAAU,EAAE,CAAC,EACb,OAAO,CAAC,eAAG;IAKzB,MAAM,CAAC,KAAK,EAAE;QAAE,CAAC,KAAK,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE;IAa7C,OAAO,CAAC,YAAY;IAqDb,OAAO;CAIjB;AAED,KAAK,mBAAmB,GAAG,MAAM;IAC7B,KAAK,CAAC,WAAW,EAAE;IACnB,CAAC,MAAM,EAAE,KAAK,CAAC,WAAW,KAAK,mBAAmB;CACrD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,mBAwBjC,CAAC;AAGF,wBAAgB,cAAc,CAC1B,OAAO,EAAE,GAAG,GAAG,KAAK,CAAC,YAAY,GAClC,OAAO,IAAI,KAAK,CAAC,YAAY,CAE/B"}

package/dist/esm/{react/react.js → react.js}

@@ -1,125 +1,128 @@
-import * as React from 'react';
-import * as ReactDOM from 'react-dom';
-import { sequentialNumberGenerator } from '../math';
-/**
- * This component is intended to interface between vanilla-js and React hence we need to be
- * creative in how we update props.
- * A ref of the component is exposed with an update method; which when called stores the props
- * as a ref within this component and forcefully triggers a re-render of the component using
- * the ref of props we just set on the renderered component as the props passed to the inner
- * component
- */
-const ReactComponentBridge = (props, ref) => {
-    const [_, triggerRender] = React.useState();
-    const _props = React.useRef(props.componentProps);
-    React.useImperativeHandle(ref, () => ({
-        update: (componentProps) => {
-            _props.current = Object.assign(Object.assign({}, _props.current), componentProps);
-            /**
-             * setting a arbitrary piece of state within this component will
-             * trigger a re-render.
-             * we use this rather than updating through a prop since we can
-             * pass a ref into the vanilla-js world.
-             */
-            triggerRender(Date.now());
-        },
-    }), []);
-    return React.createElement(props.component, _props.current);
-};
-ReactComponentBridge.displayName = 'DockviewReactJsBridge';
-/**
- * Since we are storing the React.Portal references in a rendered array they
- * require a key property like any other React element rendered in an array
- * to prevent excessive re-rendering
- */
-const uniquePortalKeyGenerator = sequentialNumberGenerator();
-export const ReactPartContext = React.createContext({});
-export class ReactPart {
-    constructor(parent, portalStore, component, parameters, context) {
-        this.parent = parent;
-        this.portalStore = portalStore;
-        this.component = component;
-        this.parameters = parameters;
-        this.context = context;
-        this._initialProps = {};
-        this.disposed = false;
-        this.createPortal();
-    }
-    update(props) {
-        if (this.disposed) {
-            throw new Error('invalid operation: resource is already disposed');
-        }
-        if (!this.componentInstance) {
-            // if the component is yet to be mounted store the props
-            this._initialProps = Object.assign(Object.assign({}, this._initialProps), props);
-        }
-        else {
-            this.componentInstance.update(props);
-        }
-    }
-    createPortal() {
-        if (this.disposed) {
-            throw new Error('invalid operation: resource is already disposed');
-        }
-        if (typeof this.component !== 'function') {
-            /**
-             * we know this isn't a React.FunctionComponent so throw an error here.
-             * if we do not intercept this the React library will throw a very obsure error
-             * for the same reason, at least at this point we will emit a sensible stacktrace.
-             */
-            throw new Error('Invalid Operation. dockview only supports React Functional Components.');
-        }
-        const bridgeComponent = React.createElement(React.forwardRef(ReactComponentBridge), {
-            component: this
-                .component,
-            componentProps: this.parameters,
-            ref: (element) => {
-                this.componentInstance = element;
-                if (Object.keys(this._initialProps).length > 0) {
-                    this.componentInstance.update(this._initialProps);
-                    this._initialProps = {}; // don't keep a reference to the users object once no longer required
-                }
-            },
-        });
-        const node = this.context
-            ? React.createElement(ReactPartContext.Provider, { value: this.context }, bridgeComponent)
-            : bridgeComponent;
-        const portal = ReactDOM.createPortal(node, this.parent, uniquePortalKeyGenerator.next());
-        this.ref = {
-            portal,
-            disposable: this.portalStore.addPortal(portal),
-        };
-    }
-    dispose() {
-        var _a;
-        (_a = this.ref) === null || _a === void 0 ? void 0 : _a.disposable.dispose();
-        this.disposed = true;
-    }
-}
-/**
- * A React Hook that returns an array of portals to be rendered by the user of this hook
- * and a disposable function to add a portal. Calling dispose removes this portal from the
- * portal array
- */
-export const usePortalsLifecycle = () => {
-    const [portals, setPortals] = React.useState([]);
-    React.useDebugValue(`Portal count: ${portals.length}`);
-    const addPortal = React.useCallback((portal) => {
-        setPortals((existingPortals) => [...existingPortals, portal]);
-        let disposed = false;
-        return {
-            dispose: () => {
-                if (disposed) {
-                    throw new Error('invalid operation: resource already disposed');
-                }
-                disposed = true;
-                setPortals((existingPortals) => existingPortals.filter((p) => p !== portal));
-            },
-        };
-    }, []);
-    return [portals, addPortal];
-};
-// it does the job...
-export function isReactElement(element) {
-    return element === null || element === void 0 ? void 0 : element.type;
-}
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
+/**
+ * This component is intended to interface between vanilla-js and React hence we need to be
+ * creative in how we update props.
+ * A ref of the component is exposed with an update method; which when called stores the props
+ * as a ref within this component and forcefully triggers a re-render of the component using
+ * the ref of props we just set on the renderered component as the props passed to the inner
+ * component
+ */
+const ReactComponentBridge = (props, ref) => {
+    const [_, triggerRender] = React.useState();
+    const _props = React.useRef(props.componentProps);
+    React.useImperativeHandle(ref, () => ({
+        update: (componentProps) => {
+            _props.current = Object.assign(Object.assign({}, _props.current), componentProps);
+            /**
+             * setting a arbitrary piece of state within this component will
+             * trigger a re-render.
+             * we use this rather than updating through a prop since we can
+             * pass a ref into the vanilla-js world.
+             */
+            triggerRender(Date.now());
+        },
+    }), []);
+    return React.createElement(props.component, _props.current);
+};
+ReactComponentBridge.displayName = 'DockviewReactJsBridge';
+/**
+ * Since we are storing the React.Portal references in a rendered array they
+ * require a key property like any other React element rendered in an array
+ * to prevent excessive re-rendering
+ */
+const uniquePortalKeyGenerator = (() => {
+    let value = 1;
+    return { next: () => `dockview_react_portal_key_${(value++).toString()}` };
+})();
+export const ReactPartContext = React.createContext({});
+export class ReactPart {
+    constructor(parent, portalStore, component, parameters, context) {
+        this.parent = parent;
+        this.portalStore = portalStore;
+        this.component = component;
+        this.parameters = parameters;
+        this.context = context;
+        this._initialProps = {};
+        this.disposed = false;
+        this.createPortal();
+    }
+    update(props) {
+        if (this.disposed) {
+            throw new Error('invalid operation: resource is already disposed');
+        }
+        if (!this.componentInstance) {
+            // if the component is yet to be mounted store the props
+            this._initialProps = Object.assign(Object.assign({}, this._initialProps), props);
+        }
+        else {
+            this.componentInstance.update(props);
+        }
+    }
+    createPortal() {
+        if (this.disposed) {
+            throw new Error('invalid operation: resource is already disposed');
+        }
+        if (typeof this.component !== 'function') {
+            /**
+             * we know this isn't a React.FunctionComponent so throw an error here.
+             * if we do not intercept this the React library will throw a very obsure error
+             * for the same reason, at least at this point we will emit a sensible stacktrace.
+             */
+            throw new Error('Invalid Operation. dockview only supports React Functional Components.');
+        }
+        const bridgeComponent = React.createElement(React.forwardRef(ReactComponentBridge), {
+            component: this
+                .component,
+            componentProps: this.parameters,
+            ref: (element) => {
+                this.componentInstance = element;
+                if (Object.keys(this._initialProps).length > 0) {
+                    this.componentInstance.update(this._initialProps);
+                    this._initialProps = {}; // don't keep a reference to the users object once no longer required
+                }
+            },
+        });
+        const node = this.context
+            ? React.createElement(ReactPartContext.Provider, { value: this.context }, bridgeComponent)
+            : bridgeComponent;
+        const portal = ReactDOM.createPortal(node, this.parent, uniquePortalKeyGenerator.next());
+        this.ref = {
+            portal,
+            disposable: this.portalStore.addPortal(portal),
+        };
+    }
+    dispose() {
+        var _a;
+        (_a = this.ref) === null || _a === void 0 ? void 0 : _a.disposable.dispose();
+        this.disposed = true;
+    }
+}
+/**
+ * A React Hook that returns an array of portals to be rendered by the user of this hook
+ * and a disposable function to add a portal. Calling dispose removes this portal from the
+ * portal array
+ */
+export const usePortalsLifecycle = () => {
+    const [portals, setPortals] = React.useState([]);
+    React.useDebugValue(`Portal count: ${portals.length}`);
+    const addPortal = React.useCallback((portal) => {
+        setPortals((existingPortals) => [...existingPortals, portal]);
+        let disposed = false;
+        return {
+            dispose: () => {
+                if (disposed) {
+                    throw new Error('invalid operation: resource already disposed');
+                }
+                disposed = true;
+                setPortals((existingPortals) => existingPortals.filter((p) => p !== portal));
+            },
+        };
+    }, []);
+    return [portals, addPortal];
+};
+// it does the job...
+export function isReactElement(element) {
+    return element === null || element === void 0 ? void 0 : element.type;
+}
+//# sourceMappingURL=react.js.map

package/dist/esm/react.js.map

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

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

@@ -1,24 +1,23 @@
-import * as React from 'react';
-import { SplitviewApi } from '../../api/component.api';
-import { SplitviewPanelApi } from '../../api/splitviewPanelApi';
-import { Orientation } from '../../splitview/core/splitview';
-import { PanelCollection, PanelParameters } from '../types';
-export interface SplitviewReadyEvent {
-    api: SplitviewApi;
-}
-export interface ISplitviewPanelProps<T extends {
-    [index: string]: any;
-} = any> extends PanelParameters<T> {
-    api: SplitviewPanelApi;
-    containerApi: SplitviewApi;
-}
-export interface ISplitviewReactProps {
-    orientation?: Orientation;
-    onReady: (event: SplitviewReadyEvent) => void;
-    components: PanelCollection<ISplitviewPanelProps>;
-    proportionalLayout?: boolean;
-    hideBorders?: boolean;
-    className?: string;
-    disableAutoResizing?: boolean;
-}
-export declare const SplitviewReact: React.ForwardRefExoticComponent<ISplitviewReactProps & React.RefAttributes<HTMLDivElement>>;
+import * as React from 'react';
+import { SplitviewApi, SplitviewPanelApi, Orientation } from 'dockview-core';
+import { PanelCollection, PanelParameters } from '../types';
+export interface SplitviewReadyEvent {
+    api: SplitviewApi;
+}
+export interface ISplitviewPanelProps<T extends {
+    [index: string]: any;
+} = any> extends PanelParameters<T> {
+    api: SplitviewPanelApi;
+    containerApi: SplitviewApi;
+}
+export interface ISplitviewReactProps {
+    orientation?: Orientation;
+    onReady: (event: SplitviewReadyEvent) => void;
+    components: PanelCollection<ISplitviewPanelProps>;
+    proportionalLayout?: boolean;
+    hideBorders?: boolean;
+    className?: string;
+    disableAutoResizing?: boolean;
+}
+export declare const SplitviewReact: React.ForwardRefExoticComponent<ISplitviewReactProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=splitview.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"splitview.d.ts","sourceRoot":"","sources":["../../../src/splitview/splitview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACH,YAAY,EACZ,iBAAiB,EAGjB,WAAW,EACd,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAG5D,MAAM,WAAW,mBAAmB;IAChC,GAAG,EAAE,YAAY,CAAC;CACrB;AAED,MAAM,WAAW,oBAAoB,CAAC,CAAC,SAAS;IAAE,CAAC,KAAK,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,GAAG,GAAG,CAC1E,SAAQ,eAAe,CAAC,CAAC,CAAC;IAC1B,GAAG,EAAE,iBAAiB,CAAC;IACvB,YAAY,EAAE,YAAY,CAAC;CAC9B;AAED,MAAM,WAAW,oBAAoB;IACjC,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,OAAO,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAC9C,UAAU,EAAE,eAAe,CAAC,oBAAoB,CAAC,CAAC;IAClD,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,eAAO,MAAM,cAAc,6FAkE1B,CAAC"}

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

@@ -1,66 +1,50 @@
-import * as React from 'react';
-import { SplitviewApi } from '../../api/component.api';
-import { SplitviewComponent, } from '../../splitview/splitviewComponent';
-import { Orientation } from '../../splitview/core/splitview';
-import { usePortalsLifecycle } from '../react';
-import { ReactPanelView } from './view';
-import { watchElementResize } from '../../dom';
-export const SplitviewReact = React.forwardRef((props, ref) => {
-    const domRef = React.useRef(null);
-    const splitviewRef = React.useRef();
-    const [portals, addPortal] = usePortalsLifecycle();
-    React.useImperativeHandle(ref, () => domRef.current, []);
-    React.useEffect(() => {
-        if (props.disableAutoResizing) {
-            return () => {
-                //
-            };
-        }
-        const watcher = watchElementResize(domRef.current, (entry) => {
-            var _a;
-            const { width, height } = entry.contentRect;
-            (_a = splitviewRef.current) === null || _a === void 0 ? void 0 : _a.layout(width, height);
-        });
-        return () => {
-            watcher.dispose();
-        };
-    }, [props.disableAutoResizing]);
-    React.useEffect(() => {
-        const splitview = new SplitviewComponent(domRef.current, {
-            orientation: props.orientation || Orientation.HORIZONTAL,
-            frameworkComponents: props.components,
-            frameworkWrapper: {
-                createComponent: (id, componentId, component) => {
-                    return new ReactPanelView(id, componentId, component, {
-                        addPortal,
-                    });
-                },
-            },
-            proportionalLayout: typeof props.proportionalLayout === 'boolean'
-                ? props.proportionalLayout
-                : true,
-            styles: props.hideBorders
-                ? { separatorBorder: 'transparent' }
-                : undefined,
-        });
-        const { clientWidth, clientHeight } = domRef.current;
-        splitview.layout(clientWidth, clientHeight);
-        if (props.onReady) {
-            props.onReady({ api: new SplitviewApi(splitview) });
-        }
-        splitviewRef.current = splitview;
-        return () => {
-            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';
+import * as React from 'react';
+import { SplitviewApi, SplitviewComponent, Orientation, } from 'dockview-core';
+import { usePortalsLifecycle } from '../react';
+import { ReactPanelView } from './view';
+export const SplitviewReact = React.forwardRef((props, ref) => {
+    const domRef = React.useRef(null);
+    const splitviewRef = React.useRef();
+    const [portals, addPortal] = usePortalsLifecycle();
+    React.useImperativeHandle(ref, () => domRef.current, []);
+    React.useEffect(() => {
+        const splitview = new SplitviewComponent({
+            parentElement: domRef.current,
+            orientation: props.orientation || Orientation.HORIZONTAL,
+            frameworkComponents: props.components,
+            frameworkWrapper: {
+                createComponent: (id, componentId, component) => {
+                    return new ReactPanelView(id, componentId, component, {
+                        addPortal,
+                    });
+                },
+            },
+            proportionalLayout: typeof props.proportionalLayout === 'boolean'
+                ? props.proportionalLayout
+                : true,
+            styles: props.hideBorders
+                ? { separatorBorder: 'transparent' }
+                : undefined,
+        });
+        const { clientWidth, clientHeight } = domRef.current;
+        splitview.layout(clientWidth, clientHeight);
+        if (props.onReady) {
+            props.onReady({ api: new SplitviewApi(splitview) });
+        }
+        splitviewRef.current = splitview;
+        return () => {
+            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';
+//# sourceMappingURL=splitview.js.map

package/dist/esm/splitview/splitview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"splitview.js","sourceRoot":"","sources":["../../../src/splitview/splitview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACH,YAAY,EAGZ,kBAAkB,EAClB,WAAW,GACd,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAE/C,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAsBxC,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAC1C,CAAC,KAA2B,EAAE,GAAuC,EAAE,EAAE;IACrE,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,EAAuB,CAAC;IACzD,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,GAAG,mBAAmB,EAAE,CAAC;IAEnD,KAAK,CAAC,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,OAAQ,EAAE,EAAE,CAAC,CAAC;IAE1D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,SAAS,GAAG,IAAI,kBAAkB,CAAC;YACrC,aAAa,EAAE,MAAM,CAAC,OAAQ;YAC9B,WAAW,EAAE,KAAK,CAAC,WAAW,IAAI,WAAW,CAAC,UAAU;YACxD,mBAAmB,EAAE,KAAK,CAAC,UAAU;YACrC,gBAAgB,EAAE;gBACd,eAAe,EAAE,CACb,EAAU,EACV,WAAW,EACX,SAAc,EAChB,EAAE;oBACA,OAAO,IAAI,cAAc,CAAC,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE;wBAClD,SAAS;qBACZ,CAAC,CAAC;gBACP,CAAC;aACJ;YACD,kBAAkB,EACd,OAAO,KAAK,CAAC,kBAAkB,KAAK,SAAS;gBACzC,CAAC,CAAC,KAAK,CAAC,kBAAkB;gBAC1B,CAAC,CAAC,IAAI;YACd,MAAM,EAAE,KAAK,CAAC,WAAW;gBACrB,CAAC,CAAC,EAAE,eAAe,EAAE,aAAa,EAAE;gBACpC,CAAC,CAAC,SAAS;SAClB,CAAC,CAAC;QAEH,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,MAAM,CAAC,OAAQ,CAAC;QACtD,SAAS,CAAC,MAAM,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC;QAE5C,IAAI,KAAK,CAAC,OAAO,EAAE;YACf,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,IAAI,YAAY,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;SACvD;QAED,YAAY,CAAC,OAAO,GAAG,SAAS,CAAC;QAEjC,OAAO,GAAG,EAAE;YACR,SAAS,CAAC,OAAO,EAAE,CAAC;QACxB,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;YACvB,OAAO;SACV;QACD,YAAY,CAAC,OAAO,CAAC,aAAa,CAAC;YAC/B,mBAAmB,EAAE,KAAK,CAAC,UAAU;SACxC,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC;IAEvB,OAAO,CACH,6BACI,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,EACxC,GAAG,EAAE,MAAM,IAEV,OAAO,CACN,CACT,CAAC;AACN,CAAC,CACJ,CAAC;AACF,cAAc,CAAC,WAAW,GAAG,oBAAoB,CAAC"}

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

@@ -1,10 +1,11 @@
-/// <reference types="react" />
-import { SplitviewPanel } from '../../splitview/splitviewPanel';
-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>, {}>;
-}
+/// <reference types="react" />
+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>;
+}
+//# sourceMappingURL=view.d.ts.map

package/dist/esm/splitview/view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"view.d.ts","sourceRoot":"","sources":["../../../src/splitview/view.ts"],"names":[],"mappings":";AAAA,OAAO,EAGH,cAAc,EACjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAEnD,qBAAa,cAAe,SAAQ,cAAc;IAI1C,OAAO,CAAC,QAAQ,CAAC,cAAc;IAC/B,OAAO,CAAC,QAAQ,CAAC,gBAAgB;gBAHjC,EAAE,EAAE,MAAM,EACV,SAAS,EAAE,MAAM,EACA,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,oBAAoB,CAAC,EAC7D,gBAAgB,EAAE,gBAAgB;IAKvD,YAAY,IAAI,SAAS,CAAC,oBAAoB,CAAC;CAclD"}

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

@@ -1,18 +1,18 @@
-import { SplitviewApi } from '../../api/component.api';
-import { SplitviewPanel } from '../../splitview/splitviewPanel';
-import { ReactPart } from '../react';
-export class ReactPanelView extends SplitviewPanel {
-    constructor(id, component, reactComponent, reactPortalStore) {
-        super(id, component);
-        this.reactComponent = reactComponent;
-        this.reactPortalStore = reactPortalStore;
-    }
-    getComponent() {
-        var _a;
-        return new ReactPart(this.element, this.reactPortalStore, this.reactComponent, {
-            params: ((_a = this._params) === null || _a === void 0 ? void 0 : _a.params) || {},
-            api: this.api,
-            containerApi: new SplitviewApi(this._params.accessor),
-        });
-    }
-}
+import { SplitviewApi, SplitviewPanel, } from 'dockview-core';
+import { ReactPart } from '../react';
+export class ReactPanelView extends SplitviewPanel {
+    constructor(id, component, reactComponent, reactPortalStore) {
+        super(id, component);
+        this.reactComponent = reactComponent;
+        this.reactPortalStore = reactPortalStore;
+    }
+    getComponent() {
+        var _a;
+        return new ReactPart(this.element, this.reactPortalStore, this.reactComponent, {
+            params: ((_a = this._params) === null || _a === void 0 ? void 0 : _a.params) || {},
+            api: this.api,
+            containerApi: new SplitviewApi(this._params.accessor),
+        });
+    }
+}
+//# sourceMappingURL=view.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"view.js","sourceRoot":"","sources":["../../../src/splitview/view.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EAEZ,cAAc,GACjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,SAAS,EAAoB,MAAM,UAAU,CAAC;AAGvD,MAAM,OAAO,cAAe,SAAQ,cAAc;IAC9C,YACI,EAAU,EACV,SAAiB,EACA,cAA6D,EAC7D,gBAAkC;QAEnD,KAAK,CAAC,EAAE,EAAE,SAAS,CAAC,CAAC;QAHJ,mBAAc,GAAd,cAAc,CAA+C;QAC7D,qBAAgB,GAAhB,gBAAgB,CAAkB;IAGvD,CAAC;IAED,YAAY;;QACR,OAAO,IAAI,SAAS,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,YAAY,CACzB,IAAI,CAAC,OAAmC,CAAC,QAAQ,CACrD;SACJ,CACJ,CAAC;IACN,CAAC;CACJ"}

package/dist/esm/svg.d.ts

@@ -1,3 +1,4 @@
-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;
+//# sourceMappingURL=svg.d.ts.map

package/dist/esm/svg.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg.d.ts","sourceRoot":"","sources":["../../src/svg.tsx"],"names":[],"mappings":";AAEA,eAAO,MAAM,WAAW,mBAWvB,CAAC;AAEF,eAAO,MAAM,UAAU,mBAatB,CAAC"}