dockview - npm Package Compare versions

Comparing version 3.1.0 to 3.1.1

dist/cjs/dockview/defaultTab.js

@@ -60,4 +60,5 @@ "use strict";
 var DockviewDefaultTab = function (_a) {
-    var api = _a.api, _containerApi = _a.containerApi, _params = _a.params, hideClose = _a.hideClose, closeActionOverride = _a.closeActionOverride, rest = __rest(_a, ["api", "containerApi", "params", "hideClose", "closeActionOverride"]);
+    var api = _a.api, _containerApi = _a.containerApi, _params = _a.params, hideClose = _a.hideClose, closeActionOverride = _a.closeActionOverride, onPointerDown = _a.onPointerDown, onPointerUp = _a.onPointerUp, onPointerLeave = _a.onPointerLeave, rest = __rest(_a, ["api", "containerApi", "params", "hideClose", "closeActionOverride", "onPointerDown", "onPointerUp", "onPointerLeave"]);
     var title = useTitle(api);
+    var isMiddleMouseButton = react_1.default.useRef(false);
     var onClose = react_1.default.useCallback(function (event) {
@@ -72,10 +73,25 @@ event.preventDefault();
     }, [api, closeActionOverride]);
-    var onPointerDown = react_1.default.useCallback(function (e) {
-        e.preventDefault();
+    var onBtnPointerDown = react_1.default.useCallback(function (event) {
+        event.preventDefault();
     }, []);
-    return (react_1.default.createElement("div", __assign({ "data-testid": "dockview-dv-default-tab" }, rest, { className: "dv-default-tab" }),
+    var _onPointerDown = react_1.default.useCallback(function (event) {
+        isMiddleMouseButton.current = event.button === 1;
+        onPointerDown === null || onPointerDown === void 0 ? void 0 : onPointerDown(event);
+    }, [onPointerDown]);
+    var _onPointerUp = react_1.default.useCallback(function (event) {
+        if (isMiddleMouseButton && event.button === 1 && !hideClose) {
+            isMiddleMouseButton.current = false;
+            onClose(event);
+        }
+        onPointerUp === null || onPointerUp === void 0 ? void 0 : onPointerUp(event);
+    }, [onPointerUp, onClose, hideClose]);
+    var _onPointerLeave = react_1.default.useCallback(function (event) {
+        isMiddleMouseButton.current = false;
+        onPointerLeave === null || onPointerLeave === void 0 ? void 0 : onPointerLeave(event);
+    }, [onPointerLeave]);
+    return (react_1.default.createElement("div", __assign({ "data-testid": "dockview-dv-default-tab" }, rest, { onPointerDown: _onPointerDown, onPointerUp: _onPointerUp, onPointerLeave: _onPointerLeave, className: "dv-default-tab" }),
         react_1.default.createElement("span", { className: "dv-default-tab-content" }, title),
-        !hideClose && (react_1.default.createElement("div", { className: "dv-default-tab-action", onPointerDown: onPointerDown, onClick: onClose },
+        !hideClose && (react_1.default.createElement("div", { className: "dv-default-tab-action", onPointerDown: onBtnPointerDown, onClick: onClose },
             react_1.default.createElement(svg_1.CloseButton, null)))));
 };
 exports.DockviewDefaultTab = DockviewDefaultTab;

dist/esm/dockview/defaultTab.js

@@ -27,4 +27,5 @@ var __rest = (this && this.__rest) || function (s, e) {
 export const DockviewDefaultTab = (_a) => {
-    var { api, containerApi: _containerApi, params: _params, hideClose, closeActionOverride } = _a, rest = __rest(_a, ["api", "containerApi", "params", "hideClose", "closeActionOverride"]);
+    var { api, containerApi: _containerApi, params: _params, hideClose, closeActionOverride, onPointerDown, onPointerUp, onPointerLeave } = _a, rest = __rest(_a, ["api", "containerApi", "params", "hideClose", "closeActionOverride", "onPointerDown", "onPointerUp", "onPointerLeave"]);
     const title = useTitle(api);
+    const isMiddleMouseButton = React.useRef(false);
     const onClose = React.useCallback((event) => {
@@ -39,9 +40,24 @@ event.preventDefault();
     }, [api, closeActionOverride]);
-    const onPointerDown = React.useCallback((e) => {
-        e.preventDefault();
+    const onBtnPointerDown = React.useCallback((event) => {
+        event.preventDefault();
     }, []);
-    return (React.createElement("div", Object.assign({ "data-testid": "dockview-dv-default-tab" }, rest, { className: "dv-default-tab" }),
+    const _onPointerDown = React.useCallback((event) => {
+        isMiddleMouseButton.current = event.button === 1;
+        onPointerDown === null || onPointerDown === void 0 ? void 0 : onPointerDown(event);
+    }, [onPointerDown]);
+    const _onPointerUp = React.useCallback((event) => {
+        if (isMiddleMouseButton && event.button === 1 && !hideClose) {
+            isMiddleMouseButton.current = false;
+            onClose(event);
+        }
+        onPointerUp === null || onPointerUp === void 0 ? void 0 : onPointerUp(event);
+    }, [onPointerUp, onClose, hideClose]);
+    const _onPointerLeave = React.useCallback((event) => {
+        isMiddleMouseButton.current = false;
+        onPointerLeave === null || onPointerLeave === void 0 ? void 0 : onPointerLeave(event);
+    }, [onPointerLeave]);
+    return (React.createElement("div", Object.assign({ "data-testid": "dockview-dv-default-tab" }, rest, { onPointerDown: _onPointerDown, onPointerUp: _onPointerUp, onPointerLeave: _onPointerLeave, className: "dv-default-tab" }),
         React.createElement("span", { className: "dv-default-tab-content" }, title),
-        !hideClose && (React.createElement("div", { className: "dv-default-tab-action", onPointerDown: onPointerDown, onClick: onClose },
+        !hideClose && (React.createElement("div", { className: "dv-default-tab-action", onPointerDown: onBtnPointerDown, onClick: onClose },
             React.createElement(CloseButton, null)))));
 };

package.json

 {
   "name": "dockview",
-  "version": "3.1.0",
+  "version": "3.1.1",
   "description": "Zero dependency layout manager supporting tabs, grids and splitviews",
@@ -57,3 +57,3 @@ "keywords": [
   "dependencies": {
-    "dockview-core": "^3.1.0"
+    "dockview-core": "^3.1.1"
   },
@@ -60,0 +60,0 @@ "peerDependencies": {

No alert changes

Improved metrics

Total package byte prevSize

12620540

increased by0.22%

Lines of code

73050

increased by0.14%

Dependency changes

• Updateddockview-core@^3.1.1