@finsemble/finsemble-ui 7.2.1 → 8.0.0-beta.1

package/react/components/linker/LinkerMenu.js

@@ -1,145 +1,153 @@
-/*!
- * Copyright 2020 by ChartIQ, Inc.
- * All rights reserved.
- */
-import React, { useEffect, useState, useRef } from "react";
-import { FinsembleProvider } from "../FinsembleProvider";
-import { useDispatch, useSelector, Provider } from "react-redux";
-import { actions, store } from "./remoteRedux";
-import "../../assets/css/linkerWindow.css";
-import { LinkerElement as LinkerElementDeprecated } from "./LinkerMenuDeprecated";
-const returnToCallingWindow = async (activeWindowName) => {
-    if (activeWindowName === undefined) {
-        return;
-    }
-    const { wrap } = await FSBL.FinsembleWindow.getInstance({ windowName: activeWindowName });
-    wrap.focus();
-};
-const LinkerElement = () => {
-    var _a, _b, _c, _d;
-    const state = useSelector((currentState) => currentState);
-    const dispatch = useDispatch();
-    const { activeWindowName } = state;
-    const joinedChannels = (_c = (_b = (_a = state === null || state === void 0 ? void 0 : state.clients) === null || _a === void 0 ? void 0 : _a[activeWindowName !== null && activeWindowName !== void 0 ? activeWindowName : ""]) === null || _b === void 0 ? void 0 : _b.joinedChannels) !== null && _c !== void 0 ? _c : [];
-    const allChannels = (_d = state === null || state === void 0 ? void 0 : state.allChannels) !== null && _d !== void 0 ? _d : [];
-    // Track which menu item has focus for keyboard users
-    const [focusedMenuIndex, setFocusedMenuIndex] = useState(0);
-    const containerElement = useRef(null);
-    const moveFocus = (newIndex) => {
-        var _a;
-        setFocusedMenuIndex(newIndex);
-        const elements = (_a = containerElement.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll("[role='menuitemcheckbox']");
-        elements === null || elements === void 0 ? void 0 : elements[newIndex].focus();
-    };
-    const hideWindow = () => {
-        // Must blur or you end up having to click twice to show the window.
-        // If you just hide, the first time the user clicks
-        // on the linker button, the blur will trigger, which will hide the window.
-        finsembleWindow.blur();
-        finsembleWindow.hide();
-        moveFocus(0);
-        // By default, after the linker menu closes, the calling window doesn't receive focus.
-        // Send focus back to it.
-        returnToCallingWindow(activeWindowName);
-    };
-    useEffect(() => {
-        // Move focus to container element, so that keystrokes can be captured for keyboard users (accessibility)
-        containerElement.current && containerElement.current.focus();
-        // Without these events, the linker menu is opened but doesn't focus, so the blur event never fires, and the menu is left
-        // orphaned and sad.
-        const focusWindow = () => {
-            finsembleWindow.focus();
-        };
-        FSBL.Clients.Logger.system.log("Linker component is mounted. Initializing.");
-        finsembleWindow.addEventListener("blurred", hideWindow);
-        finsembleWindow.addEventListener("shown", focusWindow);
-        return () => {
-            FSBL.Clients.Logger.system.log("Linker component is unmounted. Cleaning up the event listeners.");
-            finsembleWindow.removeEventListener("blurred", hideWindow);
-            finsembleWindow.removeEventListener("shown", focusWindow);
-        };
-    }, []);
-    const toggleChannel = (name) => {
-        // These action creators can now be imported from finsemble-api
-        if (activeWindowName) {
-            if (joinedChannels.includes(name)) {
-                dispatch(actions.unlinkChannels({
-                    type: "linker/unlinkChannels",
-                    payload: {
-                        channels: [name],
-                    },
-                    meta: {
-                        windowName: activeWindowName,
-                    },
-                }));
-            }
-            else {
-                dispatch(actions.linkChannels({
-                    type: "linker/linkChannels",
-                    payload: {
-                        channels: [name],
-                    },
-                    meta: {
-                        windowName: activeWindowName,
-                    },
-                }));
-            }
-        }
-        hideWindow();
-    };
-    const channelElements = activeWindowName &&
-        allChannels.map(({ name, cssClassName }) => {
-            const active = joinedChannels.includes(name);
-            return (React.createElement("div", { key: name, className: `channel-wrapper ${cssClassName}`, onClick: () => toggleChannel(name), tabIndex: -1, role: "menuitemcheckbox", "aria-checked": active },
-                React.createElement("div", { className: "channel-label" }, name),
-                React.createElement("div", { className: "linker-glyph" }, active ? React.createElement("i", { className: "active-linker-group ff-check-mark", "aria-hidden": "true" }) : null)));
-        });
-    const manageKeyboardNavigation = (evt) => {
-        const lastChannelIndex = allChannels.length - 1;
-        if (evt.key === "ArrowDown") {
-            moveFocus(focusedMenuIndex >= lastChannelIndex ? 0 : focusedMenuIndex + 1);
-        }
-        else if (evt.key === "ArrowUp") {
-            moveFocus(focusedMenuIndex <= 0 ? lastChannelIndex : focusedMenuIndex - 1);
-        }
-        else if (evt.key === "Enter") {
-            toggleChannel(allChannels[focusedMenuIndex].name);
-        }
-        else if (evt.key === "Escape") {
-            hideWindow();
-        }
-    };
-    return (React.createElement("div", { className: "linkerContainer", tabIndex: 0, role: "menu", onKeyDown: manageKeyboardNavigation, ref: containerElement }, channelElements));
-};
-/**
- * Picks whether to display the current or deprecated LinkerElement.
- * If config `finsemble.servicesConfig.linker.enabled` is set to true then the deprecated version will be used.
- *
- * This code should be removed once the linkerClient is removed from Finsemble.
- */
-const WhichLinker = () => {
-    const [whichLinker, setWhichLinker] = React.useState("");
-    useEffect(() => {
-        (async () => {
-            const { data } = await FSBL.Clients.ConfigClient.getValue({
-                field: "finsemble.servicesConfig.linker.enabled",
-            });
-            if (data) {
-                setWhichLinker("LinkerElementDeprecated");
-            }
-            else {
-                setWhichLinker("LinkerElement");
-            }
-        })();
-    }, []);
-    return (React.createElement(React.Fragment, null,
-        whichLinker === "LinkerElement" && (React.createElement(Provider, { store: store },
-            React.createElement(LinkerElement, null))),
-        whichLinker === "LinkerElementDeprecated" && React.createElement(LinkerElementDeprecated, null)));
-};
-/**
- * The Linker icon on the window titlebar that launches the linker menu.
- */
-export const LinkerMenu = () => (React.createElement(FinsembleProvider, null,
-    React.createElement(WhichLinker, null)));
+/*!
+ * Copyright 2020 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+import React, { useEffect, useState, useRef } from "react";
+import { useTitle } from "../../hooks/useTitle";
+import { FinsembleProvider } from "../FinsembleProvider";
+import { getStore } from "./remoteRedux";
+import { LinkerElement as LinkerElementDeprecated } from "./LinkerMenuDeprecated";
+import { FEAGlobals } from "../../../common/Globals";
+import { actions } from "../../../platform/services/Interop/modules/linker";
+import { useDispatch, useSelector, Provider } from "react-redux";
+import "../../assets/css/linkerWindow.css";
+/**
+ * Helper function to focus a remote window.
+ * @param windowName The window to focus
+ */
+const focusWindow = async (windowName) => {
+    if (windowName === undefined) {
+        return;
+    }
+    const { wrap } = await FEAGlobals.FSBL.FinsembleWindow.getInstance({ windowName });
+    wrap === null || wrap === void 0 ? void 0 : wrap.focus();
+};
+const LinkerElement = ({ title }) => {
+    var _a, _b, _c, _d;
+    const state = useSelector((currentState) => currentState);
+    const dispatch = useDispatch();
+    const { activeWindowName } = state;
+    const joinedChannels = (_c = (_b = (_a = state === null || state === void 0 ? void 0 : state.clients) === null || _a === void 0 ? void 0 : _a[activeWindowName !== null && activeWindowName !== void 0 ? activeWindowName : ""]) === null || _b === void 0 ? void 0 : _b.joinedChannels) !== null && _c !== void 0 ? _c : [];
+    const allChannels = (_d = state === null || state === void 0 ? void 0 : state.allChannels) !== null && _d !== void 0 ? _d : [];
+    // Track which menu item has focus for keyboard users
+    const [focusedMenuIndex, setFocusedMenuIndex] = useState(0);
+    const containerElement = useRef(null);
+    const moveFocus = (newIndex) => {
+        var _a;
+        setFocusedMenuIndex(newIndex);
+        const elements = (_a = containerElement.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll("[role='menuitemcheckbox']");
+        elements === null || elements === void 0 ? void 0 : elements[newIndex].focus();
+    };
+    const hideWindow = () => {
+        // Must blur or you end up having to click twice to show the window.
+        // If you just hide, the first time the user clicks
+        // on the linker button, the blur will trigger, which will hide the window.
+        FEAGlobals.finsembleWindow.blur();
+        FEAGlobals.finsembleWindow.hide();
+        // Reset internal focus to the first item in the linker for the next time the window is opened
+        moveFocus(0);
+        // Send focus back to the calling window when the linker is hidden
+        focusWindow(activeWindowName);
+    };
+    useTitle(title !== null && title !== void 0 ? title : "Linker");
+    useEffect(() => {
+        // Move focus to container element, so that keystrokes can be captured for keyboard users (accessibility)
+        containerElement.current && containerElement.current.focus();
+        // Without these events, the linker menu is opened but doesn't focus, so the blur event never fires, and the menu is left
+        // orphaned and sad.
+        const focusWindow = () => {
+            FEAGlobals.finsembleWindow.focus();
+        };
+        FEAGlobals.FSBL.Clients.Logger.system.log("Linker component is mounted. Initializing.");
+        FEAGlobals.finsembleWindow.addEventListener("blurred", hideWindow);
+        FEAGlobals.finsembleWindow.addEventListener("shown", focusWindow);
+        return () => {
+            FEAGlobals.FSBL.Clients.Logger.system.log("Linker component is unmounted. Cleaning up the event listeners.");
+            FEAGlobals.finsembleWindow.removeEventListener("blurred", hideWindow);
+            FEAGlobals.finsembleWindow.removeEventListener("shown", focusWindow);
+        };
+    }, []);
+    const toggleChannel = (name) => {
+        // These action creators can now be imported from core
+        if (activeWindowName) {
+            if (joinedChannels.includes(name)) {
+                dispatch(actions.unlinkChannels({
+                    type: "linker/unlinkChannels",
+                    payload: {
+                        channels: [name],
+                    },
+                    meta: {
+                        windowName: activeWindowName,
+                    },
+                }));
+            }
+            else {
+                dispatch(actions.linkChannels({
+                    type: "linker/linkChannels",
+                    payload: {
+                        channels: [name],
+                    },
+                    meta: {
+                        windowName: activeWindowName,
+                    },
+                }));
+            }
+        }
+        hideWindow();
+    };
+    const channelElements = activeWindowName &&
+        allChannels.map(({ name, cssClassName }) => {
+            const active = joinedChannels.includes(name);
+            return (React.createElement("div", { key: name, className: `channel-wrapper ${cssClassName}`, onClick: () => toggleChannel(name), tabIndex: -1, role: "menuitemcheckbox", "aria-checked": active },
+                React.createElement("div", { className: "channel-label" }, name),
+                React.createElement("div", { className: "linker-glyph" }, active ? React.createElement("i", { className: "active-linker-group ff-check-mark", "aria-hidden": "true" }) : null)));
+        });
+    const manageKeyboardNavigation = (evt) => {
+        const lastChannelIndex = allChannels.length - 1;
+        if (evt.key === "ArrowDown") {
+            moveFocus(focusedMenuIndex >= lastChannelIndex ? 0 : focusedMenuIndex + 1);
+        }
+        else if (evt.key === "ArrowUp") {
+            moveFocus(focusedMenuIndex <= 0 ? lastChannelIndex : focusedMenuIndex - 1);
+        }
+        else if (evt.key === "Enter") {
+            toggleChannel(allChannels[focusedMenuIndex].name);
+        }
+        else if (evt.key === "Escape") {
+            hideWindow();
+        }
+    };
+    return (React.createElement("div", { className: "linkerContainer", tabIndex: 0, role: "menu", onKeyDown: manageKeyboardNavigation, ref: containerElement }, channelElements));
+};
+/**
+ * Picks whether to display the current or deprecated LinkerElement.
+ * If config `finsemble.servicesConfig.linker.enabled` is set to true then the deprecated version will be used.
+ *
+ * This code should be removed once the linkerClient is removed from Finsemble.
+ */
+const WhichLinker = () => {
+    const [whichLinker, setWhichLinker] = React.useState("");
+    useEffect(() => {
+        (async () => {
+            const { data } = await FEAGlobals.FSBL.Clients.ConfigClient.getValue({
+                field: "finsemble.servicesConfig.linker.enabled",
+            });
+            if (data) {
+                setWhichLinker("LinkerElementDeprecated");
+            }
+            else {
+                setWhichLinker("LinkerElement");
+            }
+        })();
+    }, []);
+    return (React.createElement(React.Fragment, null,
+        whichLinker === "LinkerElement" && (React.createElement(Provider, { store: getStore() },
+            React.createElement(LinkerElement, null))),
+        whichLinker === "LinkerElementDeprecated" && React.createElement(LinkerElementDeprecated, null)));
+};
+/**
+ * The Linker icon on the window titlebar that launches the linker menu.
+ */
+export const LinkerMenu = () => (React.createElement(FinsembleProvider, null,
+    React.createElement(WhichLinker, null)));
 //# sourceMappingURL=LinkerMenu.js.map

package/react/components/linker/LinkerMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkerMenu.js","sourceRoot":"","sources":["../../../src/components/linker/LinkerMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Copyright 2020 by ChartIQ, Inc.\n * All rights reserved.\n */\nimport React, { useEffect, useState, useRef } from \"react\";\nimport { FinsembleProvider } from \"../FinsembleProvider\";\nimport { useDispatch, useSelector, Provider } from \"react-redux\";\nimport { LinkerStore, actions, store } from \"./remoteRedux\";\nimport \"../../assets/css/linkerWindow.css\";\nimport { LinkerElement as LinkerElementDeprecated } from \"./LinkerMenuDeprecated\";\n\ntype Channel = LinkerStore[\"allChannels\"][0];\ntype JoinedChannels = string[];\n\nconst returnToCallingWindow = async (activeWindowName?: string) => {\n\tif (activeWindowName === undefined) {\n\t\treturn;\n\t}\n\n\tconst { wrap } = await FSBL.FinsembleWindow.getInstance({ windowName: activeWindowName });\n\twrap.focus();\n};\n\nconst LinkerElement: React.FunctionComponent = () => {\n\tconst state: LinkerStore = useSelector((currentState: any) => currentState);\n\tconst dispatch = useDispatch();\n\tconst { activeWindowName } = state;\n\tconst joinedChannels: JoinedChannels = state?.clients?.[activeWindowName ?? \"\"]?.joinedChannels ?? [];\n\tconst allChannels: Channel[] = state?.allChannels ?? [];\n\t// Track which menu item has focus for keyboard users\n\tconst [focusedMenuIndex, setFocusedMenuIndex] = useState(0);\n\tconst containerElement = useRef<HTMLDivElement>(null);\n\n\tconst moveFocus = (newIndex: number) => {\n\t\tsetFocusedMenuIndex(newIndex);\n\t\tconst elements = containerElement.current?.querySelectorAll(\n\t\t\t\"[role='menuitemcheckbox']\"\n\t\t) as NodeListOf<HTMLDivElement>;\n\t\telements?.[newIndex].focus();\n\t};\n\n\tconst hideWindow = () => {\n\t\t// Must blur or you end up having to click twice to show the window.\n\t\t// If you just hide, the first time the user clicks\n\t\t// on the linker button, the blur will trigger, which will hide the window.\n\t\tfinsembleWindow.blur();\n\t\tfinsembleWindow.hide();\n\t\tmoveFocus(0);\n\n\t\t// By default, after the linker menu closes, the calling window doesn't receive focus.\n\t\t// Send focus back to it.\n\t\treturnToCallingWindow(activeWindowName);\n\t};\n\n\tuseEffect(() => {\n\t\t// Move focus to container element, so that keystrokes can be captured for keyboard users (accessibility)\n\t\tcontainerElement.current && containerElement.current.focus();\n\n\t\t// Without these events, the linker menu is opened but doesn't focus, so the blur event never fires, and the menu is left\n\t\t// orphaned and sad.\n\n\t\tconst focusWindow = () => {\n\t\t\tfinsembleWindow.focus();\n\t\t};\n\n\t\tFSBL.Clients.Logger.system.log(\"Linker component is mounted. Initializing.\");\n\t\tfinsembleWindow.addEventListener(\"blurred\", hideWindow);\n\t\tfinsembleWindow.addEventListener(\"shown\", focusWindow);\n\n\t\treturn () => {\n\t\t\tFSBL.Clients.Logger.system.log(\"Linker component is unmounted. Cleaning up the event listeners.\");\n\t\t\tfinsembleWindow.removeEventListener(\"blurred\", hideWindow);\n\t\t\tfinsembleWindow.removeEventListener(\"shown\", focusWindow);\n\t\t};\n\t}, []);\n\n\tconst toggleChannel = (name: string) => {\n\t\t// These action creators can now be imported from finsemble-api\n\t\tif (activeWindowName) {\n\t\t\tif (joinedChannels.includes(name)) {\n\t\t\t\tdispatch(\n\t\t\t\t\tactions.unlinkChannels({\n\t\t\t\t\t\ttype: \"linker/unlinkChannels\",\n\t\t\t\t\t\tpayload: {\n\t\t\t\t\t\t\tchannels: [name],\n\t\t\t\t\t\t},\n\t\t\t\t\t\tmeta: {\n\t\t\t\t\t\t\twindowName: activeWindowName,\n\t\t\t\t\t\t},\n\t\t\t\t\t})\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tdispatch(\n\t\t\t\t\tactions.linkChannels({\n\t\t\t\t\t\ttype: \"linker/linkChannels\",\n\t\t\t\t\t\tpayload: {\n\t\t\t\t\t\t\tchannels: [name],\n\t\t\t\t\t\t},\n\t\t\t\t\t\tmeta: {\n\t\t\t\t\t\t\twindowName: activeWindowName,\n\t\t\t\t\t\t},\n\t\t\t\t\t})\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t\thideWindow();\n\t};\n\n\tconst channelElements =\n\t\tactiveWindowName &&\n\t\tallChannels.map(({ name, cssClassName }) => {\n\t\t\tconst active = joinedChannels.includes(name);\n\n\t\t\treturn (\n\t\t\t\t<div\n\t\t\t\t\tkey={name}\n\t\t\t\t\tclassName={`channel-wrapper ${cssClassName}`}\n\t\t\t\t\tonClick={() => toggleChannel(name)}\n\t\t\t\t\ttabIndex={-1}\n\t\t\t\t\trole=\"menuitemcheckbox\"\n\t\t\t\t\taria-checked={active}\n\t\t\t\t>\n\t\t\t\t\t<div className=\"channel-label\">{name}</div>\n\t\t\t\t\t<div className=\"linker-glyph\">\n\t\t\t\t\t\t{active ? <i className=\"active-linker-group ff-check-mark\" aria-hidden=\"true\"></i> : null}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t);\n\t\t});\n\n\tconst manageKeyboardNavigation = (evt: React.KeyboardEvent<HTMLDivElement>) => {\n\t\tconst lastChannelIndex = allChannels.length - 1;\n\t\tif (evt.key === \"ArrowDown\") {\n\t\t\tmoveFocus(focusedMenuIndex >= lastChannelIndex ? 0 : focusedMenuIndex + 1);\n\t\t} else if (evt.key === \"ArrowUp\") {\n\t\t\tmoveFocus(focusedMenuIndex <= 0 ? lastChannelIndex : focusedMenuIndex - 1);\n\t\t} else if (evt.key === \"Enter\") {\n\t\t\ttoggleChannel(allChannels[focusedMenuIndex].name);\n\t\t} else if (evt.key === \"Escape\") {\n\t\t\thideWindow();\n\t\t}\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tclassName=\"linkerContainer\"\n\t\t\ttabIndex={0}\n\t\t\trole=\"menu\"\n\t\t\tonKeyDown={manageKeyboardNavigation}\n\t\t\tref={containerElement}\n\t\t>\n\t\t\t{channelElements}\n\t\t</div>\n\t);\n};\n\n/**\n * Picks whether to display the current or deprecated LinkerElement.\n * If config `finsemble.servicesConfig.linker.enabled` is set to true then the deprecated version will be used.\n *\n * This code should be removed once the linkerClient is removed from Finsemble.\n */\nconst WhichLinker = () => {\n\tconst [whichLinker, setWhichLinker] = React.useState(\"\");\n\n\tuseEffect(() => {\n\t\t(async () => {\n\t\t\tconst { data } = await FSBL.Clients.ConfigClient.getValue({\n\t\t\t\tfield: \"finsemble.servicesConfig.linker.enabled\",\n\t\t\t});\n\t\t\tif (data) {\n\t\t\t\tsetWhichLinker(\"LinkerElementDeprecated\");\n\t\t\t} else {\n\t\t\t\tsetWhichLinker(\"LinkerElement\");\n\t\t\t}\n\t\t})();\n\t}, []);\n\n\treturn (\n\t\t<>\n\t\t\t{whichLinker === \"LinkerElement\" && (\n\t\t\t\t<Provider store={store}>\n\t\t\t\t\t<LinkerElement />\n\t\t\t\t</Provider>\n\t\t\t)}\n\t\t\t{whichLinker === \"LinkerElementDeprecated\" && <LinkerElementDeprecated />}\n\t\t</>\n\t);\n};\n\n/**\n * The Linker icon on the window titlebar that launches the linker menu.\n */\nexport const LinkerMenu = () => (\n\t<FinsembleProvider>\n\t\t<WhichLinker />\n\t</FinsembleProvider>\n);\n"]}
+{"version":3,"file":"LinkerMenu.js","sourceRoot":"","sources":["../../../../../src/ui/components/linker/LinkerMenu.tsx"],"names":[],"mappings":"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"}

