dockview 1.9.2 → 1.10.1

package/dist/cjs/dockview/defaultTab.d.ts

@@ -5,4 +5,3 @@ export type IDockviewDefaultTabProps = IDockviewPanelHeaderProps & React.DOMAttr
     closeActionOverride?: () => void;
 };
 export declare const DockviewDefaultTab: React.FunctionComponent<IDockviewDefaultTabProps>;
-//# sourceMappingURL=defaultTab.d.ts.map

package/dist/cjs/dockview/defaultTab.js

@@ -77,4 +77,3 @@ var DockviewDefaultTab = function (_a) {
             React.createElement(svg_1.CloseButton, null)))));
 };
 exports.DockviewDefaultTab = DockviewDefaultTab;
-//# sourceMappingURL=defaultTab.js.map

package/dist/cjs/dockview/dockview.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { DockviewDropEvent, DockviewDndOverlayEvent, DockviewPanelApi, DockviewApi, DockviewPanelRenderer, DroptargetOverlayModel } from 'dockview-core';
+import { DockviewWillDropEvent, DockviewDndOverlayEvent, DockviewPanelApi, DockviewApi, DockviewPanelRenderer, DroptargetOverlayModel, DockviewDidDropEvent } from 'dockview-core';
 import { IWatermarkPanelProps } from './reactWatermarkPart';
 import { PanelCollection, PanelParameters } from '../types';
 import { IDockviewHeaderActionsProps } from './headerActionsRenderer';
@@ -23,7 +23,8 @@ export interface IDockviewReactProps {
     components: PanelCollection<IDockviewPanelProps>;
     tabComponents?: PanelCollection<IDockviewPanelHeaderProps>;
     watermarkComponent?: React.FunctionComponent<IWatermarkPanelProps>;
-    onDidDrop?: (event: DockviewDropEvent) => void;
+    onDidDrop?: (event: DockviewDidDropEvent) => void;
+    onWillDrop?: (event: DockviewWillDropEvent) => void;
     showDndOverlay?: (event: DockviewDndOverlayEvent) => boolean;
     hideBorders?: boolean;
     className?: string;
@@ -41,6 +42,7 @@ export interface IDockviewReactProps {
     debug?: boolean;
     defaultRenderer?: DockviewPanelRenderer;
     rootOverlayModel?: DroptargetOverlayModel;
+    locked?: boolean;
+    disableDnd?: boolean;
 }
 export declare const DockviewReact: React.ForwardRefExoticComponent<IDockviewReactProps & React.RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=dockview.d.ts.map

package/dist/cjs/dockview/dockview.js

@@ -118,6 +118,8 @@ exports.DockviewReact = React.forwardRef(function (props, ref) {
             defaultRenderer: props.defaultRenderer,
             debug: props.debug,
             rootOverlayModel: props.rootOverlayModel,
+            locked: props.locked,
+            disableDnd: props.disableDnd,
         });
         var _b = domRef.current, clientWidth = _b.clientWidth, clientHeight = _b.clientHeight;
         dockview.layout(clientWidth, clientHeight);
@@ -129,6 +131,20 @@ exports.DockviewReact = React.forwardRef(function (props, ref) {
             dockview.dispose();
         };
     }, []);
