@finsemble/finsemble-ui 10.0.0-iocd.9 → 10.0.3-beta.2

package/react/components/utils.js

@@ -1,60 +1,60 @@
-export const enzymeQuerySelectorWrapper = (wrapper, querySelectorStr, element = undefined) => {
-    const el = element !== null && element !== void 0 ? element : document.createElement("div");
-    el.innerHTML = wrapper.html();
-    return el.querySelector(querySelectorStr);
-};
-/**
- * Makes onClick functions accessible by duplicating them in an onKeyDown prop. If you also
- * have an onKeyDown function you'd like to provide, you can add it as an optional second argument.
- *
- * Why does it make it more accessible? The `onClick` prop usually only fires if someone
- * clicks an element with a mouse. If a user can't use a mouse due to a disability, they
- * are unable to activate the element. Normally, you'd have to wire up the element to receive
- * tab focus (using `tabIndex={0}`), as well as duplicating the onClick function for Enter
- * and Spacebar key presses. This function does that for you.
- *
- * Note that this is not necessary for buttons or anchor tags.
- *
- * Note that this returns `tabIndex={0}`. If you want to set a custom tabIndex value, apply it
- * after invoking this function. See example.
- *
- * Examples:
- * ```jsx
- * <div role="button" {...onClickA11y(callback)}>Click me!</div>
- *
- * <span className="icon" role="button", {...onClickA11y(() => {
- * 		// do something
- * })}></span>
- *
- * <div role="tab" {...onClickA11y(
- * 		() => setState(true),
- * 		(e) => {
- *	 		if(e.key === "ArrowRight"){
-                moveRight();
- * 			}
- *  	}
- *  )}
- *
- *  // If you want to set a custom tabIndex value, set it *after* spreading the onClickA11y values.
- *  // This will let you overwrite the tabIndex value.
- *  tabIndex={focused ? 0 : 1}
- * >Label</div>
- * ```
- *
- * @param onClickFn The function that normally goes in the `onClick={}` prop
- * @param onKeyDown The function that normally goes in the `onKeyDown={}` prop
- * @returns
- */
-export const onClickA11y = (onClickFn, onKeyDown) => {
-    return {
-        tabIndex: 0,
-        onClick: onClickFn,
-        onKeyDown: (e) => {
-            if (e.key === "Enter" || e.key === " ") {
-                onClickFn(e);
-            }
-            onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
-        },
-    };
-};
+export const enzymeQuerySelectorWrapper = (wrapper, querySelectorStr, element = undefined) => {
+    const el = element !== null && element !== void 0 ? element : document.createElement("div");
+    el.innerHTML = wrapper.html();
+    return el.querySelector(querySelectorStr);
+};
+/**
+ * Makes onClick functions accessible by duplicating them in an onKeyDown prop. If you also
+ * have an onKeyDown function you'd like to provide, you can add it as an optional second argument.
+ *
+ * Why does it make it more accessible? The `onClick` prop usually only fires if someone
+ * clicks an element with a mouse. If a user can't use a mouse due to a disability, they
+ * are unable to activate the element. Normally, you'd have to wire up the element to receive
+ * tab focus (using `tabIndex={0}`), as well as duplicating the onClick function for Enter
+ * and Spacebar key presses. This function does that for you.
+ *
+ * Note that this is not necessary for buttons or anchor tags.
+ *
+ * Note that this returns `tabIndex={0}`. If you want to set a custom tabIndex value, apply it
+ * after invoking this function. See example.
+ *
+ * Examples:
+ * ```jsx
+ * <div role="button" {...onClickA11y(callback)}>Click me!</div>
+ *
+ * <span className="icon" role="button", {...onClickA11y(() => {
+ * 		// do something
+ * })}></span>
+ *
+ * <div role="tab" {...onClickA11y(
+ * 		() => setState(true),
+ * 		(e) => {
+ *	 		if(e.key === "ArrowRight"){
+                moveRight();
+ * 			}
+ *  	}
+ *  )}
+ *
+ *  // If you want to set a custom tabIndex value, set it *after* spreading the onClickA11y values.
+ *  // This will let you overwrite the tabIndex value.
+ *  tabIndex={focused ? 0 : 1}
+ * >Label</div>
+ * ```
+ *
+ * @param onClickFn The function that normally goes in the `onClick={}` prop
+ * @param onKeyDown The function that normally goes in the `onKeyDown={}` prop
+ * @returns
+ */
+export const onClickA11y = (onClickFn, onKeyDown) => {
+    return {
+        tabIndex: 0,
+        onClick: onClickFn,
+        onKeyDown: (e) => {
+            if (e.key === "Enter" || e.key === " ") {
+                onClickFn(e);
+            }
+            onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
+        },
+    };
+};
 //# sourceMappingURL=utils.js.map

