flexlayout-react 0.8.9 → 0.8.11

package/lib/view/BorderTabSet.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { DockLocation } from "../DockLocation";
 import { BorderButton } from "./BorderButton";
@@ -60,9 +61,9 @@ export const BorderTabSet = (props) => {
     const layoutTab = (i) => {
         let isSelected = border.getSelected() === i;
         let child = border.getChildren()[i];
-        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 }));
+        tabButtons.push(_jsx(BorderButton, { layout: layout, border: border.getLocation().getName(), node: child, path: border.getPath() + "/tb" + i, selected: isSelected, icons: icons }, child.getId()));
         if (i < border.getChildren().length - 1) {
-            tabButtons.push(React.createElement("div", { key: "divider" + i, className: cm(CLASSES.FLEXLAYOUT__BORDER_TAB_DIVIDER) }));
+            tabButtons.push(_jsx("div", { className: cm(CLASSES.FLEXLAYOUT__BORDER_TAB_DIVIDER) }, "divider" + i));
         }
     };
     for (let i = 0; i < border.getChildren().length; i++) {
@@ -86,7 +87,7 @@ export const BorderTabSet = (props) => {
             buttons = [...stickyButtons, ...buttons];
         }
         else {
-            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));
+            tabButtons.push(_jsx("div", { ref: stickyButtonsRef, onPointerDown: onInterceptPointerDown, onDragStart: (e) => { e.preventDefault(); }, className: cm(CLASSES.FLEXLAYOUT__TAB_TOOLBAR_STICKY_BUTTONS_CONTAINER), children: stickyButtons }, "sticky_buttons_container"));
         }
     }
     if (isShowHiddenTabs) {
@@ -97,21 +98,19 @@ export const BorderTabSet = (props) => {
             overflowContent = icons.more(border, items);
         }
         else {
-            overflowContent = (React.createElement(React.Fragment, null,
-                icons.more,
-                React.createElement("div", { className: cm(CLASSES.FLEXLAYOUT__TAB_BUTTON_OVERFLOW_COUNT) }, hiddenTabs.length > 0 ? hiddenTabs.length : "")));
+            overflowContent = (_jsxs(_Fragment, { children: [icons.more, _jsx("div", { className: cm(CLASSES.FLEXLAYOUT__TAB_BUTTON_OVERFLOW_COUNT), children: hiddenTabs.length > 0 ? hiddenTabs.length : "" })] }));
         }
-        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));
+        buttons.splice(Math.min(renderState.overflowPosition, buttons.length), 0, _jsx("button", { 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, children: overflowContent }, "overflowbutton"));
     }
     const selectedIndex = border.getSelected();
     if (selectedIndex !== -1) {
         const selectedTabNode = border.getChildren()[selectedIndex];
         if (selectedTabNode !== undefined && layout.isSupportsPopout() && selectedTabNode.isEnablePopout()) {
             const popoutTitle = layout.i18nName(I18nLabel.Popout_Tab);
-            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));
+            buttons.push(_jsx("button", { title: popoutTitle, className: cm(CLASSES.FLEXLAYOUT__BORDER_TOOLBAR_BUTTON) + " " + cm(CLASSES.FLEXLAYOUT__BORDER_TOOLBAR_BUTTON_FLOAT), onClick: onPopoutTab, onPointerDown: onInterceptPointerDown, children: (typeof icons.popout === "function") ? icons.popout(selectedTabNode) : icons.popout }, "popout"));
         }
     }
-    const toolbar = (React.createElement("div", { key: "toolbar", ref: toolbarRef, className: cm(CLASSES.FLEXLAYOUT__BORDER_TOOLBAR) + " " + cm(CLASSES.FLEXLAYOUT__BORDER_TOOLBAR_ + border.getLocation().getName()) }, buttons));
+    const toolbar = (_jsx("div", { ref: toolbarRef, className: cm(CLASSES.FLEXLAYOUT__BORDER_TOOLBAR) + " " + cm(CLASSES.FLEXLAYOUT__BORDER_TOOLBAR_ + border.getLocation().getName()), children: buttons }, "toolbar"));
     let innerStyle = {};
     let outerStyle = {};
     const borderHeight = size - 1;
@@ -129,16 +128,11 @@ export const BorderTabSet = (props) => {
     }
     let miniScrollbar = undefined;
     if (border.isEnableTabScrollbar()) {
-        miniScrollbar = (React.createElement("div", { ref: miniScrollRef, className: cm(CLASSES.FLEXLAYOUT__MINI_SCROLLBAR), onPointerDown: onScrollPointerDown }));
+        miniScrollbar = (_jsx("div", { ref: miniScrollRef, className: cm(CLASSES.FLEXLAYOUT__MINI_SCROLLBAR), onPointerDown: onScrollPointerDown }));
     }