+    React.useEffect(function () {
+        if (!dockviewRef.current) {
+            return;
+        }
+        dockviewRef.current.locked = !!props.locked;
+    }, [props.locked]);
+    React.useEffect(function () {
+        if (!dockviewRef.current) {
+            return;
+        }
+        dockviewRef.current.updateOptions({
+            disableDnd: props.disableDnd,
+        });
+    }, [props.disableDnd]);
     React.useEffect(function () {
         if (!dockviewRef.current) {
             return function () {
@@ -144,6 +160,21 @@ exports.DockviewReact = React.forwardRef(function (props, ref) {
             disposable.dispose();
         };
     }, [props.onDidDrop]);
+    React.useEffect(function () {
+        if (!dockviewRef.current) {
+            return function () {
+                // noop
+            };
+        }
+        var disposable = dockviewRef.current.onWillDrop(function (event) {
+            if (props.onWillDrop) {
+                props.onWillDrop(event);
+            }
+        });
+        return function () {
+            disposable.dispose();
+        };
+    }, [props.onWillDrop]);
     React.useEffect(function () {
         if (!dockviewRef.current) {
             return;
@@ -244,4 +275,3 @@ exports.DockviewReact = React.forwardRef(function (props, ref) {
     return (React.createElement("div", { className: props.className, style: { height: '100%', width: '100%' }, ref: domRef }, portals));
 });
 exports.DockviewReact.displayName = 'DockviewComponent';
-//# sourceMappingURL=dockview.js.map

package/dist/cjs/dockview/headerActionsRenderer.d.ts

@@ -31,4 +31,3 @@ export declare class ReactHeaderActionsRendererPart {
     private updateActivePanel;
     private updateGroupActive;
 }
-//# sourceMappingURL=headerActionsRenderer.d.ts.map

package/dist/cjs/dockview/headerActionsRenderer.js

@@ -85,4 +85,3 @@ var ReactHeaderActionsRendererPart = /** @class */ (function () {
     return ReactHeaderActionsRendererPart;
 }());
 exports.ReactHeaderActionsRendererPart = ReactHeaderActionsRendererPart;
-//# sourceMappingURL=headerActionsRenderer.js.map

package/dist/cjs/dockview/reactContentPart.d.ts

@@ -20,4 +20,3 @@ export declare class ReactPanelContentPart implements IContentRenderer {
     layout(_width: number, _height: number): void;
     dispose(): void;
 }
-//# sourceMappingURL=reactContentPart.d.ts.map

package/dist/cjs/dockview/reactContentPart.js

@@ -48,4 +48,3 @@ var ReactPanelContentPart = /** @class */ (function () {
     return ReactPanelContentPart;
 }());
 exports.ReactPanelContentPart = ReactPanelContentPart;
-//# sourceMappingURL=reactContentPart.js.map

package/dist/cjs/dockview/reactHeaderPart.d.ts

@@ -16,4 +16,3 @@ export declare class ReactPanelHeaderPart implements ITabRenderer {
     layout(_width: number, _height: number): void;
     dispose(): void;
 }
-//# sourceMappingURL=reactHeaderPart.d.ts.map

package/dist/cjs/dockview/reactHeaderPart.js

@@ -41,4 +41,3 @@ var ReactPanelHeaderPart = /** @class */ (function () {
     return ReactPanelHeaderPart;
 }());
 exports.ReactPanelHeaderPart = ReactPanelHeaderPart;
-//# sourceMappingURL=reactHeaderPart.js.map

package/dist/cjs/dockview/reactWatermarkPart.d.ts

@@ -22,4 +22,3 @@ export declare class ReactWatermarkPart implements IWatermarkRenderer {
     updateParentGroup(_group: DockviewGroupPanel, _isPanelVisible: boolean): void;
     dispose(): void;
 }
-//# sourceMappingURL=reactWatermarkPart.d.ts.map

package/dist/cjs/dockview/reactWatermarkPart.js

@@ -51,4 +51,3 @@ var ReactWatermarkPart = /** @class */ (function () {
     return ReactWatermarkPart;
 }());
 exports.ReactWatermarkPart = ReactWatermarkPart;
-//# sourceMappingURL=reactWatermarkPart.js.map

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

@@ -20,4 +20,3 @@ export interface IGridviewReactProps {
     disableAutoResizing?: boolean;
 }
 export declare const GridviewReact: React.ForwardRefExoticComponent<IGridviewReactProps & React.RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=gridview.d.ts.map

package/dist/cjs/gridview/gridview.js

@@ -96,4 +96,3 @@ exports.GridviewReact = React.forwardRef(function (props, ref) {
     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/gridview/view.d.ts

@@ -8,4 +8,3 @@ export declare class ReactGridPanelView extends GridviewPanel {
     constructor(id: string, component: string, reactComponent: React.FunctionComponent<IGridviewPanelProps>, reactPortalStore: ReactPortalStore);
     getComponent(): IFrameworkPart;
 }
-//# sourceMappingURL=view.d.ts.map

package/dist/cjs/gridview/view.js

@@ -31,10 +31,11 @@ var ReactGridPanelView = /** @class */ (function (_super) {
         return new react_1.ReactPart(this.element, this.reactPortalStore, this.reactComponent, {
             params: (_b = (_a = this._params) === null || _a === void 0 ? void 0 : _a.params) !== null && _b !== void 0 ? _b : {},
             api: this.api,
-            containerApi: new dockview_core_1.GridviewApi(this._params.accessor),
+            // TODO: fix casting hack
+            containerApi: new dockview_core_1.GridviewApi(this._params
+                .accessor),
         });
     };
     return ReactGridPanelView;
 }(dockview_core_1.GridviewPanel));
 exports.ReactGridPanelView = ReactGridPanelView;
-//# sourceMappingURL=view.js.map

package/dist/cjs/index.d.ts

@@ -8,4 +8,3 @@ export { IWatermarkPanelProps } from './dockview/reactWatermarkPart';
 export * from './paneview/paneview';
 export * from './types';
 export * from './react';
-//# sourceMappingURL=index.d.ts.map

package/dist/cjs/index.js

@@ -22,4 +22,3 @@ __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/paneview/paneview.d.ts

@@ -22,4 +22,3 @@ export interface IPaneviewReactProps {
     onDidDrop?(event: PaneviewDropEvent): void;
 }
 export declare const PaneviewReact: React.ForwardRefExoticComponent<IPaneviewReactProps & React.RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=paneview.d.ts.map

package/dist/cjs/paneview/paneview.js

@@ -138,4 +138,3 @@ exports.PaneviewReact = React.forwardRef(function (props, ref) {
     return (React.createElement("div", { className: props.className, style: { height: '100%', width: '100%' }, ref: domRef }, portals));
 });
 exports.PaneviewReact.displayName = 'PaneviewComponent';
-//# sourceMappingURL=paneview.js.map

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

@@ -17,4 +17,3 @@ export declare class PanePanelSection implements IPaneBodyPart {
     update(params: PanelUpdateEvent): void;
     dispose(): void;
 }
-//# sourceMappingURL=view.d.ts.map

package/dist/cjs/paneview/view.js

@@ -42,4 +42,3 @@ var PanePanelSection = /** @class */ (function () {
     return PanePanelSection;
 }());
 exports.PanePanelSection = PanePanelSection;
-//# sourceMappingURL=view.js.map

package/dist/cjs/react.d.ts

@@ -31,6 +31,5 @@ type PortalLifecycleHook = () => [
  * portal array
  */
 export declare const usePortalsLifecycle: PortalLifecycleHook;
-export declare function isReactElement(element: unknown): element is React.ReactElement;
+export declare function isReactComponent(component: any): boolean;
 export {};
-//# sourceMappingURL=react.d.ts.map

package/dist/cjs/react.js

@@ -59,7 +59,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isReactElement = exports.usePortalsLifecycle = exports.ReactPart = exports.ReactPartContext = void 0;
+exports.isReactComponent = exports.usePortalsLifecycle = exports.ReactPart = exports.ReactPartContext = void 0;
 var React = __importStar(require("react"));
 var ReactDOM = __importStar(require("react-dom"));
 /**
@@ -126,13 +126,13 @@ var ReactPart = /** @class */ (function () {
         if (this.disposed) {
             throw new Error('invalid operation: resource is already disposed');
         }
-        if (typeof this.component !== 'function') {
+        if (!isReactComponent(this.component)) {
             /**
              * 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.
+             * if we do not intercept then 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.');
+            throw new Error('Dockview: Only React.memo(...), React.ForwardRef(...) and functional components are accepted as components');
         }
         var bridgeComponent = React.createElement(React.forwardRef(ReactComponentBridge), {
             component: this
@@ -189,9 +189,12 @@ var usePortalsLifecycle = function () {
     return [portals, addPortal];
 };
 exports.usePortalsLifecycle = usePortalsLifecycle;
-// it does the job...
-function isReactElement(element) {
-    return !!(element === null || element === void 0 ? void 0 : element.type);
+function isReactComponent(component) {
+    /**
+     * Yes, we could use "react-is" but that would introduce an unwanted peer dependency
+     * so for now we will check in a rather crude fashion...
+     */
+    return (typeof component === 'function' /** Functional Componnts */ ||
+        !!(component === null || component === void 0 ? void 0 : component.$$typeof) /** React.memo(...) Components */);
 }
-exports.isReactElement = isReactElement;
-//# sourceMappingURL=react.js.map
+exports.isReactComponent = isReactComponent;

package/dist/cjs/splitview/splitview.d.ts

@@ -20,4 +20,3 @@ export interface ISplitviewReactProps {
     disableAutoResizing?: boolean;
 }
 export declare const SplitviewReact: React.ForwardRefExoticComponent<ISplitviewReactProps & React.RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=splitview.d.ts.map

package/dist/cjs/splitview/splitview.js

@@ -91,4 +91,3 @@ exports.SplitviewReact = React.forwardRef(function (props, ref) {
     return (React.createElement("div", { className: props.className, style: { height: '100%', width: '100%' }, ref: domRef }, portals));
 });
 exports.SplitviewReact.displayName = 'SplitviewComponent';
-//# sourceMappingURL=splitview.js.map

package/dist/cjs/splitview/view.d.ts

@@ -8,4 +8,3 @@ export declare class ReactPanelView extends SplitviewPanel {
     constructor(id: string, component: string, reactComponent: React.FunctionComponent<ISplitviewPanelProps>, reactPortalStore: ReactPortalStore);
     getComponent(): ReactPart<ISplitviewPanelProps>;
 }
-//# sourceMappingURL=view.d.ts.map

package/dist/cjs/splitview/view.js

@@ -37,4 +37,3 @@ var ReactPanelView = /** @class */ (function (_super) {
     return ReactPanelView;
 }(dockview_core_1.SplitviewPanel));
 exports.ReactPanelView = ReactPanelView;
-//# sourceMappingURL=view.js.map

package/dist/cjs/svg.d.ts

@@ -1,4 +1,3 @@
 import * as React from 'react';
 export declare const CloseButton: () => React.JSX.Element;
 export declare const ExpandMore: () => React.JSX.Element;
-//# sourceMappingURL=svg.d.ts.map

package/dist/cjs/svg.js

@@ -33,4 +33,3 @@ var ExpandMore = function () {
         React.createElement("path", { d: "M12 14.15L0 2.15L2.15 0L12 9.9L21.85 0.0499992L24 2.2L12 14.15Z" })));
 };
 exports.ExpandMore = ExpandMore;
-//# sourceMappingURL=svg.js.map

package/dist/cjs/types.d.ts

@@ -6,4 +6,3 @@ export interface PanelCollection<T extends object> {
 export interface PanelParameters<T extends {} = Parameters> {
     params: T;
 }
-//# sourceMappingURL=types.d.ts.map

package/dist/cjs/types.js

@@ -1,3 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=types.js.map