package/react/components/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/ui/components/utils.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,0BAA0B,GAAG,CACzC,OAAqB,EACrB,gBAAwB,EACxB,UAAmC,SAAS,EAC3C,EAAE;IACH,MAAM,EAAE,GAAG,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACpD,EAAE,CAAC,SAAS,GAAG,OAAO,CAAC,IAAI,EAAE,CAAC;IAC9B,OAAO,EAAE,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;AAC3C,CAAC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAC1B,SAA8E,EAC9E,SAA4C,EAC3C,EAAE;IACH,OAAO;QACN,QAAQ,EAAE,CAAC;QACX,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,CAAC,CAAsB,EAAE,EAAE;YACrC,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE;gBACvC,SAAS,CAAC,CAAC,CAAC,CAAC;aACb;YACD,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,CAAC,CAAC,CAAC;QAChB,CAAC;KACD,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/ui/components/utils.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,0BAA0B,GAAG,CACzC,OAAqB,EACrB,gBAAwB,EACxB,UAAmC,SAAS,EAC3C,EAAE;IACH,MAAM,EAAE,GAAG,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACpD,EAAE,CAAC,SAAS,GAAG,OAAO,CAAC,IAAI,EAAE,CAAC;IAC9B,OAAO,EAAE,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;AAC3C,CAAC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAC1B,SAA8E,EAC9E,SAA4C,EAC3C,EAAE;IACH,OAAO;QACN,QAAQ,EAAE,CAAC;QACX,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,CAAC,CAAsB,EAAE,EAAE;YACrC,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;gBACxC,SAAS,CAAC,CAAC,CAAC,CAAC;YACd,CAAC;YACD,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,CAAC,CAAC,CAAC;QAChB,CAAC;KACD,CAAC;AACH,CAAC,CAAC"}

package/react/components/windowTitleBar/AlwaysOnTopButton.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-/**
- * Note: The AOT icon will flash briefly when dragging tabs into a window that the icon enabled. This is because
- * FEA's bringToFront action is actually implemented as alwaysOnTop(true);alwaysOnTop(false);. Dragging the tab
- * causes the window to be brought to front, which causes aot to be momentarily enabled, which causes the icon
- * to briefly reflect that state by being highlighted. See FEA for the reasons why bringToFront is implemented that way.
- */
-export declare const AlwaysOnTopButton: () => JSX.Element;
+import React from "react";
+/**
+ * Note: The AOT icon will flash briefly when dragging tabs into a window that the icon enabled. This is because
+ * FEA's bringToFront action is actually implemented as alwaysOnTop(true);alwaysOnTop(false);. Dragging the tab
+ * causes the window to be brought to front, which causes aot to be momentarily enabled, which causes the icon
+ * to briefly reflect that state by being highlighted. See FEA for the reasons why bringToFront is implemented that way.
+ */
+export declare const AlwaysOnTopButton: () => React.JSX.Element;
 //# sourceMappingURL=AlwaysOnTopButton.d.ts.map

package/react/components/windowTitleBar/AlwaysOnTopButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AlwaysOnTopButton.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/windowTitleBar/AlwaysOnTopButton.tsx"],"names":[],"mappings":";AAMA;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,mBAwB7B,CAAC"}
+{"version":3,"file":"AlwaysOnTopButton.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/windowTitleBar/AlwaysOnTopButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAM1C;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,yBAwB7B,CAAC"}