-    return (React.createElement("div", { ref: selfRef, style: {
+    return (_jsxs("div", { ref: selfRef, style: {
             display: "flex",
             flexDirection: (border.getOrientation() === Orientation.VERT ? "row" : "column")
-        }, className: borderClasses, "data-layout-path": border.getPath(), onClick: onAuxMouseClick, onAuxClick: onAuxMouseClick, onContextMenu: onContextMenu, onWheel: onMouseWheel },
-        React.createElement("div", { className: cm(CLASSES.FLEXLAYOUT__MINI_SCROLLBAR_CONTAINER) },
-            React.createElement("div", { ref: tabStripInnerRef, className: cm(CLASSES.FLEXLAYOUT__BORDER_INNER) + " " + cm(CLASSES.FLEXLAYOUT__BORDER_INNER_ + border.getLocation().getName()), style: outerStyle, onScroll: onScroll },
-                React.createElement("div", { style: innerStyle, className: cm(CLASSES.FLEXLAYOUT__BORDER_INNER_TAB_CONTAINER) + " " + cm(CLASSES.FLEXLAYOUT__BORDER_INNER_TAB_CONTAINER_ + border.getLocation().getName()) }, tabButtons)),
-            miniScrollbar),
-        toolbar));
+        }, className: borderClasses, "data-layout-path": border.getPath(), onClick: onAuxMouseClick, onAuxClick: onAuxMouseClick, onContextMenu: onContextMenu, onWheel: onMouseWheel, children: [_jsxs("div", { className: cm(CLASSES.FLEXLAYOUT__MINI_SCROLLBAR_CONTAINER), children: [_jsx("div", { ref: tabStripInnerRef, className: cm(CLASSES.FLEXLAYOUT__BORDER_INNER) + " " + cm(CLASSES.FLEXLAYOUT__BORDER_INNER_ + border.getLocation().getName()), style: outerStyle, onScroll: onScroll, children: _jsx("div", { style: innerStyle, className: cm(CLASSES.FLEXLAYOUT__BORDER_INNER_TAB_CONTAINER) + " " + cm(CLASSES.FLEXLAYOUT__BORDER_INNER_TAB_CONTAINER_ + border.getLocation().getName()), children: tabButtons }) }), miniScrollbar] }), toolbar] }));
 };
 //# sourceMappingURL=BorderTabSet.js.map

package/lib/view/BorderTabSet.js.map

@@ -1 +1 @@
-{"version":3,"file":"BorderTabSet.js","sourceRoot":"","sources":["../../src/view/BorderTabSet.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"BorderTabSet.js","sourceRoot":"","sources":["../../src/view/BorderTabSet.tsx"],"names":[],"mappings":"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"}

package/lib/view/DragContainer.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { CLASSES } from "../Types";
 import { TabButtonStamp } from "./TabButtonStamp";
@@ -10,7 +11,6 @@ export const DragContainer = (props) => {
     }, [node, selfRef.current]);
     const cm = layout.getClassName;
     let classNames = cm(CLASSES.FLEXLAYOUT__DRAG_RECT);
-    return (React.createElement("div", { ref: selfRef, className: classNames },
-        React.createElement(TabButtonStamp, { key: node.getId(), layout: layout, node: node })));
+    return (_jsx("div", { ref: selfRef, className: classNames, children: _jsx(TabButtonStamp, { layout: layout, node: node }, node.getId()) }));
 };
 //# sourceMappingURL=DragContainer.js.map

package/lib/view/DragContainer.js.map

@@ -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"}
+{"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,cACA,GAAG,EAAE,OAAO,EACZ,SAAS,EAAE,UAAU,YACrB,KAAC,cAAc,IAAoB,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,IAAxC,IAAI,CAAC,KAAK,EAAE,CAAgC,GAC/D,CACT,CAAC;AACN,CAAC,CAAC"}

package/lib/view/ErrorBoundary.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { CLASSES } from "../Types";
 /** @internal */
