@aptre/flex-layout 0.5.8 → 0.5.9

package/dist/index.mjs

@@ -5934,7 +5934,7 @@ var DragState = class {
 
 // src/view/OptimizedLayout.tsx
 import * as React20 from "react";
-import { memo as memo2, useCallback, useEffect as useEffect6, useMemo, useState as useState4 } from "react";
+import { memo as memo2, useCallback, useEffect as useEffect6, useLayoutEffect as useLayoutEffect9, useMemo, useRef as useRef12, useState as useState4 } from "react";
 function createTabInfo(node) {
   const parent = node.getParent();
   const contentRect = parent?.getContentRect() ?? Rect.empty();
@@ -5988,12 +5988,27 @@ var TabPanel = memo2(function TabPanel2({
   contentClassName,
   className,
   renderTab,
-  onPointerDown,
+  model,
   isMaximized,
   hasMaximizedTabset
 }) {
+  const selfRef = useRef12(null);
   const hasValidDimensions = rect.width > 0 && rect.height > 0;
   const content = useMemo(() => renderTab(node), [renderTab, node]);
+  useLayoutEffect9(() => {
+    const element = selfRef.current;
+    if (!element) return;
+    const onPointerDown = () => {
+      const parent = node.getParent();
+      if (parent instanceof TabSetNode) {
+        model.doAction(Actions.setActiveTabset(parent.getId(), Model.MAIN_WINDOW_ID));
+      }
+    };
+    element.addEventListener("pointerdown", onPointerDown, true);
+    return () => {
+      element.removeEventListener("pointerdown", onPointerDown, true);
+    };
+  }, [node, model, nodeId]);
   let isHidden = !visible;
   let zIndex;
   if (hasMaximizedTabset) {
@@ -6007,6 +6022,7 @@ var TabPanel = memo2(function TabPanel2({
   return /* @__PURE__ */ React20.createElement(
     "div",
     {
+      ref: selfRef,
       role: "tabpanel",
       "data-tab-id": nodeId,
       className: className + (contentClassName ? " " + contentClassName : ""),
@@ -6021,8 +6037,7 @@ var TabPanel = memo2(function TabPanel2({
         zIndex,
         // Tab panels receive pointer events when visible and not dragging
         pointerEvents: !isHidden && !isDragging ? "auto" : "none"
-      },
-      onPointerDown
+      }
     },
     content
   );
@@ -6037,17 +6052,6 @@ function TabContainer({
   const className = classNameMapper ? classNameMapper("flexlayout__tab") : "flexlayout__tab";
   const maximizedTabset = model.getMaximizedTabset(Model.MAIN_WINDOW_ID);
   const hasMaximizedTabset = maximizedTabset !== void 0;
-  const handlePointerDown = useCallback(
-    (node) => {
-      const parent = node.getParent();
-      if (parent instanceof TabSetNode) {
-        if (!parent.isActive()) {
-          model.doAction(Actions.setActiveTabset(parent.getId(), Model.MAIN_WINDOW_ID));
-        }
-      }
-    },
-    [model]
-  );
   return /* @__PURE__ */ React20.createElement("div", { className: "flexlayout__optimized_layout_tab_container", "data-layout-path": "/tab-container" }, Array.from(tabs.entries()).map(([nodeId, tabInfo]) => {
     const parent = tabInfo.node.getParent();
     const isMaximized = parent instanceof TabSetNode && parent.isMaximized();
@@ -6063,7 +6067,7 @@ function TabContainer({
         contentClassName: tabInfo.node.getContentClassName(),
         className,
         renderTab,
-        onPointerDown: () => handlePointerDown(tabInfo.node),
+        model,
         isMaximized,
         hasMaximizedTabset
       }

package/package.json

@@ -2,7 +2,7 @@
   "name": "@aptre/flex-layout",
   "author": "Caplin Systems Ltd",
   "description": "A multi-tab docking layout manager",
-  "version": "0.5.8",
+  "version": "0.5.9",
   "license": "ISC",
   "repository": {
     "type": "git",
@@ -78,7 +78,7 @@
     "release:minor": "npm run release:version:minor && npm run release:commit",
     "release:version": "npm version patch -m \"release: v%s\" --no-git-tag-version",
     "release:version:minor": "npm version minor -m \"release: v%s\" --no-git-tag-version",
-    "release:commit": "git reset && git add package.json && git commit -s -m \"release: v$npm_package_version\" && git tag v$npm_package_version",
+    "release:commit": "git reset && git add package.json && git commit -s -m \"release: v$(node -p \"require('./package.json').version\")\" && git tag v$(node -p \"require('./package.json').version\")",
     "release:publish": "git push && git push --tags && npm run build && npm publish"
   },
   "peerDependencies": {