package/react/components/windowTitleBar/AlwaysOnTopButton.js

@@ -1,29 +1,29 @@
-import React, { useContext } from "react";
-import { actions } from "../../../platform/services/window/modules/actions";
-import { WindowNameContext } from "./WindowTitleBarContext";
-import { useDispatch, useSelector } from "react-redux";
-/**
- * Note: The AOT icon will flash briefly when dragging tabs into a window that the icon enabled. This is because
- * FEA's bringToFront action is actually implemented as alwaysOnTop(true);alwaysOnTop(false);. Dragging the tab
- * causes the window to be brought to front, which causes aot to be momentarily enabled, which causes the icon
- * to briefly reflect that state by being highlighted. See FEA for the reasons why bringToFront is implemented that way.
- */
-export const AlwaysOnTopButton = () => {
-    var _a, _b;
-    const dispatch = useDispatch();
-    const state = useSelector((currentState) => currentState);
-    const windowName = useContext(WindowNameContext);
-    const showAlwaysOnTopButton = !!(windowName ? (_a = state.windows[windowName]) === null || _a === void 0 ? void 0 : _a.showAlwaysOnTopButton : true);
-    const isAlwaysOnTop = !!(windowName ? (_b = state.windows[windowName]) === null || _b === void 0 ? void 0 : _b.alwaysOnTop : false);
-    if (!showAlwaysOnTopButton)
-        return React.createElement(React.Fragment, null);
-    const setAlwaysOnTop = () => {
-        dispatch(actions.setAlwaysOnTop({
-            toggleState: !isAlwaysOnTop,
-        }));
-    };
-    const classes = `fsbl-icon fsbl-always-on-top${isAlwaysOnTop ? " fsbl-icon-highlighted" : ""}`;
-    return (React.createElement("div", { className: classes, id: "fsbl-always-on-top", title: "Always On Top", onClick: setAlwaysOnTop },
-        React.createElement("i", { className: "ff-always-on-top" })));
-};
+import React, { useContext } from "react";
+import { actions } from "../../../platform/services/window/modules/actions";
+import { WindowNameContext } from "./WindowTitleBarContext";
+import { useDispatch, useSelector } from "react-redux";
+/**
+ * Note: The AOT icon will flash briefly when dragging tabs into a window that the icon enabled. This is because
+ * FEA's bringToFront action is actually implemented as alwaysOnTop(true);alwaysOnTop(false);. Dragging the tab
+ * causes the window to be brought to front, which causes aot to be momentarily enabled, which causes the icon
+ * to briefly reflect that state by being highlighted. See FEA for the reasons why bringToFront is implemented that way.
+ */
+export const AlwaysOnTopButton = () => {
+    var _a, _b;
+    const dispatch = useDispatch();
+    const state = useSelector((currentState) => currentState);
+    const windowName = useContext(WindowNameContext);
+    const showAlwaysOnTopButton = !!(windowName ? (_a = state.windows[windowName]) === null || _a === void 0 ? void 0 : _a.showAlwaysOnTopButton : true);
+    const isAlwaysOnTop = !!(windowName ? (_b = state.windows[windowName]) === null || _b === void 0 ? void 0 : _b.alwaysOnTop : false);
+    if (!showAlwaysOnTopButton)
+        return React.createElement(React.Fragment, null);
+    const setAlwaysOnTop = () => {
+        dispatch(actions.setAlwaysOnTop({
+            toggleState: !isAlwaysOnTop,
+        }));
+    };
+    const classes = `fsbl-icon fsbl-always-on-top${isAlwaysOnTop ? " fsbl-icon-highlighted" : ""}`;
+    return (React.createElement("div", { className: classes, id: "fsbl-always-on-top", title: "Always On Top", onClick: setAlwaysOnTop },
+        React.createElement("i", { className: "ff-always-on-top" })));
+};
 //# sourceMappingURL=AlwaysOnTopButton.js.map