package/react/components/linker/LinkerMenuDeprecated.d.ts

@@ -1,7 +1,8 @@
-/// <reference types="react" />
-import "../../assets/css/linkerWindow.css";
-export declare const LinkerElement: () => JSX.Element;
-/**
- * The Linker icon on the window titlebar that launches the linker menu.
- */
-export declare const LinkerMenu: () => JSX.Element;
+/// <reference types="react" />
+import "../../assets/css/linkerWindow.css";
+export declare const LinkerElement: () => JSX.Element;
+/**
+ * The Linker icon on the window titlebar that launches the linker menu.
+ */
+export declare const LinkerMenu: () => JSX.Element;
+//# sourceMappingURL=LinkerMenuDeprecated.d.ts.map

package/react/components/linker/LinkerMenuDeprecated.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkerMenuDeprecated.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/linker/LinkerMenuDeprecated.tsx"],"names":[],"mappings":";AAYA,OAAO,mCAAmC,CAAC;AAK3C,eAAO,MAAM,aAAa,mBA4BzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,mBAItB,CAAC"}

package/react/components/linker/LinkerMenuDeprecated.js

@@ -1,38 +1,39 @@
-/*!
- * Copyright 2020 by ChartIQ, Inc.
- * All rights reserved.
- *
- * This is a deprecated version of LinkerMenu which uses the linkerClient. It is not compatible with FDC3 interop.
- */
-import * as React from "react";
-import { useLinker } from "../../hooks/useLinker";
-import { FinsembleProvider } from "../FinsembleProvider";
-import "../../assets/css/linkerWindow.css";
-const MAXIMUM_CHANNEL_SELECTIONS = 20;
-const HIT_MAXIMUM_CHANNEL_SELECTIONS_ERROR_MESSAGE = `Attempted to render more channels than allowed. UI may look bad displaying more than ${MAXIMUM_CHANNEL_SELECTIONS} channels`;
-export const LinkerElement = () => {
-    FSBL.Clients.Logger.deprecated("This is a deprecated version of LinkerMenu which uses the linkerClient.  It will be removed in a future Finsemble version. It is not compatible with FDC3 interop.");
-    const { state, toggleChannel } = useLinker();
-    const allChannels = Object.values(state.channels);
-    const channelElements = allChannels.map(({ color, border, name, active, id }, index) => {
-        if (index > MAXIMUM_CHANNEL_SELECTIONS - 1) {
-            FSBL.Clients.Logger.error(HIT_MAXIMUM_CHANNEL_SELECTIONS_ERROR_MESSAGE);
-            return;
-        }
-        const groupClass = `linkerGroup ${color}`;
-        const style = {
-            backgroundColor: color,
-            border: `1px solid ${border !== null && border !== void 0 ? border : color}`,
-        };
-        return (React.createElement("div", { key: id, className: "channel-wrapper", onClick: () => toggleChannel(id) },
-            state.isAccessibleLinker ? React.createElement("div", { className: "channel-label" }, name) : null,
-            React.createElement("div", { className: groupClass, style: style }, active ? React.createElement("i", { className: "active-linker-group ff-check-mark" }) : null)));
-    });
-    return React.createElement("div", { className: "linkerContainer" }, channelElements);
-};
-/**
- * The Linker icon on the window titlebar that launches the linker menu.
- */
-export const LinkerMenu = () => (React.createElement(FinsembleProvider, null,
-    React.createElement(LinkerElement, null)));
+/*!
+ * Copyright 2020 by ChartIQ, Inc.
+ * All rights reserved.
+ *
+ * This is a deprecated version of LinkerMenu which uses the linkerClient. It is not compatible with FDC3 interop.
+ */
+import * as React from "react";
+import { useLinker } from "../../hooks/useLinker";
+import { FinsembleProvider } from "../FinsembleProvider";
+import { FEAGlobals } from "../../../common/Globals";
+import "../../assets/css/linkerWindow.css";
+const MAXIMUM_CHANNEL_SELECTIONS = 20;
+const HIT_MAXIMUM_CHANNEL_SELECTIONS_ERROR_MESSAGE = `Attempted to render more channels than allowed. UI may look bad displaying more than ${MAXIMUM_CHANNEL_SELECTIONS} channels`;
+export const LinkerElement = () => {
+    FEAGlobals.FSBL.Clients.Logger.deprecated("This is a deprecated version of LinkerMenu which uses the linkerClient.  It will be removed in a future Finsemble version. It is not compatible with FDC3 interop.");
+    const { state, toggleChannel } = useLinker();
+    const allChannels = Object.values(state.channels);
+    const channelElements = allChannels.map(({ color, border, name, active, id }, index) => {
+        if (index > MAXIMUM_CHANNEL_SELECTIONS - 1) {
+            FEAGlobals.FSBL.Clients.Logger.error(HIT_MAXIMUM_CHANNEL_SELECTIONS_ERROR_MESSAGE);
+            return;
+        }
+        const groupClass = `linkerGroup ${color}`;
+        const style = {
+            backgroundColor: color,
+            border: `1px solid ${border !== null && border !== void 0 ? border : color}`,
+        };
+        return (React.createElement("div", { key: id, className: "channel-wrapper", onClick: () => toggleChannel(id) },
+            state.isAccessibleLinker ? React.createElement("div", { className: "channel-label" }, name) : null,
+            React.createElement("div", { className: groupClass, style: style }, active ? React.createElement("i", { className: "active-linker-group ff-check-mark" }) : null)));
+    });
+    return React.createElement("div", { className: "linkerContainer" }, channelElements);
+};
+/**
+ * The Linker icon on the window titlebar that launches the linker menu.
+ */
+export const LinkerMenu = () => (React.createElement(FinsembleProvider, null,
+    React.createElement(LinkerElement, null)));
 //# sourceMappingURL=LinkerMenuDeprecated.js.map

