flexlayout-react 0.8.16 → 0.8.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +20 -10
- package/package.json +7 -4
- package/types/view/Layout.d.ts +0 -1
package/dist/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* flexlayout-react
|
|
3
|
-
* @version 0.8.
|
|
3
|
+
* @version 0.8.17
|
|
4
4
|
*/
|
|
5
5
|
var __defProp = Object.defineProperty;
|
|
6
6
|
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
|
|
|
4041
4041
|
updateScrollMetrics();
|
|
4042
4042
|
updateHiddenTabs();
|
|
4043
4043
|
});
|
|
4044
|
+
React.useEffect(() => {
|
|
4045
|
+
var _a;
|
|
4046
|
+
(_a = selfRef.current) == null ? void 0 : _a.addEventListener("wheel", onWheel, { passive: false });
|
|
4047
|
+
return () => {
|
|
4048
|
+
var _a2;
|
|
4049
|
+
(_a2 = selfRef.current) == null ? void 0 : _a2.removeEventListener("wheel", onWheel);
|
|
4050
|
+
};
|
|
4051
|
+
}, [selfRef.current]);
|
|
4052
|
+
const onWheel = (event) => {
|
|
4053
|
+
event.preventDefault();
|
|
4054
|
+
};
|
|
4044
4055
|
function scrollIntoView() {
|
|
4045
4056
|
const selectedTabNode = node.getSelectedNode();
|
|
4046
4057
|
if (selectedTabNode && tabStripRef.current) {
|
|
@@ -5585,9 +5596,6 @@ const _LayoutInternal = class _LayoutInternal extends React.Component {
|
|
|
5585
5596
|
__publicField(this, "isDraggingOverWindow");
|
|
5586
5597
|
__publicField(this, "styleObserver");
|
|
5587
5598
|
__publicField(this, "popoutWindowName");
|
|
5588
|
-
__publicField(this, "onScroll", () => {
|
|
5589
|
-
this.updateRect();
|
|
5590
|
-
});
|
|
5591
5599
|
__publicField(this, "updateLayoutMetrics", () => {
|
|
5592
5600
|
if (this.findBorderBarSizeRef.current) {
|
|
5593
5601
|
const borderBarSize = this.findBorderBarSizeRef.current.getBoundingClientRect().height;
|
|
@@ -5823,7 +5831,6 @@ const _LayoutInternal = class _LayoutInternal extends React.Component {
|
|
|
5823
5831
|
if (this.selfRef.current) {
|
|
5824
5832
|
this.resizeObserver.observe(this.selfRef.current);
|
|
5825
5833
|
}
|
|
5826
|
-
this.currentWindow.addEventListener("scroll", this.onScroll);
|
|
5827
5834
|
if (this.isMainWindow) {
|
|
5828
5835
|
this.props.model.addChangeListener(this.onModelChange);
|
|
5829
5836
|
this.updateLayoutMetrics();
|
|
@@ -5871,15 +5878,14 @@ const _LayoutInternal = class _LayoutInternal extends React.Component {
|
|
|
5871
5878
|
}
|
|
5872
5879
|
}
|
|
5873
5880
|
componentWillUnmount() {
|
|
5874
|
-
var _a, _b
|
|
5881
|
+
var _a, _b;
|
|
5875
5882
|
if (this.selfRef.current) {
|
|
5876
5883
|
(_a = this.resizeObserver) == null ? void 0 : _a.unobserve(this.selfRef.current);
|
|
5877
5884
|
}
|
|
5878
|
-
(_b = this.currentWindow) == null ? void 0 : _b.removeEventListener("scroll", this.onScroll);
|
|
5879
5885
|
if (this.isMainWindow) {
|
|
5880
5886
|
this.props.model.removeChangeListener(this.onModelChange);
|
|
5881
5887
|
}
|
|
5882
|
-
(
|
|
5888
|
+
(_b = this.styleObserver) == null ? void 0 : _b.disconnect();
|
|
5883
5889
|
}
|
|
5884
5890
|
render() {
|
|
5885
5891
|
if (!this.selfRef.current) {
|
|
@@ -6223,7 +6229,11 @@ const _LayoutInternal = class _LayoutInternal extends React.Component {
|
|
|
6223
6229
|
return this.currentDocument;
|
|
6224
6230
|
}
|
|
6225
6231
|
getDomRect() {
|
|
6226
|
-
|
|
6232
|
+
if (this.selfRef.current) {
|
|
6233
|
+
return Rect.fromDomRect(this.selfRef.current.getBoundingClientRect());
|
|
6234
|
+
} else {
|
|
6235
|
+
return Rect.empty();
|
|
6236
|
+
}
|
|
6227
6237
|
}
|
|
6228
6238
|
getWindowId() {
|
|
6229
6239
|
return this.windowId;
|
|
@@ -6392,7 +6402,7 @@ const _LayoutInternal = class _LayoutInternal extends React.Component {
|
|
|
6392
6402
|
};
|
|
6393
6403
|
__publicField(_LayoutInternal, "dragState");
|
|
6394
6404
|
let LayoutInternal = _LayoutInternal;
|
|
6395
|
-
const FlexLayoutVersion = "0.8.
|
|
6405
|
+
const FlexLayoutVersion = "0.8.17";
|
|
6396
6406
|
const defaultIcons = {
|
|
6397
6407
|
close: /* @__PURE__ */ jsx(CloseIcon, {}),
|
|
6398
6408
|
closeTabset: /* @__PURE__ */ jsx(CloseIcon, {}),
|
package/package.json
CHANGED
|
@@ -1,11 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "flexlayout-react",
|
|
3
|
-
"version": "0.8.
|
|
3
|
+
"version": "0.8.17",
|
|
4
4
|
"description": "A multi-tab docking layout manager",
|
|
5
5
|
"author": "Caplin Systems Ltd",
|
|
6
|
-
"repository":
|
|
6
|
+
"repository": {
|
|
7
|
+
"type": "git",
|
|
8
|
+
"url": "git+https://github.com/caplin/FlexLayout.git"
|
|
9
|
+
},
|
|
7
10
|
"license": "ISC",
|
|
8
|
-
"type":"module",
|
|
11
|
+
"type": "module",
|
|
9
12
|
"main": "./dist/index.js",
|
|
10
13
|
"module": "./dist/index.js",
|
|
11
14
|
"types": "./types/index.d.ts",
|
|
@@ -95,4 +98,4 @@
|
|
|
95
98
|
"vite": "^6.3.0",
|
|
96
99
|
"vitest": "^3.1.1"
|
|
97
100
|
}
|
|
98
|
-
}
|
|
101
|
+
}
|
package/types/view/Layout.d.ts
CHANGED
|
@@ -160,7 +160,6 @@ export declare class LayoutInternal extends React.Component<ILayoutInternalProps
|
|
|
160
160
|
componentDidMount(): void;
|
|
161
161
|
componentDidUpdate(): void;
|
|
162
162
|
componentWillUnmount(): void;
|
|
163
|
-
onScroll: () => void;
|
|
164
163
|
render(): import("react/jsx-runtime").JSX.Element;
|
|
165
164
|
renderBorders(inner: React.ReactNode): import("react/jsx-runtime").JSX.Element;
|
|
166
165
|
renderLayout(): import("react/jsx-runtime").JSX.Element;
|