@finsemble/finsemble-ui 6.6.1 → 7.0.0-beta-X

package/react/components/windowTitleBar/components/left/LinkerGroups.js

@@ -1,3 +1,7 @@
+/*!
+ * Copyright 2017 by ChartIQ, Inc.
+ * All rights reserved.
+ */
 import * as React from "react";
 import { useSelector } from "react-redux";
 const LinkerGroupsRedux = () => {
@@ -8,6 +12,7 @@ const LinkerGroupsRedux = () => {
     return (React.createElement("div", { className: "linker-groups" }, allChannels.map((channel) => {
         var _a;
         const active = joinedChannels.includes(channel.name);
+        // linker-${channel.label} is deprecated in favor of cssClassName
         const label = (_a = channel.label) !== null && _a !== void 0 ? _a : "X";
         return (active && (React.createElement("div", { key: channel.name, className: `linker-group linker-group-accessible linker-${channel.label} ${channel.cssClassName}`, title: `Channel ${label}` }, label)));
     })));

package/react/components/windowTitleBar/components/left/LinkerGroups.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkerGroups.js","sourceRoot":"","sources":["../../../../../src/components/windowTitleBar/components/left/LinkerGroups.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAM1C,MAAM,iBAAiB,GAA4B,GAAG,EAAE;;IACvD,MAAM,KAAK,GAAgB,WAAW,CAAC,CAAC,YAAiB,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC;IAC5E,MAAM,cAAc,GAAmB,MAAA,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,0CAAG,eAAe,CAAC,IAAI,CAAC,0CAAE,cAAc,mCAAI,EAAE,CAAC;IACpG,MAAM,WAAW,GAAc,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,mCAAI,EAAE,CAAC;IAExD,OAAO,CACN,6BAAK,SAAS,EAAC,eAAe,IAC5B,WAAW,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE;;QAC5B,MAAM,MAAM,GAAG,cAAc,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAErD,MAAM,KAAK,GAAG,MAAA,OAAO,CAAC,KAAK,mCAAI,GAAG,CAAC;QACnC,OAAO,CACN,MAAM,IAAI,CACT,6BACC,GAAG,EAAE,OAAO,CAAC,IAAI,EACjB,SAAS,EAAE,+CAA+C,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,YAAY,EAAE,EACjG,KAAK,EAAE,WAAW,KAAK,EAAE,IAExB,KAAK,CACD,CACN,CACD,CAAC;IACH,CAAC,CAAC,CACG,CACN,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAA4B,GAAG,EAAE,CAAC,oBAAC,iBAAiB,OAAG,CAAC","sourcesContent":["/*!\n * Copyright 2017 by ChartIQ, Inc.\n * All rights reserved.\n */\nimport * as React from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { LinkerStore } from \"../../../linker/remoteRedux\";\n\ntype Channel = LinkerStore[\"allChannels\"][0];\ntype JoinedChannels = string[];\n\nconst LinkerGroupsRedux: React.FunctionComponent = () => {\n\tconst state: LinkerStore = useSelector((currentState: any) => currentState);\n\tconst joinedChannels: JoinedChannels = state?.clients?.[finsembleWindow.name]?.joinedChannels ?? [];\n\tconst allChannels: Channel[] = state?.allChannels ?? [];\n\n\treturn (\n\t\t<div className=\"linker-groups\">\n\t\t\t{allChannels.map((channel) => {\n\t\t\t\tconst active = joinedChannels.includes(channel.name);\n\t\t\t\t// linker-${channel.label} is deprecated in favor of cssClassName\n\t\t\t\tconst label = channel.label ?? \"X\";\n\t\t\t\treturn (\n\t\t\t\t\tactive && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={channel.name}\n\t\t\t\t\t\t\tclassName={`linker-group linker-group-accessible linker-${channel.label} ${channel.cssClassName}`}\n\t\t\t\t\t\t\ttitle={`Channel ${label}`}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)\n\t\t\t\t);\n\t\t\t})}\n\t\t</div>\n\t);\n};\n\nexport const LinkerGroups: React.FunctionComponent = () => <LinkerGroupsRedux />;\n"]}
+{"version":3,"file":"LinkerGroups.js","sourceRoot":"","sources":["../../../../../src/components/windowTitleBar/components/left/LinkerGroups.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAM1C,MAAM,iBAAiB,GAA4B,GAAG,EAAE;;IACvD,MAAM,KAAK,GAAgB,WAAW,CAAC,CAAC,YAAiB,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC;IAC5E,MAAM,cAAc,GAAmB,MAAA,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,0CAAG,eAAe,CAAC,IAAI,CAAC,0CAAE,cAAc,mCAAI,EAAE,CAAC;IACpG,MAAM,WAAW,GAAc,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,mCAAI,EAAE,CAAC;IAExD,OAAO,CACN,6BAAK,SAAS,EAAC,eAAe,IAC5B,WAAW,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE;;QAC5B,MAAM,MAAM,GAAG,cAAc,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QACrD,iEAAiE;QACjE,MAAM,KAAK,GAAG,MAAA,OAAO,CAAC,KAAK,mCAAI,GAAG,CAAC;QACnC,OAAO,CACN,MAAM,IAAI,CACT,6BACC,GAAG,EAAE,OAAO,CAAC,IAAI,EACjB,SAAS,EAAE,+CAA+C,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,YAAY,EAAE,EACjG,KAAK,EAAE,WAAW,KAAK,EAAE,IAExB,KAAK,CACD,CACN,CACD,CAAC;IACH,CAAC,CAAC,CACG,CACN,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAA4B,GAAG,EAAE,CAAC,oBAAC,iBAAiB,OAAG,CAAC","sourcesContent":["/*!\n * Copyright 2017 by ChartIQ, Inc.\n * All rights reserved.\n */\nimport * as React from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { LinkerStore } from \"../../../linker/remoteRedux\";\n\ntype Channel = LinkerStore[\"allChannels\"][0];\ntype JoinedChannels = string[];\n\nconst LinkerGroupsRedux: React.FunctionComponent = () => {\n\tconst state: LinkerStore = useSelector((currentState: any) => currentState);\n\tconst joinedChannels: JoinedChannels = state?.clients?.[finsembleWindow.name]?.joinedChannels ?? [];\n\tconst allChannels: Channel[] = state?.allChannels ?? [];\n\n\treturn (\n\t\t<div className=\"linker-groups\">\n\t\t\t{allChannels.map((channel) => {\n\t\t\t\tconst active = joinedChannels.includes(channel.name);\n\t\t\t\t// linker-${channel.label} is deprecated in favor of cssClassName\n\t\t\t\tconst label = channel.label ?? \"X\";\n\t\t\t\treturn (\n\t\t\t\t\tactive && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={channel.name}\n\t\t\t\t\t\t\tclassName={`linker-group linker-group-accessible linker-${channel.label} ${channel.cssClassName}`}\n\t\t\t\t\t\t\ttitle={`Channel ${label}`}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)\n\t\t\t\t);\n\t\t\t})}\n\t\t</div>\n\t);\n};\n\nexport const LinkerGroups: React.FunctionComponent = () => <LinkerGroupsRedux />;\n"]}

package/react/components/windowTitleBar/components/left/LinkerGroupsDeprecated.d.ts

@@ -1,7 +1,25 @@
 export default class LinkerGroups extends React.Component<any, any, any> {
     constructor(props: any);
+    /**
+     * This is necessary to make sure that the `this` inside of the callback is correct.
+     *
+     * @memberof LinkerGroups
+     */
     bindCorrectContext(): void;
+    /**
+     * When the user adds/removes a link in the linkerWindow, the values in the store will change, and this listener will be invoked.
+     *
+     * @param {any} err
+     * @param {any} response
+     * @memberof LinkerGroups
+     */
     onChannelChange(err: any, response: any): void;
+    /**
+     * Whenever the store changes, set state.
+     *
+     * @param {any} newState
+     * @memberof LinkerGroups
+     */
     onStoreChanged(newState: any): void;
     onClick(e: any, channel: any): void;
 }

package/react/components/windowTitleBar/components/left/LinkerGroupsDeprecated.js

@@ -1,3 +1,9 @@
+/*!
+ * Copyright 2017 by ChartIQ, Inc.
+ * All rights reserved.
+ *
+ * This is a deprecated version of LinkerGroups that uses linkerClient. It is not compatible with FDC3 interop.
+ */
 import * as React from "react";
 import { getStore } from "../../stores/windowTitleBarStore";
 import { getChannelLabelFromIndex } from "../../../shared/linkerUtil";
@@ -5,6 +11,9 @@ let windowTitleBarStore;
 export default class LinkerGroups extends React.Component {
     constructor(props) {
         super(props);
+        /**
+         * We assign in the constructor instead of via a require at the top of the file because the store is initialized asynchronously.
+         */
         windowTitleBarStore = getStore();
         this.bindCorrectContext();
         this.state = {
@@ -12,26 +21,56 @@ export default class LinkerGroups extends React.Component {
             accessibleLinker: false,
         };
     }
+    /**
+     * This is necessary to make sure that the `this` inside of the callback is correct.
+     *
+     * @memberof LinkerGroups
+     */
     bindCorrectContext() {
         this.onChannelChange = this.onChannelChange.bind(this);
     }
+    /**
+     * Add listeners to the store.
+     *
+     * @memberof LinkerGroups
+     */
     componentDidMount() {
+        // are we using the accessible linker?
         FSBL.Clients.ConfigClient.getValue("finsemble.accessibleLinker", (err, value) => {
             if (err) {
                 console.err("Error getting accessibleLinker value", err);
             }
+            // Default value for accessibleLinker is true.
             this.setState({
                 accessibleLinker: value && typeof value === "boolean" ? value : true,
             });
         });
         windowTitleBarStore.addListener({ field: "Linker.channels" }, this.onChannelChange);
     }
+    /**
+     * Remove listeners from the store.
+     *
+     * @memberof LinkerGroups
+     */
     componentWillUnmount() {
         windowTitleBarStore.removeListener({ field: "Linker.channels" }, this.onChannelChange);
     }
+    /**
+     * When the user adds/removes a link in the linkerWindow, the values in the store will change, and this listener will be invoked.
+     *
+     * @param {any} err
+     * @param {any} response
+     * @memberof LinkerGroups
+     */
     onChannelChange(err, response) {
         this.setState({ channels: response.value });
     }
+    /**
+     * Whenever the store changes, set state.
+     *
+     * @param {any} newState
+     * @memberof LinkerGroups
+     */
     onStoreChanged(newState) {
         this.setState(newState);
     }
@@ -41,6 +80,12 @@ export default class LinkerGroups extends React.Component {
             restoreWindows: true,
         });
     }
+    /**
+     * Render method.
+     *
+     * @returns
+     * @memberof LinkerGroups
+     */
     render() {
         let self = this;
         const { accessibleLinker } = this.state;
@@ -52,12 +97,16 @@ export default class LinkerGroups extends React.Component {
                 return channel.label;
             }
             else {
+                // backwards compatibility
                 return getChannelLabelFromIndex(channel.name, FSBL.Clients.LinkerClient.getAllChannels());
             }
         };
         if (!this.state.channels) {
             return React.createElement("div", { className: "linker-groups" });
         }
+        /**
+         * Iterate through the channels that the window belongs to, render a colored bar to denote channel membership.
+         */
         let channels = self.state.channels.map((channel) => {
             const suffix = accessibleLinker ? ` linker-group-accessible linker-${channel.label}` : "";
             let classNames = `linker-group${suffix}`;

package/react/components/windowTitleBar/components/left/LinkerGroupsDeprecated.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkerGroupsDeprecated.js","sourceRoot":"","sources":["../../../../../src/components/windowTitleBar/components/left/LinkerGroupsDeprecated.jsx"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Copyright 2017 by ChartIQ, Inc.\n * All rights reserved.\n *\n * This is a deprecated version of LinkerGroups that uses linkerClient. It is not compatible with FDC3 interop.\n */\nimport * as React from \"react\";\nimport { getStore } from \"../../stores/windowTitleBarStore\";\nimport { getChannelLabelFromIndex } from \"../../../shared/linkerUtil\";\nlet windowTitleBarStore;\nexport default class LinkerGroups extends React.Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\t/**\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.\n\t\t */\n\t\twindowTitleBarStore = getStore();\n\t\tthis.bindCorrectContext();\n\t\tthis.state = {\n\t\t\tchannels: FSBL.Clients.LinkerClient.getState().channels,\n\t\t\taccessibleLinker: false,\n\t\t};\n\t}\n\n\t/**\n\t * This is necessary to make sure that the `this` inside of the callback is correct.\n\t *\n\t * @memberof LinkerGroups\n\t */\n\tbindCorrectContext() {\n\t\tthis.onChannelChange = this.onChannelChange.bind(this);\n\t}\n\n\t/**\n\t * Add listeners to the store.\n\t *\n\t * @memberof LinkerGroups\n\t */\n\tcomponentDidMount() {\n\t\t// are we using the accessible linker?\n\t\tFSBL.Clients.ConfigClient.getValue(\"finsemble.accessibleLinker\", (err, value) => {\n\t\t\tif (err) {\n\t\t\t\tconsole.err(\"Error getting accessibleLinker value\", err);\n\t\t\t}\n\n\t\t\t// Default value for accessibleLinker is true.\n\t\t\tthis.setState({\n\t\t\t\taccessibleLinker: value && typeof value === \"boolean\" ? value : true,\n\t\t\t});\n\t\t});\n\t\twindowTitleBarStore.addListener({ field: \"Linker.channels\" }, this.onChannelChange);\n\t}\n\n\t/**\n\t * Remove listeners from the store.\n\t *\n\t * @memberof LinkerGroups\n\t */\n\tcomponentWillUnmount() {\n\t\twindowTitleBarStore.removeListener({ field: \"Linker.channels\" }, this.onChannelChange);\n\t}\n\n\t/**\n\t * When the user adds/removes a link in the linkerWindow, the values in the store will change, and this listener will be invoked.\n\t *\n\t * @param {any} err\n\t * @param {any} response\n\t * @memberof LinkerGroups\n\t */\n\tonChannelChange(err, response) {\n\t\tthis.setState({ channels: response.value });\n\t}\n\n\t/**\n\t * Whenever the store changes, set state.\n\t *\n\t * @param {any} newState\n\t * @memberof LinkerGroups\n\t */\n\tonStoreChanged(newState) {\n\t\tthis.setState(newState);\n\t}\n\n\tonClick(e, channel) {\n\t\tFSBL.Clients.LinkerClient.bringAllToFront({\n\t\t\tchannel: channel,\n\t\t\trestoreWindows: true,\n\t\t});\n\t}\n\n\t/**\n\t * Render method.\n\t *\n\t * @returns\n\t * @memberof LinkerGroups\n\t */\n\trender() {\n\t\tlet self = this;\n\t\tconst { accessibleLinker } = this.state;\n\t\tconst getLabel = (channel) => {\n\t\t\tif (!accessibleLinker) {\n\t\t\t\treturn null;\n\t\t\t} else if (channel.label) {\n\t\t\t\treturn channel.label;\n\t\t\t} else {\n\t\t\t\t// backwards compatibility\n\t\t\t\treturn getChannelLabelFromIndex(channel.name, FSBL.Clients.LinkerClient.getAllChannels());\n\t\t\t}\n\t\t};\n\n\t\tif (!this.state.channels) {\n\t\t\treturn <div className=\"linker-groups\"></div>;\n\t\t}\n\n\t\t/**\n\t\t * Iterate through the channels that the window belongs to, render a colored bar to denote channel membership.\n\t\t */\n\t\tlet channels = self.state.channels.map((channel) => {\n\t\t\tconst suffix = accessibleLinker ? ` linker-group-accessible linker-${channel.label}` : \"\";\n\t\t\tlet classNames = `linker-group${suffix}`;\n\t\t\treturn (\n\t\t\t\t<div\n\t\t\t\t\tkey={channel.name}\n\t\t\t\t\tclassName={classNames}\n\t\t\t\t\ttitle={`Channel ${getChannelLabelFromIndex(channel.name, FSBL.Clients.LinkerClient.getAllChannels())}`}\n\t\t\t\t\tstyle={{ background: channel.color }}\n\t\t\t\t\tonMouseUp={function (e) {\n\t\t\t\t\t\tself.onClick(e, channel.name);\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{getLabel(channel)}\n\t\t\t\t</div>\n\t\t\t);\n\t\t});\n\t\treturn <div className=\"linker-groups\">{channels}</div>;\n\t}\n}\n"]}
+{"version":3,"file":"LinkerGroupsDeprecated.js","sourceRoot":"","sources":["../../../../../src/components/windowTitleBar/components/left/LinkerGroupsDeprecated.jsx"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Copyright 2017 by ChartIQ, Inc.\n * All rights reserved.\n *\n * This is a deprecated version of LinkerGroups that uses linkerClient. It is not compatible with FDC3 interop.\n */\nimport * as React from \"react\";\nimport { getStore } from \"../../stores/windowTitleBarStore\";\nimport { getChannelLabelFromIndex } from \"../../../shared/linkerUtil\";\nlet windowTitleBarStore;\nexport default class LinkerGroups extends React.Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\t/**\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.\n\t\t */\n\t\twindowTitleBarStore = getStore();\n\t\tthis.bindCorrectContext();\n\t\tthis.state = {\n\t\t\tchannels: FSBL.Clients.LinkerClient.getState().channels,\n\t\t\taccessibleLinker: false,\n\t\t};\n\t}\n\n\t/**\n\t * This is necessary to make sure that the `this` inside of the callback is correct.\n\t *\n\t * @memberof LinkerGroups\n\t */\n\tbindCorrectContext() {\n\t\tthis.onChannelChange = this.onChannelChange.bind(this);\n\t}\n\n\t/**\n\t * Add listeners to the store.\n\t *\n\t * @memberof LinkerGroups\n\t */\n\tcomponentDidMount() {\n\t\t// are we using the accessible linker?\n\t\tFSBL.Clients.ConfigClient.getValue(\"finsemble.accessibleLinker\", (err, value) => {\n\t\t\tif (err) {\n\t\t\t\tconsole.err(\"Error getting accessibleLinker value\", err);\n\t\t\t}\n\n\t\t\t// Default value for accessibleLinker is true.\n\t\t\tthis.setState({\n\t\t\t\taccessibleLinker: value && typeof value === \"boolean\" ? value : true,\n\t\t\t});\n\t\t});\n\t\twindowTitleBarStore.addListener({ field: \"Linker.channels\" }, this.onChannelChange);\n\t}\n\n\t/**\n\t * Remove listeners from the store.\n\t *\n\t * @memberof LinkerGroups\n\t */\n\tcomponentWillUnmount() {\n\t\twindowTitleBarStore.removeListener({ field: \"Linker.channels\" }, this.onChannelChange);\n\t}\n\n\t/**\n\t * When the user adds/removes a link in the linkerWindow, the values in the store will change, and this listener will be invoked.\n\t *\n\t * @param {any} err\n\t * @param {any} response\n\t * @memberof LinkerGroups\n\t */\n\tonChannelChange(err, response) {\n\t\tthis.setState({ channels: response.value });\n\t}\n\n\t/**\n\t * Whenever the store changes, set state.\n\t *\n\t * @param {any} newState\n\t * @memberof LinkerGroups\n\t */\n\tonStoreChanged(newState) {\n\t\tthis.setState(newState);\n\t}\n\n\tonClick(e, channel) {\n\t\tFSBL.Clients.LinkerClient.bringAllToFront({\n\t\t\tchannel: channel,\n\t\t\trestoreWindows: true,\n\t\t});\n\t}\n\n\t/**\n\t * Render method.\n\t *\n\t * @returns\n\t * @memberof LinkerGroups\n\t */\n\trender() {\n\t\tlet self = this;\n\t\tconst { accessibleLinker } = this.state;\n\t\tconst getLabel = (channel) => {\n\t\t\tif (!accessibleLinker) {\n\t\t\t\treturn null;\n\t\t\t} else if (channel.label) {\n\t\t\t\treturn channel.label;\n\t\t\t} else {\n\t\t\t\t// backwards compatibility\n\t\t\t\treturn getChannelLabelFromIndex(channel.name, FSBL.Clients.LinkerClient.getAllChannels());\n\t\t\t}\n\t\t};\n\n\t\tif (!this.state.channels) {\n\t\t\treturn <div className=\"linker-groups\"></div>;\n\t\t}\n\n\t\t/**\n\t\t * Iterate through the channels that the window belongs to, render a colored bar to denote channel membership.\n\t\t */\n\t\tlet channels = self.state.channels.map((channel) => {\n\t\t\tconst suffix = accessibleLinker ? ` linker-group-accessible linker-${channel.label}` : \"\";\n\t\t\tlet classNames = `linker-group${suffix}`;\n\t\t\treturn (\n\t\t\t\t<div\n\t\t\t\t\tkey={channel.name}\n\t\t\t\t\tclassName={classNames}\n\t\t\t\t\ttitle={`Channel ${getChannelLabelFromIndex(channel.name, FSBL.Clients.LinkerClient.getAllChannels())}`}\n\t\t\t\t\tstyle={{ background: channel.color }}\n\t\t\t\t\tonMouseUp={function (e) {\n\t\t\t\t\t\tself.onClick(e, channel.name);\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{getLabel(channel)}\n\t\t\t\t</div>\n\t\t\t);\n\t\t});\n\t\treturn <div className=\"linker-groups\">{channels}</div>;\n\t}\n}\n"]}

package/react/components/windowTitleBar/components/left/ShareButton.d.ts

@@ -1,8 +1,25 @@
 export class ShareButton extends React.Component<any, any, any> {
     static contextType: React.Context<import("../../windowTitleBarContext").WindowTitleBarContextType>;
     constructor(props: any);
+    /**
+     * This is necessary to make sure that the `this` inside of the callback is correct.
+     *
+     * @memberof ShareButton
+     */
     bindCorrectContext(): void;
+    /**
+     * When your mouse enters/leaves the hoverDetector, this function is invoked.
+     *
+     * @param {any} newHoverState
+     * @memberof LinkerButton
+     */
     hoverAction(newHoverState: any): void;
+    /**
+     * When the user starts to drag the share button, let the DragAndDropClient know.
+     *
+     * @param {any} ev
+     * @memberof ShareButton
+     */
     onDragStart(ev: any): void;
 }
 import * as React from "react";

package/react/components/windowTitleBar/components/left/ShareButton.js

@@ -1,3 +1,7 @@
+/*!
+ * Copyright 2017 by ChartIQ, Inc.
+ * All rights reserved.
+ */
 import * as React from "react";
 import { FinsembleHoverDetector } from "../../../legacyControls/FinsembleHoverDetector";
 import { WindowTitleBarContext } from "../../windowTitleBarContext";
@@ -13,27 +17,62 @@ export class ShareButton extends React.Component {
     constructor(props) {
         super(props);
         this.bindCorrectContext();
+        /**
+         * We assign in the constructor instead of via a require at the top of the file because the store is initialized asynchronously.
+         */
         windowTitleBarStore = getStore();
         this.state = {
             hoverState: "false",
         };
     }
+    /**
+     * This is necessary to make sure that the `this` inside of the callback is correct.
+     *
+     * @memberof ShareButton
+     */
     bindCorrectContext() {
         this.hoverAction = this.hoverAction.bind(this);
     }
+    /**
+     * When the user starts to drag the share button, let the DragAndDropClient know.
+     *
+     * @param {any} ev
+     * @memberof ShareButton
+     */
     onDragStart(ev) {
         FSBL.Clients.DragAndDropClient.dragStart(ev);
     }
+    /**
+     * Add listeners to store.
+     *
+     * @memberof ShareButton
+     */
     UNSAFE_componentWillMount() {
         windowTitleBarStore.addListener({ field: "Sharer.receiverHandler" }, this.onReceiverhandler);
     }
+    /**
+     * Remove listeners from the store.
+     *
+     * @memberof ShareButton
+     */
     componentWillUnmount() {
         windowTitleBarStore.removeListener({ field: "Sharer.receiverHandler" }, this.onReceiverhandler);
     }
+    /**
+     * When your mouse enters/leaves the hoverDetector, this function is invoked.
+     *
+     * @param {any} newHoverState
+     * @memberof LinkerButton
+     */
     hoverAction(newHoverState) {
         this.setState({ hoverState: newHoverState });
     }
     render() {
+        /* [Terry] was causing Sharer to never show. Deprecated?
+        if (!this.state.emitterEnabled) {
+            return null;
+        }
+        */
         return (React.createElement(React.Fragment, null, this.context.showShareButton && (React.createElement("div", { className: "fsbl-icon fsbl-share", title: "Drag To Share", "data-hover": this.state.hoverState, draggable: "true", onDragStart: this.onDragStart },
             React.createElement(ShareIcon, null),
             React.createElement(FinsembleHoverDetector, { edge: "top", hoverAction: this.hoverAction.bind(this) })))));

package/react/components/windowTitleBar/components/left/ShareButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShareButton.js","sourceRoot":"","sources":["../../../../../src/components/windowTitleBar/components/left/ShareButton.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,MAAM,kCAAkC,CAAC;AAC5D,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CACvB,6BAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B;IACjF,mDAA4B;IAC5B,8BAAM,CAAC,EAAC,yFAAyF,EAAC,IAAI,EAAC,SAAS,GAAG;IACnH,8BACC,CAAC,EAAC,4FAA4F,EAC9F,IAAI,EAAC,SAAS,GACb;IACF,8BAAM,IAAI,EAAC,SAAS,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,GAAG;IAChE,8BAAM,MAAM,EAAC,SAAS,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,CAAC,EAAC,0BAA0B,GAAG,CAC9F,CACN,CAAC;AAEF,IAAI,mBAAmB,CAAC;AACxB,MAAM,OAAO,WAAY,SAAQ,KAAK,CAAC,SAAS;IAG/C,YAAY,KAAK;QAChB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAI1B,mBAAmB,GAAG,QAAQ,EAAE,CAAC;QAEjC,IAAI,CAAC,KAAK,GAAG;YACZ,UAAU,EAAE,OAAO;SACnB,CAAC;IACH,CAAC;IAOD,kBAAkB;QACjB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAChD,CAAC;IAQD,WAAW,CAAC,EAAE;QACb,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;IAC9C,CAAC;IAOD,yBAAyB;QACxB,mBAAmB,CAAC,WAAW,CAAC,EAAE,KAAK,EAAE,wBAAwB,EAAE,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;IAC9F,CAAC;IAOD,oBAAoB;QACnB,mBAAmB,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,wBAAwB,EAAE,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;IACjG,CAAC;IAQD,WAAW,CAAC,aAAa;QACxB,IAAI,CAAC,QAAQ,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC,CAAC;IAC9C,CAAC;IAED,MAAM;QAML,OAAO,CACN,0CACE,IAAI,CAAC,OAAO,CAAC,eAAe,IAAI,CAChC,6BACC,SAAS,EAAC,sBAAsB,EAChC,KAAK,EAAC,eAAe,gBACT,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,SAAS,EAAC,MAAM,EAChB,WAAW,EAAE,IAAI,CAAC,WAAW;YAE7B,oBAAC,SAAS,OAAG;YACb,oBAAC,sBAAsB,IAAC,IAAI,EAAC,KAAK,EAAC,WAAW,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,GAAI,CAC1E,CACN,CACC,CACH,CAAC;IACH,CAAC;;AApFM,uBAAW,GAAG,qBAAqB,CAAC","sourcesContent":["/*!\n * Copyright 2017 by ChartIQ, Inc.\n * All rights reserved.\n */\nimport * as React from \"react\";\nimport { FinsembleHoverDetector } from \"../../../legacyControls/FinsembleHoverDetector\";\nimport { WindowTitleBarContext } from \"../../windowTitleBarContext\";\nimport { getStore } from \"../../stores/windowTitleBarStore\";\nconst ShareIcon = () => (\n\t<svg width=\"20\" height=\"16\" viewBox=\"0 2 16 13\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t<title>Drag To Share</title>\n\t\t<path d=\"M7 3H6V1H1v12h5v-3h1v3a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v2z\" fill=\"#8E939F\" />\n\t\t<path\n\t\t\td=\"M9 11h1v2h5V1h-5v1H9V1a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1h-5a1 1 0 0 1-1-1v-2z\"\n\t\t\tfill=\"#ECEDEF\"\n\t\t/>\n\t\t<rect fill=\"#ECEDEF\" x=\"4\" y=\"6\" width=\"8\" height=\"1\" rx=\".5\" />\n\t\t<path stroke=\"#ECEDEF\" strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M9 9l2.755-2.348L9 4.128\" />\n\t</svg>\n);\n\nlet windowTitleBarStore;\nexport class ShareButton extends React.Component {\n\tstatic contextType = WindowTitleBarContext;\n\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.bindCorrectContext();\n\t\t/**\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.\n\t\t */\n\t\twindowTitleBarStore = getStore();\n\n\t\tthis.state = {\n\t\t\thoverState: \"false\",\n\t\t};\n\t}\n\n\t/**\n\t * This is necessary to make sure that the `this` inside of the callback is correct.\n\t *\n\t * @memberof ShareButton\n\t */\n\tbindCorrectContext() {\n\t\tthis.hoverAction = this.hoverAction.bind(this);\n\t}\n\n\t/**\n\t * When the user starts to drag the share button, let the DragAndDropClient know.\n\t *\n\t * @param {any} ev\n\t * @memberof ShareButton\n\t */\n\tonDragStart(ev) {\n\t\tFSBL.Clients.DragAndDropClient.dragStart(ev);\n\t}\n\n\t/**\n\t * Add listeners to store.\n\t *\n\t * @memberof ShareButton\n\t */\n\tUNSAFE_componentWillMount() {\n\t\twindowTitleBarStore.addListener({ field: \"Sharer.receiverHandler\" }, this.onReceiverhandler);\n\t}\n\n\t/**\n\t * Remove listeners from the store.\n\t *\n\t * @memberof ShareButton\n\t */\n\tcomponentWillUnmount() {\n\t\twindowTitleBarStore.removeListener({ field: \"Sharer.receiverHandler\" }, this.onReceiverhandler);\n\t}\n\n\t/**\n\t * When your mouse enters/leaves the hoverDetector, this function is invoked.\n\t *\n\t * @param {any} newHoverState\n\t * @memberof LinkerButton\n\t */\n\thoverAction(newHoverState) {\n\t\tthis.setState({ hoverState: newHoverState });\n\t}\n\n\trender() {\n\t\t/* [Terry] was causing Sharer to never show. Deprecated?\n\t\tif (!this.state.emitterEnabled) {\n\t\t\treturn null;\n\t\t}\n\t\t*/\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{this.context.showShareButton && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName=\"fsbl-icon fsbl-share\"\n\t\t\t\t\t\ttitle=\"Drag To Share\"\n\t\t\t\t\t\tdata-hover={this.state.hoverState}\n\t\t\t\t\t\tdraggable=\"true\"\n\t\t\t\t\t\tonDragStart={this.onDragStart}\n\t\t\t\t\t>\n\t\t\t\t\t\t<ShareIcon />\n\t\t\t\t\t\t<FinsembleHoverDetector edge=\"top\" hoverAction={this.hoverAction.bind(this)} />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</>\n\t\t);\n\t}\n}\n"]}
+{"version":3,"file":"ShareButton.js","sourceRoot":"","sources":["../../../../../src/components/windowTitleBar/components/left/ShareButton.jsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,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,MAAM,kCAAkC,CAAC;AAC5D,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CACvB,6BAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B;IACjF,mDAA4B;IAC5B,8BAAM,CAAC,EAAC,yFAAyF,EAAC,IAAI,EAAC,SAAS,GAAG;IACnH,8BACC,CAAC,EAAC,4FAA4F,EAC9F,IAAI,EAAC,SAAS,GACb;IACF,8BAAM,IAAI,EAAC,SAAS,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,GAAG;IAChE,8BAAM,MAAM,EAAC,SAAS,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,CAAC,EAAC,0BAA0B,GAAG,CAC9F,CACN,CAAC;AAEF,IAAI,mBAAmB,CAAC;AACxB,MAAM,OAAO,WAAY,SAAQ,KAAK,CAAC,SAAS;IAG/C,YAAY,KAAK;QAChB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC1B;;WAEG;QACH,mBAAmB,GAAG,QAAQ,EAAE,CAAC;QAEjC,IAAI,CAAC,KAAK,GAAG;YACZ,UAAU,EAAE,OAAO;SACnB,CAAC;IACH,CAAC;IAED;;;;OAIG;IACH,kBAAkB;QACjB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAChD,CAAC;IAED;;;;;OAKG;IACH,WAAW,CAAC,EAAE;QACb,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;IAC9C,CAAC;IAED;;;;OAIG;IACH,yBAAyB;QACxB,mBAAmB,CAAC,WAAW,CAAC,EAAE,KAAK,EAAE,wBAAwB,EAAE,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;IAC9F,CAAC;IAED;;;;OAIG;IACH,oBAAoB;QACnB,mBAAmB,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,wBAAwB,EAAE,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;IACjG,CAAC;IAED;;;;;OAKG;IACH,WAAW,CAAC,aAAa;QACxB,IAAI,CAAC,QAAQ,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC,CAAC;IAC9C,CAAC;IAED,MAAM;QACL;;;;UAIE;QACF,OAAO,CACN,0CACE,IAAI,CAAC,OAAO,CAAC,eAAe,IAAI,CAChC,6BACC,SAAS,EAAC,sBAAsB,EAChC,KAAK,EAAC,eAAe,gBACT,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,SAAS,EAAC,MAAM,EAChB,WAAW,EAAE,IAAI,CAAC,WAAW;YAE7B,oBAAC,SAAS,OAAG;YACb,oBAAC,sBAAsB,IAAC,IAAI,EAAC,KAAK,EAAC,WAAW,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,GAAI,CAC1E,CACN,CACC,CACH,CAAC;IACH,CAAC;;AApFM,uBAAW,GAAG,qBAAqB,CAAC","sourcesContent":["/*!\n * Copyright 2017 by ChartIQ, Inc.\n * All rights reserved.\n */\nimport * as React from \"react\";\nimport { FinsembleHoverDetector } from \"../../../legacyControls/FinsembleHoverDetector\";\nimport { WindowTitleBarContext } from \"../../windowTitleBarContext\";\nimport { getStore } from \"../../stores/windowTitleBarStore\";\nconst ShareIcon = () => (\n\t<svg width=\"20\" height=\"16\" viewBox=\"0 2 16 13\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t<title>Drag To Share</title>\n\t\t<path d=\"M7 3H6V1H1v12h5v-3h1v3a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v2z\" fill=\"#8E939F\" />\n\t\t<path\n\t\t\td=\"M9 11h1v2h5V1h-5v1H9V1a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1h-5a1 1 0 0 1-1-1v-2z\"\n\t\t\tfill=\"#ECEDEF\"\n\t\t/>\n\t\t<rect fill=\"#ECEDEF\" x=\"4\" y=\"6\" width=\"8\" height=\"1\" rx=\".5\" />\n\t\t<path stroke=\"#ECEDEF\" strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M9 9l2.755-2.348L9 4.128\" />\n\t</svg>\n);\n\nlet windowTitleBarStore;\nexport class ShareButton extends React.Component {\n\tstatic contextType = WindowTitleBarContext;\n\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.bindCorrectContext();\n\t\t/**\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.\n\t\t */\n\t\twindowTitleBarStore = getStore();\n\n\t\tthis.state = {\n\t\t\thoverState: \"false\",\n\t\t};\n\t}\n\n\t/**\n\t * This is necessary to make sure that the `this` inside of the callback is correct.\n\t *\n\t * @memberof ShareButton\n\t */\n\tbindCorrectContext() {\n\t\tthis.hoverAction = this.hoverAction.bind(this);\n\t}\n\n\t/**\n\t * When the user starts to drag the share button, let the DragAndDropClient know.\n\t *\n\t * @param {any} ev\n\t * @memberof ShareButton\n\t */\n\tonDragStart(ev) {\n\t\tFSBL.Clients.DragAndDropClient.dragStart(ev);\n\t}\n\n\t/**\n\t * Add listeners to store.\n\t *\n\t * @memberof ShareButton\n\t */\n\tUNSAFE_componentWillMount() {\n\t\twindowTitleBarStore.addListener({ field: \"Sharer.receiverHandler\" }, this.onReceiverhandler);\n\t}\n\n\t/**\n\t * Remove listeners from the store.\n\t *\n\t * @memberof ShareButton\n\t */\n\tcomponentWillUnmount() {\n\t\twindowTitleBarStore.removeListener({ field: \"Sharer.receiverHandler\" }, this.onReceiverhandler);\n\t}\n\n\t/**\n\t * When your mouse enters/leaves the hoverDetector, this function is invoked.\n\t *\n\t * @param {any} newHoverState\n\t * @memberof LinkerButton\n\t */\n\thoverAction(newHoverState) {\n\t\tthis.setState({ hoverState: newHoverState });\n\t}\n\n\trender() {\n\t\t/* [Terry] was causing Sharer to never show. Deprecated?\n\t\tif (!this.state.emitterEnabled) {\n\t\t\treturn null;\n\t\t}\n\t\t*/\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{this.context.showShareButton && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName=\"fsbl-icon fsbl-share\"\n\t\t\t\t\t\ttitle=\"Drag To Share\"\n\t\t\t\t\t\tdata-hover={this.state.hoverState}\n\t\t\t\t\t\tdraggable=\"true\"\n\t\t\t\t\t\tonDragStart={this.onDragStart}\n\t\t\t\t\t>\n\t\t\t\t\t\t<ShareIcon />\n\t\t\t\t\t\t<FinsembleHoverDetector edge=\"top\" hoverAction={this.hoverAction.bind(this)} />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</>\n\t\t);\n\t}\n}\n"]}

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

@@ -1,3 +1,7 @@
+/*!
+ * Copyright 2017 by ChartIQ, Inc.
+ * All rights reserved.
+ */
 import * as React from "react";
 import { WindowTitleBarContext } from "../../windowTitleBarContext";
 export const AlwaysOnTopButton = () => {

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

@@ -1 +1 @@
-{"version":3,"file":"AlwaysOnTopButton.js","sourceRoot":"","sources":["../../../../../src/components/windowTitleBar/components/right/AlwaysOnTopButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAEpE,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACrC,MAAM,EAAE,WAAW,EAAE,qBAAqB,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAEvF,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC,WAAW,CAAC,CAAC;IAEpF,MAAM,OAAO,GAAG,gCAAgC,WAAW,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;IAE7F,OAAO,CACN,0CACE,qBAAqB,IAAI,CACzB,6BAAK,SAAS,EAAE,OAAO,EAAE,EAAE,EAAC,oBAAoB,EAAC,KAAK,EAAC,eAAe,EAAC,OAAO,EAAE,cAAc;QAC7F,2BAAG,SAAS,EAAE,kBAAkB,GAAI,CAC/B,CACN,CACC,CACH,CAAC;AACH,CAAC,CAAC","sourcesContent":["/*!\n * Copyright 2017 by ChartIQ, Inc.\n * All rights reserved.\n */\nimport * as React from \"react\";\nimport { WindowTitleBarContext } from \"../../windowTitleBarContext\";\n\nexport const AlwaysOnTopButton = () => {\n\tconst { alwaysOnTop, showAlwaysOnTopButton } = React.useContext(WindowTitleBarContext);\n\n\tconst setAlwaysOnTop = () => FSBL.Clients.WindowClient.setAlwaysOnTop(!alwaysOnTop);\n\n\tconst classes = `fsbl-icon fsbl-always-on-top ${alwaysOnTop ? \"fsbl-icon-highlighted\" : \"\"}`;\n\n\treturn (\n\t\t<>\n\t\t\t{showAlwaysOnTopButton && (\n\t\t\t\t<div className={classes} id=\"fsbl-always-on-top\" title=\"Always On Top\" onClick={setAlwaysOnTop}>\n\t\t\t\t\t<i className={\"ff-always-on-top\"} />\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</>\n\t);\n};\n"]}
+{"version":3,"file":"AlwaysOnTopButton.js","sourceRoot":"","sources":["../../../../../src/components/windowTitleBar/components/right/AlwaysOnTopButton.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAEpE,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACrC,MAAM,EAAE,WAAW,EAAE,qBAAqB,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAEvF,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC,WAAW,CAAC,CAAC;IAEpF,MAAM,OAAO,GAAG,gCAAgC,WAAW,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;IAE7F,OAAO,CACN,0CACE,qBAAqB,IAAI,CACzB,6BAAK,SAAS,EAAE,OAAO,EAAE,EAAE,EAAC,oBAAoB,EAAC,KAAK,EAAC,eAAe,EAAC,OAAO,EAAE,cAAc;QAC7F,2BAAG,SAAS,EAAE,kBAAkB,GAAI,CAC/B,CACN,CACC,CACH,CAAC;AACH,CAAC,CAAC","sourcesContent":["/*!\n * Copyright 2017 by ChartIQ, Inc.\n * All rights reserved.\n */\nimport * as React from \"react\";\nimport { WindowTitleBarContext } from \"../../windowTitleBarContext\";\n\nexport const AlwaysOnTopButton = () => {\n\tconst { alwaysOnTop, showAlwaysOnTopButton } = React.useContext(WindowTitleBarContext);\n\n\tconst setAlwaysOnTop = () => FSBL.Clients.WindowClient.setAlwaysOnTop(!alwaysOnTop);\n\n\tconst classes = `fsbl-icon fsbl-always-on-top ${alwaysOnTop ? \"fsbl-icon-highlighted\" : \"\"}`;\n\n\treturn (\n\t\t<>\n\t\t\t{showAlwaysOnTopButton && (\n\t\t\t\t<div className={classes} id=\"fsbl-always-on-top\" title=\"Always On Top\" onClick={setAlwaysOnTop}>\n\t\t\t\t\t<i className={\"ff-always-on-top\"} />\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</>\n\t);\n};\n"]}

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

@@ -1,15 +1,42 @@
+/*!
+ * Copyright 2017 by ChartIQ, Inc.
+ * All rights reserved.
+ */
 import * as React from "react";
 interface IProps {
 }
 interface IState {
     hoverState: string;
 }
+/**
+ * Close button, located on the far right of the window Manager.
+ */
 export declare class CloseButton extends React.Component<IProps, IState> {
     static contextType: React.Context<import("../../windowTitleBarContext").WindowTitleBarContextType>;
     constructor(props: IProps);
+    /**
+     * This is necessary to make sure that the `this` inside of the callback is correct.
+     *
+     * @memberof CloseButton
+     */
     bindCorrectContext(): void;
+    /**
+     * Listener invoked when the user clicks the close button.
+     *
+     * @memberof CloseButton
+     */
     onClick(): void;
+    /**
+     * When your mouse enters/leaves the hoverDetector, this function is invoked.
+     *
+     * @param {any} newHoverState
+     * @memberof LinkerButton
+     */
     hoverAction(newHoverState: string): void;
+    /**
+     * Render method
+     * @memberof CloseButton
+     */
     render(): JSX.Element;
 }
 export {};

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

@@ -1,22 +1,49 @@
+/*!
+ * Copyright 2017 by ChartIQ, Inc.
+ * All rights reserved.
+ */
 import * as React from "react";
 import { FinsembleHoverDetector } from "../../../legacyControls/FinsembleHoverDetector";
 import { Actions as HeaderActions } from "../../stores/windowTitleBarStore";
 import { WindowTitleBarContext } from "../../windowTitleBarContext";
+/**
+ * Close button, located on the far right of the window Manager.
+ */
 export class CloseButton extends React.Component {
     constructor(props) {
         super(props);
         this.bindCorrectContext();
         this.state = { hoverState: "false" };
     }
+    /**
+     * This is necessary to make sure that the `this` inside of the callback is correct.
+     *
+     * @memberof CloseButton
+     */
     bindCorrectContext() {
         this.hoverAction = this.hoverAction.bind(this);
     }
+    /**
+     * Listener invoked when the user clicks the close button.
+     *
+     * @memberof CloseButton
+     */
     onClick() {
         HeaderActions.clickClose();
     }
+    /**
+     * When your mouse enters/leaves the hoverDetector, this function is invoked.
+     *
+     * @param {any} newHoverState
+     * @memberof LinkerButton
+     */
     hoverAction(newHoverState) {
         this.setState({ hoverState: newHoverState });
     }
+    /**
+     * Render method
+     * @memberof CloseButton
+     */
     render() {
         return (React.createElement(React.Fragment, null, this.context.showCloseButton && (React.createElement("div", { onClick: this.onClick, className: "fsbl-icon fsbl-close", "data-hover": this.state.hoverState, title: "Close", id: "fsbl-window-close" },
             React.createElement(FinsembleHoverDetector, { edge: "top right", hoverAction: this.hoverAction }),

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

@@ -1 +1 @@
-{"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":["/*!\n * Copyright 2017 by ChartIQ, Inc.\n * All rights reserved.\n */\nimport * as React from \"react\";\nimport { FinsembleHoverDetector } from \"../../../legacyControls/FinsembleHoverDetector\";\nimport { Actions as HeaderActions } from \"../../stores/windowTitleBarStore\";\nimport { WindowTitleBarContext } from \"../../windowTitleBarContext\";\n\ninterface IProps {}\ninterface IState {\n\thoverState: string;\n}\n/**\n * Close button, located on the far right of the window Manager.\n */\nexport class CloseButton extends React.Component<IProps, IState> {\n\tstatic contextType = WindowTitleBarContext;\n\n\tconstructor(props: IProps) {\n\t\tsuper(props);\n\t\tthis.bindCorrectContext();\n\t\tthis.state = { hoverState: \"false\" };\n\t}\n\n\t/**\n\t * This is necessary to make sure that the `this` inside of the callback is correct.\n\t *\n\t * @memberof CloseButton\n\t */\n\tbindCorrectContext() {\n\t\tthis.hoverAction = this.hoverAction.bind(this);\n\t}\n\n\t/**\n\t * Listener invoked when the user clicks the close button.\n\t *\n\t * @memberof CloseButton\n\t */\n\tonClick() {\n\t\tHeaderActions.clickClose();\n\t}\n\n\t/**\n\t * When your mouse enters/leaves the hoverDetector, this function is invoked.\n\t *\n\t * @param {any} newHoverState\n\t * @memberof LinkerButton\n\t */\n\thoverAction(newHoverState: string) {\n\t\tthis.setState({ hoverState: newHoverState });\n\t}\n\n\t/**\n\t * Render method\n\t * @memberof CloseButton\n\t */\n\trender() {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{this.context.showCloseButton && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tonClick={this.onClick}\n\t\t\t\t\t\tclassName=\"fsbl-icon fsbl-close\"\n\t\t\t\t\t\tdata-hover={this.state.hoverState}\n\t\t\t\t\t\ttitle=\"Close\"\n\t\t\t\t\t\tid=\"fsbl-window-close\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<FinsembleHoverDetector edge=\"top right\" hoverAction={this.hoverAction} />\n\t\t\t\t\t\t<i className=\"ff-close\"></i>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</>\n\t\t);\n\t}\n}\n"]}
+{"version":3,"file":"CloseButton.js","sourceRoot":"","sources":["../../../../../src/components/windowTitleBar/components/right/CloseButton.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,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;AAMpE;;GAEG;AACH,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;IAED;;;;OAIG;IACH,kBAAkB;QACjB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAChD,CAAC;IAED;;;;OAIG;IACH,OAAO;QACN,aAAa,CAAC,UAAU,EAAE,CAAC;IAC5B,CAAC;IAED;;;;;OAKG;IACH,WAAW,CAAC,aAAqB;QAChC,IAAI,CAAC,QAAQ,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC,CAAC;IAC9C,CAAC;IAED;;;OAGG;IACH,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":["/*!\n * Copyright 2017 by ChartIQ, Inc.\n * All rights reserved.\n */\nimport * as React from \"react\";\nimport { FinsembleHoverDetector } from \"../../../legacyControls/FinsembleHoverDetector\";\nimport { Actions as HeaderActions } from \"../../stores/windowTitleBarStore\";\nimport { WindowTitleBarContext } from \"../../windowTitleBarContext\";\n\ninterface IProps {}\ninterface IState {\n\thoverState: string;\n}\n/**\n * Close button, located on the far right of the window Manager.\n */\nexport class CloseButton extends React.Component<IProps, IState> {\n\tstatic contextType = WindowTitleBarContext;\n\n\tconstructor(props: IProps) {\n\t\tsuper(props);\n\t\tthis.bindCorrectContext();\n\t\tthis.state = { hoverState: \"false\" };\n\t}\n\n\t/**\n\t * This is necessary to make sure that the `this` inside of the callback is correct.\n\t *\n\t * @memberof CloseButton\n\t */\n\tbindCorrectContext() {\n\t\tthis.hoverAction = this.hoverAction.bind(this);\n\t}\n\n\t/**\n\t * Listener invoked when the user clicks the close button.\n\t *\n\t * @memberof CloseButton\n\t */\n\tonClick() {\n\t\tHeaderActions.clickClose();\n\t}\n\n\t/**\n\t * When your mouse enters/leaves the hoverDetector, this function is invoked.\n\t *\n\t * @param {any} newHoverState\n\t * @memberof LinkerButton\n\t */\n\thoverAction(newHoverState: string) {\n\t\tthis.setState({ hoverState: newHoverState });\n\t}\n\n\t/**\n\t * Render method\n\t * @memberof CloseButton\n\t */\n\trender() {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{this.context.showCloseButton && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tonClick={this.onClick}\n\t\t\t\t\t\tclassName=\"fsbl-icon fsbl-close\"\n\t\t\t\t\t\tdata-hover={this.state.hoverState}\n\t\t\t\t\t\ttitle=\"Close\"\n\t\t\t\t\t\tid=\"fsbl-window-close\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<FinsembleHoverDetector edge=\"top right\" hoverAction={this.hoverAction} />\n\t\t\t\t\t\t<i className=\"ff-close\"></i>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</>\n\t\t);\n\t}\n}\n"]}

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

@@ -1,3 +1,7 @@
+/*!
+ * Copyright 2017 by ChartIQ, Inc.
+ * All rights reserved.
+ */
 import * as React from "react";
 interface IProps {
 }
@@ -9,12 +13,45 @@ interface IState {
 export declare class GroupingButton extends React.Component<IProps, IState> {
     static contextType: React.Context<import("../../windowTitleBarContext").WindowTitleBarContextType>;
     constructor(props: IProps);
+    /**
+     * This is necessary to make sure that the `this` inside of the callback is correct.
+     *
+     */
     bindEventHandlers(): void;
+    /**
+     * Add listeners to the store.
+     *
+     */
     UNSAFE_componentWillMount(): void;
+    /**
+     * Remove listeners from the store.
+     *
+     */
     componentWillUnmount(): void;
+    /**
+     * 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.
+     *
+     * @param {any} err
+     * @param {any} response
+     */
     onStoreChanged(err: any, response: any): void;
+    /**
+     * When your mouse enters/leaves the hoverDetector, this function is invoked.
+     *
+     * @param {any} newHoverState
+     * @memberof LinkerButton
+     */
     hoverAction(newHoverState: string): void;
+    /**
+     * Invoked when the user clicks the docking button.
+     *
+     */
     onClick(): void;
+    /**
+     * Render method
+     *
+     * @returns
+     */
     render(): JSX.Element;
 }
 export {};

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

@@ -1,3 +1,7 @@
+/*!
+ * Copyright 2017 by ChartIQ, Inc.
+ * All rights reserved.
+ */
 import * as React from "react";
 import { FinsembleHoverDetector } from "../../../legacyControls/FinsembleHoverDetector";
 import { WindowTitleBarContext } from "../../windowTitleBarContext";
@@ -7,6 +11,9 @@ export class GroupingButton extends React.Component {
     constructor(props) {
         super(props);
         this.bindEventHandlers();
+        /**
+         * We assign in the constructor instead of via a require at the top of the file because the store is initialized asynchronously.
+         */
         windowTitleBarStore = getStore();
         this.state = {
             showDockingTooltip: false,
@@ -14,26 +21,59 @@ export class GroupingButton extends React.Component {
             hoverState: "false",
         };
     }
+    /**
+     * This is necessary to make sure that the `this` inside of the callback is correct.
+     *
+     */
     bindEventHandlers() {
         this.onClick = this.onClick.bind(this);
         this.onStoreChanged = this.onStoreChanged.bind(this);
         this.hoverAction = this.hoverAction.bind(this);
     }
+    /**
+     * Add listeners to the store.
+     *
+     */
     UNSAFE_componentWillMount() {
         windowTitleBarStore.addListener({ field: "Main.dockingIcon" }, this.onStoreChanged);
     }
+    /**
+     * Remove listeners from the store.
+     *
+     */
     componentWillUnmount() {
         windowTitleBarStore.removeListener({ field: "Main.dockingIcon" }, this.onStoreChanged);
     }
+    /**
+     * 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.
+     *
+     * @param {any} err
+     * @param {any} response
+     */
     onStoreChanged(err, response) {
         this.setState({ dockingIcon: response.value });
     }
+    /**
+     * When your mouse enters/leaves the hoverDetector, this function is invoked.
+     *
+     * @param {any} newHoverState
+     * @memberof LinkerButton
+     */
     hoverAction(newHoverState) {
         this.setState({ hoverState: newHoverState });
     }
+    /**
+     * Invoked when the user clicks the docking button.
+     *
+     */
     onClick() {
         HeaderActions.toggleGroup();
     }
+    /**
+     * Render method
+     *
+     * @returns
+     */
     render() {
         let iconClass = "ff-";
         let wrapClasses = "fsbl-icon fsbl-icon-bordered docking-control";

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

@@ -1 +1 @@
-{"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":["/*!\n * Copyright 2017 by ChartIQ, Inc.\n * All rights reserved.\n */\nimport * as React from \"react\";\nimport { FinsembleHoverDetector } from \"../../../legacyControls/FinsembleHoverDetector\";\nimport { WindowTitleBarContext } from \"../../windowTitleBarContext\";\nimport { getStore, Actions as HeaderActions } from \"../../stores/windowTitleBarStore\";\nimport StoreModel from \"@finsemble/finsemble-api/types/clients/StoreModel\";\nlet windowTitleBarStore: StoreModel;\n\ninterface IProps {}\ninterface IState {\n\tshowDockingTooltip: boolean;\n\tdockingIcon: string | false;\n\thoverState: string;\n}\n\nexport class GroupingButton extends React.Component<IProps, IState> {\n\tstatic contextType = WindowTitleBarContext;\n\n\tconstructor(props: IProps) {\n\t\tsuper(props);\n\t\tthis.bindEventHandlers();\n\t\t/**\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.\n\t\t */\n\t\twindowTitleBarStore = getStore();\n\t\tthis.state = {\n\t\t\tshowDockingTooltip: false,\n\t\t\tdockingIcon: windowTitleBarStore.getValue({ field: \"Main.dockingIcon\" }),\n\t\t\thoverState: \"false\",\n\t\t};\n\t}\n\n\t/**\n\t * This is necessary to make sure that the `this` inside of the callback is correct.\n\t *\n\t */\n\tbindEventHandlers() {\n\t\tthis.onClick = this.onClick.bind(this);\n\t\tthis.onStoreChanged = this.onStoreChanged.bind(this);\n\t\tthis.hoverAction = this.hoverAction.bind(this);\n\t}\n\n\t/**\n\t * Add listeners to the store.\n\t *\n\t */\n\tUNSAFE_componentWillMount() {\n\t\twindowTitleBarStore.addListener({ field: \"Main.dockingIcon\" }, this.onStoreChanged);\n\t}\n\n\t/**\n\t * Remove listeners from the store.\n\t *\n\t */\n\tcomponentWillUnmount() {\n\t\twindowTitleBarStore.removeListener({ field: \"Main.dockingIcon\" }, this.onStoreChanged);\n\t}\n\n\t/**\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.\n\t *\n\t * @param {any} err\n\t * @param {any} response\n\t */\n\tonStoreChanged(err: any, response: any) {\n\t\tthis.setState({ dockingIcon: response.value });\n\t}\n\n\t/**\n\t * When your mouse enters/leaves the hoverDetector, this function is invoked.\n\t *\n\t * @param {any} newHoverState\n\t * @memberof LinkerButton\n\t */\n\thoverAction(newHoverState: string) {\n\t\tthis.setState({ hoverState: newHoverState });\n\t}\n\n\t/**\n\t * Invoked when the user clicks the docking button.\n\t *\n\t */\n\n\tonClick() {\n\t\tHeaderActions.toggleGroup();\n\t}\n\n\t/**\n\t * Render method\n\t *\n\t * @returns\n\t */\n\trender() {\n\t\tlet iconClass = \"ff-\";\n\t\tlet wrapClasses = \"fsbl-icon fsbl-icon-bordered docking-control\";\n\n\t\ticonClass = iconClass + (this.state.dockingIcon === \"ejector\" ? \"attached\" : \"detached\");\n\t\tlet toolTip = this.state.dockingIcon === \"ejector\" ? \"Detach Window\" : \"Attach Windows\";\n\n\t\tif (iconClass === \"ff-attached\") {\n\t\t\twrapClasses = `${wrapClasses} fsbl-icon-highlighted`;\n\t\t}\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{this.context.showDockingButton && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={wrapClasses}\n\t\t\t\t\t\tid=\"fsbl-window-ejector\"\n\t\t\t\t\t\ttitle={toolTip}\n\t\t\t\t\t\tdata-hover={this.state.hoverState}\n\t\t\t\t\t\tonClick={this.onClick}\n\t\t\t\t\t>\n\t\t\t\t\t\t<FinsembleHoverDetector edge=\"top\" hoverAction={this.hoverAction} />\n\t\t\t\t\t\t<i className={iconClass}></i>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</>\n\t\t);\n\t}\n}\n"]}
+{"version":3,"file":"GroupingButton.js","sourceRoot":"","sources":["../../../../../src/components/windowTitleBar/components/right/GroupingButton.tsx"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Copyright 2017 by ChartIQ, Inc.\n * All rights reserved.\n */\nimport * as React from \"react\";\nimport { FinsembleHoverDetector } from \"../../../legacyControls/FinsembleHoverDetector\";\nimport { WindowTitleBarContext } from \"../../windowTitleBarContext\";\nimport { getStore, Actions as HeaderActions } from \"../../stores/windowTitleBarStore\";\nimport StoreModel from \"@finsemble/finsemble-api/types/clients/StoreModel\";\nlet windowTitleBarStore: StoreModel;\n\ninterface IProps {}\ninterface IState {\n\tshowDockingTooltip: boolean;\n\tdockingIcon: string | false;\n\thoverState: string;\n}\n\nexport class GroupingButton extends React.Component<IProps, IState> {\n\tstatic contextType = WindowTitleBarContext;\n\n\tconstructor(props: IProps) {\n\t\tsuper(props);\n\t\tthis.bindEventHandlers();\n\t\t/**\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.\n\t\t */\n\t\twindowTitleBarStore = getStore();\n\t\tthis.state = {\n\t\t\tshowDockingTooltip: false,\n\t\t\tdockingIcon: windowTitleBarStore.getValue({ field: \"Main.dockingIcon\" }),\n\t\t\thoverState: \"false\",\n\t\t};\n\t}\n\n\t/**\n\t * This is necessary to make sure that the `this` inside of the callback is correct.\n\t *\n\t */\n\tbindEventHandlers() {\n\t\tthis.onClick = this.onClick.bind(this);\n\t\tthis.onStoreChanged = this.onStoreChanged.bind(this);\n\t\tthis.hoverAction = this.hoverAction.bind(this);\n\t}\n\n\t/**\n\t * Add listeners to the store.\n\t *\n\t */\n\tUNSAFE_componentWillMount() {\n\t\twindowTitleBarStore.addListener({ field: \"Main.dockingIcon\" }, this.onStoreChanged);\n\t}\n\n\t/**\n\t * Remove listeners from the store.\n\t *\n\t */\n\tcomponentWillUnmount() {\n\t\twindowTitleBarStore.removeListener({ field: \"Main.dockingIcon\" }, this.onStoreChanged);\n\t}\n\n\t/**\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.\n\t *\n\t * @param {any} err\n\t * @param {any} response\n\t */\n\tonStoreChanged(err: any, response: any) {\n\t\tthis.setState({ dockingIcon: response.value });\n\t}\n\n\t/**\n\t * When your mouse enters/leaves the hoverDetector, this function is invoked.\n\t *\n\t * @param {any} newHoverState\n\t * @memberof LinkerButton\n\t */\n\thoverAction(newHoverState: string) {\n\t\tthis.setState({ hoverState: newHoverState });\n\t}\n\n\t/**\n\t * Invoked when the user clicks the docking button.\n\t *\n\t */\n\n\tonClick() {\n\t\tHeaderActions.toggleGroup();\n\t}\n\n\t/**\n\t * Render method\n\t *\n\t * @returns\n\t */\n\trender() {\n\t\tlet iconClass = \"ff-\";\n\t\tlet wrapClasses = \"fsbl-icon fsbl-icon-bordered docking-control\";\n\n\t\ticonClass = iconClass + (this.state.dockingIcon === \"ejector\" ? \"attached\" : \"detached\");\n\t\tlet toolTip = this.state.dockingIcon === \"ejector\" ? \"Detach Window\" : \"Attach Windows\";\n\n\t\tif (iconClass === \"ff-attached\") {\n\t\t\twrapClasses = `${wrapClasses} fsbl-icon-highlighted`;\n\t\t}\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{this.context.showDockingButton && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={wrapClasses}\n\t\t\t\t\t\tid=\"fsbl-window-ejector\"\n\t\t\t\t\t\ttitle={toolTip}\n\t\t\t\t\t\tdata-hover={this.state.hoverState}\n\t\t\t\t\t\tonClick={this.onClick}\n\t\t\t\t\t>\n\t\t\t\t\t\t<FinsembleHoverDetector edge=\"top\" hoverAction={this.hoverAction} />\n\t\t\t\t\t\t<i className={iconClass}></i>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</>\n\t\t);\n\t}\n}\n"]}