flexlayout-react 0.8.16 → 0.8.18

package/README.md

@@ -8,13 +8,13 @@ FlexLayout is a layout manager that arranges React components in multiple tabset
 
 ![FlexLayout Demo Screenshot](screenshots/Screenshot_light.png?raw=true "FlexLayout Demo Screenshot")
 
-[Run the Demo](https://rawgit.com/caplin/FlexLayout/demos/demos/v0.8/demo/index.html)
+[Run the Demo](https://caplin.github.io/FlexLayout/demos/v0.8/demo/index.html)
 
 Try it now using [CodeSandbox](https://codesandbox.io/p/sandbox/yvjzqf)
 
-[API Doc](https://rawgit.com/caplin/FlexLayout/demos/demos/v0.8/typedoc/index.html)
+[API Doc](https://caplin.github.io/FlexLayout/demos/v0.8/typedoc/index.html)
 
-[Screenshot of Caplin Liberator Explorer using FlexLayout](https://rawgit.com/caplin/FlexLayout/demos/demos/v0.20/images/LiberatorExplorerV3_3.PNG)
+[Screenshot of Caplin Liberator Explorer using FlexLayout](https://caplin.github.io/FlexLayout/demos/v0.20/images/LiberatorExplorerV3_3.PNG)
 
 FlexLayout's only dependency is React.
 
@@ -196,7 +196,7 @@ Each type of node has a defined set of requires/optional attributes.
 
 Weights on rows and tabsets specify the relative weight of these nodes within the parent row, the actual values do not matter just their relative values (ie two tabsets of weights 30,70 would render the same if they had weights of 3,7).
 
-NOTE: the easiest way to create your initial layout JSON is to use the [demo](https://rawgit.com/caplin/FlexLayout/demos/demos/v0.8/demo/index.html) app, modify one of the
+NOTE: the easiest way to create your initial layout JSON is to use the [demo](https://caplin.github.io/FlexLayout/demos/v0.8/demo/index.html) app, modify one of the
 existing layouts by dragging/dropping and adding nodes then press the 'Show Layout JSON in console' button to print the JSON to the browser developer console.
 
 By changing global or node attributes you can change the layout appearance and functionality, for example:
@@ -303,7 +303,7 @@ You apply actions using the `Model.doAction()` method.
 This method takes a single argument, created by one of the action
 generators (accessed as `FlexLayout.Actions.<actionName>`):
 
-[Actions doc](https://rawgit.com/caplin/FlexLayout/demos/demos/v0.8/typedoc/classes/Actions.html)
+[Actions doc](https://caplin.github.io/FlexLayout/demos/v0.8/typedoc/classes/Actions.html)
 
 ### Examples
 
@@ -336,7 +336,7 @@ implementing the `onAction` callback property of the `Layout`.
 
 There are many optional properties that can be applied to the layout:
 
-[Layout Properties doc](https://rawgit.com/caplin/FlexLayout/demos/demos/v0.8/typedoc/interfaces/ILayoutProps.html)
+[Layout Properties doc](https://caplin.github.io/FlexLayout/demos/v0.8/typedoc/interfaces/ILayoutProps.html)
 
 
 ## JSON Model Definition
@@ -345,29 +345,29 @@ The JSON model is well defined as a set of TypeScript interfaces, see the doc fo
 
 ## Model Config Attributes
 
-[Model Attributes doc](https://rawgit.com/caplin/FlexLayout/demos/demos/v0.8/typedoc/interfaces/IJsonModel.html)
+[Model Attributes doc](https://caplin.github.io/FlexLayout/demos/v0.8/typedoc/interfaces/IJsonModel.html)
 
 ## Global Config Attributes
 
-[Global Attributes doc](https://rawgit.com/caplin/FlexLayout/demos/demos/v0.8/typedoc/interfaces/IGlobalAttributes.html)
+[Global Attributes doc](https://caplin.github.io/FlexLayout/demos/v0.8/typedoc/interfaces/IGlobalAttributes.html)
 
 ## Row Config Attributes
 
-[Row Attributes doc](https://rawgit.com/caplin/FlexLayout/demos/demos/v0.8/typedoc/interfaces/IJsonRowNode.html)
+[Row Attributes doc](https://caplin.github.io/FlexLayout/demos/v0.8/typedoc/interfaces/IJsonRowNode.html)
 
 ## TabSet Config Attributes
 
-[Tabset Attributes doc](https://rawgit.com/caplin/FlexLayout/demos/demos/v0.8/typedoc/interfaces/IJsonTabSetNode.html)
+[Tabset Attributes doc](https://caplin.github.io/FlexLayout/demos/v0.8/typedoc/interfaces/IJsonTabSetNode.html)
 
 Note: tabsets will be dynamically created as tabs are moved, and deleted when all their tabs are removed (unless enableDeleteWhenEmpty is false).
 
 ## Tab Config attributes
 
-[Tab Attributes doc](https://rawgit.com/caplin/FlexLayout/demos/demos/v0.8/typedoc/interfaces/IJsonTabNode.html)
+[Tab Attributes doc](https://caplin.github.io/FlexLayout/demos/v0.8/typedoc/interfaces/IJsonTabNode.html)
 
 ## Border Config attributes
 
-[Border Attributes doc](https://rawgit.com/caplin/FlexLayout/demos/demos/v0.8/typedoc/interfaces/IJsonBorderNode.html)
+[Border Attributes doc](https://caplin.github.io/FlexLayout/demos/v0.8/typedoc/interfaces/IJsonBorderNode.html)
 
 
 
@@ -377,7 +377,7 @@ Note: tabsets will be dynamically created as tabs are moved, and deleted when al
 
 There are methods on the Layout Component for adding tabs:
 
-[Layout Methods doc](https://rawgit.com/caplin/FlexLayout/demos/demos/v0.8/typedoc/classes/Layout.html)
+[Layout Methods doc](https://caplin.github.io/FlexLayout/demos/v0.8/typedoc/classes/Layout.html)
 
 Example:
 

package/dist/index.js

@@ -1,6 +1,6 @@
 /**
  * flexlayout-react
- * @version 0.8.16
+ * @version 0.8.18
  */
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -4041,6 +4041,17 @@ const useTabOverflow = (layout, node, orientation, tabStripRef, miniScrollRef, t
     updateScrollMetrics();
     updateHiddenTabs();
   });
+  React.useEffect(() => {
+    var _a;
+    (_a = selfRef.current) == null ? void 0 : _a.addEventListener("wheel", onWheel, { passive: false });
+    return () => {
+      var _a2;
+      (_a2 = selfRef.current) == null ? void 0 : _a2.removeEventListener("wheel", onWheel);
+    };
+  }, [selfRef.current]);
+  const onWheel = (event) => {
+    event.preventDefault();
+  };
   function scrollIntoView() {
     const selectedTabNode = node.getSelectedNode();
     if (selectedTabNode && tabStripRef.current) {
@@ -5585,9 +5596,6 @@ const _LayoutInternal = class _LayoutInternal extends React.Component {
     __publicField(this, "isDraggingOverWindow");
     __publicField(this, "styleObserver");
     __publicField(this, "popoutWindowName");
-    __publicField(this, "onScroll", () => {
-      this.updateRect();
-    });
     __publicField(this, "updateLayoutMetrics", () => {
       if (this.findBorderBarSizeRef.current) {
         const borderBarSize = this.findBorderBarSizeRef.current.getBoundingClientRect().height;
@@ -5823,7 +5831,6 @@ const _LayoutInternal = class _LayoutInternal extends React.Component {
     if (this.selfRef.current) {
       this.resizeObserver.observe(this.selfRef.current);
     }
-    this.currentWindow.addEventListener("scroll", this.onScroll);
     if (this.isMainWindow) {
       this.props.model.addChangeListener(this.onModelChange);
       this.updateLayoutMetrics();
@@ -5871,15 +5878,14 @@ const _LayoutInternal = class _LayoutInternal extends React.Component {
     }
   }
   componentWillUnmount() {
-    var _a, _b, _c;
+    var _a, _b;
     if (this.selfRef.current) {
       (_a = this.resizeObserver) == null ? void 0 : _a.unobserve(this.selfRef.current);
     }
-    (_b = this.currentWindow) == null ? void 0 : _b.removeEventListener("scroll", this.onScroll);
     if (this.isMainWindow) {
       this.props.model.removeChangeListener(this.onModelChange);
     }
-    (_c = this.styleObserver) == null ? void 0 : _c.disconnect();
+    (_b = this.styleObserver) == null ? void 0 : _b.disconnect();
   }
   render() {
     if (!this.selfRef.current) {
@@ -6223,7 +6229,11 @@ const _LayoutInternal = class _LayoutInternal extends React.Component {
     return this.currentDocument;
   }
   getDomRect() {
-    return this.state.rect;
+    if (this.selfRef.current) {
+      return Rect.fromDomRect(this.selfRef.current.getBoundingClientRect());
+    } else {
+      return Rect.empty();
+    }
   }
   getWindowId() {
     return this.windowId;
@@ -6392,7 +6402,7 @@ const _LayoutInternal = class _LayoutInternal extends React.Component {
 };
 __publicField(_LayoutInternal, "dragState");
 let LayoutInternal = _LayoutInternal;
-const FlexLayoutVersion = "0.8.16";
+const FlexLayoutVersion = "0.8.18";
 const defaultIcons = {
   close: /* @__PURE__ */ jsx(CloseIcon, {}),
   closeTabset: /* @__PURE__ */ jsx(CloseIcon, {}),

package/package.json

@@ -1,11 +1,14 @@
 {
   "name": "flexlayout-react",
-  "version": "0.8.16",
+  "version": "0.8.18",
   "description": "A multi-tab docking layout manager",
   "author": "Caplin Systems Ltd",
-  "repository": "https://github.com/caplin/FlexLayout",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/caplin/FlexLayout.git"
+  },
   "license": "ISC",
-  "type":"module",
+  "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./types/index.d.ts",
@@ -95,4 +98,4 @@
     "vite": "^6.3.0",
     "vitest": "^3.1.1"
   }
-}
+}

package/types/view/Layout.d.ts

@@ -160,7 +160,6 @@ export declare class LayoutInternal extends React.Component<ILayoutInternalProps
     componentDidMount(): void;
     componentDidUpdate(): void;
     componentWillUnmount(): void;
-    onScroll: () => void;
     render(): import("react/jsx-runtime").JSX.Element;
     renderBorders(inner: React.ReactNode): import("react/jsx-runtime").JSX.Element;
     renderLayout(): import("react/jsx-runtime").JSX.Element;