@finsemble/finsemble-ui 6.2.0 → 6.3.0-beta.20211008

package/react/components/windowTitleBar/components/right/MinimizeButton.d.ts

@@ -1,28 +1,15 @@
-export class MinimizeButton extends React.Component<any, any, any> {
-    static contextType: React.Context<{
-        useDOMBasedMovement: boolean;
-        showLinkerButton: boolean;
-        showShareButton: boolean;
-        showTabRegion: boolean;
-        showDockingButton: boolean;
-        showAlwaysOnTopButton: boolean;
-        showMinimizeButton: boolean;
-        showMaximizeButton: boolean;
-        showCloseButton: boolean;
-        setTabRef: any;
-        onTabDropped: any;
-        thisWindowTitle: string;
-        boundingBox: any;
-        listenForDragOver: any;
-        tabs: any;
-        onTitleUpdated: any;
-        setToolbarRight: any;
-        showTabs: boolean;
-        alwaysOnTop: boolean;
-    }>;
-    constructor(props: any);
+import * as React from "react";
+interface IProps {
+}
+interface IState {
+    hoverState: string;
+}
+export declare class MinimizeButton extends React.Component<IProps, IState> {
+    static contextType: React.Context<import("../../windowTitleBarContext").WindowTitleBarContextType>;
+    constructor(props: IProps);
     bindCorrectContext(): void;
-    hoverAction(newHoverState: any): void;
     onClick(): void;
+    hoverAction(newHoverState: string): void;
+    render(): JSX.Element;
 }
-import * as React from "react";
+export {};

package/react/components/windowTitleBar/components/right/MinimizeButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"MinimizeButton.js","sourceRoot":"","sources":["../../../../../src/components/windowTitleBar/components/right/MinimizeButton.jsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,sBAAsB,EAAE,MAAM,gDAAgD,CAAC;AACxF,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAY,OAAO,IAAI,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAEtF,MAAM,OAAO,cAAe,SAAQ,KAAK,CAAC,SAAS;IAGlD,YAAY,KAAK;QAChB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC1B,IAAI,CAAC,KAAK,GAAG,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC;IACtC,CAAC;IAOD,kBAAkB;QACjB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAChD,CAAC;IAOD,OAAO;QACN,aAAa,CAAC,aAAa,EAAE,CAAC;IAC/B,CAAC;IAQD,WAAW,CAAC,aAAa;QACxB,IAAI,CAAC,QAAQ,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC,CAAC;IAC9C,CAAC;IAQD,MAAM;QACL,OAAO,CACN,0CACE,IAAI,CAAC,OAAO,CAAC,kBAAkB,IAAI,CACnC,6BACC,SAAS,EAAC,yBAAyB,EACnC,EAAE,EAAC,sBAAsB,gBACb,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,KAAK,EAAC,UAAU,EAChB,OAAO,EAAE,IAAI,CAAC,OAAO;YAErB,oBAAC,sBAAsB,IAAC,IAAI,EAAC,KAAK,EAAC,WAAW,EAAE,IAAI,CAAC,WAAW,GAAI;YACpE,2BAAG,SAAS,EAAC,aAAa,GAAK,CAC1B,CACN,CACC,CACH,CAAC;IACH,CAAC;;AA3DM,0BAAW,GAAG,qBAAqB,CAAC","sourcesContent":["/*!\r\n * Copyright 2017 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\nimport * as React from \"react\";\r\nimport { FinsembleHoverDetector } from \"../../../legacyControls/FinsembleHoverDetector\";\r\nimport { WindowTitleBarContext } from \"../../windowTitleBarContext\";\r\nimport { getStore, Actions as HeaderActions } from \"../../stores/windowTitleBarStore\";\r\n\r\nexport class MinimizeButton extends React.Component {\r\n\tstatic contextType = WindowTitleBarContext;\r\n\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.bindCorrectContext();\r\n\t\tthis.state = { hoverState: \"false\" };\r\n\t}\r\n\r\n\t/**\r\n\t * This is necessary to make sure that the `this` inside of the callback is correct.\r\n\t *\r\n\t * @memberof MinimizeButton\r\n\t */\r\n\tbindCorrectContext() {\r\n\t\tthis.hoverAction = this.hoverAction.bind(this);\r\n\t}\r\n\r\n\t/**\r\n\t * Invoked when the user clicks the minimize button.\r\n\t *\r\n\t * @memberof MinimizeButton\r\n\t */\r\n\tonClick() {\r\n\t\tHeaderActions.clickMinimize();\r\n\t}\r\n\r\n\t/**\r\n\t * When your mouse enters/leaves the hoverDetector, this function is invoked.\r\n\t *\r\n\t * @param {any} newHoverState\r\n\t * @memberof LinkerButton\r\n\t */\r\n\thoverAction(newHoverState) {\r\n\t\tthis.setState({ hoverState: newHoverState });\r\n\t}\r\n\r\n\t/**\r\n\t * Render method.\r\n\t *\r\n\t * @returns\r\n\t * @memberof MinimizeButton\r\n\t */\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<>\r\n\t\t\t\t{this.context.showMinimizeButton && (\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclassName=\"fsbl-icon fsbl-minimize\"\r\n\t\t\t\t\t\tid=\"fsbl-window-minimize\"\r\n\t\t\t\t\t\tdata-hover={this.state.hoverState}\r\n\t\t\t\t\t\ttitle=\"Minimize\"\r\n\t\t\t\t\t\tonClick={this.onClick}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<FinsembleHoverDetector edge=\"top\" hoverAction={this.hoverAction} />\r\n\t\t\t\t\t\t<i className=\"ff-minimize\"></i>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t</>\r\n\t\t);\r\n\t}\r\n}\r\n"]}
+{"version":3,"file":"MinimizeButton.js","sourceRoot":"","sources":["../../../../../src/components/windowTitleBar/components/right/MinimizeButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,sBAAsB,EAAE,MAAM,gDAAgD,CAAC;AACxF,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAO5E,MAAM,OAAO,cAAe,SAAQ,KAAK,CAAC,SAAyB;IAGlE,YAAY,KAAa;QACxB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC1B,IAAI,CAAC,KAAK,GAAG,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC;IACtC,CAAC;IAOD,kBAAkB;QACjB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAChD,CAAC;IAOD,OAAO;QACN,aAAa,CAAC,aAAa,EAAE,CAAC;IAC/B,CAAC;IAQD,WAAW,CAAC,aAAqB;QAChC,IAAI,CAAC,QAAQ,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC,CAAC;IAC9C,CAAC;IAQD,MAAM;QACL,OAAO,CACN,0CACE,IAAI,CAAC,OAAO,CAAC,kBAAkB,IAAI,CACnC,6BACC,SAAS,EAAC,yBAAyB,EACnC,EAAE,EAAC,sBAAsB,gBACb,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,KAAK,EAAC,UAAU,EAChB,OAAO,EAAE,IAAI,CAAC,OAAO;YAErB,oBAAC,sBAAsB,IAAC,IAAI,EAAC,KAAK,EAAC,WAAW,EAAE,IAAI,CAAC,WAAW,GAAI;YACpE,2BAAG,SAAS,EAAC,aAAa,GAAK,CAC1B,CACN,CACC,CACH,CAAC;IACH,CAAC;;AA3DM,0BAAW,GAAG,qBAAqB,CAAC","sourcesContent":["/*!\r\n * Copyright 2017 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\nimport * as React from \"react\";\r\nimport { FinsembleHoverDetector } from \"../../../legacyControls/FinsembleHoverDetector\";\r\nimport { WindowTitleBarContext } from \"../../windowTitleBarContext\";\r\nimport { Actions as HeaderActions } from \"../../stores/windowTitleBarStore\";\r\n\r\ninterface IProps {}\r\ninterface IState {\r\n\thoverState: string;\r\n}\r\n\r\nexport class MinimizeButton extends React.Component<IProps, IState> {\r\n\tstatic contextType = WindowTitleBarContext;\r\n\r\n\tconstructor(props: IProps) {\r\n\t\tsuper(props);\r\n\t\tthis.bindCorrectContext();\r\n\t\tthis.state = { hoverState: \"false\" };\r\n\t}\r\n\r\n\t/**\r\n\t * This is necessary to make sure that the `this` inside of the callback is correct.\r\n\t *\r\n\t * @memberof MinimizeButton\r\n\t */\r\n\tbindCorrectContext() {\r\n\t\tthis.hoverAction = this.hoverAction.bind(this);\r\n\t}\r\n\r\n\t/**\r\n\t * Invoked when the user clicks the minimize button.\r\n\t *\r\n\t * @memberof MinimizeButton\r\n\t */\r\n\tonClick() {\r\n\t\tHeaderActions.clickMinimize();\r\n\t}\r\n\r\n\t/**\r\n\t * When your mouse enters/leaves the hoverDetector, this function is invoked.\r\n\t *\r\n\t * @param {string} newHoverState\r\n\t * @memberof MinimizeButton\r\n\t */\r\n\thoverAction(newHoverState: string) {\r\n\t\tthis.setState({ hoverState: newHoverState });\r\n\t}\r\n\r\n\t/**\r\n\t * Render method.\r\n\t *\r\n\t * @returns\r\n\t * @memberof MinimizeButton\r\n\t */\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<>\r\n\t\t\t\t{this.context.showMinimizeButton && (\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclassName=\"fsbl-icon fsbl-minimize\"\r\n\t\t\t\t\t\tid=\"fsbl-window-minimize\"\r\n\t\t\t\t\t\tdata-hover={this.state.hoverState}\r\n\t\t\t\t\t\ttitle=\"Minimize\"\r\n\t\t\t\t\t\tonClick={this.onClick}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<FinsembleHoverDetector edge=\"top\" hoverAction={this.hoverAction} />\r\n\t\t\t\t\t\t<i className=\"ff-minimize\"></i>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t</>\r\n\t\t);\r\n\t}\r\n}\r\n"]}

package/react/components/windowTitleBar/components/windowTitle.js

@@ -13,11 +13,16 @@ export class Title extends Component {
     async getTitle(e = null, identifier = this.props.windowIdentifier) {
         let { wrap: win } = await FSBL.FinsembleWindow.getInstance(identifier);
         win.getOptions((err, data) => {
-            const title = data.title || win.name;
-            const icon = iconFromConfig(data?.customData?.foreign?.components?.Toolbar, title);
-            this.setState({
-                title,
-                icon,
+            var _a, _b, _c;
+            let title = data.title || win.name;
+            const icon = iconFromConfig((_c = (_b = (_a = data === null || data === void 0 ? void 0 : data.customData) === null || _a === void 0 ? void 0 : _a.foreign) === null || _b === void 0 ? void 0 : _b.components) === null || _c === void 0 ? void 0 : _c.Toolbar, title);
+            win.getComponentState({ field: "persistedTitle" }, (error, persistedTitle) => {
+                if (persistedTitle)
+                    title = persistedTitle;
+                this.setState({
+                    title,
+                    icon,
+                });
             });
         });
     }
@@ -48,7 +53,7 @@ export class Title extends Component {
         let { titleWidth } = this.props;
         let style = titleWidth ? { width: titleWidth } : {};
         return (React.createElement("div", { className: "fsbl-tab-title", style: style },
-            this.state.icon && React.createElement(Icon, { ...this.state.icon }),
+            this.state.icon && React.createElement(Icon, Object.assign({}, this.state.icon)),
             React.createElement("div", { className: "title-text" }, this.state.title)));
     }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"windowTitle.js","sourceRoot":"","sources":["../../../../src/components/windowTitleBar/components/windowTitle.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { Component } from \"react\";\r\n// TODO, this stuff shouldn't be in toolbar folder\r\nimport { Icon } from \"../../icon/Icon\";\r\nimport { iconFromConfig } from \"../../icon/Icon\";\r\n\r\ntype TitleProps = {\r\n\twindowIdentifier: any;\r\n\tonUpdate?: Function;\r\n\ttitleWidth?: number;\r\n};\r\n\r\ntype TitleState = {\r\n\ttitle: string | undefined;\r\n\ticon: any;\r\n};\r\n\r\nexport class Title extends Component<TitleProps, TitleState> {\r\n\tconstructor(props: TitleProps) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\ttitle: finsembleWindow.name,\r\n\t\t\ticon: null,\r\n\t\t};\r\n\t\tthis.getTitle = this.getTitle.bind(this);\r\n\t}\r\n\r\n\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n\tasync getTitle(e = null, identifier = this.props.windowIdentifier) {\r\n\t\tlet { wrap: win } = await FSBL.FinsembleWindow.getInstance(identifier);\r\n\r\n\t\twin.getOptions((err: any, data: any) => {\r\n\t\t\tconst title = data.title || win.name;\r\n\t\t\tconst icon = iconFromConfig(data?.customData?.foreign?.components?.Toolbar, title);\r\n\r\n\t\t\tthis.setState({\r\n\t\t\t\ttitle,\r\n\t\t\t\ticon,\r\n\t\t\t});\r\n\t\t});\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tthis.getTitle();\r\n\t}\r\n\r\n\t// Triggers a re-rendering of the drag handle in the title bar.\r\n\tcomponentDidUpdate() {\r\n\t\tif (typeof this.props.onUpdate === \"function\") {\r\n\t\t\tthis.props.onUpdate();\r\n\t\t}\r\n\t}\r\n\r\n\tUNSAFE_componentWillMount() {\r\n\t\tFSBL.FinsembleWindow.getInstance(this.props.windowIdentifier, (e: any, win: any) => {\r\n\t\t\twin.addEventListener(\"title-changed\", this.getTitle);\r\n\t\t});\r\n\t}\r\n\r\n\tcomponentWillUnmount() {\r\n\t\tFSBL.FinsembleWindow.getInstance(this.props.windowIdentifier, (e: any, win: any) => {\r\n\t\t\twin.removeEventListener(\"title-changed\", this.getTitle);\r\n\t\t});\r\n\t}\r\n\r\n\tUNSAFE_componentWillReceiveProps(nextProps: any) {\r\n\t\t// We only need to re-render the logo if the name of the component changes. Otherwise excessive calls to getOptions\r\n\t\tif (nextProps.windowIdentifier.windowName !== this.props.windowIdentifier.windowName) {\r\n\t\t\tthis.getTitle(null, nextProps.windowIdentifier);\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tlet { titleWidth } = this.props;\r\n\t\tlet style = titleWidth ? { width: titleWidth } : {};\r\n\t\treturn (\r\n\t\t\t<div className=\"fsbl-tab-title\" style={style}>\r\n\t\t\t\t{this.state.icon && <Icon {...this.state.icon} />}\r\n\t\t\t\t{/* @todo, figure out where we're setting the title to an empty object.... */}\r\n\t\t\t\t<div className=\"title-text\">{this.state.title}</div>\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n}\r\n"]}
+{"version":3,"file":"windowTitle.js","sourceRoot":"","sources":["../../../../src/components/windowTitleBar/components/windowTitle.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { Component } from \"react\";\r\n// TODO, this stuff shouldn't be in toolbar folder\r\nimport { Icon } from \"../../icon/Icon\";\r\nimport { iconFromConfig } from \"../../icon/Icon\";\r\n\r\ntype TitleProps = {\r\n\twindowIdentifier: any;\r\n\tonUpdate?: Function;\r\n\ttitleWidth?: number;\r\n};\r\n\r\ntype TitleState = {\r\n\ttitle: string | undefined;\r\n\ticon: any;\r\n};\r\n\r\nexport class Title extends Component<TitleProps, TitleState> {\r\n\tconstructor(props: TitleProps) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\ttitle: finsembleWindow.name,\r\n\t\t\ticon: null,\r\n\t\t};\r\n\t\tthis.getTitle = this.getTitle.bind(this);\r\n\t}\r\n\r\n\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n\tasync getTitle(e = null, identifier = this.props.windowIdentifier) {\r\n\t\tlet { wrap: win } = await FSBL.FinsembleWindow.getInstance(identifier);\r\n\t\twin.getOptions((err: any, data: any) => {\r\n\t\t\tlet title = data.title || win.name;\r\n\t\t\tconst icon = iconFromConfig(data?.customData?.foreign?.components?.Toolbar, title);\r\n\t\t\twin.getComponentState({ field: \"persistedTitle\" }, (error, persistedTitle: any) => {\r\n\t\t\t\tif (persistedTitle) title = persistedTitle;\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\ttitle,\r\n\t\t\t\t\ticon,\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t});\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tthis.getTitle();\r\n\t}\r\n\r\n\t// Triggers a re-rendering of the drag handle in the title bar.\r\n\tcomponentDidUpdate() {\r\n\t\tif (typeof this.props.onUpdate === \"function\") {\r\n\t\t\tthis.props.onUpdate();\r\n\t\t}\r\n\t}\r\n\r\n\tUNSAFE_componentWillMount() {\r\n\t\tFSBL.FinsembleWindow.getInstance(this.props.windowIdentifier, (e: any, win: any) => {\r\n\t\t\twin.addEventListener(\"title-changed\", this.getTitle);\r\n\t\t});\r\n\t}\r\n\r\n\tcomponentWillUnmount() {\r\n\t\tFSBL.FinsembleWindow.getInstance(this.props.windowIdentifier, (e: any, win: any) => {\r\n\t\t\twin.removeEventListener(\"title-changed\", this.getTitle);\r\n\t\t});\r\n\t}\r\n\r\n\tUNSAFE_componentWillReceiveProps(nextProps: any) {\r\n\t\t// We only need to re-render the logo if the name of the component changes. Otherwise excessive calls to getOptions\r\n\t\tif (nextProps.windowIdentifier.windowName !== this.props.windowIdentifier.windowName) {\r\n\t\t\tthis.getTitle(null, nextProps.windowIdentifier);\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tlet { titleWidth } = this.props;\r\n\t\tlet style = titleWidth ? { width: titleWidth } : {};\r\n\t\treturn (\r\n\t\t\t<div className=\"fsbl-tab-title\" style={style}>\r\n\t\t\t\t{this.state.icon && <Icon {...this.state.icon} />}\r\n\t\t\t\t{/* @todo, figure out where we're setting the title to an empty object.... */}\r\n\t\t\t\t<div className=\"title-text\">{this.state.title}</div>\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n}\r\n"]}

package/react/components/windowTitleBar/stores/windowTitleBarStore.d.ts

@@ -1,51 +1,58 @@
-export const storeManager: StoreManager;
-export function initialize(cb: any): void;
-declare var windowTitleBarStore: any;
-export namespace Actions {
-    function initialize(): void;
-    function getMyDockingGroups(groupData: any): any[];
-    function onTabListScrollPositionChanged(err: any, response: any): void;
-    function setTabListScrollPosition(translateX: any): void;
-    function remoteStateUpdate(command: any, state: any): void;
-    function clickMinimize(): void;
-    function clickClose(): void;
-    function toggleGroup(): void;
-    function clickMaximize(): void;
-    function getTabs(): any;
-    function getTabs(): any;
-    function _setTabs(tabs: any): any;
-    function _setTabs(tabs: any): any;
-    function addTabLocally(windowIdentifier: any, i: any): void;
-    function removeTabsLocally(): void;
-    function removeTabLocally(windowIdentifier: any): void;
-    function reorderTabLocally(tab: any, newIndex: any): void;
-    function addTab(windowIdentifier: any, i: any): any;
-    function removeTab(windowIdentifier: any, i: any): any;
-    function closeTab(windowIdentifier: any): void;
-    function reorderTab(tab: any, newIndex: any): any;
-    function findTab(tab: any): {
-        tab: any;
-        currentIndex: any;
+import { StandardCallback } from "@finsemble/finsemble-core/types/types";
+import { FinsembleWindow, WindowIdentifier } from "@finsemble/finsemble-core";
+import StoreModel from "@finsemble/finsemble-core/types/clients/StoreModel";
+declare let windowTitleBarStore: StoreModel;
+declare type ActionsType = {
+    parentWrapperStore: any;
+    parentSubscriptions: any[];
+    parentWrapper: FinsembleWindow | null;
+    initialize: () => void;
+    getMyDockingGroups: (groupData: any) => any[];
+    onTabListScrollPositionChanged: StandardCallback;
+    setTabListScrollPosition: (translateX: number) => void;
+    remoteStateUpdate: (command: string, state: any) => void;
+    clickMinimize: () => void;
+    clickClose: () => void;
+    toggleGroup: () => void;
+    clickMaximize: () => void;
+    getTabs: () => WindowIdentifier[];
+    _setTabs: (tabs: WindowIdentifier[] | null) => any;
+    addTabLocally: (windowIdentifier: WindowIdentifier, i: number) => void;
+    removeTabsLocally: () => void;
+    removeTabLocally: (windowIdentifier: WindowIdentifier) => void;
+    reorderTabLocally: (tab: WindowIdentifier, newIndex: number) => undefined | any;
+    addTab: (windowIdentifier: WindowIdentifier, i: number) => any;
+    removeTab: (windowIdentifier: WindowIdentifier, i: number) => any;
+    closeTab: (windowIdentifier: WindowIdentifier) => void;
+    reorderTab: (tab: WindowIdentifier, newIndex: number) => any;
+    findTab: (tab: WindowIdentifier) => {
+        tab: WindowIdentifier;
+        currentIndex: number;
     };
-    function setActiveTab(windowIdentifier: any): any;
-    const parentWrapper: null;
-    function onTabListChanged(err: any, response: any): void;
-    const parentSubscriptions: never[];
-    function stopListeningOnParentWrapper(cb: any): void;
-    function listenOnParentWrapper(): void;
-    function setupStore(cb?: Function): void;
-    function getInitialTabList(cb?: Function): void;
-    function createParentWrapper(params: any, cb: any): void;
-    function createParentWrapper(params: any, cb: any): void;
-}
-export function getStore(): any;
+    setActiveTab: (windowIdentifier: WindowIdentifier) => Promise<any>;
+    onTabListChanged: StandardCallback;
+    stopListeningOnParentWrapper: (cb: Function) => void;
+    listenOnParentWrapper: () => void;
+    setupStore: (cb?: Function) => void;
+    getInitialTabList: (cb: StandardCallback) => void;
+    createParentWrapper: (params: Object, cb?: Function) => void;
+};
+declare const Actions: ActionsType;
+declare function initialize(cb: Function): void;
+declare let getStore: () => StoreModel;
 declare class StoreManager {
     initialized: boolean;
     initializing: boolean;
-    callbacks: any[];
-    store: any;
+    store: StoreModel | null;
+    callbacks: Function[];
+    constructor();
     initialize(): void;
-    addInitializedListener(cb: any): any;
-    removeInitializedListener(cb: any): void;
+    addInitializedListener(cb: Function): any;
+    removeInitializedListener(cb: Function): void;
 }
+declare const storeManager: StoreManager;
+export { storeManager };
+export { initialize };
 export { windowTitleBarStore as Store };
+export { Actions };
+export { getStore };

package/react/components/windowTitleBar/stores/windowTitleBarStore.js

@@ -1,23 +1,24 @@
 import windowTitleBarStoreDefaults from "./windowTitleBarStoreDefaults";
-var StoreClient;
-var windowTitleBarStore;
-var WindowClient;
-let constants = {};
-var Actions = {
+const getWindowNameForDocking = (finsembleWindow) => {
+    const parent = finsembleWindow.parentWindow;
+    return parent ? parent.name : finsembleWindow.name;
+};
+let windowTitleBarStore;
+let constants;
+const Actions = {
+    parentWrapperStore: null,
     initialize: function () {
+        var _a, _b;
         let { options } = FSBL.Clients.WindowClient;
         let windowTitleBarConfig = options.customData.foreign.components["Window Manager"];
         let { FSBLHeader } = windowTitleBarConfig;
         let self = this;
-        let displayName = null;
-        if (options.customData.component && options.customData.component.displayName) {
-            displayName = options.customData.component.displayName;
-        }
-        WindowClient.headerCommandChannel((command, state) => {
+        const displayName = (_b = (_a = options.customData) === null || _a === void 0 ? void 0 : _a.component) === null || _b === void 0 ? void 0 : _b.displayName;
+        FSBL.Clients.WindowClient.headerCommandChannel((command, state) => {
             this.remoteStateUpdate(command, state);
         });
         if (FSBLHeader) {
-            var max = !!FSBLHeader.hideMaximize;
+            const max = !!FSBLHeader.hideMaximize;
             windowTitleBarStore.setValues([
                 { field: "Maximize.hide", value: max },
                 { field: "Minimize.hide", value: !!FSBLHeader.hideMinimize },
@@ -28,13 +29,13 @@ var Actions = {
                 field: "hackScrollbar",
                 value: windowTitleBarConfig.hackScrollbar !== false,
             });
-            var title = FSBL.Clients.WindowClient.title || windowTitleBarConfig.title || displayName;
+            const title = FSBL.Clients.WindowClient.title || windowTitleBarConfig.title || displayName;
             if (title) {
                 document.title = title;
             }
         }
         if (windowTitleBarConfig.showLinker) {
-            let cb = (err, response) => {
+            const cb = (err, response) => {
                 if (response.channels) {
                     windowTitleBarStore.setValue({
                         field: "Linker.channels",
@@ -64,7 +65,7 @@ var Actions = {
                 },
             ]);
         });
-        var onDockingGroupUpdate = function (err, response) {
+        const onDockingGroupUpdate = function (err, response) {
             if (err || !response.data || !response.data.groupData) {
                 return;
             }
@@ -89,7 +90,7 @@ var Actions = {
             let isSnapped = false;
             let isInMovableGroup = false;
             let isTopRight = false;
-            let windowName = FSBL.Clients.WindowClient.getWindowNameForDocking();
+            let windowName = getWindowNameForDocking(finsembleWindow);
             for (let i = 0; i < myGroups.length; i++) {
                 let myGroup = myGroups[i];
                 if (myGroup.isMovable) {
@@ -121,7 +122,7 @@ var Actions = {
             field: "Main.windowTitle",
             value: FSBL.Clients.WindowClient.getWindowTitle(),
         });
-        FSBL.Clients.ConfigClient.getValues([{ field: "finsemble" }, { field: "finsemble-electron-adapter" }], (err, values) => {
+        const getValuesCallback = (err, values) => {
             const finsembleConfig = values.finsemble;
             const { useDOMBasedMovement } = values["finsemble-electron-adapter"];
             windowTitleBarStore.setValue({
@@ -166,7 +167,7 @@ var Actions = {
                     });
                 }
                 let showTabs = true;
-                finsembleWindow.getOptions((err, opts) => {
+                const getOptionsCallback = (err, opts) => {
                     if (opts.customData && opts.customData.foreign && opts.customData.foreign.services) {
                         if (opts.customData.foreign.services.windowService) {
                             if (opts.customData.foreign.services.windowService.allowTabbing !== undefined) {
@@ -189,11 +190,14 @@ var Actions = {
                         field: "showTabs",
                         value: showTabs,
                     });
-                });
+                };
+                finsembleWindow.getOptions(getOptionsCallback);
             }
-        });
+        };
+        FSBL.Clients.ConfigClient.getValues([{ field: "finsemble" }, { field: "finsemble-electron-adapter" }], getValuesCallback);
         Actions.getInitialTabList((err, values) => {
-            var onParentSet = () => {
+            var _a, _b;
+            const onParentSet = () => {
                 Actions.parentWrapper = null;
                 Actions.getInitialTabList(() => {
                     FSBL.Clients.Logger.system.debug("docking group update after initial tab list");
@@ -206,7 +210,7 @@ var Actions = {
                     });
                 });
             };
-            var onParentCleared = () => {
+            const onParentCleared = () => {
                 Actions.parentWrapper = null;
                 FSBL.Clients.Logger.system.debug("ClearParent, setting tabs to null");
                 Actions.stopListeningOnParentWrapper(() => {
@@ -221,8 +225,8 @@ var Actions = {
                     });
                 });
             };
-            FSBL.Clients.WindowClient.finsembleWindow.addListener("setParent", onParentSet);
-            FSBL.Clients.WindowClient.finsembleWindow.addListener("clearParent", onParentCleared);
+            (_a = FSBL.Clients.WindowClient.finsembleWindow) === null || _a === void 0 ? void 0 : _a.addListener("setParent", onParentSet);
+            (_b = FSBL.Clients.WindowClient.finsembleWindow) === null || _b === void 0 ? void 0 : _b.addListener("clearParent", onParentCleared);
             if (err) {
                 return FSBL.Clients.Logger.error("Error in getInitialTabList.", err);
             }
@@ -231,14 +235,15 @@ var Actions = {
         });
     },
     getMyDockingGroups: function (groupData) {
+        var _a, _b;
         let myGroups = [];
-        let windowName = FSBL.Clients.WindowClient.getWindowNameForDocking();
-        if (FSBL.Clients.WindowClient.finsembleWindow.parentWindow) {
-            windowName = FSBL.Clients.WindowClient.finsembleWindow.parentWindow.name;
+        let windowName = getWindowNameForDocking(finsembleWindow);
+        if ((_a = FSBL.Clients.WindowClient.finsembleWindow) === null || _a === void 0 ? void 0 : _a.parentWindow) {
+            windowName = (_b = FSBL.Clients.WindowClient.finsembleWindow) === null || _b === void 0 ? void 0 : _b.parentWindow.name;
         }
         FSBL.Clients.Logger.system.debug("Getting docking groups for ", windowName, groupData);
         if (groupData) {
-            for (var groupName in groupData) {
+            for (let groupName in groupData) {
                 groupData[groupName].groupName = groupName;
                 if (groupData[groupName].windowNames.includes(windowName)) {
                     myGroups.push(groupData[groupName]);
@@ -259,28 +264,23 @@ var Actions = {
         });
     },
     remoteStateUpdate: function (command, state) {
-        var key = Object.keys(state)[0];
-        var field = `${command}.${key}`;
+        const key = Object.keys(state)[0];
+        const field = `${command}.${key}`;
         windowTitleBarStore.setValue({ field: field, value: state[key] });
     },
     clickMinimize: function () {
-        var isGrouped = windowTitleBarStore.getValue({ field: "isGrouped" });
-        if (isGrouped) {
-            FSBL.Clients.WindowClient.minimizeWithDockedWindows();
-        }
-        else {
-            FSBL.Clients.WindowClient.minimize();
-        }
+        FSBL.Clients.WindowClient.minimize(() => { });
     },
     clickClose: function () {
         FSBL.Clients.WindowClient.close({
+            closeWindow: true,
             removeFromWorkspace: true,
             userInitiated: true,
         });
     },
     toggleGroup: function () {
-        let groups = windowTitleBarStore.getValue({ field: "Main.dockingGroups" });
-        let isInMovableGroup = groups.some((group) => group.isMovable);
+        const groups = windowTitleBarStore.getValue({ field: "Main.dockingGroups" });
+        const isInMovableGroup = groups.some((group) => group.isMovable);
         if (isInMovableGroup) {
             FSBL.Clients.WindowClient.ejectFromGroup();
         }
@@ -328,7 +328,7 @@ var Actions = {
     },
     removeTabLocally: function (windowIdentifier) {
         let tabs = Actions.getTabs();
-        let i = tabs.findIndex((el) => el.name === windowIdentifier.name && el.uuid === windowIdentifier.uuid);
+        let i = tabs.findIndex((el) => el.windowName === windowIdentifier.windowName && el.uuid === windowIdentifier.uuid);
         tabs.splice(i, 1);
         Actions._setTabs(tabs);
     },
@@ -349,7 +349,8 @@ var Actions = {
         tabs.push(windowIdentifier);
         Actions._setTabs(tabs);
         let callback = () => {
-            Actions.parentWrapper.setVisibleWindow({ windowIdentifier });
+            var _a;
+            (_a = Actions.parentWrapper) === null || _a === void 0 ? void 0 : _a.setVisibleWindow({ windowIdentifier });
         };
         if (!Actions.parentWrapper) {
             return Actions.createParentWrapper({
@@ -361,15 +362,17 @@ var Actions = {
         return Actions.parentWrapper.addWindow({ windowIdentifier, position: i }, callback);
     },
     removeTab: function (windowIdentifier, i) {
-        return Actions.parentWrapper.removeWindow({
+        var _a;
+        return (_a = Actions.parentWrapper) === null || _a === void 0 ? void 0 : _a.removeWindow({
             windowIdentifier,
             position: i,
         });
     },
     closeTab: function (windowIdentifier) {
-        FSBL.FinsembleWindow.getInstance(windowIdentifier, (err, wrap) => {
+        const close = (err, wrap) => {
             wrap.close({ removeFromWorkspace: true });
-        });
+        };
+        FSBL.FinsembleWindow.getInstance(windowIdentifier, close);
     },
     reorderTab: function (tab, newIndex) {
         let tabs = Actions.getTabs();
@@ -413,14 +416,17 @@ var Actions = {
         Actions.parentSubscriptions.push(TABLIST_SUBSCRIPTION);
     },
     setupStore: function (cb = Function.prototype) {
-        constants.PARENT_WRAPPER_UPDATES = `Finsemble.StackedWindow.${Actions.parentWrapper.identifier.windowName}`;
-        constants.CHILD_WINDOW_FIELD = "childWindowIdentifiers";
-        constants.VISIBLE_WINDOW_FIELD = "visibleWindowIdentifier";
-        constants.TAB_SCROLL_POSITION_CHANGED = `${Actions.parentWrapper.name}.tabListTabListScrollPositionChanged`;
+        var _a, _b, _c;
+        constants = {
+            PARENT_WRAPPER_UPDATES: `Finsemble.StackedWindow.${(_b = (_a = Actions.parentWrapper) === null || _a === void 0 ? void 0 : _a.identifier) === null || _b === void 0 ? void 0 : _b.windowName}`,
+            CHILD_WINDOW_FIELD: "childWindowIdentifiers",
+            VISIBLE_WINDOW_FIELD: "visibleWindowIdentifier",
+            TAB_SCROLL_POSITION_CHANGED: `${(_c = Actions.parentWrapper) === null || _c === void 0 ? void 0 : _c.name}.tabListTabListScrollPositionChanged`,
+        };
         Actions.listenOnParentWrapper();
         cb();
     },
-    getInitialTabList: function (cb = Function.prototype) {
+    getInitialTabList: function (cb) {
         finsembleWindow.getParent((err, parentWrapper) => {
             Actions.parentWrapper = parentWrapper;
             if (Actions.parentWrapper) {
@@ -435,13 +441,13 @@ var Actions = {
             }
         });
     },
-    createParentWrapper(params, cb) {
+    createParentWrapper(params, cb = Function.prototype) {
         window.Actions = Actions;
         if (Actions.parentWrapper) {
             cb();
         }
         else {
-            FSBL.Clients.WindowClient.getStackedWindow(params, (err, wrap) => {
+            const getStackedWindowCallback = (err, wrap) => {
                 if (err) {
                     Actions.parentWrapper = null;
                     Actions._setTabs(null);
@@ -450,15 +456,16 @@ var Actions = {
                     Actions.parentWrapper = wrap;
                     Actions.setupStore(cb);
                 }
-            });
+            };
+            FSBL.Clients.WindowClient.getStackedWindow(params, getStackedWindowCallback);
         }
     },
 };
 function initialize(cb) {
-    WindowClient = FSBL.Clients.WindowClient;
-    StoreClient = FSBL.Clients.DistributedStoreClient;
-    StoreClient.createStore({ store: "windowTitleBarStore", values: windowTitleBarStoreDefaults }, (err, store) => {
-        windowTitleBarStore = store;
+    FSBL.Clients.DistributedStoreClient.createStore({ store: "windowTitleBarStore", values: windowTitleBarStoreDefaults }, (err, store) => {
+        if (!err && store) {
+            windowTitleBarStore = store;
+        }
         Actions.initialize();
         return cb(store, Actions);
     });
@@ -468,8 +475,8 @@ class StoreManager {
     constructor() {
         this.initialized = false;
         this.initializing = false;
-        this.callbacks = [];
         this.store = null;
+        this.callbacks = [];
     }
     initialize() {
         if (this.initializing)