@@ -15,8 +16,7 @@ export class ErrorBoundary extends React.Component {
     }
     render() {
         if (this.state.hasError) {
-            return (React.createElement("div", { className: CLASSES.FLEXLAYOUT__ERROR_BOUNDARY_CONTAINER },
-                React.createElement("div", { className: CLASSES.FLEXLAYOUT__ERROR_BOUNDARY_CONTENT }, this.props.message)));
+            return (_jsx("div", { className: CLASSES.FLEXLAYOUT__ERROR_BOUNDARY_CONTAINER, children: _jsx("div", { className: CLASSES.FLEXLAYOUT__ERROR_BOUNDARY_CONTENT, children: this.props.message }) }));
         }
         return this.props.children;
     }

package/lib/view/ErrorBoundary.js.map

@@ -1 +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"}
+{"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,cAAK,SAAS,EAAE,OAAO,CAAC,oCAAoC,YACxD,cAAK,SAAS,EAAE,OAAO,CAAC,kCAAkC,YAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAO,GACpF,CACT,CAAC;QACN,CAAC;QAED,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC/B,CAAC;CACJ"}

package/lib/view/Icons.js

@@ -1,23 +1,16 @@
-import * as React from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const style = { width: "1em", height: "1em", display: "flex", alignItems: "center" };
 export const CloseIcon = () => {
-    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", style: style, viewBox: "0 0 24 24" },
-        React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-        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" })));
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", style: style, viewBox: "0 0 24 24", children: [_jsx("path", { fill: "none", d: "M0 0h24v24H0z" }), _jsx("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" })] }));
 };
 export const MaximizeIcon = () => {
-    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", style: style, viewBox: "0 0 24 24", fill: "var(--color-icon)" },
-        React.createElement("path", { d: "M0 0h24v24H0z", fill: "none" }),
-        React.createElement("path", { stroke: "var(--color-icon)", d: "M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z" })));
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", style: style, viewBox: "0 0 24 24", fill: "var(--color-icon)", children: [_jsx("path", { d: "M0 0h24v24H0z", fill: "none" }), _jsx("path", { stroke: "var(--color-icon)", d: "M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z" })] }));
 };
 export const OverflowIcon = () => {
-    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", style: style, viewBox: "0 0 24 24", fill: "var(--color-icon)" },
-        React.createElement("path", { d: "M0 0h24v24H0z", fill: "none" }),
-        React.createElement("path", { stroke: "var(--color-icon)", d: "M7 10l5 5 5-5z" })));
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", style: style, viewBox: "0 0 24 24", fill: "var(--color-icon)", children: [_jsx("path", { d: "M0 0h24v24H0z", fill: "none" }), _jsx("path", { stroke: "var(--color-icon)", d: "M7 10l5 5 5-5z" })] }));
 };
 export const EdgeIcon = () => {
-    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" },
-        React.createElement("path", { fill: "var(--color-edge-icon)", stroke: "var(--color-edge-icon)", d: "M10 30 L90 30 l-40 40 Z" })));
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", style: { display: "block", width: 10, height: 10 }, preserveAspectRatio: "none", viewBox: "0 0 100 100", children: _jsx("path", { fill: "var(--color-edge-icon)", stroke: "var(--color-edge-icon)", d: "M10 30 L90 30 l-40 40 Z" }) }));
 };
 export const PopoutIcon = () => {
     return (
@@ -25,17 +18,12 @@ export const PopoutIcon = () => {
     // <svg xmlns="http://www.w3.org/2000/svg" style={style} fill="none" viewBox="0 0 24 24" stroke="var(--color-icon)" stroke-width="2">
     //     <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" />
     // </svg>
-    React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", style: style, viewBox: "0 0 20 20", fill: "var(--color-icon)" },
-        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" }),
-        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" })));
+    _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", style: style, viewBox: "0 0 20 20", fill: "var(--color-icon)", children: [_jsx("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" }), _jsx("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" })] }));
 };
 export const RestoreIcon = () => {
-    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", style: style, viewBox: "0 0 24 24", fill: "var(--color-icon)" },
-        React.createElement("path", { d: "M0 0h24v24H0z", fill: "none" }),
-        React.createElement("path", { stroke: "var(--color-icon)", d: "M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z" })));
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", style: style, viewBox: "0 0 24 24", fill: "var(--color-icon)", children: [_jsx("path", { d: "M0 0h24v24H0z", fill: "none" }), _jsx("path", { stroke: "var(--color-icon)", d: "M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z" })] }));
 };
 export const AsterickIcon = () => {
-    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", style: style, height: "24px", viewBox: "0 -960 960 960", width: "24px" },
-        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" })));
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", style: style, height: "24px", viewBox: "0 -960 960 960", width: "24px", children: _jsx("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" }) }));
 };
 //# sourceMappingURL=Icons.js.map

