@finsemble/finsemble-ui 6.2.1 → 6.3.1-beta-1

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

@@ -1,30 +1,20 @@
-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;
-    }>;
-    constructor(props: any);
+import * as React from "react";
+interface IProps {
+}
+interface IState {
+    maximized: boolean;
+    hoverState: string;
+}
+export declare class MaximizeButton extends React.Component<IProps, IState> {
+    static contextType: React.Context<import("../../windowTitleBarContext").WindowTitleBarContextType>;
+    constructor(props: IProps);
     bindCorrectContext(): void;
-    onMaximized(): void;
     onRestored(): void;
-    hoverAction(newHoverState: any): void;
+    onMaximized(): void;
     onClick(): void;
+    UNSAFE_componentWillMount(): void;
+    componentWillUnmount(): void;
+    hoverAction(newHoverState: string): void;
+    render(): JSX.Element;
 }
-import * as React from "react";
+export {};

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

@@ -28,22 +28,20 @@ export class MaximizeButton extends React.Component {
         HeaderActions.clickMaximize();
     }
     UNSAFE_componentWillMount() {
-        FSBL.Clients.WindowClient.finsembleWindow.addListener("maximized", this.onMaximized);
-        FSBL.Clients.WindowClient.finsembleWindow.addListener("restored", this.onRestored);
+        finsembleWindow === null || finsembleWindow === void 0 ? void 0 : finsembleWindow.addListener("maximized", this.onMaximized);
+        finsembleWindow === null || finsembleWindow === void 0 ? void 0 : finsembleWindow.addListener("restored", this.onRestored);
     }
     componentWillUnmount() {
-        FSBL.Clients.WindowClient.finsembleWindow.removeListener("maximized", this.onMaximized);
-        FSBL.Clients.WindowClient.finsembleWindow.removeListener("restored", this.onRestored);
+        finsembleWindow === null || finsembleWindow === void 0 ? void 0 : finsembleWindow.removeListener("maximized", this.onMaximized);
+        finsembleWindow === null || finsembleWindow === void 0 ? void 0 : finsembleWindow.removeListener("restored", this.onRestored);
     }
     hoverAction(newHoverState) {
         this.setState({ hoverState: newHoverState });
     }
     render() {
-        let iconClasses = "";
-        let wrapClasses = "fsbl-icon fsbl-maximize ";
-        let tooltip = this.state.maximized ? "Restore" : "Maximize";
-        iconClasses = iconClasses + (this.state.maximized ? "ff-restore" : "ff-maximize");
-        wrapClasses = wrapClasses + (this.state.maximized ? "window-restore" : "window-max");
+        const tooltip = this.state.maximized ? "Restore" : "Maximize";
+        const iconClasses = this.state.maximized ? "ff-restore" : "ff-maximize";
+        const wrapClasses = `fsbl-icon fsbl-maximize ${this.state.maximized ? "window-restore" : "window-max"}`;
         return (React.createElement(React.Fragment, null, this.context.showMaximizeButton && (React.createElement("div", { className: wrapClasses, id: "fsbl-window-restore", title: tooltip, "data-hover": this.state.hoverState, onClick: this.onClick },
             React.createElement(FinsembleHoverDetector, { edge: "top", hoverAction: this.hoverAction }),
             React.createElement("i", { className: iconClasses })))));

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

@@ -1 +1 @@
-{"version":3,"file":"MaximizeButton.js","sourceRoot":"","sources":["../../../../../src/components/windowTitleBar/components/right/MaximizeButton.jsx"],"names":[],"mappings":"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","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\n * Maximize button. This button is hidden when the window is maximized. In its place is the restore button.\r\n */\r\nexport class MaximizeButton 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\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\tmaximized: windowTitleBarStore.getValue({ field: \"Maximize.maximized\" }),\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 * @memberof MaximizeButton\r\n\t */\r\n\tbindCorrectContext() {\r\n\t\tthis.onMaximized = this.onMaximized.bind(this);\r\n\t\tthis.onRestored = this.onRestored.bind(this);\r\n\t\tthis.hoverAction = this.hoverAction.bind(this);\r\n\t}\r\n\r\n\t/**\r\n\t * When the state changes, this listener is invoked. There are two states: Not maximized, and maximized. When the window is maximized, the button changes to an icon that denotes \"Restore to previous size.\"\r\n\t *\r\n\t * @param {any} err\r\n\t * @param {any} response\r\n\t * @memberof MaximizeButton\r\n\t */\r\n\tonRestored() {\r\n\t\tthis.setState({ maximized: false });\r\n\t}\r\n\r\n\tonMaximized() {\r\n\t\tthis.setState({ maximized: true });\r\n\t}\r\n\r\n\t/**\r\n\t * Invoked when the user clicks the button.\r\n\t *\r\n\t * @memberof MaximizeButton\r\n\t */\r\n\tonClick() {\r\n\t\tHeaderActions.clickMaximize();\r\n\t}\r\n\r\n\t/**\r\n\t * Add listeners to the store.\r\n\t *\r\n\t * @memberof MaximizeButton\r\n\t */\r\n\tUNSAFE_componentWillMount() {\r\n\t\tFSBL.Clients.WindowClient.finsembleWindow.addListener(\"maximized\", this.onMaximized);\r\n\t\tFSBL.Clients.WindowClient.finsembleWindow.addListener(\"restored\", this.onRestored);\r\n\t}\r\n\r\n\t/**\r\n\t * Remove listeners from the store.\r\n\t *\r\n\t * @memberof MaximizeButton\r\n\t */\r\n\tcomponentWillUnmount() {\r\n\t\tFSBL.Clients.WindowClient.finsembleWindow.removeListener(\"maximized\", this.onMaximized);\r\n\t\tFSBL.Clients.WindowClient.finsembleWindow.removeListener(\"restored\", this.onRestored);\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 MaximizeButton\r\n\t */\r\n\trender() {\r\n\t\tlet iconClasses = \"\";\r\n\t\tlet wrapClasses = \"fsbl-icon fsbl-maximize \";\r\n\t\tlet tooltip = this.state.maximized ? \"Restore\" : \"Maximize\";\r\n\r\n\t\t// Classes for the maximize button.\r\n\t\ticonClasses = iconClasses + (this.state.maximized ? \"ff-restore\" : \"ff-maximize\");\r\n\t\t// Classes for the wrap\r\n\t\twrapClasses = wrapClasses + (this.state.maximized ? \"window-restore\" : \"window-max\");\r\n\r\n\t\treturn (\r\n\t\t\t<>\r\n\t\t\t\t{this.context.showMaximizeButton && (\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-restore\"\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={iconClasses}></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":"MaximizeButton.js","sourceRoot":"","sources":["../../../../../src/components/windowTitleBar/components/right/MaximizeButton.tsx"],"names":[],"mappings":"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","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\tmaximized: boolean;\r\n\thoverState: string;\r\n}\r\n\r\n/**\r\n * Maximize button. This button is hidden when the window is maximized. In its place is the restore button.\r\n */\r\nexport class MaximizeButton 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\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\tmaximized: windowTitleBarStore.getValue({ field: \"Maximize.maximized\" }),\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 * @memberof MaximizeButton\r\n\t */\r\n\tbindCorrectContext() {\r\n\t\tthis.onMaximized = this.onMaximized.bind(this);\r\n\t\tthis.onRestored = this.onRestored.bind(this);\r\n\t\tthis.hoverAction = this.hoverAction.bind(this);\r\n\t}\r\n\r\n\t/**\r\n\t * When the state changes, this listener is invoked. There are two states: Not maximized, and maximized. When the window is maximized, the button changes to an icon that denotes \"Restore to previous size.\"\r\n\t *\r\n\t * @param {any} err\r\n\t * @param {any} response\r\n\t * @memberof MaximizeButton\r\n\t */\r\n\tonRestored() {\r\n\t\tthis.setState({ maximized: false });\r\n\t}\r\n\r\n\tonMaximized() {\r\n\t\tthis.setState({ maximized: true });\r\n\t}\r\n\r\n\t/**\r\n\t * Invoked when the user clicks the button.\r\n\t *\r\n\t * @memberof MaximizeButton\r\n\t */\r\n\tonClick() {\r\n\t\tHeaderActions.clickMaximize();\r\n\t}\r\n\r\n\t/**\r\n\t * Add listeners to the store.\r\n\t *\r\n\t * @memberof MaximizeButton\r\n\t */\r\n\tUNSAFE_componentWillMount() {\r\n\t\tfinsembleWindow?.addListener(\"maximized\", this.onMaximized);\r\n\t\tfinsembleWindow?.addListener(\"restored\", this.onRestored);\r\n\t}\r\n\r\n\t/**\r\n\t * Remove listeners from the store.\r\n\t *\r\n\t * @memberof MaximizeButton\r\n\t */\r\n\tcomponentWillUnmount() {\r\n\t\tfinsembleWindow?.removeListener(\"maximized\", this.onMaximized);\r\n\t\tfinsembleWindow?.removeListener(\"restored\", this.onRestored);\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 *\r\n\t * @returns\r\n\t * @memberof MaximizeButton\r\n\t */\r\n\trender() {\r\n\t\tconst tooltip = this.state.maximized ? \"Restore\" : \"Maximize\";\r\n\r\n\t\t// Classes for the maximize button.\r\n\t\tconst iconClasses = this.state.maximized ? \"ff-restore\" : \"ff-maximize\";\r\n\t\t// Classes for the wrap\r\n\t\tconst wrapClasses = `fsbl-icon fsbl-maximize ${this.state.maximized ? \"window-restore\" : \"window-max\"}`;\r\n\r\n\t\treturn (\r\n\t\t\t<>\r\n\t\t\t\t{this.context.showMaximizeButton && (\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-restore\"\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={iconClasses}></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/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.d.ts

@@ -3,6 +3,7 @@ declare type TitleProps = {
     windowIdentifier: any;
     onUpdate?: Function;
     titleWidth?: number;
+    updateTitle?: EventTarget;
 };
 declare type TitleState = {
     title: string | undefined;
@@ -10,7 +11,7 @@ declare type TitleState = {
 };
 export declare class Title extends Component<TitleProps, TitleState> {
     constructor(props: TitleProps);
-    getTitle(e?: null, identifier?: any): Promise<void>;
+    getTitle(e?: any, identifier?: any): Promise<void>;
     componentDidMount(): void;
     componentDidUpdate(): void;
     UNSAFE_componentWillMount(): void;

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

@@ -3,21 +3,31 @@ import { Icon } from "../../icon/Icon";
 import { iconFromConfig } from "../../icon/Icon";
 export class Title extends Component {
     constructor(props) {
+        var _a;
         super(props);
         this.state = {
-            title: finsembleWindow.name,
+            title: document.title,
             icon: null,
         };
         this.getTitle = this.getTitle.bind(this);
+        (_a = props.updateTitle) === null || _a === void 0 ? void 0 : _a.addEventListener("title-changed", () => {
+            this.getTitle();
+        });
     }
     async getTitle(e = null, identifier = this.props.windowIdentifier) {
-        let { wrap: win } = await FSBL.FinsembleWindow.getInstance(identifier);
+        const { 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;
+            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,
+                });
             });
         });
     }
