@finsemble/finsemble-ui 7.3.10 → 7.3.11

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

@@ -0,0 +1,49 @@
+export default class LinkerGroups extends React.Component<any, any, any> {
+    constructor(props: any);
+    state: {
+        channels: any;
+        accessibleLinker: boolean;
+    };
+    /**
+     * 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;
+    /**
+     * Add listeners to the store.
+     *
+     * @memberof LinkerGroups
+     */
+    componentDidMount(): void;
+    /**
+     * Remove listeners from the store.
+     *
+     * @memberof LinkerGroups
+     */
+    componentWillUnmount(): void;
+    /**
+     * Whenever the store changes, set state.
+     *
+     * @param {any} newState
+     * @memberof LinkerGroups
+     */
+    onStoreChanged(newState: any): void;
+    onClick(e: any, channel: any): void;
+    /**
+     * Render method.
+     *
+     * @returns
+     * @memberof LinkerGroups
+     */
+    render(): JSX.Element;
+}
+import * as React from "react";

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

@@ -0,0 +1,120 @@
+/*!
+ * 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";
+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 = {
+            channels: FSBL.Clients.LinkerClient.getState().channels,
+            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);
+    }
+    onClick(e, channel) {
+        FSBL.Clients.LinkerClient.bringAllToFront({
+            channel: channel,
+            restoreWindows: true,
+        });
+    }
+    /**
+     * Render method.
+     *
+     * @returns
+     * @memberof LinkerGroups
+     */
+    render() {
+        let self = this;
+        const { accessibleLinker } = this.state;
+        const getLabel = (channel) => {
+            if (!accessibleLinker) {
+                return null;
+            }
+            else if (channel.label) {
+                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}`;
+            return (React.createElement("div", { key: channel.name, className: classNames, title: `Channel ${getChannelLabelFromIndex(channel.name, FSBL.Clients.LinkerClient.getAllChannels())}`, style: { background: channel.color }, onMouseUp: function (e) {
+                    self.onClick(e, channel.name);
+                } }, getLabel(channel)));
+        });
+        return React.createElement("div", { className: "linker-groups" }, channels);
+    }
+}
+//# sourceMappingURL=LinkerGroupsDeprecated.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,41 @@
+export class ShareButton extends React.Component<any, any, any> {
+    static contextType: React.Context<import("../../windowTitleBarContext").WindowTitleBarContextType>;
+    constructor(props: any);
+    state: {
+        hoverState: string;
+    };
+    /**
+     * 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;
+    /**
+     * Add listeners to store.
+     *
+     * @memberof ShareButton
+     */
+    UNSAFE_componentWillMount(): void;
+    /**
+     * Remove listeners from the store.
+     *
+     * @memberof ShareButton
+     */
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+}
+import * as React from "react";

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

@@ -0,0 +1,82 @@
+/*!
+ * Copyright 2017 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+import * as React from "react";
+import { FinsembleHoverDetector } from "../../../legacyControls/FinsembleHoverDetector";
+import { WindowTitleBarContext } from "../../windowTitleBarContext";
+import { getStore } from "../../stores/windowTitleBarStore";
+const ShareIcon = () => (React.createElement("svg", { width: "20", height: "16", viewBox: "0 2 16 13", xmlns: "http://www.w3.org/2000/svg" },
+    React.createElement("title", null, "Drag To Share"),
+    React.createElement("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" }),
+    React.createElement("path", { d: "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", fill: "#ECEDEF" }),
+    React.createElement("rect", { fill: "#ECEDEF", x: "4", y: "6", width: "8", height: "1", rx: ".5" }),
+    React.createElement("path", { stroke: "#ECEDEF", strokeLinecap: "round", strokeLinejoin: "round", d: "M9 9l2.755-2.348L9 4.128" })));
+let windowTitleBarStore;
+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) })))));
+    }
+}
+ShareButton.contextType = WindowTitleBarContext;
+//# sourceMappingURL=ShareButton.js.map

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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const AlwaysOnTopButton: () => JSX.Element;

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

@@ -0,0 +1,14 @@
+/*!
+ * Copyright 2017 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+import * as React from "react";
+import { WindowTitleBarContext } from "../../windowTitleBarContext";
+export const AlwaysOnTopButton = () => {
+    const { alwaysOnTop, showAlwaysOnTopButton } = React.useContext(WindowTitleBarContext);
+    const setAlwaysOnTop = () => FSBL.Clients.WindowClient.setAlwaysOnTop(!alwaysOnTop);
+    const classes = `fsbl-icon fsbl-always-on-top ${alwaysOnTop ? "fsbl-icon-highlighted" : ""}`;
+    return (React.createElement(React.Fragment, null, showAlwaysOnTopButton && (React.createElement("div", { className: classes, id: "fsbl-always-on-top", title: "Always On Top", onClick: setAlwaysOnTop },
+        React.createElement("i", { className: "ff-always-on-top" })))));
+};
+//# sourceMappingURL=AlwaysOnTopButton.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +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

@@ -0,0 +1,54 @@
+/*!
+ * 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 }),
+            React.createElement("i", { className: "ff-close" })))));
+    }
+}
+CloseButton.contextType = WindowTitleBarContext;
+//# sourceMappingURL=CloseButton.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,57 @@
+/*!
+ * Copyright 2017 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+import * as React from "react";
+interface IProps {
+}
+interface IState {
+    showDockingTooltip: boolean;
+    dockingIcon: string | false;
+    hoverState: string;
+}
+export declare class GroupingButton extends React.Component<IProps, IState> {
+    static contextType: React.Context<import("../../windowTitleBarContext").WindowTitleBarContextType>;
+    constructor(props: IProps);
+    /**
+     * 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

@@ -0,0 +1,91 @@
+/*!
+ * Copyright 2017 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+import * as React from "react";
+import { FinsembleHoverDetector } from "../../../legacyControls/FinsembleHoverDetector";
+import { WindowTitleBarContext } from "../../windowTitleBarContext";
+import { getStore, Actions as HeaderActions } from "../../stores/windowTitleBarStore";
+let windowTitleBarStore;
+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,
+            dockingIcon: windowTitleBarStore.getValue({ field: "Main.dockingIcon" }),
+            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";
+        iconClass = iconClass + (this.state.dockingIcon === "ejector" ? "attached" : "detached");
+        let toolTip = this.state.dockingIcon === "ejector" ? "Detach Window" : "Attach Windows";
+        if (iconClass === "ff-attached") {
+            wrapClasses = `${wrapClasses} fsbl-icon-highlighted`;
+        }
+        return (React.createElement(React.Fragment, null, this.context.showDockingButton && (React.createElement("div", { className: wrapClasses, id: "fsbl-window-ejector", title: toolTip, "data-hover": this.state.hoverState, onClick: this.onClick },
+            React.createElement(FinsembleHoverDetector, { edge: "top", hoverAction: this.hoverAction }),
+            React.createElement("i", { className: iconClass })))));
+    }
+}
+GroupingButton.contextType = WindowTitleBarContext;
+//# sourceMappingURL=GroupingButton.js.map

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

@@ -0,0 +1 @@
+{"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"]}