package/react/components/linker/LinkerMenuDeprecated.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkerMenuDeprecated.js","sourceRoot":"","sources":["../../../src/components/linker/LinkerMenuDeprecated.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,mCAAmC,CAAC;AAE3C,MAAM,0BAA0B,GAAG,EAAE,CAAC;AACtC,MAAM,4CAA4C,GAAG,wFAAwF,0BAA0B,WAAW,CAAC;AAEnL,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IACjC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,UAAU,CAC7B,oKAAoK,CACpK,CAAC;IACF,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,SAAS,EAAE,CAAC;IAE7C,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAc,CAAC;IAC/D,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE;QACtF,IAAI,KAAK,GAAG,0BAA0B,GAAG,CAAC,EAAE;YAC3C,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,4CAA4C,CAAC,CAAC;YACxE,OAAO;SACP;QACD,MAAM,UAAU,GAAG,eAAe,KAAK,EAAE,CAAC;QAC1C,MAAM,KAAK,GAAG;YACb,eAAe,EAAE,KAAK;YACtB,MAAM,EAAE,aAAa,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,KAAK,EAAE;SACtC,CAAC;QACF,OAAO,CACN,6BAAK,GAAG,EAAE,EAAE,EAAE,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,EAAE,CAAC;YACxE,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAC,eAAe,IAAE,IAAI,CAAO,CAAC,CAAC,CAAC,IAAI;YAC9E,6BAAK,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,IACtC,MAAM,CAAC,CAAC,CAAC,2BAAG,SAAS,EAAC,mCAAmC,GAAK,CAAC,CAAC,CAAC,IAAI,CACjE,CACD,CACN,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,6BAAK,SAAS,EAAC,iBAAiB,IAAE,eAAe,CAAO,CAAC;AACjE,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,CAC/B,oBAAC,iBAAiB;IACjB,oBAAC,aAAa,OAAG,CACE,CACpB,CAAC","sourcesContent":["/*!\n * Copyright 2020 by ChartIQ, Inc.\n * All rights reserved.\n *\n * This is a deprecated version of LinkerMenu which uses the linkerClient. It is not compatible with FDC3 interop.\n */\nimport * as React from \"react\";\n\nimport { Channel } from \"../../types/linkerTypes\";\nimport { useLinker } from \"../../hooks/useLinker\";\nimport { FinsembleProvider } from \"../FinsembleProvider\";\nimport \"../../assets/css/linkerWindow.css\";\n\nconst MAXIMUM_CHANNEL_SELECTIONS = 20;\nconst HIT_MAXIMUM_CHANNEL_SELECTIONS_ERROR_MESSAGE = `Attempted to render more channels than allowed. UI may look bad displaying more than ${MAXIMUM_CHANNEL_SELECTIONS} channels`;\n\nexport const LinkerElement = () => {\n\tFSBL.Clients.Logger.deprecated(\n\t\t\"This is a deprecated version of LinkerMenu which uses the linkerClient.  It will be removed in a future Finsemble version. It is not compatible with FDC3 interop.\"\n\t);\n\tconst { state, toggleChannel } = useLinker();\n\n\tconst allChannels = Object.values(state.channels) as Channel[];\n\tconst channelElements = allChannels.map(({ color, border, name, active, id }, index) => {\n\t\tif (index > MAXIMUM_CHANNEL_SELECTIONS - 1) {\n\t\t\tFSBL.Clients.Logger.error(HIT_MAXIMUM_CHANNEL_SELECTIONS_ERROR_MESSAGE);\n\t\t\treturn;\n\t\t}\n\t\tconst groupClass = `linkerGroup ${color}`;\n\t\tconst style = {\n\t\t\tbackgroundColor: color,\n\t\t\tborder: `1px solid ${border ?? color}`,\n\t\t};\n\t\treturn (\n\t\t\t<div key={id} className=\"channel-wrapper\" onClick={() => toggleChannel(id)}>\n\t\t\t\t{state.isAccessibleLinker ? <div className=\"channel-label\">{name}</div> : null}\n\t\t\t\t<div className={groupClass} style={style}>\n\t\t\t\t\t{active ? <i className=\"active-linker-group ff-check-mark\"></i> : null}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t});\n\n\treturn <div className=\"linkerContainer\">{channelElements}</div>;\n};\n\n/**\n * The Linker icon on the window titlebar that launches the linker menu.\n */\nexport const LinkerMenu = () => (\n\t<FinsembleProvider>\n\t\t<LinkerElement />\n\t</FinsembleProvider>\n);\n"]}
+{"version":3,"file":"LinkerMenuDeprecated.js","sourceRoot":"","sources":["../../../../../src/ui/components/linker/LinkerMenuDeprecated.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,mCAAmC,CAAC;AAE3C,MAAM,0BAA0B,GAAG,EAAE,CAAC;AACtC,MAAM,4CAA4C,GAAG,wFAAwF,0BAA0B,WAAW,CAAC;AAEnL,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IACjC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,UAAU,CACxC,oKAAoK,CACpK,CAAC;IACF,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,SAAS,EAAE,CAAC;IAE7C,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAc,CAAC;IAC/D,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE;QACtF,IAAI,KAAK,GAAG,0BAA0B,GAAG,CAAC,EAAE;YAC3C,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,4CAA4C,CAAC,CAAC;YACnF,OAAO;SACP;QACD,MAAM,UAAU,GAAG,eAAe,KAAK,EAAE,CAAC;QAC1C,MAAM,KAAK,GAAG;YACb,eAAe,EAAE,KAAK;YACtB,MAAM,EAAE,aAAa,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,KAAK,EAAE;SACtC,CAAC;QACF,OAAO,CACN,6BAAK,GAAG,EAAE,EAAE,EAAE,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,EAAE,CAAC;YACxE,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAC,eAAe,IAAE,IAAI,CAAO,CAAC,CAAC,CAAC,IAAI;YAC9E,6BAAK,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,IACtC,MAAM,CAAC,CAAC,CAAC,2BAAG,SAAS,EAAC,mCAAmC,GAAK,CAAC,CAAC,CAAC,IAAI,CACjE,CACD,CACN,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,6BAAK,SAAS,EAAC,iBAAiB,IAAE,eAAe,CAAO,CAAC;AACjE,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,CAC/B,oBAAC,iBAAiB;IACjB,oBAAC,aAAa,OAAG,CACE,CACpB,CAAC"}

package/react/components/linker/index.d.ts

@@ -1 +1,2 @@
-export { LinkerMenu } from "./LinkerMenu";
+export { LinkerMenu } from "./LinkerMenu";
+//# sourceMappingURL=index.d.ts.map

package/react/components/linker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/linker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/react/components/linker/index.js

@@ -1,2 +1,2 @@
-export { LinkerMenu } from "./LinkerMenu";
+export { LinkerMenu } from "./LinkerMenu";
 //# sourceMappingURL=index.js.map

package/react/components/linker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/linker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC","sourcesContent":["export { LinkerMenu } from \"./LinkerMenu\";\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/linker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/react/components/linker/remoteRedux.d.ts

@@ -1,12 +1,9 @@
-import { EnhancedStore } from "@reduxjs/toolkit";
-import { services } from "@finsemble/finsemble-api";
-export declare type LinkerStore = services.Interop.types.LinkerStore;
-export declare type InteropLinkChannels = services.Interop.modules.linker.InteropLinkChannels;
-export declare type InteropUnlinkChannels = services.Interop.modules.linker.InteropUnlinkChannels;
-export declare type InteropLinkerSetActiveWindow = services.Interop.modules.linker.InteropLinkerSetActiveWindow;
-export declare const store: EnhancedStore<LinkerStore, any, any>;
-export declare const actions: {
-    setActiveWindow: import("@reduxjs/toolkit").ActionCreatorWithPayload<services.Interop.modules.linker.InteropLinkerSetActiveWindow, string>;
-    linkChannels: import("@reduxjs/toolkit").ActionCreatorWithPayload<services.Interop.modules.linker.InteropLinkChannels, string>;
-    unlinkChannels: import("@reduxjs/toolkit").ActionCreatorWithPayload<services.Interop.modules.linker.InteropUnlinkChannels, string>;
-};
+/**
+ * Lazily create a local store that is connected via remote redux to the InteropStore. We do
+ * this lazily to avoid import time side effects (redux's standard pattern uses a global module which is
+ * bad practice for libraries).
+ *
+ * A singleton is used so that only a single store instance exists for any given window.
+ */
+export declare const getStore: () => import("@reduxjs/toolkit").EnhancedStore<any, import("redux").AnyAction, [import("redux-thunk").ThunkMiddleware<any, import("redux").AnyAction, undefined> | import("redux-thunk").ThunkMiddleware<any, import("redux").AnyAction, null>]>;
+//# sourceMappingURL=remoteRedux.d.ts.map

package/react/components/linker/remoteRedux.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"remoteRedux.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/linker/remoteRedux.ts"],"names":[],"mappings":"AAgBA;;;;;;GAMG;AACH,eAAO,MAAM,QAAQ,kPAYnB,CAAC"}