@@ -30,12 +40,14 @@ export class Title extends Component {
         }
     }
     UNSAFE_componentWillMount() {
-        FSBL.FinsembleWindow.getInstance(this.props.windowIdentifier, (e, win) => {
+        var _a;
+        FSBL.FinsembleWindow.getInstance((_a = this.props) === null || _a === void 0 ? void 0 : _a.windowIdentifier, (e, win) => {
             win.addEventListener("title-changed", this.getTitle);
         });
     }
     componentWillUnmount() {
-        FSBL.FinsembleWindow.getInstance(this.props.windowIdentifier, (e, win) => {
+        var _a;
+        FSBL.FinsembleWindow.getInstance((_a = this.props) === null || _a === void 0 ? void 0 : _a.windowIdentifier, (e, win) => {
             win.removeEventListener("title-changed", this.getTitle);
         });
     }
@@ -48,7 +60,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\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\tupdateTitle?: EventTarget;\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: document.title,\r\n\t\t\ticon: null,\r\n\t\t};\r\n\t\tthis.getTitle = this.getTitle.bind(this);\r\n\t\tprops.updateTitle?.addEventListener(\"title-changed\", () => {\r\n\t\t\tthis.getTitle();\r\n\t\t});\r\n\t}\r\n\r\n\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n\tasync getTitle(e: any = null, identifier = this.props.windowIdentifier) {\r\n\t\tconst { wrap: win } = await FSBL.FinsembleWindow.getInstance(identifier);\r\n\t\twin.getOptions((err: any, data: any) => {\r\n\t\t\tlet { title } = data;\r\n\t\t\tconst icon = iconFromConfig(data?.customData?.foreign?.components?.Toolbar, title);\r\n\t\t\twin.getComponentState({ field: \"persistedTitle\" }, (error: any, persistedTitle: any) => {\r\n\t\t\t\tif (persistedTitle) {\r\n\t\t\t\t\ttitle = persistedTitle;\r\n\t\t\t\t}\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<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,63 @@
-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 type ParentParams = {
+    windowIdentifiers: WindowIdentifier[];
+    visibleWindowIdentifier: WindowIdentifier;
+    create: boolean;
+};
+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: ParentParams, 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 };