package/react/components/windowTitleBar/CloneButton.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const CloneButton: () => JSX.Element;
+import React from "react";
+export declare const CloneButton: () => React.JSX.Element;
 //# sourceMappingURL=CloneButton.d.ts.map

package/react/components/windowTitleBar/CloneButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CloneButton.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/windowTitleBar/CloneButton.tsx"],"names":[],"mappings":";AAMA,eAAO,MAAM,WAAW,mBAuBvB,CAAC"}
+{"version":3,"file":"CloneButton.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/windowTitleBar/CloneButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAM1C,eAAO,MAAM,WAAW,yBAuBvB,CAAC"}

package/react/components/windowTitleBar/CloneButton.js

@@ -1,23 +1,23 @@
-import React, { useContext } from "react";
-import { actions } from "../../../platform/services/window/modules/actions";
-import { WindowNameContext } from "./WindowTitleBarContext";
-import { useDispatch, useSelector } from "react-redux";
-export const CloneButton = () => {
-    var _a;
-    const dispatch = useDispatch();
-    const state = useSelector((currentState) => currentState);
-    const windowName = useContext(WindowNameContext);
-    const showCloneButton = !!(windowName ? (_a = state.windows[windowName]) === null || _a === void 0 ? void 0 : _a.showCloneButton : true);
-    if (!showCloneButton) {
-        return React.createElement(React.Fragment, null);
-    }
-    const cloneThisWindow = () => {
-        var _a;
-        dispatch(actions.clone({
-            targetWindowName: (_a = window.name) !== null && _a !== void 0 ? _a : "",
-        }));
-    };
-    return (React.createElement("div", { onClick: cloneThisWindow, className: "fsbl-icon fsbl-clone", title: "Clone", id: "fsbl-window-clone" },
-        React.createElement("i", { className: "ff-copy" })));
-};
+import React, { useContext } from "react";
+import { actions } from "../../../platform/services/window/modules/actions";
+import { WindowNameContext } from "./WindowTitleBarContext";
+import { useDispatch, useSelector } from "react-redux";
+export const CloneButton = () => {
+    var _a;
+    const dispatch = useDispatch();
+    const state = useSelector((currentState) => currentState);
+    const windowName = useContext(WindowNameContext);
+    const showCloneButton = !!(windowName ? (_a = state.windows[windowName]) === null || _a === void 0 ? void 0 : _a.showCloneButton : true);
+    if (!showCloneButton) {
+        return React.createElement(React.Fragment, null);
+    }
+    const cloneThisWindow = () => {
+        var _a;
+        dispatch(actions.clone({
+            targetWindowName: (_a = window.name) !== null && _a !== void 0 ? _a : "",
+        }));
+    };
+    return (React.createElement("div", { onClick: cloneThisWindow, className: "fsbl-icon fsbl-clone", title: "Clone", id: "fsbl-window-clone" },
+        React.createElement("i", { className: "ff-copy" })));
+};
 //# sourceMappingURL=CloneButton.js.map