package/react/components/linker/remoteRedux.js

@@ -1,21 +1,30 @@
-import { configureStore, createAction } from "@reduxjs/toolkit";
-const { remoteRedux } = FSBL;
-const dummyReducer = (state) => state;
-const emptyStore = {
-    clients: {},
-    allChannels: [],
-    connectIdToJoinedChannel: {},
-};
-export const store = configureStore({
-    preloadedState: emptyStore,
-    reducer: dummyReducer,
-    enhancers: [
-        remoteRedux.remoteReduxClientEnhancer({ server: "@@finsemble/remoteRedux/InteropStore", slice: "linker" }),
-    ],
-});
-export const actions = {
-    setActiveWindow: createAction("linker/setActiveWindow"),
-    linkChannels: createAction("linker/linkChannels"),
-    unlinkChannels: createAction("linker/unlinkChannels"),
-};
+import { configureStore } from "@reduxjs/toolkit";
+import { FEAGlobals } from "../../../common/Globals";
+import { singletonFactory } from "../../../common/Singleton";
+// The local store doesn't have any reducers, but redux requires at least one, so we provide this reducer that does nothing
+const noopReducer = (state) => state;
+// The store state will come from the remote redux store, but we still need to initialize our local store with a
+// starting state that is empty.
+const emptyStore = {
+    clients: {},
+    allChannels: [],
+    connectIdToJoinedChannel: {},
+};
+/**
+ * Lazily create a local store that is connected via remote redux to the InteropStore. We do
+ * this lazily to avoid import time side effects (redux's standard pattern uses a global module which is
+ * bad practice for libraries).
+ *
+ * A singleton is used so that only a single store instance exists for any given window.
+ */
+export const getStore = () => singletonFactory("Remote-InteropStore", () => configureStore({
+    preloadedState: emptyStore,
+    reducer: noopReducer,
+    enhancers: [
+        FEAGlobals.FSBL.remoteRedux.remoteReduxClientEnhancer({
+            server: "@@finsemble/remoteRedux/InteropStore",
+            slice: "linker",
+        }),
+    ],
+}));
 //# sourceMappingURL=remoteRedux.js.map

