flexlayout-react 0.7.15 → 0.8.0
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/ChangeLog.txt +23 -0
- package/README.md +157 -330
- package/Screenshot_light.png +0 -0
- package/Screenshot_rounded.png +0 -0
- package/declarations/Attribute.d.ts +1 -1
- package/declarations/AttributeDefinitions.d.ts +1 -1
- package/declarations/DockLocation.d.ts +12 -12
- package/declarations/DropInfo.d.ts +12 -12
- package/declarations/I18nLabel.d.ts +12 -14
- package/declarations/Orientation.d.ts +7 -7
- package/declarations/PopupMenu.d.ts +1 -1
- package/declarations/Rect.d.ts +41 -28
- package/declarations/Types.d.ts +95 -79
- package/declarations/examples/demo/Utils.d.ts +4 -0
- package/declarations/index.d.ts +21 -22
- package/declarations/model/Action.d.ts +5 -5
- package/declarations/model/Actions.d.ts +127 -110
- package/declarations/model/BorderNode.d.ts +30 -34
- package/declarations/model/BorderSet.d.ts +3 -4
- package/declarations/model/ICloseType.d.ts +5 -5
- package/declarations/model/IDraggable.d.ts +2 -2
- package/declarations/model/IDropTarget.d.ts +2 -2
- package/declarations/model/IJsonModel.d.ts +811 -149
- package/declarations/model/LayoutWindow.d.ts +28 -0
- package/declarations/model/Model.d.ts +91 -86
- package/declarations/model/Node.d.ts +17 -17
- package/declarations/model/RowNode.d.ts +10 -11
- package/declarations/model/TabNode.d.ts +44 -37
- package/declarations/model/TabSetNode.d.ts +44 -41
- package/declarations/model/Utils.d.ts +1 -1
- package/declarations/model/WindowLayout.d.ts +24 -0
- package/declarations/src/Attribute.d.ts +1 -0
- package/declarations/src/AttributeDefinitions.d.ts +1 -0
- package/declarations/src/DockLocation.d.ts +12 -0
- package/declarations/src/DropInfo.d.ts +12 -0
- package/declarations/src/I18nLabel.d.ts +10 -0
- package/declarations/src/Orientation.d.ts +7 -0
- package/declarations/src/PopupMenu.d.ts +1 -0
- package/declarations/src/Rect.d.ts +31 -0
- package/declarations/src/Types.d.ts +92 -0
- package/declarations/src/index.d.ts +20 -0
- package/declarations/src/model/Action.d.ts +5 -0
- package/declarations/src/model/Actions.d.ts +110 -0
- package/declarations/src/model/BorderNode.d.ts +28 -0
- package/declarations/src/model/BorderSet.d.ts +3 -0
- package/declarations/src/model/ICloseType.d.ts +5 -0
- package/declarations/src/model/IDraggable.d.ts +2 -0
- package/declarations/src/model/IDropTarget.d.ts +2 -0
- package/declarations/src/model/IJsonModel.d.ts +153 -0
- package/declarations/src/model/Model.d.ts +98 -0
- package/declarations/src/model/Node.d.ts +16 -0
- package/declarations/src/model/RowNode.d.ts +11 -0
- package/declarations/src/model/TabNode.d.ts +36 -0
- package/declarations/src/model/TabSetNode.d.ts +37 -0
- package/declarations/src/model/Utils.d.ts +1 -0
- package/declarations/src/view/BorderButton.d.ts +1 -0
- package/declarations/src/view/BorderTab.d.ts +2 -0
- package/declarations/src/view/BorderTabSet.d.ts +1 -0
- package/declarations/src/view/DragContainer.d.ts +1 -0
- package/declarations/src/view/ErrorBoundary.d.ts +1 -0
- package/declarations/src/view/FloatingWindow.d.ts +1 -0
- package/declarations/src/view/Icons.d.ts +7 -0
- package/declarations/src/view/Layout.d.ts +113 -0
- package/declarations/src/view/Overlay.d.ts +1 -0
- package/declarations/src/view/PopupMenu.d.ts +1 -0
- package/declarations/src/view/Row.d.ts +1 -0
- package/declarations/src/view/Splitter.d.ts +1 -0
- package/declarations/src/view/Tab.d.ts +1 -0
- package/declarations/src/view/TabButton.d.ts +1 -0
- package/declarations/src/view/TabButtonStamp.d.ts +1 -0
- package/declarations/src/view/TabOverflowHook.d.ts +1 -0
- package/declarations/src/view/TabSet.d.ts +1 -0
- package/declarations/src/view/Utils.d.ts +4 -0
- package/declarations/view/BorderButton.d.ts +1 -1
- package/declarations/view/BorderTab.d.ts +2 -0
- package/declarations/view/BorderTabSet.d.ts +1 -1
- package/declarations/view/DragContainer.d.ts +1 -0
- package/declarations/view/ErrorBoundary.d.ts +1 -1
- package/declarations/view/ExtendedResizeObserver.d.ts +23 -0
- package/declarations/view/FloatingWindow.d.ts +1 -1
- package/declarations/view/Icons.d.ts +8 -7
- package/declarations/view/Layout.d.ts +139 -161
- package/declarations/view/Overlay.d.ts +1 -0
- package/declarations/view/PopoutWindow.d.ts +1 -0
- package/declarations/view/PopupMenu.d.ts +1 -0
- package/declarations/view/Row.d.ts +1 -0
- package/declarations/view/SizeTracker.d.ts +10 -0
- package/declarations/view/Splitter.d.ts +1 -1
- package/declarations/view/Tab.d.ts +1 -1
- package/declarations/view/TabButton.d.ts +1 -1
- package/declarations/view/TabButtonStamp.d.ts +1 -1
- package/declarations/view/TabOverflowHook.d.ts +1 -1
- package/declarations/view/TabSet.d.ts +1 -1
- package/declarations/view/Utils.d.ts +11 -1
- package/dist/bundles/demo.js +232052 -0
- package/dist/bundles/demo.js.map +1 -0
- package/dist/flexlayout.js +122 -92
- package/dist/flexlayout_min.js +1 -1
- package/lib/Attribute.js +42 -31
- package/lib/Attribute.js.map +1 -1
- package/lib/AttributeDefinitions.js +131 -108
- package/lib/AttributeDefinitions.js.map +1 -1
- package/lib/DockLocation.js +120 -124
- package/lib/DockLocation.js.map +1 -1
- package/lib/DropInfo.js +9 -13
- package/lib/DropInfo.js.map +1 -1
- package/lib/I18nLabel.js +13 -18
- package/lib/I18nLabel.js.map +1 -1
- package/lib/Orientation.js +22 -26
- package/lib/Orientation.js.map +1 -1
- package/lib/Rect.js +104 -72
- package/lib/Rect.js.map +1 -1
- package/lib/Types.js +96 -83
- package/lib/Types.js.map +1 -1
- package/lib/index.js +21 -38
- package/lib/index.js.map +1 -1
- package/lib/model/Action.js +6 -10
- package/lib/model/Action.js.map +1 -1
- package/lib/model/Actions.js +169 -155
- package/lib/model/Actions.js.map +1 -1
- package/lib/model/BorderNode.js +385 -406
- package/lib/model/BorderNode.js.map +1 -1
- package/lib/model/BorderSet.js +66 -121
- package/lib/model/BorderSet.js.map +1 -1
- package/lib/model/ICloseType.js +6 -9
- package/lib/model/ICloseType.js.map +1 -1
- package/lib/model/IDraggable.js +1 -2
- package/lib/model/IDropTarget.js +1 -2
- package/lib/model/IJsonModel.js +1 -2
- package/lib/model/LayoutWindow.js +83 -0
- package/lib/model/LayoutWindow.js.map +1 -0
- package/lib/model/Model.js +614 -496
- package/lib/model/Model.js.map +1 -1
- package/lib/model/Node.js +217 -228
- package/lib/model/Node.js.map +1 -1
- package/lib/model/RowNode.js +491 -504
- package/lib/model/RowNode.js.map +1 -1
- package/lib/model/TabNode.js +289 -184
- package/lib/model/TabNode.js.map +1 -1
- package/lib/model/TabSetNode.js +457 -446
- package/lib/model/TabSetNode.js.map +1 -1
- package/lib/model/Utils.js +47 -82
- package/lib/model/Utils.js.map +1 -1
- package/lib/view/BorderButton.js +124 -138
- package/lib/view/BorderButton.js.map +1 -1
- package/lib/view/BorderTab.js +47 -0
- package/lib/view/BorderTab.js.map +1 -0
- package/lib/view/BorderTabSet.js +134 -128
- package/lib/view/BorderTabSet.js.map +1 -1
- package/lib/view/DragContainer.js +16 -0
- package/lib/view/DragContainer.js.map +1 -0
- package/lib/view/ErrorBoundary.js +23 -27
- package/lib/view/ErrorBoundary.js.map +1 -1
- package/lib/view/Icons.js +40 -45
- package/lib/view/Icons.js.map +1 -1
- package/lib/view/Layout.js +918 -907
- package/lib/view/Layout.js.map +1 -1
- package/lib/view/Overlay.js +9 -0
- package/lib/view/Overlay.js.map +1 -0
- package/lib/view/PopoutWindow.js +129 -0
- package/lib/view/PopoutWindow.js.map +1 -0
- package/lib/view/PopupMenu.js +71 -0
- package/lib/view/PopupMenu.js.map +1 -0
- package/lib/view/Row.js +45 -0
- package/lib/view/Row.js.map +1 -0
- package/lib/view/SizeTracker.js +11 -0
- package/lib/view/SizeTracker.js.map +1 -0
- package/lib/view/Splitter.js +191 -147
- package/lib/view/Splitter.js.map +1 -1
- package/lib/view/Tab.js +86 -60
- package/lib/view/Tab.js.map +1 -1
- package/lib/view/TabButton.js +122 -135
- package/lib/view/TabButton.js.map +1 -1
- package/lib/view/TabButtonStamp.js +16 -21
- package/lib/view/TabButtonStamp.js.map +1 -1
- package/lib/view/TabOverflowHook.js +150 -149
- package/lib/view/TabOverflowHook.js.map +1 -1
- package/lib/view/TabSet.js +267 -234
- package/lib/view/TabSet.js.map +1 -1
- package/lib/view/Utils.js +126 -68
- package/lib/view/Utils.js.map +1 -1
- package/package.json +36 -30
- package/src/Attribute.ts +23 -0
- package/src/AttributeDefinitions.ts +38 -15
- package/src/DockLocation.ts +13 -13
- package/src/I18nLabel.ts +7 -9
- package/src/Rect.ts +53 -1
- package/src/Types.ts +16 -0
- package/src/index.ts +1 -2
- package/src/model/Actions.ts +49 -29
- package/src/model/BorderNode.ts +208 -214
- package/src/model/BorderSet.ts +42 -91
- package/src/model/IJsonModel.ts +883 -103
- package/src/model/LayoutWindow.ts +121 -0
- package/src/model/Model.ts +488 -366
- package/src/model/Node.ts +98 -111
- package/src/model/RowNode.ts +323 -319
- package/src/model/TabNode.ts +294 -110
- package/src/model/TabSetNode.ts +300 -242
- package/src/model/Utils.ts +6 -32
- package/src/view/BorderButton.tsx +32 -52
- package/src/view/BorderTab.tsx +70 -0
- package/src/view/BorderTabSet.tsx +64 -52
- package/src/view/DragContainer.tsx +32 -0
- package/src/view/Icons.tsx +6 -0
- package/src/view/Layout.tsx +1051 -1046
- package/src/view/Overlay.tsx +22 -0
- package/src/view/PopoutWindow.tsx +152 -0
- package/src/{PopupMenu.tsx → view/PopupMenu.tsx} +36 -31
- package/src/view/Row.tsx +68 -0
- package/src/view/SizeTracker.tsx +20 -0
- package/src/view/Splitter.tsx +167 -112
- package/src/view/Tab.tsx +76 -42
- package/src/view/TabButton.tsx +36 -55
- package/src/view/TabButtonStamp.tsx +5 -9
- package/src/view/TabOverflowHook.tsx +14 -9
- package/src/view/TabSet.tsx +217 -176
- package/src/view/Utils.tsx +119 -39
- package/style/_base.scss +140 -34
- package/style/dark.css +685 -580
- package/style/dark.css.map +1 -1
- package/style/dark.scss +3 -1
- package/style/gray.css +668 -563
- package/style/gray.css.map +1 -1
- package/style/gray.scss +2 -0
- package/style/light.css +669 -564
- package/style/light.css.map +1 -1
- package/style/light.scss +4 -2
- package/style/rounded.css +697 -0
- package/style/rounded.css.map +1 -0
- package/style/rounded.scss +194 -0
- package/style/underline.css +690 -585
- package/style/underline.css.map +1 -1
- package/style/underline.scss +2 -0
- package/cypress.config.ts +0 -16
- package/lib/DragDrop.js +0 -316
- package/lib/DragDrop.js.map +0 -1
- package/lib/PopupMenu.js +0 -68
- package/lib/PopupMenu.js.map +0 -1
- package/lib/model/SplitterNode.js +0 -72
- package/lib/model/SplitterNode.js.map +0 -1
- package/lib/view/FloatingWindow.js +0 -123
- package/lib/view/FloatingWindow.js.map +0 -1
- package/lib/view/FloatingWindowTab.js +0 -19
- package/lib/view/FloatingWindowTab.js.map +0 -1
- package/lib/view/TabFloating.js +0 -66
- package/lib/view/TabFloating.js.map +0 -1
- package/src/DragDrop.ts +0 -392
- package/src/model/SplitterNode.ts +0 -78
- package/src/view/FloatingWindow.tsx +0 -140
- package/src/view/FloatingWindowTab.tsx +0 -29
- package/src/view/TabFloating.tsx +0 -101
package/lib/view/BorderTabSet.js
CHANGED
|
@@ -1,129 +1,135 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
const
|
|
14
|
-
|
|
15
|
-
const
|
|
16
|
-
const
|
|
17
|
-
const
|
|
18
|
-
const
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
const
|
|
57
|
-
const
|
|
58
|
-
|
|
59
|
-
let
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
let
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
let innerStyle = {};
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
}
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { DockLocation } from "../DockLocation";
|
|
3
|
+
import { BorderButton } from "./BorderButton";
|
|
4
|
+
import { showPopup } from "./PopupMenu";
|
|
5
|
+
import { Actions } from "../model/Actions";
|
|
6
|
+
import { I18nLabel } from "../I18nLabel";
|
|
7
|
+
import { useTabOverflow } from "./TabOverflowHook";
|
|
8
|
+
import { Orientation } from "../Orientation";
|
|
9
|
+
import { CLASSES } from "../Types";
|
|
10
|
+
import { isAuxMouseEvent } from "./Utils";
|
|
11
|
+
import { Rect } from "../Rect";
|
|
12
|
+
/** @internal */
|
|
13
|
+
export const BorderTabSet = (props) => {
|
|
14
|
+
const { border, layout, size } = props;
|
|
15
|
+
const toolbarRef = React.useRef(null);
|
|
16
|
+
const overflowbuttonRef = React.useRef(null);
|
|
17
|
+
const stickyButtonsRef = React.useRef(null);
|
|
18
|
+
const icons = layout.getIcons();
|
|
19
|
+
React.useLayoutEffect(() => {
|
|
20
|
+
border.setTabHeaderRect(Rect.getBoundingClientRect(selfRef.current).relativeTo(layout.getDomRect()));
|
|
21
|
+
});
|
|
22
|
+
const { selfRef, position, userControlledLeft, hiddenTabs, onMouseWheel, tabsTruncated } = useTabOverflow(border, Orientation.flip(border.getOrientation()), toolbarRef, stickyButtonsRef);
|
|
23
|
+
const onAuxMouseClick = (event) => {
|
|
24
|
+
if (isAuxMouseEvent(event)) {
|
|
25
|
+
layout.auxMouseClick(border, event);
|
|
26
|
+
}
|
|
27
|
+
};
|
|
28
|
+
const onContextMenu = (event) => {
|
|
29
|
+
layout.showContextMenu(border, event);
|
|
30
|
+
};
|
|
31
|
+
const onInterceptPointerDown = (event) => {
|
|
32
|
+
event.stopPropagation();
|
|
33
|
+
};
|
|
34
|
+
const onOverflowClick = (event) => {
|
|
35
|
+
const callback = layout.getShowOverflowMenu();
|
|
36
|
+
if (callback !== undefined) {
|
|
37
|
+
callback(border, event, hiddenTabs, onOverflowItemSelect);
|
|
38
|
+
}
|
|
39
|
+
else {
|
|
40
|
+
const element = overflowbuttonRef.current;
|
|
41
|
+
showPopup(element, hiddenTabs, onOverflowItemSelect, layout);
|
|
42
|
+
}
|
|
43
|
+
event.stopPropagation();
|
|
44
|
+
};
|
|
45
|
+
const onOverflowItemSelect = (item) => {
|
|
46
|
+
layout.doAction(Actions.selectTab(item.node.getId()));
|
|
47
|
+
userControlledLeft.current = false;
|
|
48
|
+
};
|
|
49
|
+
const onPopoutTab = (event) => {
|
|
50
|
+
const selectedTabNode = border.getChildren()[border.getSelected()];
|
|
51
|
+
if (selectedTabNode !== undefined) {
|
|
52
|
+
layout.doAction(Actions.popoutTab(selectedTabNode.getId()));
|
|
53
|
+
}
|
|
54
|
+
event.stopPropagation();
|
|
55
|
+
};
|
|
56
|
+
const cm = layout.getClassName;
|
|
57
|
+
const tabButtons = [];
|
|
58
|
+
const layoutTab = (i) => {
|
|
59
|
+
let isSelected = border.getSelected() === i;
|
|
60
|
+
let child = border.getChildren()[i];
|
|
61
|
+
tabButtons.push(React.createElement(BorderButton, { layout: layout, border: border.getLocation().getName(), node: child, path: border.getPath() + "/tb" + i, key: child.getId(), selected: isSelected, icons: icons }));
|
|
62
|
+
if (i < border.getChildren().length - 1) {
|
|
63
|
+
tabButtons.push(React.createElement("div", { key: "divider" + i, className: cm(CLASSES.FLEXLAYOUT__BORDER_TAB_DIVIDER) }));
|
|
64
|
+
}
|
|
65
|
+
};
|
|
66
|
+
for (let i = 0; i < border.getChildren().length; i++) {
|
|
67
|
+
layoutTab(i);
|
|
68
|
+
}
|
|
69
|
+
let borderClasses = cm(CLASSES.FLEXLAYOUT__BORDER) + " " + cm(CLASSES.FLEXLAYOUT__BORDER_ + border.getLocation().getName());
|
|
70
|
+
if (border.getClassName() !== undefined) {
|
|
71
|
+
borderClasses += " " + border.getClassName();
|
|
72
|
+
}
|
|
73
|
+
// allow customization of tabset right/bottom buttons
|
|
74
|
+
let buttons = [];
|
|
75
|
+
let stickyButtons = [];
|
|
76
|
+
const renderState = { buttons, stickyButtons: stickyButtons, overflowPosition: undefined };
|
|
77
|
+
layout.customizeTabSet(border, renderState);
|
|
78
|
+
buttons = renderState.buttons;
|
|
79
|
+
if (renderState.overflowPosition === undefined) {
|
|
80
|
+
renderState.overflowPosition = stickyButtons.length;
|
|
81
|
+
}
|
|
82
|
+
if (stickyButtons.length > 0) {
|
|
83
|
+
if (tabsTruncated) {
|
|
84
|
+
buttons = [...stickyButtons, ...buttons];
|
|
85
|
+
}
|
|
86
|
+
else {
|
|
87
|
+
tabButtons.push(React.createElement("div", { ref: stickyButtonsRef, key: "sticky_buttons_container", onPointerDown: onInterceptPointerDown, onDragStart: (e) => { e.preventDefault(); }, className: cm(CLASSES.FLEXLAYOUT__TAB_TOOLBAR_STICKY_BUTTONS_CONTAINER) }, stickyButtons));
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
if (hiddenTabs.length > 0) {
|
|
91
|
+
const overflowTitle = layout.i18nName(I18nLabel.Overflow_Menu_Tooltip);
|
|
92
|
+
let overflowContent;
|
|
93
|
+
if (typeof icons.more === "function") {
|
|
94
|
+
overflowContent = icons.more(border, hiddenTabs);
|
|
95
|
+
}
|
|
96
|
+
else {
|
|
97
|
+
overflowContent = (React.createElement(React.Fragment, null,
|
|
98
|
+
icons.more,
|
|
99
|
+
React.createElement("div", { className: cm(CLASSES.FLEXLAYOUT__TAB_BUTTON_OVERFLOW_COUNT) }, hiddenTabs.length)));
|
|
100
|
+
}
|
|
101
|
+
buttons.splice(Math.min(renderState.overflowPosition, buttons.length), 0, React.createElement("button", { key: "overflowbutton", ref: overflowbuttonRef, className: cm(CLASSES.FLEXLAYOUT__BORDER_TOOLBAR_BUTTON) + " " + cm(CLASSES.FLEXLAYOUT__BORDER_TOOLBAR_BUTTON_OVERFLOW) + " " + cm(CLASSES.FLEXLAYOUT__BORDER_TOOLBAR_BUTTON_OVERFLOW_ + border.getLocation().getName()), title: overflowTitle, onClick: onOverflowClick, onPointerDown: onInterceptPointerDown }, overflowContent));
|
|
102
|
+
}
|
|
103
|
+
const selectedIndex = border.getSelected();
|
|
104
|
+
if (selectedIndex !== -1) {
|
|
105
|
+
const selectedTabNode = border.getChildren()[selectedIndex];
|
|
106
|
+
if (selectedTabNode !== undefined && layout.isSupportsPopout() && selectedTabNode.isEnablePopout()) {
|
|
107
|
+
const popoutTitle = layout.i18nName(I18nLabel.Popout_Tab);
|
|
108
|
+
buttons.push(React.createElement("button", { key: "popout", title: popoutTitle, className: cm(CLASSES.FLEXLAYOUT__BORDER_TOOLBAR_BUTTON) + " " + cm(CLASSES.FLEXLAYOUT__BORDER_TOOLBAR_BUTTON_FLOAT), onClick: onPopoutTab, onPointerDown: onInterceptPointerDown }, (typeof icons.popout === "function") ? icons.popout(selectedTabNode) : icons.popout));
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
const toolbar = (React.createElement("div", { key: "toolbar", ref: toolbarRef, className: cm(CLASSES.FLEXLAYOUT__BORDER_TOOLBAR) + " " + cm(CLASSES.FLEXLAYOUT__BORDER_TOOLBAR_ + border.getLocation().getName()) }, buttons));
|
|
112
|
+
let innerStyle = {};
|
|
113
|
+
let outerStyle = {};
|
|
114
|
+
const borderHeight = size - 1;
|
|
115
|
+
if (border.getLocation() === DockLocation.LEFT) {
|
|
116
|
+
innerStyle = { right: "100%", top: position };
|
|
117
|
+
outerStyle = { width: borderHeight };
|
|
118
|
+
}
|
|
119
|
+
else if (border.getLocation() === DockLocation.RIGHT) {
|
|
120
|
+
innerStyle = { left: "100%", top: position };
|
|
121
|
+
outerStyle = { width: borderHeight };
|
|
122
|
+
}
|
|
123
|
+
else {
|
|
124
|
+
innerStyle = { left: position };
|
|
125
|
+
outerStyle = { height: borderHeight };
|
|
126
|
+
}
|
|
127
|
+
return (React.createElement("div", { ref: selfRef, style: {
|
|
128
|
+
display: "flex",
|
|
129
|
+
flexDirection: (border.getOrientation() === Orientation.VERT ? "row" : "column")
|
|
130
|
+
}, className: borderClasses, "data-layout-path": border.getPath(), onClick: onAuxMouseClick, onAuxClick: onAuxMouseClick, onContextMenu: onContextMenu, onWheel: onMouseWheel },
|
|
131
|
+
React.createElement("div", { style: outerStyle, className: cm(CLASSES.FLEXLAYOUT__BORDER_INNER) + " " + cm(CLASSES.FLEXLAYOUT__BORDER_INNER_ + border.getLocation().getName()) },
|
|
132
|
+
React.createElement("div", { style: innerStyle, className: cm(CLASSES.FLEXLAYOUT__BORDER_INNER_TAB_CONTAINER) + " " + cm(CLASSES.FLEXLAYOUT__BORDER_INNER_TAB_CONTAINER_ + border.getLocation().getName()) }, tabButtons)),
|
|
133
|
+
toolbar));
|
|
134
|
+
};
|
|
129
135
|
//# sourceMappingURL=BorderTabSet.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BorderTabSet.js","sourceRoot":"","sources":["../../src/view/BorderTabSet.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"BorderTabSet.js","sourceRoot":"","sources":["../../src/view/BorderTabSet.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { CLASSES } from "../Types";
|
|
3
|
+
import { TabButtonStamp } from "./TabButtonStamp";
|
|
4
|
+
/** @internal */
|
|
5
|
+
export const DragContainer = (props) => {
|
|
6
|
+
const { layout, node } = props;
|
|
7
|
+
const selfRef = React.useRef(null);
|
|
8
|
+
React.useEffect(() => {
|
|
9
|
+
node.setTabStamp(selfRef.current);
|
|
10
|
+
}, [node, selfRef.current]);
|
|
11
|
+
const cm = layout.getClassName;
|
|
12
|
+
let classNames = cm(CLASSES.FLEXLAYOUT__DRAG_RECT);
|
|
13
|
+
return (React.createElement("div", { ref: selfRef, className: classNames },
|
|
14
|
+
React.createElement(TabButtonStamp, { key: node.getId(), layout: layout, node: node })));
|
|
15
|
+
};
|
|
16
|
+
//# sourceMappingURL=DragContainer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DragContainer.js","sourceRoot":"","sources":["../../src/view/DragContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAQlD,gBAAgB;AAChB,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAA0B,EAAE,EAAE;IACxD,MAAM,EAAE,MAAM,EAAE,IAAI,EAAC,GAAG,KAAK,CAAC;IAC9B,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAwB,IAAI,CAAC,CAAC;IAE1D,KAAK,CAAC,SAAS,CAAC,GAAE,EAAE;QAChB,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IACtC,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;IAE5B,MAAM,EAAE,GAAG,MAAM,CAAC,YAAY,CAAC;IAE/B,IAAI,UAAU,GAAG,EAAE,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC;IAEnD,OAAO,CAAC,6BACA,GAAG,EAAE,OAAO,EACZ,SAAS,EAAE,UAAU;QACrB,oBAAC,cAAc,IAAC,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,GAAI,CAC/D,CACT,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -1,28 +1,24 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
return this.props.children;
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
exports.ErrorBoundary = ErrorBoundary;
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { CLASSES } from "../Types";
|
|
3
|
+
/** @internal */
|
|
4
|
+
export class ErrorBoundary extends React.Component {
|
|
5
|
+
constructor(props) {
|
|
6
|
+
super(props);
|
|
7
|
+
this.state = { hasError: false };
|
|
8
|
+
}
|
|
9
|
+
static getDerivedStateFromError(error) {
|
|
10
|
+
return { hasError: true };
|
|
11
|
+
}
|
|
12
|
+
componentDidCatch(error, errorInfo) {
|
|
13
|
+
console.debug(error);
|
|
14
|
+
console.debug(errorInfo);
|
|
15
|
+
}
|
|
16
|
+
render() {
|
|
17
|
+
if (this.state.hasError) {
|
|
18
|
+
return (React.createElement("div", { className: CLASSES.FLEXLAYOUT__ERROR_BOUNDARY_CONTAINER },
|
|
19
|
+
React.createElement("div", { className: CLASSES.FLEXLAYOUT__ERROR_BOUNDARY_CONTENT }, this.props.message)));
|
|
20
|
+
}
|
|
21
|
+
return this.props.children;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
28
24
|
//# sourceMappingURL=ErrorBoundary.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../src/view/ErrorBoundary.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../src/view/ErrorBoundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAYnC,gBAAgB;AAChB,MAAM,OAAO,aAAc,SAAQ,KAAK,CAAC,SAAmD;IACxF,YAAY,KAA0B;QAClC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;IACrC,CAAC;IAED,MAAM,CAAC,wBAAwB,CAAC,KAAY;QACxC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;IAC9B,CAAC;IAED,iBAAiB,CAAC,KAAY,EAAE,SAAoB;QAChD,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACrB,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IAC7B,CAAC;IAED,MAAM;QACF,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;YACtB,OAAO,CACH,6BAAK,SAAS,EAAE,OAAO,CAAC,oCAAoC;gBACxD,6BAAK,SAAS,EAAE,OAAO,CAAC,kCAAkC,IAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAO,CACpF,CACT,CAAC;QACN,CAAC;QAED,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC/B,CAAC;CACJ"}
|
package/lib/view/Icons.js
CHANGED
|
@@ -1,46 +1,41 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
React.createElement("path", {
|
|
16
|
-
};
|
|
17
|
-
|
|
18
|
-
const
|
|
19
|
-
return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", style:
|
|
20
|
-
React.createElement("path", {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", style: style, viewBox: "0 0 24 24", fill: "var(--color-icon)" },
|
|
42
|
-
React.createElement("path", { d: "M0 0h24v24H0z", fill: "none" }),
|
|
43
|
-
React.createElement("path", { stroke: "var(--color-icon)", d: "M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z" })));
|
|
44
|
-
};
|
|
45
|
-
exports.RestoreIcon = RestoreIcon;
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
const style = { width: "1em", height: "1em", display: "flex", alignItems: "center" };
|
|
3
|
+
export const CloseIcon = () => {
|
|
4
|
+
return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", style: style, viewBox: "0 0 24 24" },
|
|
5
|
+
React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
|
|
6
|
+
React.createElement("path", { stroke: "var(--color-icon)", fill: "var(--color-icon)", d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" })));
|
|
7
|
+
};
|
|
8
|
+
export const MaximizeIcon = () => {
|
|
9
|
+
return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", style: style, viewBox: "0 0 24 24", fill: "var(--color-icon)" },
|
|
10
|
+
React.createElement("path", { d: "M0 0h24v24H0z", fill: "none" }),
|
|
11
|
+
React.createElement("path", { stroke: "var(--color-icon)", d: "M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z" })));
|
|
12
|
+
};
|
|
13
|
+
export const OverflowIcon = () => {
|
|
14
|
+
return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", style: style, viewBox: "0 0 24 24", fill: "var(--color-icon)" },
|
|
15
|
+
React.createElement("path", { d: "M0 0h24v24H0z", fill: "none" }),
|
|
16
|
+
React.createElement("path", { stroke: "var(--color-icon)", d: "M7 10l5 5 5-5z" })));
|
|
17
|
+
};
|
|
18
|
+
export const EdgeIcon = () => {
|
|
19
|
+
return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", style: { display: "block", width: 10, height: 10 }, preserveAspectRatio: "none", viewBox: "0 0 100 100" },
|
|
20
|
+
React.createElement("path", { fill: "var(--color-edge-icon)", stroke: "var(--color-edge-icon)", d: "M10 30 L90 30 l-40 40 Z" })));
|
|
21
|
+
};
|
|
22
|
+
export const PopoutIcon = () => {
|
|
23
|
+
return (
|
|
24
|
+
// <svg xmlns="http://www.w3.org/2000/svg" style={style} viewBox="0 0 24 24" fill="var(--color-icon)"><path d="M0 0h24v24H0z" fill="none"/><path stroke="var(--color-icon)" d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5z"/></svg>
|
|
25
|
+
// <svg xmlns="http://www.w3.org/2000/svg" style={style} fill="none" viewBox="0 0 24 24" stroke="var(--color-icon)" stroke-width="2">
|
|
26
|
+
// <path stroke-linecap="round" stroke-linejoin="round" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" />
|
|
27
|
+
// </svg>
|
|
28
|
+
React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", style: style, viewBox: "0 0 20 20", fill: "var(--color-icon)" },
|
|
29
|
+
React.createElement("path", { d: "M11 3a1 1 0 100 2h2.586l-6.293 6.293a1 1 0 101.414 1.414L15 6.414V9a1 1 0 102 0V4a1 1 0 00-1-1h-5z" }),
|
|
30
|
+
React.createElement("path", { d: "M5 5a2 2 0 00-2 2v8a2 2 0 002 2h8a2 2 0 002-2v-3a1 1 0 10-2 0v3H5V7h3a1 1 0 000-2H5z" })));
|
|
31
|
+
};
|
|
32
|
+
export const RestoreIcon = () => {
|
|
33
|
+
return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", style: style, viewBox: "0 0 24 24", fill: "var(--color-icon)" },
|
|
34
|
+
React.createElement("path", { d: "M0 0h24v24H0z", fill: "none" }),
|
|
35
|
+
React.createElement("path", { stroke: "var(--color-icon)", d: "M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z" })));
|
|
36
|
+
};
|
|
37
|
+
export const AsterickIcon = () => {
|
|
38
|
+
return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", style: style, height: "24px", viewBox: "0 -960 960 960", width: "24px" },
|
|
39
|
+
React.createElement("path", { fill: "var(--color-icon)", stroke: "var(--color-icon)", d: "M440-120v-264L254-197l-57-57 187-186H120v-80h264L197-706l57-57 186 187v-264h80v264l186-187 57 57-187 186h264v80H576l187 186-57 57-186-187v264h-80Z" })));
|
|
40
|
+
};
|
|
46
41
|
//# sourceMappingURL=Icons.js.map
|
package/lib/view/Icons.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icons.js","sourceRoot":"","sources":["../../src/view/Icons.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Icons.js","sourceRoot":"","sources":["../../src/view/Icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,KAAK,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC;AAErF,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE;IAC1B,OAAO,CACH,6BAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAC,WAAW;QACrE,8BAAM,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,eAAe,GAAG;QACtC,8BAAM,MAAM,EAAC,mBAAmB,EAAC,IAAI,EAAC,mBAAmB,EAAC,CAAC,EAAC,uGAAuG,GAAG,CACpK,CACT,CAAC;AACN,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE;IAC7B,OAAO,CACH,6BAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,mBAAmB;QAAC,8BAAM,CAAC,EAAC,eAAe,EAAC,IAAI,EAAC,MAAM,GAAG;QAAA,8BAAM,MAAM,EAAC,mBAAmB,EAAC,CAAC,EAAC,gFAAgF,GAAG,CAAM,CACxQ,CAAC;AACN,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE;IAC7B,OAAO,CACH,6BAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,mBAAmB;QAAC,8BAAM,CAAC,EAAC,eAAe,EAAC,IAAI,EAAC,MAAM,GAAG;QAAA,8BAAM,MAAM,EAAC,mBAAmB,EAAC,CAAC,EAAC,gBAAgB,GAAG,CAAM,CACxM,CAAC;AACN,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE;IACzB,OAAO,CACH,6BAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAE,EAAC,OAAO,EAAC,OAAO,EAAG,KAAK,EAAC,EAAE,EAAE,MAAM,EAAC,EAAE,EAAC,EAAE,mBAAmB,EAAC,MAAM,EAAC,OAAO,EAAC,aAAa;QAAC,8BAAO,IAAI,EAAC,wBAAwB,EAAC,MAAM,EAAC,wBAAwB,EACzM,CAAC,EAAC,yBAAyB,GAAG,CAAM,CAC3C,CAAC;AACN,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,EAAE;IAC3B,OAAO;IACH,qOAAqO;IAErO,qIAAqI;IACrI,+IAA+I;IAC/I,SAAS;IAET,6BAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,mBAAmB;QAC9F,8BAAM,CAAC,EAAC,oGAAoG,GAAG;QAC/G,8BAAM,CAAC,EAAC,sFAAsF,GAAG,CAC/F,CAET,CAAC;AACN,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE;IAC5B,OAAO,CACH,6BAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,mBAAmB;QAAC,8BAAM,CAAC,EAAC,eAAe,EAAC,IAAI,EAAC,MAAM,GAAG;QAAA,8BAAM,MAAM,EAAC,mBAAmB,EAAC,CAAC,EAAC,+EAA+E,GAAG,CAAM,CACvQ,CAAC;AACN,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE;IAC7B,OAAO,CACH,6BAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,gBAAgB,EAAC,KAAK,EAAC,MAAM;QAAE,8BAAM,IAAI,EAAC,mBAAmB,EAAC,MAAM,EAAC,mBAAmB,EAAC,CAAC,EAAC,oJAAoJ,GAAE,CAAM,CACtU,CAAC;AACN,CAAC,CAAA"}
|