package/react/components/windowTitleBar/CloneButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CloneButton.js","sourceRoot":"","sources":["../../../../../src/ui/components/windowTitleBar/CloneButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,mDAAmD,CAAC;AAE5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAEvD,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE;;IAC/B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,KAAK,GAAG,WAAW,CAAC,CAAC,YAAiC,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC;IAC/E,MAAM,UAAU,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;IACjD,MAAM,eAAe,GAAG,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAA,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,0CAAE,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAE3F,IAAI,CAAC,eAAe,EAAE;QACrB,OAAO,yCAAK,CAAC;KACb;IAED,MAAM,eAAe,GAAG,GAAG,EAAE;;QAC5B,QAAQ,CACP,OAAO,CAAC,KAAK,CAAC;YACb,gBAAgB,EAAE,MAAA,MAAM,CAAC,IAAI,mCAAI,EAAE;SACnC,CAAC,CACF,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACN,6BAAK,OAAO,EAAE,eAAe,EAAE,SAAS,EAAC,sBAAsB,EAAC,KAAK,EAAC,OAAO,EAAC,EAAE,EAAC,mBAAmB;QACnG,2BAAG,SAAS,EAAC,SAAS,GAAK,CACtB,CACN,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"CloneButton.js","sourceRoot":"","sources":["../../../../../src/ui/components/windowTitleBar/CloneButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,mDAAmD,CAAC;AAE5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAEvD,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE;;IAC/B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,KAAK,GAAG,WAAW,CAAC,CAAC,YAAiC,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC;IAC/E,MAAM,UAAU,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;IACjD,MAAM,eAAe,GAAG,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAA,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,0CAAE,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAE3F,IAAI,CAAC,eAAe,EAAE,CAAC;QACtB,OAAO,yCAAK,CAAC;IACd,CAAC;IAED,MAAM,eAAe,GAAG,GAAG,EAAE;;QAC5B,QAAQ,CACP,OAAO,CAAC,KAAK,CAAC;YACb,gBAAgB,EAAE,MAAA,MAAM,CAAC,IAAI,mCAAI,EAAE;SACnC,CAAC,CACF,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACN,6BAAK,OAAO,EAAE,eAAe,EAAE,SAAS,EAAC,sBAAsB,EAAC,KAAK,EAAC,OAAO,EAAC,EAAE,EAAC,mBAAmB;QACnG,2BAAG,SAAS,EAAC,SAAS,GAAK,CACtB,CACN,CAAC;AACH,CAAC,CAAC"}

package/react/components/windowTitleBar/CloseButton.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const CloseButton: () => JSX.Element;
+import React from "react";
+export declare const CloseButton: () => React.JSX.Element;
 //# sourceMappingURL=CloseButton.d.ts.map

package/react/components/windowTitleBar/CloseButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CloseButton.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/windowTitleBar/CloseButton.tsx"],"names":[],"mappings":";AAMA,eAAO,MAAM,WAAW,mBAuBvB,CAAC"}
+{"version":3,"file":"CloseButton.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/windowTitleBar/CloseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAM1C,eAAO,MAAM,WAAW,yBAuBvB,CAAC"}

package/react/components/windowTitleBar/CloseButton.js

@@ -1,22 +1,22 @@
-import React, { useContext } from "react";
-import { actions } from "../../../platform/services/window/modules/actions";
-import { WindowNameContext } from "./WindowTitleBarContext";
-import { useDispatch, useSelector } from "react-redux";
-export const CloseButton = () => {
-    var _a;
-    const dispatch = useDispatch();
-    const state = useSelector((currentState) => currentState);
-    const windowName = useContext(WindowNameContext);
-    const showCloseButton = !!(windowName ? (_a = state.windows[windowName]) === null || _a === void 0 ? void 0 : _a.showCloseButton : true);
-    if (!showCloseButton) {
-        return React.createElement(React.Fragment, null);
-    }
-    const closeThisWindow = () => {
-        dispatch(actions.close({
-            windowName: window.name,
-        }));
-    };
-    return (React.createElement("div", { onClick: closeThisWindow, className: "fsbl-icon fsbl-close", title: "Close", id: "fsbl-window-close" },
-        React.createElement("i", { className: "ff-close" })));
-};
+import React, { useContext } from "react";
+import { actions } from "../../../platform/services/window/modules/actions";
+import { WindowNameContext } from "./WindowTitleBarContext";
+import { useDispatch, useSelector } from "react-redux";
+export const CloseButton = () => {
+    var _a;
+    const dispatch = useDispatch();
+    const state = useSelector((currentState) => currentState);
+    const windowName = useContext(WindowNameContext);
+    const showCloseButton = !!(windowName ? (_a = state.windows[windowName]) === null || _a === void 0 ? void 0 : _a.showCloseButton : true);
+    if (!showCloseButton) {
+        return React.createElement(React.Fragment, null);
+    }
+    const closeThisWindow = () => {
+        dispatch(actions.close({
+            windowName: window.name,
+        }));
+    };
+    return (React.createElement("div", { onClick: closeThisWindow, className: "fsbl-icon fsbl-close", title: "Close", id: "fsbl-window-close" },
+        React.createElement("i", { className: "ff-close" })));
+};
 //# sourceMappingURL=CloseButton.js.map