package/react/components/linker/remoteRedux.js.map

@@ -1 +1 @@
-{"version":3,"file":"remoteRedux.js","sourceRoot":"","sources":["../../../src/components/linker/remoteRedux.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,YAAY,EAAiB,MAAM,kBAAkB,CAAC;AAQ/E,MAAM,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC;AAE7B,MAAM,YAAY,GAAG,CAAC,KAAU,EAAE,EAAE,CAAC,KAAK,CAAC;AAE3C,MAAM,UAAU,GAAgB;IAC/B,OAAO,EAAE,EAAE;IACX,WAAW,EAAE,EAAE;IACf,wBAAwB,EAAE,EAAE;CAC5B,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAyC,cAAc,CAAC;IACzE,cAAc,EAAE,UAAU;IAC1B,OAAO,EAAE,YAAY;IACrB,SAAS,EAAE;QACV,WAAW,CAAC,yBAAyB,CAAC,EAAE,MAAM,EAAE,sCAAsC,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC;KAC1G;CACD,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,OAAO,GAAG;IACtB,eAAe,EAAE,YAAY,CAA+B,wBAAwB,CAAC;IACrF,YAAY,EAAE,YAAY,CAAsB,qBAAqB,CAAC;IACtE,cAAc,EAAE,YAAY,CAAwB,uBAAuB,CAAC;CAC5E,CAAC","sourcesContent":["import { configureStore, createAction, EnhancedStore } from \"@reduxjs/toolkit\";\nimport { services } from \"@finsemble/finsemble-api\";\n\nexport type LinkerStore = services.Interop.types.LinkerStore;\nexport type InteropLinkChannels = services.Interop.modules.linker.InteropLinkChannels;\nexport type InteropUnlinkChannels = services.Interop.modules.linker.InteropUnlinkChannels;\nexport type InteropLinkerSetActiveWindow = services.Interop.modules.linker.InteropLinkerSetActiveWindow;\n\nconst { remoteRedux } = FSBL;\n\nconst dummyReducer = (state: any) => state;\n\nconst emptyStore: LinkerStore = {\n\tclients: {},\n\tallChannels: [],\n\tconnectIdToJoinedChannel: {},\n};\n\nexport const store: EnhancedStore<LinkerStore, any, any> = configureStore({\n\tpreloadedState: emptyStore,\n\treducer: dummyReducer,\n\tenhancers: [\n\t\tremoteRedux.remoteReduxClientEnhancer({ server: \"@@finsemble/remoteRedux/InteropStore\", slice: \"linker\" }),\n\t],\n});\n\nexport const actions = {\n\tsetActiveWindow: createAction<InteropLinkerSetActiveWindow>(\"linker/setActiveWindow\"),\n\tlinkChannels: createAction<InteropLinkChannels>(\"linker/linkChannels\"),\n\tunlinkChannels: createAction<InteropUnlinkChannels>(\"linker/unlinkChannels\"),\n};\n"]}
+{"version":3,"file":"remoteRedux.js","sourceRoot":"","sources":["../../../../../src/ui/components/linker/remoteRedux.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAE7D,2HAA2H;AAC3H,MAAM,WAAW,GAAG,CAAC,KAAU,EAAE,EAAE,CAAC,KAAK,CAAC;AAE1C,gHAAgH;AAChH,gCAAgC;AAChC,MAAM,UAAU,GAAgB;IAC/B,OAAO,EAAE,EAAE;IACX,WAAW,EAAE,EAAE;IACf,wBAAwB,EAAE,EAAE;CAC5B,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE,CAC5B,gBAAgB,CAAC,qBAAqB,EAAE,GAAG,EAAE,CAC5C,cAAc,CAAC;IACd,cAAc,EAAE,UAAU;IAC1B,OAAO,EAAE,WAAW;IACpB,SAAS,EAAE;QACV,UAAU,CAAC,IAAI,CAAC,WAAW,CAAC,yBAAyB,CAAC;YACrD,MAAM,EAAE,sCAAsC;YAC9C,KAAK,EAAE,QAAQ;SACf,CAAC;KACF;CACD,CAAC,CACF,CAAC"}