dockview 1.10.1 → 1.11.0

package/dist/cjs/react.js

@@ -10,29 +10,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-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;
@@ -58,10 +35,13 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.isReactComponent = exports.usePortalsLifecycle = exports.ReactPart = exports.ReactPartContext = void 0;
-var React = __importStar(require("react"));
-var ReactDOM = __importStar(require("react-dom"));
+var react_1 = __importDefault(require("react"));
+var react_dom_1 = __importDefault(require("react-dom"));
 /**
  * This component is intended to interface between vanilla-js and React hence we need to be
  * creative in how we update props.
@@ -71,9 +51,9 @@ var ReactDOM = __importStar(require("react-dom"));
  * 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 ({
+    var _a = __read(react_1.default.useState(), 2), _ = _a[0], triggerRender = _a[1];
+    var _props = react_1.default.useRef(props.componentProps);
+    react_1.default.useImperativeHandle(ref, function () { return ({
         update: function (componentProps) {
             _props.current = __assign(__assign({}, _props.current), componentProps);
             /**
@@ -85,7 +65,7 @@ var ReactComponentBridge = function (props, ref) {
             triggerRender(Date.now());
         },
     }); }, []);
-    return React.createElement(props.component, _props.current);
+    return react_1.default.createElement(props.component, _props.current);
 };
 ReactComponentBridge.displayName = 'DockviewReactJsBridge';
 /**
@@ -97,7 +77,7 @@ var uniquePortalKeyGenerator = (function () {
     var value = 1;
     return { next: function () { return "dockview_react_portal_key_".concat((value++).toString()); } };
 })();
-exports.ReactPartContext = React.createContext({});
+exports.ReactPartContext = react_1.default.createContext({});
 var ReactPart = /** @class */ (function () {
     function ReactPart(parent, portalStore, component, parameters, context) {
         this.parent = parent;
@@ -134,7 +114,7 @@ var ReactPart = /** @class */ (function () {
              */
             throw new Error('Dockview: Only React.memo(...), React.ForwardRef(...) and functional components are accepted as components');
         }
-        var bridgeComponent = React.createElement(React.forwardRef(ReactComponentBridge), {
+        var bridgeComponent = react_1.default.createElement(react_1.default.forwardRef(ReactComponentBridge), {
             component: this
                 .component,
             componentProps: this.parameters,
@@ -147,9 +127,9 @@ var ReactPart = /** @class */ (function () {
             },
         });
         var node = this.context
-            ? React.createElement(exports.ReactPartContext.Provider, { value: this.context }, bridgeComponent)
+            ? react_1.default.createElement(exports.ReactPartContext.Provider, { value: this.context }, bridgeComponent)
             : bridgeComponent;
-        var portal = ReactDOM.createPortal(node, this.parent, uniquePortalKeyGenerator.next());
+        var portal = react_dom_1.default.createPortal(node, this.parent, uniquePortalKeyGenerator.next());
         this.ref = {
             portal: portal,
             disposable: this.portalStore.addPortal(portal),
@@ -169,9 +149,9 @@ exports.ReactPart = ReactPart;
  * 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) {
+    var _a = __read(react_1.default.useState([]), 2), portals = _a[0], setPortals = _a[1];
+    react_1.default.useDebugValue("Portal count: ".concat(portals.length));
+    var addPortal = react_1.default.useCallback(function (portal) {
         setPortals(function (existingPortals) { return __spreadArray(__spreadArray([], __read(existingPortals), false), [portal], false); });
         var disposed = false;
         return {

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { SplitviewApi, SplitviewPanelApi, Orientation } from 'dockview-core';
 import { PanelCollection, PanelParameters } from '../types';
 export interface SplitviewReadyEvent {

package/dist/cjs/splitview/splitview.js

@@ -1,27 +1,4 @@
 "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;
@@ -38,18 +15,21 @@ var __read = (this && this.__read) || function (o, n) {
     }
     return ar;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SplitviewReact = void 0;
-var React = __importStar(require("react"));
+var react_1 = __importDefault(require("react"));
 var dockview_core_1 = require("dockview-core");
-var react_1 = require("../react");
+var react_2 = require("../react");
 var view_1 = require("./view");
-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 () {
+exports.SplitviewReact = react_1.default.forwardRef(function (props, ref) {
+    var domRef = react_1.default.useRef(null);
+    var splitviewRef = react_1.default.useRef();
+    var _a = __read((0, react_2.usePortalsLifecycle)(), 2), portals = _a[0], addPortal = _a[1];
+    react_1.default.useImperativeHandle(ref, function () { return domRef.current; }, []);
+    react_1.default.useEffect(function () {
         var _a;
         var splitview = new dockview_core_1.SplitviewComponent({
             parentElement: domRef.current,
@@ -80,7 +60,7 @@ exports.SplitviewReact = React.forwardRef(function (props, ref) {
             splitview.dispose();
         };
     }, []);
-    React.useEffect(function () {
+    react_1.default.useEffect(function () {
         if (!splitviewRef.current) {
             return;
         }
@@ -88,6 +68,6 @@ exports.SplitviewReact = React.forwardRef(function (props, ref) {
             frameworkComponents: props.components,
         });
     }, [props.components]);
-    return (React.createElement("div", { className: props.className, style: { height: '100%', width: '100%' }, ref: domRef }, portals));
+    return (react_1.default.createElement("div", { className: props.className, style: { height: '100%', width: '100%' }, ref: domRef }, portals));
 });
 exports.SplitviewReact.displayName = 'SplitviewComponent';

package/dist/cjs/svg.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+import React from 'react';
 export declare const CloseButton: () => React.JSX.Element;
 export declare const ExpandMore: () => React.JSX.Element;

package/dist/cjs/svg.js

@@ -1,35 +1,15 @@
 "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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 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" }))); };
+var react_1 = __importDefault(require("react"));
+var CloseButton = function () { return (react_1.default.createElement("svg", { height: "11", width: "11", viewBox: "0 0 28 28", "aria-hidden": 'false', focusable: false, className: "dockview-svg" },
+    react_1.default.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" })));
+    return (react_1.default.createElement("svg", { width: "11", height: "11", viewBox: "0 0 24 15", "aria-hidden": 'false', focusable: false, className: "dockview-svg" },
+        react_1.default.createElement("path", { d: "M12 14.15L0 2.15L2.15 0L12 9.9L21.85 0.0499992L24 2.2L12 14.15Z" })));
 };
 exports.ExpandMore = ExpandMore;