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

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

@@ -1,28 +1,15 @@
-export class CloseButton 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 CloseButton 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/CloseButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CloseButton.js","sourceRoot":"","sources":["../../../../../src/components/windowTitleBar/components/right/CloseButton.jsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,sBAAsB,EAAE,MAAM,gDAAgD,CAAC;AACxF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAC5E,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAIpE,MAAM,OAAO,WAAY,SAAQ,KAAK,CAAC,SAAS;IAG/C,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,UAAU,EAAE,CAAC;IAC5B,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,eAAe,IAAI,CAChC,6BACC,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,SAAS,EAAC,sBAAsB,gBACpB,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,KAAK,EAAC,OAAO,EACb,EAAE,EAAC,mBAAmB;YAEtB,oBAAC,sBAAsB,IAAC,IAAI,EAAC,WAAW,EAAC,WAAW,EAAE,IAAI,CAAC,WAAW,GAAI;YAC1E,2BAAG,SAAS,EAAC,UAAU,GAAK,CACvB,CACN,CACC,CACH,CAAC;IACH,CAAC;;AA3DM,uBAAW,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 { Actions as HeaderActions } from \"../../stores/windowTitleBarStore\";\r\nimport { WindowTitleBarContext } from \"../../windowTitleBarContext\";\r\n/**\r\n * Close button, located on the far right of the window Manager.\r\n */\r\nexport class CloseButton 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 CloseButton\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 * Listener invoked when the user clicks the close button.\r\n\t *\r\n\t * @memberof CloseButton\r\n\t */\r\n\tonClick() {\r\n\t\tHeaderActions.clickClose();\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 CloseButton\r\n\t */\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<>\r\n\t\t\t\t{this.context.showCloseButton && (\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tonClick={this.onClick}\r\n\t\t\t\t\t\tclassName=\"fsbl-icon fsbl-close\"\r\n\t\t\t\t\t\tdata-hover={this.state.hoverState}\r\n\t\t\t\t\t\ttitle=\"Close\"\r\n\t\t\t\t\t\tid=\"fsbl-window-close\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<FinsembleHoverDetector edge=\"top right\" hoverAction={this.hoverAction} />\r\n\t\t\t\t\t\t<i className=\"ff-close\"></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":"CloseButton.js","sourceRoot":"","sources":["../../../../../src/components/windowTitleBar/components/right/CloseButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,sBAAsB,EAAE,MAAM,gDAAgD,CAAC;AACxF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAC5E,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AASpE,MAAM,OAAO,WAAY,SAAQ,KAAK,CAAC,SAAyB;IAG/D,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,UAAU,EAAE,CAAC;IAC5B,CAAC;IAQD,WAAW,CAAC,aAAqB;QAChC,IAAI,CAAC,QAAQ,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC,CAAC;IAC9C,CAAC;IAMD,MAAM;QACL,OAAO,CACN,0CACE,IAAI,CAAC,OAAO,CAAC,eAAe,IAAI,CAChC,6BACC,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,SAAS,EAAC,sBAAsB,gBACpB,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,KAAK,EAAC,OAAO,EACb,EAAE,EAAC,mBAAmB;YAEtB,oBAAC,sBAAsB,IAAC,IAAI,EAAC,WAAW,EAAC,WAAW,EAAE,IAAI,CAAC,WAAW,GAAI;YAC1E,2BAAG,SAAS,EAAC,UAAU,GAAK,CACvB,CACN,CACC,CACH,CAAC;IACH,CAAC;;AAzDM,uBAAW,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 { Actions as HeaderActions } from \"../../stores/windowTitleBarStore\";\r\nimport { WindowTitleBarContext } from \"../../windowTitleBarContext\";\r\n\r\ninterface IProps {}\r\ninterface IState {\r\n\thoverState: string;\r\n}\r\n/**\r\n * Close button, located on the far right of the window Manager.\r\n */\r\nexport class CloseButton 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 CloseButton\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 * Listener invoked when the user clicks the close button.\r\n\t *\r\n\t * @memberof CloseButton\r\n\t */\r\n\tonClick() {\r\n\t\tHeaderActions.clickClose();\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: string) {\r\n\t\tthis.setState({ hoverState: newHoverState });\r\n\t}\r\n\r\n\t/**\r\n\t * Render method\r\n\t * @memberof CloseButton\r\n\t */\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<>\r\n\t\t\t\t{this.context.showCloseButton && (\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tonClick={this.onClick}\r\n\t\t\t\t\t\tclassName=\"fsbl-icon fsbl-close\"\r\n\t\t\t\t\t\tdata-hover={this.state.hoverState}\r\n\t\t\t\t\t\ttitle=\"Close\"\r\n\t\t\t\t\t\tid=\"fsbl-window-close\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<FinsembleHoverDetector edge=\"top right\" hoverAction={this.hoverAction} />\r\n\t\t\t\t\t\t<i className=\"ff-close\"></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/right/GroupingButton.d.ts

@@ -1,29 +1,20 @@
-export class GroupingButton 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 {
+    showDockingTooltip: boolean;
+    dockingIcon: string | false;
+    hoverState: string;
+}
+export declare class GroupingButton extends React.Component<IProps, IState> {
+    static contextType: React.Context<import("../../windowTitleBarContext").WindowTitleBarContextType>;
+    constructor(props: IProps);
     bindEventHandlers(): void;
-    onClick(): void;
+    UNSAFE_componentWillMount(): void;
+    componentWillUnmount(): void;
     onStoreChanged(err: any, response: any): void;
-    hoverAction(newHoverState: any): void;
+    hoverAction(newHoverState: string): void;
+    onClick(): void;
+    render(): JSX.Element;
 }
-import * as React from "react";
+export {};

package/react/components/windowTitleBar/components/right/GroupingButton.js

@@ -20,10 +20,10 @@ export class GroupingButton extends React.Component {
         this.hoverAction = this.hoverAction.bind(this);
     }
     UNSAFE_componentWillMount() {
-        windowTitleBarStore.addListeners([{ field: "Main.dockingIcon", listener: this.onStoreChanged }]);
+        windowTitleBarStore.addListener({ field: "Main.dockingIcon" }, this.onStoreChanged);
     }
     componentWillUnmount() {
-        windowTitleBarStore.removeListeners([{ field: "Main.dockingIcon", listener: this.onStoreChanged }]);
+        windowTitleBarStore.removeListener({ field: "Main.dockingIcon" }, this.onStoreChanged);
     }
     onStoreChanged(err, response) {
         this.setState({ dockingIcon: response.value });

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

@@ -1 +1 @@
-{"version":3,"file":"GroupingButton.js","sourceRoot":"","sources":["../../../../../src/components/windowTitleBar/components/right/GroupingButton.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,EAAE,QAAQ,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACtF,IAAI,mBAAmB,CAAC;AAExB,MAAM,OAAO,cAAe,SAAQ,KAAK,CAAC,SAAS;IAGlD,YAAY,KAAK;QAChB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAIzB,mBAAmB,GAAG,QAAQ,EAAE,CAAC;QACjC,IAAI,CAAC,KAAK,GAAG;YACZ,kBAAkB,EAAE,KAAK;YACzB,WAAW,EAAE,mBAAmB,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,kBAAkB,EAAE,CAAC;YACxE,UAAU,EAAE,OAAO;SACnB,CAAC;IACH,CAAC;IAMD,iBAAiB;QAChB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACvC,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACrD,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAChD,CAAC;IAMD,yBAAyB;QACxB,mBAAmB,CAAC,YAAY,CAAC,CAAC,EAAE,KAAK,EAAE,kBAAkB,EAAE,QAAQ,EAAE,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC;IAClG,CAAC;IAMD,oBAAoB;QACnB,mBAAmB,CAAC,eAAe,CAAC,CAAC,EAAE,KAAK,EAAE,kBAAkB,EAAE,QAAQ,EAAE,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC;IACrG,CAAC;IAQD,cAAc,CAAC,GAAG,EAAE,QAAQ;QAC3B,IAAI,CAAC,QAAQ,CAAC,EAAE,WAAW,EAAE,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC;IAChD,CAAC;IAQD,WAAW,CAAC,aAAa;QACxB,IAAI,CAAC,QAAQ,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC,CAAC;IAC9C,CAAC;IAOD,OAAO;QACN,aAAa,CAAC,WAAW,EAAE,CAAC;IAC7B,CAAC;IAOD,MAAM;QACL,IAAI,SAAS,GAAG,KAAK,CAAC;QACtB,IAAI,WAAW,GAAG,8CAA8C,CAAC;QAEjE,SAAS,GAAG,SAAS,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;QACzF,IAAI,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gBAAgB,CAAC;QAExF,IAAI,SAAS,KAAK,aAAa,EAAE;YAChC,WAAW,GAAG,GAAG,WAAW,wBAAwB,CAAC;SACrD;QAED,OAAO,CACN,0CACE,IAAI,CAAC,OAAO,CAAC,iBAAiB,IAAI,CAClC,6BACC,SAAS,EAAE,WAAW,EACtB,EAAE,EAAC,qBAAqB,EACxB,KAAK,EAAE,OAAO,gBACF,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,OAAO,EAAE,IAAI,CAAC,OAAO;YAErB,oBAAC,sBAAsB,IAAC,IAAI,EAAC,KAAK,EAAC,WAAW,EAAE,IAAI,CAAC,WAAW,GAAI;YACpE,2BAAG,SAAS,EAAE,SAAS,GAAM,CACxB,CACN,CACC,CACH,CAAC;IACH,CAAC;;AAvGM,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\nlet windowTitleBarStore;\r\n\r\nexport class GroupingButton extends React.Component {\r\n\tstatic contextType = WindowTitleBarContext;\r\n\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.bindEventHandlers();\r\n\t\t/**\r\n\t\t * We assign in the constructor instead of via a require at the top of the file because the store is initialized asynchronously.\r\n\t\t */\r\n\t\twindowTitleBarStore = getStore();\r\n\t\tthis.state = {\r\n\t\t\tshowDockingTooltip: false,\r\n\t\t\tdockingIcon: windowTitleBarStore.getValue({ field: \"Main.dockingIcon\" }),\r\n\t\t\thoverState: \"false\",\r\n\t\t};\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 */\r\n\tbindEventHandlers() {\r\n\t\tthis.onClick = this.onClick.bind(this);\r\n\t\tthis.onStoreChanged = this.onStoreChanged.bind(this);\r\n\t\tthis.hoverAction = this.hoverAction.bind(this);\r\n\t}\r\n\r\n\t/**\r\n\t * Add listeners to the store.\r\n\t *\r\n\t */\r\n\tUNSAFE_componentWillMount() {\r\n\t\twindowTitleBarStore.addListeners([{ field: \"Main.dockingIcon\", listener: this.onStoreChanged }]);\r\n\t}\r\n\r\n\t/**\r\n\t * Remove listeners from the store.\r\n\t *\r\n\t */\r\n\tcomponentWillUnmount() {\r\n\t\twindowTitleBarStore.removeListeners([{ field: \"Main.dockingIcon\", listener: this.onStoreChanged }]);\r\n\t}\r\n\r\n\t/**\r\n\t * Invoked when the store emits a change event. The icon will change. If we're grouped, we show the button that denotes group membership. If we're just snapped, we show the button that will group attached windows.\r\n\t *\r\n\t * @param {any} err\r\n\t * @param {any} response\r\n\t */\r\n\tonStoreChanged(err, response) {\r\n\t\tthis.setState({ dockingIcon: response.value });\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 * Invoked when the user clicks the docking button.\r\n\t *\r\n\t */\r\n\r\n\tonClick() {\r\n\t\tHeaderActions.toggleGroup();\r\n\t}\r\n\r\n\t/**\r\n\t * Render method\r\n\t *\r\n\t * @returns\r\n\t */\r\n\trender() {\r\n\t\tlet iconClass = \"ff-\";\r\n\t\tlet wrapClasses = \"fsbl-icon fsbl-icon-bordered docking-control\";\r\n\r\n\t\ticonClass = iconClass + (this.state.dockingIcon === \"ejector\" ? \"attached\" : \"detached\");\r\n\t\tlet toolTip = this.state.dockingIcon === \"ejector\" ? \"Detach Window\" : \"Attach Windows\";\r\n\r\n\t\tif (iconClass === \"ff-attached\") {\r\n\t\t\twrapClasses = `${wrapClasses} fsbl-icon-highlighted`;\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t<>\r\n\t\t\t\t{this.context.showDockingButton && (\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclassName={wrapClasses}\r\n\t\t\t\t\t\tid=\"fsbl-window-ejector\"\r\n\t\t\t\t\t\ttitle={toolTip}\r\n\t\t\t\t\t\tdata-hover={this.state.hoverState}\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={iconClass}></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":"GroupingButton.js","sourceRoot":"","sources":["../../../../../src/components/windowTitleBar/components/right/GroupingButton.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,QAAQ,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAEtF,IAAI,mBAA+B,CAAC;AASpC,MAAM,OAAO,cAAe,SAAQ,KAAK,CAAC,SAAyB;IAGlE,YAAY,KAAa;QACxB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAIzB,mBAAmB,GAAG,QAAQ,EAAE,CAAC;QACjC,IAAI,CAAC,KAAK,GAAG;YACZ,kBAAkB,EAAE,KAAK;YACzB,WAAW,EAAE,mBAAmB,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,kBAAkB,EAAE,CAAC;YACxE,UAAU,EAAE,OAAO;SACnB,CAAC;IACH,CAAC;IAMD,iBAAiB;QAChB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACvC,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACrD,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAChD,CAAC;IAMD,yBAAyB;QACxB,mBAAmB,CAAC,WAAW,CAAC,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;IACrF,CAAC;IAMD,oBAAoB;QACnB,mBAAmB,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;IACxF,CAAC;IAQD,cAAc,CAAC,GAAQ,EAAE,QAAa;QACrC,IAAI,CAAC,QAAQ,CAAC,EAAE,WAAW,EAAE,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC;IAChD,CAAC;IAQD,WAAW,CAAC,aAAqB;QAChC,IAAI,CAAC,QAAQ,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC,CAAC;IAC9C,CAAC;IAOD,OAAO;QACN,aAAa,CAAC,WAAW,EAAE,CAAC;IAC7B,CAAC;IAOD,MAAM;QACL,IAAI,SAAS,GAAG,KAAK,CAAC;QACtB,IAAI,WAAW,GAAG,8CAA8C,CAAC;QAEjE,SAAS,GAAG,SAAS,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;QACzF,IAAI,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gBAAgB,CAAC;QAExF,IAAI,SAAS,KAAK,aAAa,EAAE;YAChC,WAAW,GAAG,GAAG,WAAW,wBAAwB,CAAC;SACrD;QAED,OAAO,CACN,0CACE,IAAI,CAAC,OAAO,CAAC,iBAAiB,IAAI,CAClC,6BACC,SAAS,EAAE,WAAW,EACtB,EAAE,EAAC,qBAAqB,EACxB,KAAK,EAAE,OAAO,gBACF,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,OAAO,EAAE,IAAI,CAAC,OAAO;YAErB,oBAAC,sBAAsB,IAAC,IAAI,EAAC,KAAK,EAAC,WAAW,EAAE,IAAI,CAAC,WAAW,GAAI;YACpE,2BAAG,SAAS,EAAE,SAAS,GAAM,CACxB,CACN,CACC,CACH,CAAC;IACH,CAAC;;AAvGM,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\nimport StoreModel from \"@finsemble/finsemble-core/types/clients/StoreModel\";\r\nlet windowTitleBarStore: StoreModel;\r\n\r\ninterface IProps {}\r\ninterface IState {\r\n\tshowDockingTooltip: boolean;\r\n\tdockingIcon: string | false;\r\n\thoverState: string;\r\n}\r\n\r\nexport class GroupingButton 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.bindEventHandlers();\r\n\t\t/**\r\n\t\t * We assign in the constructor instead of via a require at the top of the file because the store is initialized asynchronously.\r\n\t\t */\r\n\t\twindowTitleBarStore = getStore();\r\n\t\tthis.state = {\r\n\t\t\tshowDockingTooltip: false,\r\n\t\t\tdockingIcon: windowTitleBarStore.getValue({ field: \"Main.dockingIcon\" }),\r\n\t\t\thoverState: \"false\",\r\n\t\t};\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 */\r\n\tbindEventHandlers() {\r\n\t\tthis.onClick = this.onClick.bind(this);\r\n\t\tthis.onStoreChanged = this.onStoreChanged.bind(this);\r\n\t\tthis.hoverAction = this.hoverAction.bind(this);\r\n\t}\r\n\r\n\t/**\r\n\t * Add listeners to the store.\r\n\t *\r\n\t */\r\n\tUNSAFE_componentWillMount() {\r\n\t\twindowTitleBarStore.addListener({ field: \"Main.dockingIcon\" }, this.onStoreChanged);\r\n\t}\r\n\r\n\t/**\r\n\t * Remove listeners from the store.\r\n\t *\r\n\t */\r\n\tcomponentWillUnmount() {\r\n\t\twindowTitleBarStore.removeListener({ field: \"Main.dockingIcon\" }, this.onStoreChanged);\r\n\t}\r\n\r\n\t/**\r\n\t * Invoked when the store emits a change event. The icon will change. If we're grouped, we show the button that denotes group membership. If we're just snapped, we show the button that will group attached windows.\r\n\t *\r\n\t * @param {any} err\r\n\t * @param {any} response\r\n\t */\r\n\tonStoreChanged(err: any, response: any) {\r\n\t\tthis.setState({ dockingIcon: response.value });\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: string) {\r\n\t\tthis.setState({ hoverState: newHoverState });\r\n\t}\r\n\r\n\t/**\r\n\t * Invoked when the user clicks the docking button.\r\n\t *\r\n\t */\r\n\r\n\tonClick() {\r\n\t\tHeaderActions.toggleGroup();\r\n\t}\r\n\r\n\t/**\r\n\t * Render method\r\n\t *\r\n\t * @returns\r\n\t */\r\n\trender() {\r\n\t\tlet iconClass = \"ff-\";\r\n\t\tlet wrapClasses = \"fsbl-icon fsbl-icon-bordered docking-control\";\r\n\r\n\t\ticonClass = iconClass + (this.state.dockingIcon === \"ejector\" ? \"attached\" : \"detached\");\r\n\t\tlet toolTip = this.state.dockingIcon === \"ejector\" ? \"Detach Window\" : \"Attach Windows\";\r\n\r\n\t\tif (iconClass === \"ff-attached\") {\r\n\t\t\twrapClasses = `${wrapClasses} fsbl-icon-highlighted`;\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t<>\r\n\t\t\t\t{this.context.showDockingButton && (\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclassName={wrapClasses}\r\n\t\t\t\t\t\tid=\"fsbl-window-ejector\"\r\n\t\t\t\t\t\ttitle={toolTip}\r\n\t\t\t\t\t\tdata-hover={this.state.hoverState}\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={iconClass}></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/right/MaximizeButton.d.ts

@@ -1,25 +1,5 @@
 export class MaximizeButton 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;
-    }>;
+    static contextType: React.Context<import("../../windowTitleBarContext").WindowTitleBarContextType>;
     constructor(props: any);
     bindCorrectContext(): void;
     onMaximized(): void;

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":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAajD,MAAM,OAAO,KAAM,SAAQ,SAAiC;IAC3D,YAAY,KAAiB;QAC5B,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACZ,KAAK,EAAE,eAAe,CAAC,IAAI;YAC3B,IAAI,EAAE,IAAI;SACV,CAAC;QACF,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC1C,CAAC;IAGD,KAAK,CAAC,QAAQ,CAAC,CAAC,GAAG,IAAI,EAAE,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,gBAAgB;QAChE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,MAAM,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAEvE,GAAG,CAAC,UAAU,CAAC,CAAC,GAAQ,EAAE,IAAS,EAAE,EAAE;YACtC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,GAAG,CAAC,IAAI,CAAC;YACrC,MAAM,IAAI,GAAG,cAAc,CAAC,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;YAEnF,IAAI,CAAC,QAAQ,CAAC;gBACb,KAAK;gBACL,IAAI;aACJ,CAAC,CAAC;QACJ,CAAC,CAAC,CAAC;IACJ,CAAC;IAED,iBAAiB;QAChB,IAAI,CAAC,QAAQ,EAAE,CAAC;IACjB,CAAC;IAGD,kBAAkB;QACjB,IAAI,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,KAAK,UAAU,EAAE;YAC9C,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;SACtB;IACF,CAAC;IAED,yBAAyB;QACxB,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC,CAAM,EAAE,GAAQ,EAAE,EAAE;YAClF,GAAG,CAAC,gBAAgB,CAAC,eAAe,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QACtD,CAAC,CAAC,CAAC;IACJ,CAAC;IAED,oBAAoB;QACnB,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC,CAAM,EAAE,GAAQ,EAAE,EAAE;YAClF,GAAG,CAAC,mBAAmB,CAAC,eAAe,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QACzD,CAAC,CAAC,CAAC;IACJ,CAAC;IAED,gCAAgC,CAAC,SAAc;QAE9C,IAAI,SAAS,CAAC,gBAAgB,CAAC,UAAU,KAAK,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,UAAU,EAAE;YACrF,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;SAChD;IACF,CAAC;IAED,MAAM;QACL,IAAI,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAChC,IAAI,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACpD,OAAO,CACN,6BAAK,SAAS,EAAC,gBAAgB,EAAC,KAAK,EAAE,KAAK;YAC1C,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,oBAAC,IAAI,OAAK,IAAI,CAAC,KAAK,CAAC,IAAI,GAAI;YAEjD,6BAAK,SAAS,EAAC,YAAY,IAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAO,CAC/C,CACN,CAAC;IACH,CAAC;CACD","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 };