package/react/components/windowTitleBar/CloseButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CloseButton.js","sourceRoot":"","sources":["../../../../../src/ui/components/windowTitleBar/CloseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,mDAAmD,CAAC;AAE5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAEvD,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE;;IAC/B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,KAAK,GAAG,WAAW,CAAC,CAAC,YAAiC,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC;IAC/E,MAAM,UAAU,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;IACjD,MAAM,eAAe,GAAG,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAA,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,0CAAE,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAE3F,IAAI,CAAC,eAAe,EAAE;QACrB,OAAO,yCAAK,CAAC;KACb;IAED,MAAM,eAAe,GAAG,GAAG,EAAE;QAC5B,QAAQ,CACP,OAAO,CAAC,KAAK,CAAC;YACb,UAAU,EAAE,MAAM,CAAC,IAAI;SACvB,CAAC,CACF,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACN,6BAAK,OAAO,EAAE,eAAe,EAAE,SAAS,EAAC,sBAAsB,EAAC,KAAK,EAAC,OAAO,EAAC,EAAE,EAAC,mBAAmB;QACnG,2BAAG,SAAS,EAAC,UAAU,GAAK,CACvB,CACN,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"CloseButton.js","sourceRoot":"","sources":["../../../../../src/ui/components/windowTitleBar/CloseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,mDAAmD,CAAC;AAE5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAEvD,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE;;IAC/B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,KAAK,GAAG,WAAW,CAAC,CAAC,YAAiC,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC;IAC/E,MAAM,UAAU,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;IACjD,MAAM,eAAe,GAAG,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAA,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,0CAAE,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAE3F,IAAI,CAAC,eAAe,EAAE,CAAC;QACtB,OAAO,yCAAK,CAAC;IACd,CAAC;IAED,MAAM,eAAe,GAAG,GAAG,EAAE;QAC5B,QAAQ,CACP,OAAO,CAAC,KAAK,CAAC;YACb,UAAU,EAAE,MAAM,CAAC,IAAI;SACvB,CAAC,CACF,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACN,6BAAK,OAAO,EAAE,eAAe,EAAE,SAAS,EAAC,sBAAsB,EAAC,KAAK,EAAC,OAAO,EAAC,EAAE,EAAC,mBAAmB;QACnG,2BAAG,SAAS,EAAC,UAAU,GAAK,CACvB,CACN,CAAC;AACH,CAAC,CAAC"}

package/react/components/windowTitleBar/GroupingButton.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const GroupingButton: () => JSX.Element;
+import React from "react";
+export declare const GroupingButton: () => React.JSX.Element;
 //# sourceMappingURL=GroupingButton.d.ts.map

package/react/components/windowTitleBar/GroupingButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GroupingButton.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/windowTitleBar/GroupingButton.tsx"],"names":[],"mappings":";AAMA,eAAO,MAAM,cAAc,mBA2B1B,CAAC"}
+{"version":3,"file":"GroupingButton.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/windowTitleBar/GroupingButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAM1C,eAAO,MAAM,cAAc,yBA2B1B,CAAC"}

package/react/components/windowTitleBar/GroupingButton.js

