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.
Files changed (252) hide show
  1. package/ChangeLog.txt +23 -0
  2. package/README.md +157 -330
  3. package/Screenshot_light.png +0 -0
  4. package/Screenshot_rounded.png +0 -0
  5. package/declarations/Attribute.d.ts +1 -1
  6. package/declarations/AttributeDefinitions.d.ts +1 -1
  7. package/declarations/DockLocation.d.ts +12 -12
  8. package/declarations/DropInfo.d.ts +12 -12
  9. package/declarations/I18nLabel.d.ts +12 -14
  10. package/declarations/Orientation.d.ts +7 -7
  11. package/declarations/PopupMenu.d.ts +1 -1
  12. package/declarations/Rect.d.ts +41 -28
  13. package/declarations/Types.d.ts +95 -79
  14. package/declarations/examples/demo/Utils.d.ts +4 -0
  15. package/declarations/index.d.ts +21 -22
  16. package/declarations/model/Action.d.ts +5 -5
  17. package/declarations/model/Actions.d.ts +127 -110
  18. package/declarations/model/BorderNode.d.ts +30 -34
  19. package/declarations/model/BorderSet.d.ts +3 -4
  20. package/declarations/model/ICloseType.d.ts +5 -5
  21. package/declarations/model/IDraggable.d.ts +2 -2
  22. package/declarations/model/IDropTarget.d.ts +2 -2
  23. package/declarations/model/IJsonModel.d.ts +811 -149
  24. package/declarations/model/LayoutWindow.d.ts +28 -0
  25. package/declarations/model/Model.d.ts +91 -86
  26. package/declarations/model/Node.d.ts +17 -17
  27. package/declarations/model/RowNode.d.ts +10 -11
  28. package/declarations/model/TabNode.d.ts +44 -37
  29. package/declarations/model/TabSetNode.d.ts +44 -41
  30. package/declarations/model/Utils.d.ts +1 -1
  31. package/declarations/model/WindowLayout.d.ts +24 -0
  32. package/declarations/src/Attribute.d.ts +1 -0
  33. package/declarations/src/AttributeDefinitions.d.ts +1 -0
  34. package/declarations/src/DockLocation.d.ts +12 -0
  35. package/declarations/src/DropInfo.d.ts +12 -0
  36. package/declarations/src/I18nLabel.d.ts +10 -0
  37. package/declarations/src/Orientation.d.ts +7 -0
  38. package/declarations/src/PopupMenu.d.ts +1 -0
  39. package/declarations/src/Rect.d.ts +31 -0
  40. package/declarations/src/Types.d.ts +92 -0
  41. package/declarations/src/index.d.ts +20 -0
  42. package/declarations/src/model/Action.d.ts +5 -0
  43. package/declarations/src/model/Actions.d.ts +110 -0
  44. package/declarations/src/model/BorderNode.d.ts +28 -0
  45. package/declarations/src/model/BorderSet.d.ts +3 -0
  46. package/declarations/src/model/ICloseType.d.ts +5 -0
  47. package/declarations/src/model/IDraggable.d.ts +2 -0
  48. package/declarations/src/model/IDropTarget.d.ts +2 -0
  49. package/declarations/src/model/IJsonModel.d.ts +153 -0
  50. package/declarations/src/model/Model.d.ts +98 -0
  51. package/declarations/src/model/Node.d.ts +16 -0
  52. package/declarations/src/model/RowNode.d.ts +11 -0
  53. package/declarations/src/model/TabNode.d.ts +36 -0
  54. package/declarations/src/model/TabSetNode.d.ts +37 -0
  55. package/declarations/src/model/Utils.d.ts +1 -0
  56. package/declarations/src/view/BorderButton.d.ts +1 -0
  57. package/declarations/src/view/BorderTab.d.ts +2 -0
  58. package/declarations/src/view/BorderTabSet.d.ts +1 -0
  59. package/declarations/src/view/DragContainer.d.ts +1 -0
  60. package/declarations/src/view/ErrorBoundary.d.ts +1 -0
  61. package/declarations/src/view/FloatingWindow.d.ts +1 -0
  62. package/declarations/src/view/Icons.d.ts +7 -0
  63. package/declarations/src/view/Layout.d.ts +113 -0
  64. package/declarations/src/view/Overlay.d.ts +1 -0
  65. package/declarations/src/view/PopupMenu.d.ts +1 -0
  66. package/declarations/src/view/Row.d.ts +1 -0
  67. package/declarations/src/view/Splitter.d.ts +1 -0
  68. package/declarations/src/view/Tab.d.ts +1 -0
  69. package/declarations/src/view/TabButton.d.ts +1 -0
  70. package/declarations/src/view/TabButtonStamp.d.ts +1 -0
  71. package/declarations/src/view/TabOverflowHook.d.ts +1 -0
  72. package/declarations/src/view/TabSet.d.ts +1 -0
  73. package/declarations/src/view/Utils.d.ts +4 -0
  74. package/declarations/view/BorderButton.d.ts +1 -1
  75. package/declarations/view/BorderTab.d.ts +2 -0
  76. package/declarations/view/BorderTabSet.d.ts +1 -1
  77. package/declarations/view/DragContainer.d.ts +1 -0
  78. package/declarations/view/ErrorBoundary.d.ts +1 -1
  79. package/declarations/view/ExtendedResizeObserver.d.ts +23 -0
  80. package/declarations/view/FloatingWindow.d.ts +1 -1
  81. package/declarations/view/Icons.d.ts +8 -7
  82. package/declarations/view/Layout.d.ts +139 -161
  83. package/declarations/view/Overlay.d.ts +1 -0
  84. package/declarations/view/PopoutWindow.d.ts +1 -0
  85. package/declarations/view/PopupMenu.d.ts +1 -0
  86. package/declarations/view/Row.d.ts +1 -0
  87. package/declarations/view/SizeTracker.d.ts +10 -0
  88. package/declarations/view/Splitter.d.ts +1 -1
  89. package/declarations/view/Tab.d.ts +1 -1
  90. package/declarations/view/TabButton.d.ts +1 -1
  91. package/declarations/view/TabButtonStamp.d.ts +1 -1
  92. package/declarations/view/TabOverflowHook.d.ts +1 -1
  93. package/declarations/view/TabSet.d.ts +1 -1
  94. package/declarations/view/Utils.d.ts +11 -1
  95. package/dist/bundles/demo.js +232052 -0
  96. package/dist/bundles/demo.js.map +1 -0
  97. package/dist/flexlayout.js +122 -92
  98. package/dist/flexlayout_min.js +1 -1
  99. package/lib/Attribute.js +42 -31
  100. package/lib/Attribute.js.map +1 -1
  101. package/lib/AttributeDefinitions.js +131 -108
  102. package/lib/AttributeDefinitions.js.map +1 -1
  103. package/lib/DockLocation.js +120 -124
  104. package/lib/DockLocation.js.map +1 -1
  105. package/lib/DropInfo.js +9 -13
  106. package/lib/DropInfo.js.map +1 -1
  107. package/lib/I18nLabel.js +13 -18
  108. package/lib/I18nLabel.js.map +1 -1
  109. package/lib/Orientation.js +22 -26
  110. package/lib/Orientation.js.map +1 -1
  111. package/lib/Rect.js +104 -72
  112. package/lib/Rect.js.map +1 -1
  113. package/lib/Types.js +96 -83
  114. package/lib/Types.js.map +1 -1
  115. package/lib/index.js +21 -38
  116. package/lib/index.js.map +1 -1
  117. package/lib/model/Action.js +6 -10
  118. package/lib/model/Action.js.map +1 -1
  119. package/lib/model/Actions.js +169 -155
  120. package/lib/model/Actions.js.map +1 -1
  121. package/lib/model/BorderNode.js +385 -406
  122. package/lib/model/BorderNode.js.map +1 -1
  123. package/lib/model/BorderSet.js +66 -121
  124. package/lib/model/BorderSet.js.map +1 -1
  125. package/lib/model/ICloseType.js +6 -9
  126. package/lib/model/ICloseType.js.map +1 -1
  127. package/lib/model/IDraggable.js +1 -2
  128. package/lib/model/IDropTarget.js +1 -2
  129. package/lib/model/IJsonModel.js +1 -2
  130. package/lib/model/LayoutWindow.js +83 -0
  131. package/lib/model/LayoutWindow.js.map +1 -0
  132. package/lib/model/Model.js +614 -496
  133. package/lib/model/Model.js.map +1 -1
  134. package/lib/model/Node.js +217 -228
  135. package/lib/model/Node.js.map +1 -1
  136. package/lib/model/RowNode.js +491 -504
  137. package/lib/model/RowNode.js.map +1 -1
  138. package/lib/model/TabNode.js +289 -184
  139. package/lib/model/TabNode.js.map +1 -1
  140. package/lib/model/TabSetNode.js +457 -446
  141. package/lib/model/TabSetNode.js.map +1 -1
  142. package/lib/model/Utils.js +47 -82
  143. package/lib/model/Utils.js.map +1 -1
  144. package/lib/view/BorderButton.js +124 -138
  145. package/lib/view/BorderButton.js.map +1 -1
  146. package/lib/view/BorderTab.js +47 -0
  147. package/lib/view/BorderTab.js.map +1 -0
  148. package/lib/view/BorderTabSet.js +134 -128
  149. package/lib/view/BorderTabSet.js.map +1 -1
  150. package/lib/view/DragContainer.js +16 -0
  151. package/lib/view/DragContainer.js.map +1 -0
  152. package/lib/view/ErrorBoundary.js +23 -27
  153. package/lib/view/ErrorBoundary.js.map +1 -1
  154. package/lib/view/Icons.js +40 -45
  155. package/lib/view/Icons.js.map +1 -1
  156. package/lib/view/Layout.js +918 -907
  157. package/lib/view/Layout.js.map +1 -1
  158. package/lib/view/Overlay.js +9 -0
  159. package/lib/view/Overlay.js.map +1 -0
  160. package/lib/view/PopoutWindow.js +129 -0
  161. package/lib/view/PopoutWindow.js.map +1 -0
  162. package/lib/view/PopupMenu.js +71 -0
  163. package/lib/view/PopupMenu.js.map +1 -0
  164. package/lib/view/Row.js +45 -0
  165. package/lib/view/Row.js.map +1 -0
  166. package/lib/view/SizeTracker.js +11 -0
  167. package/lib/view/SizeTracker.js.map +1 -0
  168. package/lib/view/Splitter.js +191 -147
  169. package/lib/view/Splitter.js.map +1 -1
  170. package/lib/view/Tab.js +86 -60
  171. package/lib/view/Tab.js.map +1 -1
  172. package/lib/view/TabButton.js +122 -135
  173. package/lib/view/TabButton.js.map +1 -1
  174. package/lib/view/TabButtonStamp.js +16 -21
  175. package/lib/view/TabButtonStamp.js.map +1 -1
  176. package/lib/view/TabOverflowHook.js +150 -149
  177. package/lib/view/TabOverflowHook.js.map +1 -1
  178. package/lib/view/TabSet.js +267 -234
  179. package/lib/view/TabSet.js.map +1 -1
  180. package/lib/view/Utils.js +126 -68
  181. package/lib/view/Utils.js.map +1 -1
  182. package/package.json +36 -30
  183. package/src/Attribute.ts +23 -0
  184. package/src/AttributeDefinitions.ts +38 -15
  185. package/src/DockLocation.ts +13 -13
  186. package/src/I18nLabel.ts +7 -9
  187. package/src/Rect.ts +53 -1
  188. package/src/Types.ts +16 -0
  189. package/src/index.ts +1 -2
  190. package/src/model/Actions.ts +49 -29
  191. package/src/model/BorderNode.ts +208 -214
  192. package/src/model/BorderSet.ts +42 -91
  193. package/src/model/IJsonModel.ts +883 -103
  194. package/src/model/LayoutWindow.ts +121 -0
  195. package/src/model/Model.ts +488 -366
  196. package/src/model/Node.ts +98 -111
  197. package/src/model/RowNode.ts +323 -319
  198. package/src/model/TabNode.ts +294 -110
  199. package/src/model/TabSetNode.ts +300 -242
  200. package/src/model/Utils.ts +6 -32
  201. package/src/view/BorderButton.tsx +32 -52
  202. package/src/view/BorderTab.tsx +70 -0
  203. package/src/view/BorderTabSet.tsx +64 -52
  204. package/src/view/DragContainer.tsx +32 -0
  205. package/src/view/Icons.tsx +6 -0
  206. package/src/view/Layout.tsx +1051 -1046
  207. package/src/view/Overlay.tsx +22 -0
  208. package/src/view/PopoutWindow.tsx +152 -0
  209. package/src/{PopupMenu.tsx → view/PopupMenu.tsx} +36 -31
  210. package/src/view/Row.tsx +68 -0
  211. package/src/view/SizeTracker.tsx +20 -0
  212. package/src/view/Splitter.tsx +167 -112
  213. package/src/view/Tab.tsx +76 -42
  214. package/src/view/TabButton.tsx +36 -55
  215. package/src/view/TabButtonStamp.tsx +5 -9
  216. package/src/view/TabOverflowHook.tsx +14 -9
  217. package/src/view/TabSet.tsx +217 -176
  218. package/src/view/Utils.tsx +119 -39
  219. package/style/_base.scss +140 -34
  220. package/style/dark.css +685 -580
  221. package/style/dark.css.map +1 -1
  222. package/style/dark.scss +3 -1
  223. package/style/gray.css +668 -563
  224. package/style/gray.css.map +1 -1
  225. package/style/gray.scss +2 -0
  226. package/style/light.css +669 -564
  227. package/style/light.css.map +1 -1
  228. package/style/light.scss +4 -2
  229. package/style/rounded.css +697 -0
  230. package/style/rounded.css.map +1 -0
  231. package/style/rounded.scss +194 -0
  232. package/style/underline.css +690 -585
  233. package/style/underline.css.map +1 -1
  234. package/style/underline.scss +2 -0
  235. package/cypress.config.ts +0 -16
  236. package/lib/DragDrop.js +0 -316
  237. package/lib/DragDrop.js.map +0 -1
  238. package/lib/PopupMenu.js +0 -68
  239. package/lib/PopupMenu.js.map +0 -1
  240. package/lib/model/SplitterNode.js +0 -72
  241. package/lib/model/SplitterNode.js.map +0 -1
  242. package/lib/view/FloatingWindow.js +0 -123
  243. package/lib/view/FloatingWindow.js.map +0 -1
  244. package/lib/view/FloatingWindowTab.js +0 -19
  245. package/lib/view/FloatingWindowTab.js.map +0 -1
  246. package/lib/view/TabFloating.js +0 -66
  247. package/lib/view/TabFloating.js.map +0 -1
  248. package/src/DragDrop.ts +0 -392
  249. package/src/model/SplitterNode.ts +0 -78
  250. package/src/view/FloatingWindow.tsx +0 -140
  251. package/src/view/FloatingWindowTab.tsx +0 -29
  252. package/src/view/TabFloating.tsx +0 -101
