dockview 0.0.28 → 1.0.0

package/dist/cjs/react/react.js

@@ -1,182 +1,182 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (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;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    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;
-var React = __importStar(require("react"));
-var ReactDOM = __importStar(require("react-dom"));
-var math_1 = require("../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
- */
-var ReactComponentBridge = function (props, ref) {
-    var _a = __read(React.useState(), 2), _ = _a[0], triggerRender = _a[1];
-    var _props = React.useRef(props.componentProps);
-    React.useImperativeHandle(ref, function () { return ({
-        update: function (componentProps) {
-            _props.current = __assign(__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
- */
-var uniquePortalKeyGenerator = (0, math_1.sequentialNumberGenerator)();
-exports.ReactPartContext = React.createContext({});
-var ReactPart = /** @class */ (function () {
-    function ReactPart(parent, portalStore, component, parameters, context) {
-        this.parent = parent;
-        this.portalStore = portalStore;
-        this.component = component;
-        this.parameters = parameters;
-        this.context = context;
-        this.disposed = false;
-        this.createPortal();
-    }
-    ReactPart.prototype.update = function (props) {
-        var _a;
-        if (this.disposed) {
-            throw new Error('invalid operation: resource is already disposed');
-        }
-        (_a = this.componentInstance) === null || _a === void 0 ? void 0 : _a.update(props);
-    };
-    ReactPart.prototype.createPortal = function () {
-        var _this = this;
-        if (this.disposed) {
-            throw new Error('invalid operation: resource is already disposed');
-        }
-        // TODO use a better check for isReactFunctionalComponent
-        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: only functional components are supported');
-        }
-        var bridgeComponent = React.createElement(React.forwardRef(ReactComponentBridge), {
-            component: this
-                .component,
-            componentProps: this.parameters,
-            ref: function (element) {
-                _this.componentInstance = element;
-            },
-        });
-        var node = this.context
-            ? React.createElement(exports.ReactPartContext.Provider, { value: this.context }, bridgeComponent)
-            : bridgeComponent;
-        var portal = ReactDOM.createPortal(node, this.parent, uniquePortalKeyGenerator.next());
-        this.ref = {
-            portal: portal,
-            disposable: this.portalStore.addPortal(portal),
-        };
-    };
-    ReactPart.prototype.dispose = function () {
-        var _a;
-        (_a = this.ref) === null || _a === void 0 ? void 0 : _a.disposable.dispose();
-        this.disposed = true;
-    };
-    return ReactPart;
-}());
-exports.ReactPart = ReactPart;
-/**
- * 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
- */
-var usePortalsLifecycle = function () {
-    var _a = __read(React.useState([]), 2), portals = _a[0], setPortals = _a[1];
-    React.useDebugValue("Portal count: " + portals.length);
-    var addPortal = React.useCallback(function (portal) {
-        setPortals(function (existingPortals) { return __spreadArray(__spreadArray([], __read(existingPortals), false), [portal], false); });
-        var disposed = false;
-        return {
-            dispose: function () {
-                if (disposed) {
-                    throw new Error('invalid operation: resource already disposed');
-                }
-                disposed = true;
-                setPortals(function (existingPortals) {
-                    return existingPortals.filter(function (p) { return p !== portal; });
-                });
-            },
-        };
-    }, []);
-    return [portals, addPortal];
-};
-exports.usePortalsLifecycle = usePortalsLifecycle;
-// it does the job...
-function isReactElement(element) {
-    return element === null || element === void 0 ? void 0 : element.type;
-}
-exports.isReactElement = isReactElement;
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    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;
+var React = __importStar(require("react"));
+var ReactDOM = __importStar(require("react-dom"));
+var math_1 = require("../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
+ */
+var ReactComponentBridge = function (props, ref) {
+    var _a = __read(React.useState(), 2), _ = _a[0], triggerRender = _a[1];
+    var _props = React.useRef(props.componentProps);
+    React.useImperativeHandle(ref, function () { return ({
+        update: function (componentProps) {
+            _props.current = __assign(__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
+ */
+var uniquePortalKeyGenerator = (0, math_1.sequentialNumberGenerator)();
+exports.ReactPartContext = React.createContext({});
+var ReactPart = /** @class */ (function () {
+    function ReactPart(parent, portalStore, component, parameters, context) {
+        this.parent = parent;
+        this.portalStore = portalStore;
+        this.component = component;
+        this.parameters = parameters;
+        this.context = context;
+        this.disposed = false;
+        this.createPortal();
+    }
+    ReactPart.prototype.update = function (props) {
+        var _a;
+        if (this.disposed) {
+            throw new Error('invalid operation: resource is already disposed');
+        }
+        (_a = this.componentInstance) === null || _a === void 0 ? void 0 : _a.update(props);
+    };
+    ReactPart.prototype.createPortal = function () {
+        var _this = this;
+        if (this.disposed) {
+            throw new Error('invalid operation: resource is already disposed');
+        }
+        // TODO use a better check for isReactFunctionalComponent
+        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: only functional components are supported');
+        }
+        var bridgeComponent = React.createElement(React.forwardRef(ReactComponentBridge), {
+            component: this
+                .component,
+            componentProps: this.parameters,
+            ref: function (element) {
+                _this.componentInstance = element;
+            },
+        });
+        var node = this.context
+            ? React.createElement(exports.ReactPartContext.Provider, { value: this.context }, bridgeComponent)
+            : bridgeComponent;
+        var portal = ReactDOM.createPortal(node, this.parent, uniquePortalKeyGenerator.next());
+        this.ref = {
+            portal: portal,
+            disposable: this.portalStore.addPortal(portal),
+        };
+    };
+    ReactPart.prototype.dispose = function () {
+        var _a;
+        (_a = this.ref) === null || _a === void 0 ? void 0 : _a.disposable.dispose();
+        this.disposed = true;
+    };
+    return ReactPart;
+}());
+exports.ReactPart = ReactPart;
+/**
+ * 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
+ */
+var usePortalsLifecycle = function () {
+    var _a = __read(React.useState([]), 2), portals = _a[0], setPortals = _a[1];
+    React.useDebugValue("Portal count: ".concat(portals.length));
+    var addPortal = React.useCallback(function (portal) {
+        setPortals(function (existingPortals) { return __spreadArray(__spreadArray([], __read(existingPortals), false), [portal], false); });
+        var disposed = false;
+        return {
+            dispose: function () {
+                if (disposed) {
+                    throw new Error('invalid operation: resource already disposed');
+                }
+                disposed = true;
+                setPortals(function (existingPortals) {
+                    return existingPortals.filter(function (p) { return p !== portal; });
+                });
+            },
+        };
+    }, []);
+    return [portals, addPortal];
+};
+exports.usePortalsLifecycle = usePortalsLifecycle;
+// it does the job...
+function isReactElement(element) {
+    return element === null || element === void 0 ? void 0 : element.type;
+}
+exports.isReactElement = isReactElement;
 //# sourceMappingURL=react.js.map

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

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

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

@@ -1,24 +1,24 @@
-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 } 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>>;

package/dist/cjs/react/splitview/splitview.js

@@ -1,94 +1,94 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (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.SplitviewReact = void 0;
-var React = __importStar(require("react"));
-var component_api_1 = require("../../api/component.api");
-var splitviewComponent_1 = require("../../splitview/splitviewComponent");
-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();
-    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 = splitviewRef.current) === null || _a === void 0 ? void 0 : _a.layout(width, height);
-        });
-        return function () {
-            watcher.dispose();
-        };
-    }, [props.disableAutoResizing]);
-    React.useEffect(function () {
-        var splitview = new splitviewComponent_1.SplitviewComponent(domRef.current, {
-            orientation: props.orientation,
-            frameworkComponents: props.components,
-            frameworkWrapper: {
-                createComponent: function (id, componentId, component) {
-                    return new view_1.ReactPanelView(id, componentId, component, {
-                        addPortal: addPortal,
-                    });
-                },
-            },
-            proportionalLayout: props.proportionalLayout,
-            styles: props.hideBorders
-                ? { separatorBorder: 'transparent' }
-                : undefined,
-        });
-        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) });
-        }
-        splitviewRef.current = splitview;
-        return function () {
-            splitview.dispose();
-        };
-    }, []);
-    return (React.createElement("div", { className: props.className, style: { height: '100%', width: '100%' }, ref: domRef }, portals));
-});
-exports.SplitviewReact.displayName = 'SplitviewComponent';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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.SplitviewReact = void 0;
+var React = __importStar(require("react"));
+var component_api_1 = require("../../api/component.api");
+var splitviewComponent_1 = require("../../splitview/splitviewComponent");
+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();
+    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 = splitviewRef.current) === null || _a === void 0 ? void 0 : _a.layout(width, height);
+        });
+        return function () {
+            watcher.dispose();
+        };
+    }, [props.disableAutoResizing]);
+    React.useEffect(function () {
+        var splitview = new splitviewComponent_1.SplitviewComponent(domRef.current, {
+            orientation: props.orientation,
+            frameworkComponents: props.components,
+            frameworkWrapper: {
+                createComponent: function (id, componentId, component) {
+                    return new view_1.ReactPanelView(id, componentId, component, {
+                        addPortal: addPortal,
+                    });
+                },
+            },
+            proportionalLayout: props.proportionalLayout,
+            styles: props.hideBorders
+                ? { separatorBorder: 'transparent' }
+                : undefined,
+        });
+        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) });
+        }
+        splitviewRef.current = splitview;
+        return function () {
+            splitview.dispose();
+        };
+    }, []);
+    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/react/splitview/view.d.ts

@@ -1,10 +1,10 @@
-/// <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 '../../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>, {}>;
+}