@@ -1,25 +1,25 @@
-import React, { useContext } from "react";
-import { actions } from "../../../platform/services/window/modules/actions";
-import { WindowNameContext } from "./WindowTitleBarContext";
-import { useDispatch, useSelector } from "react-redux";
-export const GroupingButton = () => {
-    var _a, _b;
-    const dispatch = useDispatch();
-    const state = useSelector((currentState) => currentState);
-    const windowName = useContext(WindowNameContext);
-    const isGrouped = !!(windowName ? (_a = state.windows[windowName]) === null || _a === void 0 ? void 0 : _a.isGrouped : false);
-    const groupable = !!(windowName ? (_b = state.windows[windowName]) === null || _b === void 0 ? void 0 : _b.groupable : false);
-    if (!groupable)
-        return React.createElement(React.Fragment, null);
-    const iconClass = `ff-${isGrouped ? "attached" : "detached"}`;
-    const wrapClasses = `fsbl-icon fsbl-icon-bordered docking-control${isGrouped ? " fsbl-icon-highlighted" : ""}`;
-    const toolTip = isGrouped ? "Detach Window" : "Attach Windows";
-    const setGrouped = () => {
-        dispatch(actions.setGrouped({
-            toggleState: !isGrouped,
-        }));
-    };
-    return (React.createElement("div", { className: wrapClasses, id: "fsbl-window-ejector", title: toolTip, onClick: setGrouped },
-        React.createElement("i", { className: iconClass })));
-};
+import React, { useContext } from "react";
+import { actions } from "../../../platform/services/window/modules/actions";
+import { WindowNameContext } from "./WindowTitleBarContext";
+import { useDispatch, useSelector } from "react-redux";
+export const GroupingButton = () => {
+    var _a, _b;
+    const dispatch = useDispatch();
+    const state = useSelector((currentState) => currentState);
+    const windowName = useContext(WindowNameContext);
+    const isGrouped = !!(windowName ? (_a = state.windows[windowName]) === null || _a === void 0 ? void 0 : _a.isGrouped : false);
+    const groupable = !!(windowName ? (_b = state.windows[windowName]) === null || _b === void 0 ? void 0 : _b.groupable : false);
+    if (!groupable)
+        return React.createElement(React.Fragment, null);
+    const iconClass = `ff-${isGrouped ? "attached" : "detached"}`;
+    const wrapClasses = `fsbl-icon fsbl-icon-bordered docking-control${isGrouped ? " fsbl-icon-highlighted" : ""}`;
+    const toolTip = isGrouped ? "Detach Window" : "Attach Windows";
+    const setGrouped = () => {
+        dispatch(actions.setGrouped({
+            toggleState: !isGrouped,
+        }));
+    };
+    return (React.createElement("div", { className: wrapClasses, id: "fsbl-window-ejector", title: toolTip, onClick: setGrouped },
+        React.createElement("i", { className: iconClass })));
+};
 //# sourceMappingURL=GroupingButton.js.map

package/react/components/windowTitleBar/LinkerButton.d.ts

@@ -1,7 +1,11 @@
-/// <reference types="react" />
-interface LinkerButtonProps {
-    enableKeyboardShortcut?: boolean;
-}
-export declare const LinkerButton: ({ enableKeyboardShortcut }: LinkerButtonProps) => JSX.Element;
-export {};
+/*!
+ * Copyright 2017 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+import React from "react";
+interface LinkerButtonProps {
+    enableKeyboardShortcut?: boolean;
+}
+export declare const LinkerButton: ({ enableKeyboardShortcut }: LinkerButtonProps) => React.JSX.Element;
+export {};
 //# sourceMappingURL=LinkerButton.d.ts.map

package/react/components/windowTitleBar/LinkerButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LinkerButton.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/windowTitleBar/LinkerButton.tsx"],"names":[],"mappings":";AAcA,UAAU,iBAAiB;IAC1B,sBAAsB,CAAC,EAAE,OAAO,CAAC;CACjC;AAyJD,eAAO,MAAM,YAAY,+BAAuC,iBAAiB,gBAEhF,CAAC"}
+{"version":3,"file":"LinkerButton.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/windowTitleBar/LinkerButton.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAsC,MAAM,OAAO,CAAC;AAU3D,UAAU,iBAAiB;IAC1B,sBAAsB,CAAC,EAAE,OAAO,CAAC;CACjC;AAyJD,eAAO,MAAM,YAAY,+BAAuC,iBAAiB,sBAEhF,CAAC"}