@@ -1,129 +1,135 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.BorderTabSet = void 0;
4
- const React = require("react");
5
- const DockLocation_1 = require("../DockLocation");
6
- const BorderButton_1 = require("./BorderButton");
7
- const PopupMenu_1 = require("../PopupMenu");
8
- const Actions_1 = require("../model/Actions");
9
- const I18nLabel_1 = require("../I18nLabel");
10
- const TabOverflowHook_1 = require("./TabOverflowHook");
11
- const Orientation_1 = require("../Orientation");
12
- const Types_1 = require("../Types");
13
- const Utils_1 = require("./Utils");
14
- /** @internal */
15
- const BorderTabSet = (props) => {
16
- const { border, layout, iconFactory, titleFactory, icons, path } = props;
17
- const toolbarRef = React.useRef(null);
18
- const overflowbuttonRef = React.useRef(null);
19
- const stickyButtonsRef = React.useRef(null);
20
- const { selfRef, position, userControlledLeft, hiddenTabs, onMouseWheel, tabsTruncated } = (0, TabOverflowHook_1.useTabOverflow)(border, Orientation_1.Orientation.flip(border.getOrientation()), toolbarRef, stickyButtonsRef);
21
- const onAuxMouseClick = (event) => {
22
- if ((0, Utils_1.isAuxMouseEvent)(event)) {
23
- layout.auxMouseClick(border, event);
24
- }
25
- };
26
- const onContextMenu = (event) => {
27
- layout.showContextMenu(border, event);
28
- };
29
- const onInterceptMouseDown = (event) => {
30
- event.stopPropagation();
31
- };
32
- const onOverflowClick = (event) => {
33
- const callback = layout.getShowOverflowMenu();
34
- if (callback !== undefined) {
35
- callback(border, event, hiddenTabs, onOverflowItemSelect);
36
- }
37
- else {
38
- const element = overflowbuttonRef.current;
39
- (0, PopupMenu_1.showPopup)(element, hiddenTabs, onOverflowItemSelect, layout, iconFactory, titleFactory);
40
- }
41
- event.stopPropagation();
42
- };
43
- const onOverflowItemSelect = (item) => {
44
- layout.doAction(Actions_1.Actions.selectTab(item.node.getId()));
45
- userControlledLeft.current = false;
46
- };
47
- const onFloatTab = (event) => {
48
- const selectedTabNode = border.getChildren()[border.getSelected()];
49
- if (selectedTabNode !== undefined) {
50
- layout.doAction(Actions_1.Actions.floatTab(selectedTabNode.getId()));
51
- }
52
- event.stopPropagation();
53
- };
54
- const cm = layout.getClassName;
55
- let style = border.getTabHeaderRect().styleWithPosition({});
56
- const tabs = [];
57
- const layoutTab = (i) => {
58
- let isSelected = border.getSelected() === i;
59
- let child = border.getChildren()[i];
60
- tabs.push(React.createElement(BorderButton_1.BorderButton, { layout: layout, border: border.getLocation().getName(), node: child, path: path + "/tb" + i, key: child.getId(), selected: isSelected, iconFactory: iconFactory, titleFactory: titleFactory, icons: icons }));
61
- if (i < border.getChildren().length - 1) {
62
- tabs.push(React.createElement("div", { key: "divider" + i, className: cm(Types_1.CLASSES.FLEXLAYOUT__BORDER_TAB_DIVIDER) }));
63
- }
64
- };
65
- for (let i = 0; i < border.getChildren().length; i++) {
66
- layoutTab(i);
67
- }
68
- let borderClasses = cm(Types_1.CLASSES.FLEXLAYOUT__BORDER) + " " + cm(Types_1.CLASSES.FLEXLAYOUT__BORDER_ + border.getLocation().getName());
69
- if (border.getClassName() !== undefined) {
70
- borderClasses += " " + border.getClassName();
71
- }
72
- // allow customization of tabset right/bottom buttons
73
- let buttons = [];
74
- let stickyButtons = [];
75
- const renderState = { headerContent: undefined, buttons, stickyButtons: stickyButtons, headerButtons: [], overflowPosition: undefined };
76
- layout.customizeTabSet(border, renderState);
77
- buttons = renderState.buttons;
78
- if (renderState.overflowPosition === undefined) {
79
- renderState.overflowPosition = stickyButtons.length;
80
- }
81
- if (stickyButtons.length > 0) {
82
- if (tabsTruncated) {
83
- buttons = [...stickyButtons, ...buttons];
84
- }
85
- else {
86
- tabs.push(React.createElement("div", { ref: stickyButtonsRef, key: "sticky_buttons_container", onMouseDown: onInterceptMouseDown, onTouchStart: onInterceptMouseDown, onDragStart: (e) => { e.preventDefault(); }, className: cm(Types_1.CLASSES.FLEXLAYOUT__TAB_TOOLBAR_STICKY_BUTTONS_CONTAINER) }, stickyButtons));
87
- }
88
- }
89
- if (hiddenTabs.length > 0) {
90
- const overflowTitle = layout.i18nName(I18nLabel_1.I18nLabel.Overflow_Menu_Tooltip);
91
- let overflowContent;
92
- if (typeof icons.more === "function") {
93
- overflowContent = icons.more(border, hiddenTabs);
94
- }
95
- else {
96
- overflowContent = (React.createElement(React.Fragment, null,
97
- icons.more,
98
- React.createElement("div", { className: cm(Types_1.CLASSES.FLEXLAYOUT__TAB_BUTTON_OVERFLOW_COUNT) }, hiddenTabs.length)));
99
- }
100
- buttons.splice(Math.min(renderState.overflowPosition, buttons.length), 0, React.createElement("button", { key: "overflowbutton", ref: overflowbuttonRef, className: cm(Types_1.CLASSES.FLEXLAYOUT__BORDER_TOOLBAR_BUTTON) + " " + cm(Types_1.CLASSES.FLEXLAYOUT__BORDER_TOOLBAR_BUTTON_OVERFLOW) + " " + cm(Types_1.CLASSES.FLEXLAYOUT__BORDER_TOOLBAR_BUTTON_OVERFLOW_ + border.getLocation().getName()), title: overflowTitle, onClick: onOverflowClick, onMouseDown: onInterceptMouseDown, onTouchStart: onInterceptMouseDown }, overflowContent));
101
- }
102
- const selectedIndex = border.getSelected();
103
- if (selectedIndex !== -1) {
104
- const selectedTabNode = border.getChildren()[selectedIndex];
105
- if (selectedTabNode !== undefined && layout.isSupportsPopout() && selectedTabNode.isEnableFloat() && !selectedTabNode.isFloating()) {
106
- const floatTitle = layout.i18nName(I18nLabel_1.I18nLabel.Float_Tab);
107
- buttons.push(React.createElement("button", { key: "float", title: floatTitle, className: cm(Types_1.CLASSES.FLEXLAYOUT__BORDER_TOOLBAR_BUTTON) + " " + cm(Types_1.CLASSES.FLEXLAYOUT__BORDER_TOOLBAR_BUTTON_FLOAT), onClick: onFloatTab, onMouseDown: onInterceptMouseDown, onTouchStart: onInterceptMouseDown }, (typeof icons.popout === "function") ? icons.popout(selectedTabNode) : icons.popout));
108
- }
109
- }
110
- const toolbar = (React.createElement("div", { key: "toolbar", ref: toolbarRef, className: cm(Types_1.CLASSES.FLEXLAYOUT__BORDER_TOOLBAR) + " " + cm(Types_1.CLASSES.FLEXLAYOUT__BORDER_TOOLBAR_ + border.getLocation().getName()) }, buttons));
111
- style = layout.styleFont(style);
112
- let innerStyle = {};
113
- const borderHeight = border.getBorderBarSize() - 1;
114
- if (border.getLocation() === DockLocation_1.DockLocation.LEFT) {
115
- innerStyle = { right: borderHeight, height: borderHeight, top: position };
116
- }
117
- else if (border.getLocation() === DockLocation_1.DockLocation.RIGHT) {
118
- innerStyle = { left: borderHeight, height: borderHeight, top: position };
119
- }
120
- else {
121
- innerStyle = { height: borderHeight, left: position };
122
- }
123
- return (React.createElement("div", { ref: selfRef, dir: "ltr", style: style, className: borderClasses, "data-layout-path": path, onClick: onAuxMouseClick, onAuxClick: onAuxMouseClick, onContextMenu: onContextMenu, onWheel: onMouseWheel },
124
- React.createElement("div", { style: { height: borderHeight }, className: cm(Types_1.CLASSES.FLEXLAYOUT__BORDER_INNER) + " " + cm(Types_1.CLASSES.FLEXLAYOUT__BORDER_INNER_ + border.getLocation().getName()) },
125
- React.createElement("div", { style: innerStyle, className: cm(Types_1.CLASSES.FLEXLAYOUT__BORDER_INNER_TAB_CONTAINER) + " " + cm(Types_1.CLASSES.FLEXLAYOUT__BORDER_INNER_TAB_CONTAINER_ + border.getLocation().getName()) }, tabs)),
126
- toolbar));
127
- };
128
- exports.BorderTabSet = BorderTabSet;
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":"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"}
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
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.ErrorBoundary = void 0;
4
- const React = require("react");
5
- const Types_1 = require("../Types");
6
- /** @internal */
7
- class ErrorBoundary extends React.Component {
8
- constructor(props) {
9
- super(props);
10
- this.state = { hasError: false };
11
- }
12
- static getDerivedStateFromError(error) {
13
- return { hasError: true };
14
- }
15
- componentDidCatch(error, errorInfo) {
16
- console.debug(error);
17
- console.debug(errorInfo);
18
- }
19
- render() {
20
- if (this.state.hasError) {
21
- return (React.createElement("div", { className: Types_1.CLASSES.FLEXLAYOUT__ERROR_BOUNDARY_CONTAINER },
22
- React.createElement("div", { className: Types_1.CLASSES.FLEXLAYOUT__ERROR_BOUNDARY_CONTENT }, this.props.message)));
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":";;;AAAA,+BAA+B;AAE/B,oCAAmC;AAYnC,gBAAgB;AAChB,MAAa,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;YACrB,OAAO,CACH,6BAAK,SAAS,EAAE,eAAO,CAAC,oCAAoC;gBACxD,6BAAK,SAAS,EAAE,eAAO,CAAC,kCAAkC,IAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAO,CACpF,CACT,CAAC;SACL;QAED,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC/B,CAAC;CACJ;AA1BD,sCA0BC"}
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
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.RestoreIcon = exports.PopoutIcon = exports.EdgeIcon = exports.OverflowIcon = exports.MaximizeIcon = exports.CloseIcon = void 0;
4
- const React = require("react");
5
- const style = { width: "1em", height: "1em", display: "flex", alignItems: "center" };
6
- const CloseIcon = () => {
7
- return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", style: style, viewBox: "0 0 24 24" },
8
- React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
9
- 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" })));
10
- };
11
- exports.CloseIcon = CloseIcon;
12
- const MaximizeIcon = () => {
13
- return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", style: style, viewBox: "0 0 24 24", fill: "var(--color-icon)" },
14
- React.createElement("path", { d: "M0 0h24v24H0z", fill: "none" }),
15
- React.createElement("path", { stroke: "var(--color-icon)", d: "M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z" })));
16
- };
17
- exports.MaximizeIcon = MaximizeIcon;
18
- const OverflowIcon = () => {
19
- return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", style: style, viewBox: "0 0 24 24", fill: "var(--color-icon)" },
20
- React.createElement("path", { d: "M0 0h24v24H0z", fill: "none" }),
21
- React.createElement("path", { stroke: "var(--color-icon)", d: "M7 10l5 5 5-5z" })));
22
- };
23
- exports.OverflowIcon = OverflowIcon;
24
- const EdgeIcon = () => {
25
- 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" },
26
- React.createElement("path", { fill: "var(--color-edge-icon)", stroke: "var(--color-edge-icon)", d: "M10 30 L90 30 l-40 40 Z" })));
27
- };
28
- exports.EdgeIcon = EdgeIcon;
29
- const PopoutIcon = () => {
30
- return (
31
- // <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>
32
- // <svg xmlns="http://www.w3.org/2000/svg" style={style} fill="none" viewBox="0 0 24 24" stroke="var(--color-icon)" stroke-width="2">
33
- // <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" />
34
- // </svg>
35
- React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", style: style, viewBox: "0 0 20 20", fill: "var(--color-icon)" },
36
- 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" }),
37
- 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" })));
38
- };
39
- exports.PopoutIcon = PopoutIcon;
40
- const RestoreIcon = () => {
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
@@ -1 +1 @@
1
- {"version":3,"file":"Icons.js","sourceRoot":"","sources":["../../src/view/Icons.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAE/B,MAAM,KAAK,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC;AAE9E,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;AAPY,QAAA,SAAS,aAOrB;AAEM,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;AAJY,QAAA,YAAY,gBAIxB;AAEM,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;AAJY,QAAA,YAAY,gBAIxB;AAEM,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;AALY,QAAA,QAAQ,YAKpB;AAEM,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;AAdY,QAAA,UAAU,cActB;AAEM,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;AAJY,QAAA,WAAW,eAIvB"}
1
+ {"version":3,"file":"Icons.js","sourceRoot":"","sources":["../../src/view/Icons.tsx"],"names":[],"mappings":"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"}