package/lib/view/Icons.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icons.js","sourceRoot":"","sources":["../../src/view/Icons.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Icons.js","sourceRoot":"","sources":["../../src/view/Icons.tsx"],"names":[],"mappings":"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"}

package/lib/view/Layout.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from "react";
 import { createPortal } from "react-dom";
 import { createRoot } from "react-dom/client";
@@ -90,7 +91,7 @@ export class Layout extends React.Component {
     }
     /** @internal */
     render() {
-        return (React.createElement(LayoutInternal, Object.assign({ ref: this.selfRef }, this.props, { renderRevision: this.revision++ })));
+        return (_jsx(LayoutInternal, Object.assign({ ref: this.selfRef }, this.props, { renderRevision: this.revision++ })));
     }
 }
 /** @internal */
@@ -185,7 +186,7 @@ export class LayoutInternal extends React.Component {
                 const y = isInVerticalBorder ? 10 : offsetY;
                 let rendered = false;
                 if (this.props.onRenderDragRect) {
-                    const content = React.createElement(TabButtonStamp, { key: node.getId(), layout: this, node: node });
+                    const content = _jsx(TabButtonStamp, { layout: this, node: node }, node.getId());
                     const dragComponent = this.props.onRenderDragRect(content, node, undefined);
                     if (dragComponent) {
                         this.setDragComponent(event, dragComponent, x, y);
@@ -194,7 +195,7 @@ export class LayoutInternal extends React.Component {
                 }
                 if (!rendered) {
                     if (isSafari()) { // safari doesnt render the offscreen tabstamps
-                        this.setDragComponent(event, React.createElement(TabButtonStamp, { node: node, layout: this }), x, y);
+                        this.setDragComponent(event, _jsx(TabButtonStamp, { node: node, layout: this }), x, y);
                     }
                     else {
                         event.dataTransfer.setDragImage(node.getTabStamp(), x, y);
@@ -302,7 +303,8 @@ export class LayoutInternal extends React.Component {
             }
             this.dragEnterCount = 0; // must set to zero here ref sublayouts
         };
-        this.orderedIds = [];
+        this.orderedTabIds = [];
+        this.orderedTabMoveableIds = [];
         this.selfRef = React.createRef();
         this.moveablesRef = React.createRef();
         this.mainRef = React.createRef();
@@ -404,9 +406,7 @@ export class LayoutInternal extends React.Component {
         // console.log("render", this.windowId, this.state.revision, this.renderCount++);
         // first render will be used to find the size (via selfRef)
         if (!this.selfRef.current) {
-            return (React.createElement("div", { ref: this.selfRef, className: this.getClassName(CLASSES.FLEXLAYOUT__LAYOUT) },
-                React.createElement("div", { ref: this.moveablesRef, key: "__moveables__", className: this.getClassName(CLASSES.FLEXLAYOUT__LAYOUT_MOVEABLES) }),
-                this.renderMetricsElements()));
+            return (_jsxs("div", { ref: this.selfRef, className: this.getClassName(CLASSES.FLEXLAYOUT__LAYOUT), children: [_jsx("div", { ref: this.moveablesRef, className: this.getClassName(CLASSES.FLEXLAYOUT__LAYOUT_MOVEABLES) }, "__moveables__"), this.renderMetricsElements()] }));
         }
         const model = this.props.model;
         model.getRoot(this.windowId).calcMinMaxSize();
@@ -415,33 +415,25 @@ export class LayoutInternal extends React.Component {
         const inner = this.renderLayout();
         const outer = this.renderBorders(inner);
         const tabs = this.renderTabs();
-        const reorderedTabs = this.reorderComponents(tabs, this.orderedIds);
+        const reorderedTabs = this.reorderComponents(tabs, this.orderedTabIds);
         let floatingWindows = null;
-        let tabMoveables = null;
+        let reorderedTabMoveables = null;
         let tabStamps = null;
         let metricElements = null;
         if (this.isMainWindow) {
             floatingWindows = this.renderWindows();
             metricElements = this.renderMetricsElements();
-            tabMoveables = this.renderTabMoveables();
-            tabStamps = React.createElement("div", { key: "__tabStamps__", className: this.getClassName(CLASSES.FLEXLAYOUT__LAYOUT_TAB_STAMPS) }, this.renderTabStamps());
-        }
-        return (React.createElement("div", { ref: this.selfRef, className: this.getClassName(CLASSES.FLEXLAYOUT__LAYOUT), onDragEnter: this.onDragEnterRaw, onDragLeave: this.onDragLeaveRaw, onDragOver: this.onDragOver, onDrop: this.onDrop },
-            React.createElement("div", { ref: this.moveablesRef, key: "__moveables__", className: this.getClassName(CLASSES.FLEXLAYOUT__LAYOUT_MOVEABLES) }),
-            metricElements,
-            React.createElement(Overlay, { key: "__overlay__", layout: this, show: this.state.showOverlay }),
-            outer,
-            reorderedTabs,
-            tabMoveables,
-            tabStamps,
-            this.state.portal,
-            floatingWindows));
+            const tabMoveables = this.renderTabMoveables();
+            reorderedTabMoveables = this.reorderComponents(tabMoveables, this.orderedTabMoveableIds);
+            tabStamps = _jsx("div", { className: this.getClassName(CLASSES.FLEXLAYOUT__LAYOUT_TAB_STAMPS), children: this.renderTabStamps() }, "__tabStamps__");
+        }
+        return (_jsxs("div", { ref: this.selfRef, className: this.getClassName(CLASSES.FLEXLAYOUT__LAYOUT), onDragEnter: this.onDragEnterRaw, onDragLeave: this.onDragLeaveRaw, onDragOver: this.onDragOver, onDrop: this.onDrop, children: [_jsx("div", { ref: this.moveablesRef, className: this.getClassName(CLASSES.FLEXLAYOUT__LAYOUT_MOVEABLES) }, "__moveables__"), metricElements, _jsx(Overlay, { layout: this, show: this.state.showOverlay }, "__overlay__"), outer, reorderedTabs, reorderedTabMoveables, tabStamps, this.state.portal, floatingWindows] }));
     }
     renderBorders(inner) {
         const classMain = this.getClassName(CLASSES.FLEXLAYOUT__LAYOUT_MAIN);
         const borders = this.props.model.getBorderSet().getBorderMap();
         if (this.isMainWindow && borders.size > 0) {
-            inner = (React.createElement("div", { className: classMain, ref: this.mainRef }, inner));
+            inner = (_jsx("div", { className: classMain, ref: this.mainRef, children: inner }));
             const borderSetComponents = new Map();
             const borderSetContentComponents = new Map();
             for (const [_, location] of DockLocation.values) {
@@ -449,53 +441,27 @@ export class LayoutInternal extends React.Component {
                 const showBorder = border && border.isShowing() && (!border.isAutoHide() ||
                     (border.isAutoHide() && (border.getChildren().length > 0 || this.state.showHiddenBorder === location)));
                 if (showBorder) {
-                    borderSetComponents.set(location, React.createElement(BorderTabSet, { layout: this, border: border, size: this.state.calculatedBorderBarSize }));
-                    borderSetContentComponents.set(location, React.createElement(BorderTab, { layout: this, border: border, show: border.getSelected() !== -1 }));
+                    borderSetComponents.set(location, _jsx(BorderTabSet, { layout: this, border: border, size: this.state.calculatedBorderBarSize }));
+                    borderSetContentComponents.set(location, _jsx(BorderTab, { layout: this, border: border, show: border.getSelected() !== -1 }));
                 }
             }
             const classBorderOuter = this.getClassName(CLASSES.FLEXLAYOUT__LAYOUT_BORDER_CONTAINER);
             const classBorderInner = this.getClassName(CLASSES.FLEXLAYOUT__LAYOUT_BORDER_CONTAINER_INNER);
             if (this.props.model.getBorderSet().getLayoutHorizontal()) {
-                const innerWithBorderTabs = (React.createElement("div", { className: classBorderInner, style: { flexDirection: "column" } },
-                    borderSetContentComponents.get(DockLocation.TOP),
-                    React.createElement("div", { className: classBorderInner, style: { flexDirection: "row" } },
-                        borderSetContentComponents.get(DockLocation.LEFT),
-                        inner,
-                        borderSetContentComponents.get(DockLocation.RIGHT)),
-                    borderSetContentComponents.get(DockLocation.BOTTOM)));
-                return (React.createElement("div", { className: classBorderOuter, style: { flexDirection: "column" } },
-                    borderSetComponents.get(DockLocation.TOP),
-                    React.createElement("div", { className: classBorderInner, style: { flexDirection: "row" } },
-                        borderSetComponents.get(DockLocation.LEFT),
-                        innerWithBorderTabs,
-                        borderSetComponents.get(DockLocation.RIGHT)),
-                    borderSetComponents.get(DockLocation.BOTTOM)));
+                const innerWithBorderTabs = (_jsxs("div", { className: classBorderInner, style: { flexDirection: "column" }, children: [borderSetContentComponents.get(DockLocation.TOP), _jsxs("div", { className: classBorderInner, style: { flexDirection: "row" }, children: [borderSetContentComponents.get(DockLocation.LEFT), inner, borderSetContentComponents.get(DockLocation.RIGHT)] }), borderSetContentComponents.get(DockLocation.BOTTOM)] }));
+                return (_jsxs("div", { className: classBorderOuter, style: { flexDirection: "column" }, children: [borderSetComponents.get(DockLocation.TOP), _jsxs("div", { className: classBorderInner, style: { flexDirection: "row" }, children: [borderSetComponents.get(DockLocation.LEFT), innerWithBorderTabs, borderSetComponents.get(DockLocation.RIGHT)] }), borderSetComponents.get(DockLocation.BOTTOM)] }));
             }
             else {
-                const innerWithBorderTabs = (React.createElement("div", { className: classBorderInner, style: { flexDirection: "row" } },
-                    borderSetContentComponents.get(DockLocation.LEFT),
-                    React.createElement("div", { className: classBorderInner, style: { flexDirection: "column" } },
-                        borderSetContentComponents.get(DockLocation.TOP),
-                        inner,
-                        borderSetContentComponents.get(DockLocation.BOTTOM)),
-                    borderSetContentComponents.get(DockLocation.RIGHT)));
-                return (React.createElement("div", { className: classBorderOuter, style: { flexDirection: "row" } },
-                    borderSetComponents.get(DockLocation.LEFT),
-                    React.createElement("div", { className: classBorderInner, style: { flexDirection: "column" } },
-                        borderSetComponents.get(DockLocation.TOP),
-                        innerWithBorderTabs,
-                        borderSetComponents.get(DockLocation.BOTTOM)),
-                    borderSetComponents.get(DockLocation.RIGHT)));
+                const innerWithBorderTabs = (_jsxs("div", { className: classBorderInner, style: { flexDirection: "row" }, children: [borderSetContentComponents.get(DockLocation.LEFT), _jsxs("div", { className: classBorderInner, style: { flexDirection: "column" }, children: [borderSetContentComponents.get(DockLocation.TOP), inner, borderSetContentComponents.get(DockLocation.BOTTOM)] }), borderSetContentComponents.get(DockLocation.RIGHT)] }));
+                return (_jsxs("div", { className: classBorderOuter, style: { flexDirection: "row" }, children: [borderSetComponents.get(DockLocation.LEFT), _jsxs("div", { className: classBorderInner, style: { flexDirection: "column" }, children: [borderSetComponents.get(DockLocation.TOP), innerWithBorderTabs, borderSetComponents.get(DockLocation.BOTTOM)] }), borderSetComponents.get(DockLocation.RIGHT)] }));
             }
         }
         else { // no borders
-            return (React.createElement("div", { className: classMain, ref: this.mainRef, style: { position: "absolute", top: 0, left: 0, bottom: 0, right: 0, display: "flex" } }, inner));
+            return (_jsx("div", { className: classMain, ref: this.mainRef, style: { position: "absolute", top: 0, left: 0, bottom: 0, right: 0, display: "flex" }, children: inner }));
         }
     }
     renderLayout() {
-        return (React.createElement(React.Fragment, null,
-            React.createElement(Row, { key: "__row__", layout: this, node: this.props.model.getRoot(this.windowId) }),
-            this.renderEdgeIndicators()));
+        return (_jsxs(_Fragment, { children: [_jsx(Row, { layout: this, node: this.props.model.getRoot(this.windowId) }, "__row__"), this.renderEdgeIndicators()] }));
     }
     renderEdgeIndicators() {
         const edges = [];
@@ -507,14 +473,10 @@ export class LayoutInternal extends React.Component {
             const offset = edgeRectLength / 2;
             const className = this.getClassName(CLASSES.FLEXLAYOUT__EDGE_RECT);
             const radius = 50;
-            edges.push(React.createElement("div", { key: "North", style: { top: 0, left: r.width / 2 - offset, width: length, height: width, borderBottomLeftRadius: radius, borderBottomRightRadius: radius }, className: className + " " + this.getClassName(CLASSES.FLEXLAYOUT__EDGE_RECT_TOP) },
-                React.createElement("div", { style: { transform: "rotate(180deg)" } }, arrowIcon)));
-            edges.push(React.createElement("div", { key: "West", style: { top: r.height / 2 - offset, left: 0, width: width, height: length, borderTopRightRadius: radius, borderBottomRightRadius: radius }, className: className + " " + this.getClassName(CLASSES.FLEXLAYOUT__EDGE_RECT_LEFT) },
-                React.createElement("div", { style: { transform: "rotate(90deg)" } }, arrowIcon)));
-            edges.push(React.createElement("div", { key: "South", style: { top: r.height - width, left: r.width / 2 - offset, width: length, height: width, borderTopLeftRadius: radius, borderTopRightRadius: radius }, className: className + " " + this.getClassName(CLASSES.FLEXLAYOUT__EDGE_RECT_BOTTOM) },
-                React.createElement("div", null, arrowIcon)));
-            edges.push(React.createElement("div", { key: "East", style: { top: r.height / 2 - offset, left: r.width - width, width: width, height: length, borderTopLeftRadius: radius, borderBottomLeftRadius: radius }, className: className + " " + this.getClassName(CLASSES.FLEXLAYOUT__EDGE_RECT_RIGHT) },
-                React.createElement("div", { style: { transform: "rotate(-90deg)" } }, arrowIcon)));
+            edges.push(_jsx("div", { style: { top: 0, left: r.width / 2 - offset, width: length, height: width, borderBottomLeftRadius: radius, borderBottomRightRadius: radius }, className: className + " " + this.getClassName(CLASSES.FLEXLAYOUT__EDGE_RECT_TOP), children: _jsx("div", { style: { transform: "rotate(180deg)" }, children: arrowIcon }) }, "North"));
+            edges.push(_jsx("div", { style: { top: r.height / 2 - offset, left: 0, width: width, height: length, borderTopRightRadius: radius, borderBottomRightRadius: radius }, className: className + " " + this.getClassName(CLASSES.FLEXLAYOUT__EDGE_RECT_LEFT), children: _jsx("div", { style: { transform: "rotate(90deg)" }, children: arrowIcon }) }, "West"));
+            edges.push(_jsx("div", { style: { top: r.height - width, left: r.width / 2 - offset, width: length, height: width, borderTopLeftRadius: radius, borderTopRightRadius: radius }, className: className + " " + this.getClassName(CLASSES.FLEXLAYOUT__EDGE_RECT_BOTTOM), children: _jsx("div", { children: arrowIcon }) }, "South"));
+            edges.push(_jsx("div", { style: { top: r.height / 2 - offset, left: r.width - width, width: width, height: length, borderTopLeftRadius: radius, borderBottomLeftRadius: radius }, className: className + " " + this.getClassName(CLASSES.FLEXLAYOUT__EDGE_RECT_RIGHT), children: _jsx("div", { style: { transform: "rotate(-90deg)" }, children: arrowIcon }) }, "East"));
         }
         return edges;
     }
@@ -525,9 +487,7 @@ export class LayoutInternal extends React.Component {
             let i = 1;
             for (const [windowId, layoutWindow] of windows) {
                 if (windowId !== Model.MAIN_WINDOW_ID) {
-                    floatingWindows.push(React.createElement(PopoutWindow, { key: windowId, layout: this, title: this.popoutWindowName + " " + i, layoutWindow: layoutWindow, url: this.popoutURL + "?id=" + windowId, onSetWindow: this.onSetWindow, onCloseWindow: this.onCloseWindow },
-                        React.createElement("div", { className: this.props.popoutClassName },
-                            React.createElement(LayoutInternal, Object.assign({}, this.props, { windowId: windowId, mainLayout: this })))));
+                    floatingWindows.push(_jsx(PopoutWindow, { layout: this, title: this.popoutWindowName + " " + i, layoutWindow: layoutWindow, url: this.popoutURL + "?id=" + windowId, onSetWindow: this.onSetWindow, onCloseWindow: this.onCloseWindow, children: _jsx("div", { className: this.props.popoutClassName, children: _jsx(LayoutInternal, Object.assign({}, this.props, { windowId: windowId, mainLayout: this })) }) }, windowId));
                     i++;
                 }
             }
@@ -535,7 +495,8 @@ export class LayoutInternal extends React.Component {
         return floatingWindows;
     }
     renderTabMoveables() {
-        const tabMoveables = [];
+        // const tabMoveables: React.ReactNode[] = [];
+        const tabMoveables = new Map();
         this.props.model.visitNodes((node) => {
             if (node instanceof TabNode) {
                 const child = node;
@@ -549,8 +510,7 @@ export class LayoutInternal extends React.Component {
                 if (renderTab) {
                     //  console.log("rendertab", child.getName(), this.props.renderRevision);
                     const key = child.getId() + (child.isEnableWindowReMount() ? child.getWindowId() : "");
-                    tabMoveables.push(createPortal(React.createElement(SizeTracker, { rect: rect, selected: child.isSelected(), forceRevision: this.state.forceRevision, tabsRevision: this.props.renderRevision, key: key },
-                        React.createElement(ErrorBoundary, { message: this.i18nName(I18nLabel.Error_rendering_component) }, this.props.factory(child))), element, key));
+                    tabMoveables.set(node.getId(), createPortal(_jsx(SizeTracker, { rect: rect, selected: child.isSelected(), forceRevision: this.state.forceRevision, tabsRevision: this.props.renderRevision, children: _jsx(ErrorBoundary, { message: this.i18nName(I18nLabel.Error_rendering_component), children: this.props.factory(child) }) }, key), element, key));
                     child.setRendered(renderTab);
                 }
             }
@@ -563,7 +523,7 @@ export class LayoutInternal extends React.Component {
             if (node instanceof TabNode) {
                 const child = node;
                 // what the tab should look like when dragged (since images need to have been loaded before drag image can be taken)
-                tabStamps.push(React.createElement(DragContainer, { key: child.getId(), layout: this, node: child }));
+                tabStamps.push(_jsx(DragContainer, { layout: this, node: child }, child.getId()));
             }
         });
         return tabStamps;
@@ -581,7 +541,7 @@ export class LayoutInternal extends React.Component {
                     // const key = child.getId();
                     tabs.set(child.getId(), (
                     // <SizeTracker rect={rect} forceRevision={this.state.forceRevision} key={key}>
-                    React.createElement(Tab, { key: child.getId(), layout: this, path: path, node: child, selected: selected })
+                    _jsx(Tab, { layout: this, path: path, node: child, selected: selected }, child.getId())
                     // </SizeTracker>
                     ));
                 }
@@ -590,7 +550,7 @@ export class LayoutInternal extends React.Component {
         return tabs;
     }
     renderMetricsElements() {
-        return (React.createElement("div", { key: "findBorderBarSize", ref: this.findBorderBarSizeRef, className: this.getClassName(CLASSES.FLEXLAYOUT__BORDER_SIZER) }, "FindBorderBarSize"));
+        return (_jsx("div", { ref: this.findBorderBarSizeRef, className: this.getClassName(CLASSES.FLEXLAYOUT__BORDER_SIZER), children: "FindBorderBarSize" }, "findBorderBarSize"));
     }
     checkForBorderToShow(x, y) {
         const r = this.getBoundingClientRect(this.mainRef.current);
@@ -830,7 +790,7 @@ export class LayoutInternal extends React.Component {
         this.setDragNode(event, node);
     }
     setDragComponent(event, component, x, y) {
-        let dragElement = (React.createElement("div", { style: { position: "unset" }, className: this.getClassName(CLASSES.FLEXLAYOUT__LAYOUT) + " " + this.getClassName(CLASSES.FLEXLAYOUT__DRAG_RECT) }, component));
+        let dragElement = (_jsx("div", { style: { position: "unset" }, className: this.getClassName(CLASSES.FLEXLAYOUT__LAYOUT) + " " + this.getClassName(CLASSES.FLEXLAYOUT__DRAG_RECT), children: component }));
         const tempDiv = this.currentDocument.createElement('div');
         tempDiv.setAttribute("data-layout-path", "/drag-rectangle");
         tempDiv.style.position = "absolute";
@@ -885,16 +845,16 @@ export class LayoutInternal extends React.Component {
     }
 }
 LayoutInternal.dragState = undefined;
-export const FlexLayoutVersion = "0.8.9";
+export const FlexLayoutVersion = "0.8.11";
 const defaultIcons = {
-    close: React.createElement(CloseIcon, null),
-    closeTabset: React.createElement(CloseIcon, null),
-    popout: React.createElement(PopoutIcon, null),
-    maximize: React.createElement(MaximizeIcon, null),
-    restore: React.createElement(RestoreIcon, null),
-    more: React.createElement(OverflowIcon, null),
-    edgeArrow: React.createElement(EdgeIcon, null),
-    activeTabset: React.createElement(AsterickIcon, null)
+    close: _jsx(CloseIcon, {}),
+    closeTabset: _jsx(CloseIcon, {}),
+    popout: _jsx(PopoutIcon, {}),
+    maximize: _jsx(MaximizeIcon, {}),
+    restore: _jsx(RestoreIcon, {}),
+    more: _jsx(OverflowIcon, {}),
+    edgeArrow: _jsx(EdgeIcon, {}),
+    activeTabset: _jsx(AsterickIcon, {})
 };
 var DragSource;
 (function (DragSource) {