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

package/react/components/fdc3Resolver/ResolverContainer.js

@@ -1,53 +1,56 @@
-/*!
- * Copyright 2017 by ChartIQ, Inc.
- * All rights reserved.
- */
-import React, { useState } from "react";
-import { ResolverDialog } from "./ResolverDialog";
-export const ResolverContainer = () => {
-    const [firstLoad, setFirstLoad] = useState(true);
-    const [intentRaiser, setIntentRaiser] = useState("");
-    const [sendCallback, setSendCallback] = useState(() => () => { });
-    const [cancelCallback, setCancelCallback] = useState(() => () => { });
-    const [resolutionList, setResolutionList] = useState([]);
-    const clearAll = () => {
-        finsembleWindow.hide();
-        setIntentRaiser("");
-        setResolutionList([]);
-    };
-    const handleChoices = (choices) => {
-        var _a;
-        setIntentRaiser((_a = choices.originatingAppName) !== null && _a !== void 0 ? _a : "");
-        setResolutionList(choices.resolutionList);
-        finsembleWindow.show();
-        finsembleWindow.focus();
-    };
-    // We want to register as an IntentResolverListener, but we only want to register once
-    // However, the IntentResovlerListener handler needs to have access to this component's states
-    // So, this block will register the listener, and then never be called again
-    if (firstLoad) {
-        setFirstLoad(false);
-        const handleResolverChoices = (choices) => new Promise((resolve, reject) => {
-            handleChoices(choices);
-            setSendCallback(() => (result) => {
-                clearAll();
-                // originatingAppName and originatingAppWindow returned to support auto-associate
-                result.originatingAppName = choices.originatingAppName;
-                result.originatingAppWindow = choices.originatingAppWindow;
-                resolve(result);
-            });
-            setCancelCallback(() => () => {
-                clearAll();
-                reject({ err: "Cancelled by user" });
-            });
-        });
-        FSBL.internal.interopAdmin.registerUIResolverListener(handleResolverChoices).then(() => { });
-        clearAll();
-    }
-    return (React.createElement(ResolverDialog, { intentRaiser: intentRaiser, resolutionList: resolutionList, onSend: (selected) => {
-            sendCallback(selected);
-        }, onCancel: () => {
-            cancelCallback();
-        } }));
-};
+/*!
+ * Copyright 2017 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+import React, { useState } from "react";
+import { ResolverDialog } from "./ResolverDialog";
+import { FEAGlobals } from "../../../common/Globals";
+import { useTitle } from "../../hooks/useTitle";
+export const ResolverContainer = () => {
+    const [firstLoad, setFirstLoad] = useState(true);
+    const [intentRaiser, setIntentRaiser] = useState("");
+    const [sendCallback, setSendCallback] = useState(() => () => { });
+    const [cancelCallback, setCancelCallback] = useState(() => () => { });
+    const [resolutionList, setResolutionList] = useState([]);
+    useTitle("Resolver");
+    const clearAll = () => {
+        FEAGlobals.finsembleWindow.hide();
+        setIntentRaiser("");
+        setResolutionList([]);
+    };
+    const handleChoices = (choices) => {
+        var _a;
+        setIntentRaiser((_a = choices.originatingAppName) !== null && _a !== void 0 ? _a : "");
+        setResolutionList(choices.resolutionList);
+        FEAGlobals.finsembleWindow.show();
+        FEAGlobals.finsembleWindow.focus();
+    };
+    // We want to register as an IntentResolverListener, but we only want to register once
+    // However, the IntentResovlerListener handler needs to have access to this component's states
+    // So, this block will register the listener, and then never be called again
+    if (firstLoad) {
+        setFirstLoad(false);
+        const handleResolverChoices = (choices) => new Promise((resolve, reject) => {
+            handleChoices(choices);
+            setSendCallback(() => (result) => {
+                clearAll();
+                // originatingAppName and originatingAppWindow returned to support auto-associate
+                result.originatingAppName = choices.originatingAppName;
+                result.originatingAppWindow = choices.originatingAppWindow;
+                resolve(result);
+            });
+            setCancelCallback(() => () => {
+                clearAll();
+                reject({ err: "Cancelled by user" });
+            });
+        });
+        FEAGlobals.FSBL.internal.interopAdmin.registerUIResolverListener(handleResolverChoices).then(() => { });
+        clearAll();
+    }
+    return (React.createElement(ResolverDialog, { intentRaiser: intentRaiser, resolutionList: resolutionList, onSend: (selected) => {
+            sendCallback(selected);
+        }, onCancel: () => {
+            cancelCallback();
+        } }));
+};
 //# sourceMappingURL=ResolverContainer.js.map

package/react/components/fdc3Resolver/ResolverContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResolverContainer.js","sourceRoot":"","sources":["../../../src/components/fdc3Resolver/ResolverContainer.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAYlD,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACrC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACrD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAM,GAAG,EAAE,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;IACtE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAM,GAAG,EAAE,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;IAC1E,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAmB,EAAE,CAAC,CAAC;IAE3E,MAAM,QAAQ,GAAG,GAAG,EAAE;QACrB,eAAe,CAAC,IAAI,EAAE,CAAC;QACvB,eAAe,CAAC,EAAE,CAAC,CAAC;QACpB,iBAAiB,CAAC,EAAE,CAAC,CAAC;IACvB,CAAC,CAAC;IACF,MAAM,aAAa,GAAG,CAAC,OAA4B,EAAE,EAAE;;QACtD,eAAe,CAAC,MAAA,OAAO,CAAC,kBAAkB,mCAAI,EAAE,CAAC,CAAC;QAClD,iBAAiB,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;QAC1C,eAAe,CAAC,IAAI,EAAE,CAAC;QACvB,eAAe,CAAC,KAAK,EAAE,CAAC;IACzB,CAAC,CAAC;IAEF,sFAAsF;IACtF,8FAA8F;IAC9F,4EAA4E;IAC5E,IAAI,SAAS,EAAE;QACd,YAAY,CAAC,KAAK,CAAC,CAAC;QAEpB,MAAM,qBAAqB,GAAG,CAAC,OAA4B,EAAE,EAAE,CAC9D,IAAI,OAAO,CAAqB,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;YACnD,aAAa,CAAC,OAAO,CAAC,CAAC;YACvB,eAAe,CAAC,GAAG,EAAE,CAAC,CAAC,MAA0B,EAAE,EAAE;gBACpD,QAAQ,EAAE,CAAC;gBACX,iFAAiF;gBACjF,MAAM,CAAC,kBAAkB,GAAG,OAAO,CAAC,kBAAkB,CAAC;gBACvD,MAAM,CAAC,oBAAoB,GAAG,OAAO,CAAC,oBAAoB,CAAC;gBAC3D,OAAO,CAAC,MAAM,CAAC,CAAC;YACjB,CAAC,CAAC,CAAC;YACH,iBAAiB,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE;gBAC5B,QAAQ,EAAE,CAAC;gBACX,MAAM,CAAC,EAAE,GAAG,EAAE,mBAAmB,EAAE,CAAC,CAAC;YACtC,CAAC,CAAC,CAAC;QACJ,CAAC,CAAC,CAAC;QAEJ,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,0BAA0B,CAAC,qBAAqB,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;QAC5F,QAAQ,EAAE,CAAC;KACX;IAED,OAAO,CACN,oBAAC,cAAc,IACd,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,EAC9B,MAAM,EAAE,CAAC,QAAa,EAAE,EAAE;YACzB,YAAY,CAAC,QAAQ,CAAC,CAAC;QACxB,CAAC,EACD,QAAQ,EAAE,GAAG,EAAE;YACd,cAAc,EAAE,CAAC;QAClB,CAAC,GACA,CACF,CAAC;AACH,CAAC,CAAC","sourcesContent":["/*!\n * Copyright 2017 by ChartIQ, Inc.\n * All rights reserved.\n */\nimport React, { useState } from \"react\";\nimport { ResolverDialog } from \"./ResolverDialog\";\nimport { ResolutionList } from \"../../types/fdc3\";\nimport { clients } from \"@finsemble/finsemble-api\";\n\ntype ResolverResolution = clients.Interop.types.ResolverResolution;\n\ntype ResolverChoicesType = {\n\tresolutionList: ResolutionList[];\n\toriginatingAppName?: string;\n\toriginatingAppWindow?: string;\n};\n\nexport const ResolverContainer = () => {\n\tconst [firstLoad, setFirstLoad] = useState(true);\n\tconst [intentRaiser, setIntentRaiser] = useState(\"\");\n\tconst [sendCallback, setSendCallback] = useState<any>(() => () => {});\n\tconst [cancelCallback, setCancelCallback] = useState<any>(() => () => {});\n\tconst [resolutionList, setResolutionList] = useState<ResolutionList[]>([]);\n\n\tconst clearAll = () => {\n\t\tfinsembleWindow.hide();\n\t\tsetIntentRaiser(\"\");\n\t\tsetResolutionList([]);\n\t};\n\tconst handleChoices = (choices: ResolverChoicesType) => {\n\t\tsetIntentRaiser(choices.originatingAppName ?? \"\");\n\t\tsetResolutionList(choices.resolutionList);\n\t\tfinsembleWindow.show();\n\t\tfinsembleWindow.focus();\n\t};\n\n\t// We want to register as an IntentResolverListener, but we only want to register once\n\t// However, the IntentResovlerListener handler needs to have access to this component's states\n\t// So, this block will register the listener, and then never be called again\n\tif (firstLoad) {\n\t\tsetFirstLoad(false);\n\n\t\tconst handleResolverChoices = (choices: ResolverChoicesType) =>\n\t\t\tnew Promise<ResolverResolution>((resolve, reject) => {\n\t\t\t\thandleChoices(choices);\n\t\t\t\tsetSendCallback(() => (result: ResolverResolution) => {\n\t\t\t\t\tclearAll();\n\t\t\t\t\t// originatingAppName and originatingAppWindow returned to support auto-associate\n\t\t\t\t\tresult.originatingAppName = choices.originatingAppName;\n\t\t\t\t\tresult.originatingAppWindow = choices.originatingAppWindow;\n\t\t\t\t\tresolve(result);\n\t\t\t\t});\n\t\t\t\tsetCancelCallback(() => () => {\n\t\t\t\t\tclearAll();\n\t\t\t\t\treject({ err: \"Cancelled by user\" });\n\t\t\t\t});\n\t\t\t});\n\n\t\tFSBL.internal.interopAdmin.registerUIResolverListener(handleResolverChoices).then(() => {});\n\t\tclearAll();\n\t}\n\n\treturn (\n\t\t<ResolverDialog\n\t\t\tintentRaiser={intentRaiser}\n\t\t\tresolutionList={resolutionList}\n\t\t\tonSend={(selected: any) => {\n\t\t\t\tsendCallback(selected);\n\t\t\t}}\n\t\t\tonCancel={() => {\n\t\t\t\tcancelCallback();\n\t\t\t}}\n\t\t/>\n\t);\n};\n"]}
+{"version":3,"file":"ResolverContainer.js","sourceRoot":"","sources":["../../../../../src/ui/components/fdc3Resolver/ResolverContainer.tsx"],"names":[],"mappings":"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"}

package/react/components/fdc3Resolver/ResolverDialog.d.ts

@@ -1,19 +1,20 @@
-/// <reference types="react" />
-import "./ResolverDialog.css";
-import { ResolutionList } from "../../types/fdc3";
-declare type openApp = {
-    name: string;
-    id: string;
-};
-export declare type ReceivingAppType = {
-    name: string;
-    open: openApp[];
-};
-export declare type ResolverProps = {
-    intentRaiser: string;
-    onSend: any;
-    onCancel: any;
-    resolutionList?: ResolutionList[];
-};
-export declare const ResolverDialog: ({ intentRaiser, onSend, onCancel, resolutionList }: ResolverProps) => JSX.Element;
-export {};
+/// <reference types="react" />
+import "./ResolverDialog.css";
+import { ResolutionList } from "../../../clients/Interop/types";
+declare type openApp = {
+    name: string;
+    id: string;
+};
+export declare type ReceivingAppType = {
+    name: string;
+    open: openApp[];
+};
+export declare type ResolverProps = {
+    intentRaiser: string;
+    onSend: any;
+    onCancel: any;
+    resolutionList?: ResolutionList[];
+};
+export declare const ResolverDialog: ({ intentRaiser, onSend, onCancel, resolutionList }: ResolverProps) => JSX.Element;
+export {};
+//# sourceMappingURL=ResolverDialog.d.ts.map

package/react/components/fdc3Resolver/ResolverDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResolverDialog.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/fdc3Resolver/ResolverDialog.tsx"],"names":[],"mappings":";AAEA,OAAO,sBAAsB,CAAC;AAC9B,OAAO,EAAuB,cAAc,EAAE,MAAM,gCAAgC,CAAC;AA8BrF,aAAK,OAAO,GAAG;IACd,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;CACX,CAAC;AACF,oBAAY,gBAAgB,GAAG;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,OAAO,EAAE,CAAC;CAChB,CAAC;AACF,oBAAY,aAAa,GAAG;IAC3B,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,GAAG,CAAC;IACZ,QAAQ,EAAE,GAAG,CAAC;IACd,cAAc,CAAC,EAAE,cAAc,EAAE,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,cAAc,uDAA6D,aAAa,gBAqHpG,CAAC"}

package/react/components/fdc3Resolver/ResolverDialog.js

@@ -1,90 +1,90 @@
-import React, { useState } from "react";
-import { Button } from "../common/Button";
-import "./ResolverDialog.css";
-import { FinsembleSelect } from "../common/FinsembleSelect";
-import FloatingFocus from "@q42/floating-focus-a11y";
-// The package FloatingFocus injects a focus indicator that moves around the page, but only for
-// keyboard users. (Mouse users don't see the indicator.) All that needs to be done is to envoke it.
-new FloatingFocus();
-const Tile = ({ text, callback }) => (React.createElement("button", { className: "appTile", onClick: callback, title: text, role: "button", onKeyDown: (e) => {
-        if (e.key === "Enter" || e.key === " ") {
-            callback();
-        }
-    } },
-    React.createElement("span", { className: "tileHeader" }, text)));
-export const ResolverDialog = ({ intentRaiser, onSend, onCancel, resolutionList = [] }) => {
-    var _a, _b, _c, _d, _e, _f, _g;
-    const [intentNumber, setIntentNumber] = useState(0);
-    const intent = ((_b = (_a = resolutionList[intentNumber]) === null || _a === void 0 ? void 0 : _a.intent) === null || _b === void 0 ? void 0 : _b.displayName) || "";
-    const contextType = (_e = (_d = (_c = resolutionList[intentNumber]) === null || _c === void 0 ? void 0 : _c.context) === null || _d === void 0 ? void 0 : _d.type) !== null && _e !== void 0 ? _e : "data";
-    const receivingApps = ((_f = resolutionList[intentNumber]) === null || _f === void 0 ? void 0 : _f.launchableApps) || [];
-    const openApps = (((_g = resolutionList[intentNumber]) === null || _g === void 0 ? void 0 : _g.openApps) || []).map((app, key) => {
-        return Object.assign(Object.assign({}, app), { index: key });
-    });
-    /**
-     * Calculates what text to display in the UX. AppD prefers `title` when available. However, in the future we may
-     * expand this to use data that is proprietary to Finsemble, such as the window's current title.
-     */
-    const displayName = (app) => { var _a, _b; return (_b = (_a = app.meta.title) !== null && _a !== void 0 ? _a : app.meta.name) !== null && _b !== void 0 ? _b : app.meta.appId; };
-    const clickAction = (app) => {
-        var _a, _b;
-        onSend({
-            intent: (_b = (_a = resolutionList[intentNumber]) === null || _a === void 0 ? void 0 : _a.intent) === null || _b === void 0 ? void 0 : _b.name,
-            selectedApp: { name: app.meta.name },
-            windowName: app.windowName,
-        });
-    };
-    const handleCancel = () => {
-        setIntentNumber(0); // sets to default value
-        onCancel();
-    };
-    return (React.createElement("div", { className: "resolverDialog" },
-        resolutionList.length > 1 ? (React.createElement(React.Fragment, null,
-            React.createElement("h3", null,
-                React.createElement("span", { className: "sourceText" }, intentRaiser),
-                " wants to send",
-                " ",
-                React.createElement("span", { className: "intentText" },
-                    "\"",
-                    contextType,
-                    "\""),
-                " to another app."),
-            React.createElement("p", null, "How do you want to handle this?"),
-            React.createElement("h2", null, "Choose an action:"),
-            React.createElement(FinsembleSelect, { selected: [`${intentNumber}`], options: resolutionList.map((item) => { var _a; return ((_a = item.intent) === null || _a === void 0 ? void 0 : _a.displayName) || ""; }), values: resolutionList.map((item, key) => `${key}`), updateCallback: (values) => {
-                    setIntentNumber(+values[0]);
-                }, size: Math.min(resolutionList.length, 5), limit: 1 }))) : (React.createElement(React.Fragment, null,
-            React.createElement("h3", null,
-                React.createElement("span", { className: "sourceText" }, intentRaiser),
-                " wants to",
-                " ",
-                React.createElement("span", { className: "intentText" },
-                    "\"",
-                    intent,
-                    "\""),
-                "."),
-            React.createElement("p", null, "How do you want to handle this?"))),
-        React.createElement("h2", null, "Open a new app..."),
-        React.createElement("div", { className: "appListGrid" }, receivingApps.map((app, key) => (React.createElement(Tile, { key: key, text: displayName(app), callback: () => {
-                var _a, _b;
-                onSend({
-                    intent: (_b = (_a = resolutionList[intentNumber]) === null || _a === void 0 ? void 0 : _a.intent) === null || _b === void 0 ? void 0 : _b.name,
-                    selectedApp: {
-                        appId: app.appId,
-                    },
-                });
-            } })))),
-        openApps.length ? (React.createElement(React.Fragment, null,
-            React.createElement("h2", null, "...or, send to a running app"),
-            React.createElement("div", { className: "appSelector" },
-                React.createElement("ul", null, openApps.map((app, index) => (React.createElement("li", { key: index, tabIndex: 0, onClick: () => {
-                        clickAction(app);
-                    }, onKeyDown: (e) => {
-                        if (e.key === "Enter" || e.key === " ") {
-                            clickAction(app);
-                        }
-                    } }, `${app.index + 1} - ${displayName(app)}`))))))) : (React.createElement(React.Fragment, null)),
-        React.createElement("div", { className: "actionGroupRight" },
-            React.createElement(Button, { fashion: "ghost", text: "Cancel", onClick: handleCancel }))));
-};
+import React, { useState } from "react";
+import { Button } from "../common/Button";
+import "./ResolverDialog.css";
+import { FinsembleSelect } from "../common/FinsembleSelect";
+import FloatingFocus from "@q42/floating-focus-a11y";
+// The package FloatingFocus injects a focus indicator that moves around the page, but only for
+// keyboard users. (Mouse users don't see the indicator.) All that needs to be done is to envoke it.
+new FloatingFocus();
+const Tile = ({ text, callback }) => (React.createElement("button", { className: "appTile", onClick: callback, title: text, role: "button", onKeyDown: (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+            callback();
+        }
+    } },
+    React.createElement("span", { className: "tileHeader" }, text)));
+export const ResolverDialog = ({ intentRaiser, onSend, onCancel, resolutionList = [] }) => {
+    var _a, _b, _c, _d, _e, _f, _g;
+    const [intentNumber, setIntentNumber] = useState(0);
+    const intent = ((_b = (_a = resolutionList[intentNumber]) === null || _a === void 0 ? void 0 : _a.intent) === null || _b === void 0 ? void 0 : _b.displayName) || "";
+    const contextType = (_e = (_d = (_c = resolutionList[intentNumber]) === null || _c === void 0 ? void 0 : _c.context) === null || _d === void 0 ? void 0 : _d.type) !== null && _e !== void 0 ? _e : "data";
+    const receivingApps = ((_f = resolutionList[intentNumber]) === null || _f === void 0 ? void 0 : _f.launchableApps) || [];
+    const openApps = (((_g = resolutionList[intentNumber]) === null || _g === void 0 ? void 0 : _g.openApps) || []).map((app, key) => {
+        return Object.assign(Object.assign({}, app), { index: key });
+    });
+    /**
+     * Calculates what text to display in the UX. AppD prefers `title` when available. However, in the future we may
+     * expand this to use data that is proprietary to Finsemble, such as the window's current title.
+     */
+    const displayName = (app) => { var _a, _b; return (_b = (_a = app.meta.title) !== null && _a !== void 0 ? _a : app.meta.name) !== null && _b !== void 0 ? _b : app.meta.appId; };
+    const clickAction = (app) => {
+        var _a, _b;
+        onSend({
+            intent: (_b = (_a = resolutionList[intentNumber]) === null || _a === void 0 ? void 0 : _a.intent) === null || _b === void 0 ? void 0 : _b.name,
+            selectedApp: { name: app.meta.name },
+            windowName: app.windowName,
+        });
+    };
+    const handleCancel = () => {
+        setIntentNumber(0); // sets to default value
+        onCancel();
+    };
+    return (React.createElement("div", { className: "resolverDialog" },
+        resolutionList.length > 1 ? (React.createElement(React.Fragment, null,
+            React.createElement("h3", null,
+                React.createElement("span", { className: "sourceText" }, intentRaiser),
+                " wants to send",
+                " ",
+                React.createElement("span", { className: "intentText" },
+                    "\"",
+                    contextType,
+                    "\""),
+                " to another app."),
+            React.createElement("p", null, "How do you want to handle this?"),
+            React.createElement("h2", null, "Choose an action:"),
+            React.createElement(FinsembleSelect, { selected: [`${intentNumber}`], options: resolutionList.map((item) => { var _a; return ((_a = item.intent) === null || _a === void 0 ? void 0 : _a.displayName) || ""; }), values: resolutionList.map((item, key) => `${key}`), updateCallback: (values) => {
+                    setIntentNumber(+values[0]);
+                }, size: Math.min(resolutionList.length, 5), limit: 1 }))) : (React.createElement(React.Fragment, null,
+            React.createElement("h3", null,
+                React.createElement("span", { className: "sourceText" }, intentRaiser),
+                " wants to",
+                " ",
+                React.createElement("span", { className: "intentText" },
+                    "\"",
+                    intent,
+                    "\""),
+                "."),
+            React.createElement("p", null, "How do you want to handle this?"))),
+        React.createElement("h2", null, "Open a new app..."),
+        React.createElement("div", { className: "appListGrid" }, receivingApps.map((app, key) => (React.createElement(Tile, { key: key, text: displayName(app), callback: () => {
+                var _a, _b;
+                onSend({
+                    intent: (_b = (_a = resolutionList[intentNumber]) === null || _a === void 0 ? void 0 : _a.intent) === null || _b === void 0 ? void 0 : _b.name,
+                    selectedApp: {
+                        appId: app.appId,
+                    },
+                });
+            } })))),
+        openApps.length ? (React.createElement(React.Fragment, null,
+            React.createElement("h2", null, "...or, send to a running app"),
+            React.createElement("div", { className: "appSelector" },
+                React.createElement("ul", null, openApps.map((app, index) => (React.createElement("li", { key: index, tabIndex: 0, onClick: () => {
+                        clickAction(app);
+                    }, onKeyDown: (e) => {
+                        if (e.key === "Enter" || e.key === " ") {
+                            clickAction(app);
+                        }
+                    } }, `${app.index + 1} - ${displayName(app)}`))))))) : (React.createElement(React.Fragment, null)),
+        React.createElement("div", { className: "actionGroupRight" },
+            React.createElement(Button, { fashion: "ghost", text: "Cancel", onClick: handleCancel }))));
+};
 //# sourceMappingURL=ResolverDialog.js.map

package/react/components/fdc3Resolver/ResolverDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResolverDialog.js","sourceRoot":"","sources":["../../../src/components/fdc3Resolver/ResolverDialog.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState } from \"react\";\nimport { Button } from \"../common/Button\";\nimport \"./ResolverDialog.css\";\nimport { ResolutionCandidate, ResolutionList } from \"../../types/fdc3\";\nimport { FinsembleSelect } from \"../common/FinsembleSelect\";\n\nimport FloatingFocus from \"@q42/floating-focus-a11y\";\n// The package FloatingFocus injects a focus indicator that moves around the page, but only for\n// keyboard users. (Mouse users don't see the indicator.) All that needs to be done is to envoke it.\nnew FloatingFocus();\n// If you want to make changes to the indicator, the styles are being maintained in assets/css/focus.css\n\ntype TileProps = {\n\ttext: string;\n\tcallback: () => void;\n};\n\nconst Tile = ({ text, callback }: TileProps) => (\n\t<button\n\t\tclassName=\"appTile\"\n\t\tonClick={callback}\n\t\ttitle={text}\n\t\trole=\"button\"\n\t\tonKeyDown={(e) => {\n\t\t\tif (e.key === \"Enter\" || e.key === \" \") {\n\t\t\t\tcallback();\n\t\t\t}\n\t\t}}\n\t>\n\t\t<span className=\"tileHeader\">{text}</span>\n\t</button>\n);\n\ntype openApp = {\n\tname: string;\n\tid: string;\n};\nexport type ReceivingAppType = {\n\tname: string;\n\topen: openApp[];\n};\nexport type ResolverProps = {\n\tintentRaiser: string;\n\tonSend: any;\n\tonCancel: any;\n\tresolutionList?: ResolutionList[];\n};\n\nexport const ResolverDialog = ({ intentRaiser, onSend, onCancel, resolutionList = [] }: ResolverProps) => {\n\tconst [intentNumber, setIntentNumber] = useState(0);\n\tconst intent = resolutionList[intentNumber]?.intent?.displayName || \"\";\n\tconst contextType = resolutionList[intentNumber]?.context?.type ?? \"data\";\n\tconst receivingApps = resolutionList[intentNumber]?.launchableApps || [];\n\tconst openApps = (resolutionList[intentNumber]?.openApps || []).map((app, key) => {\n\t\treturn {\n\t\t\t...app,\n\t\t\tindex: key,\n\t\t};\n\t});\n\n\t/**\n\t * Calculates what text to display in the UX. AppD prefers `title` when available. However, in the future we may\n\t * expand this to use data that is proprietary to Finsemble, such as the window's current title.\n\t */\n\tconst displayName = (app: ResolutionCandidate): string => app.meta.title ?? app.meta.name ?? app.meta.appId;\n\n\tconst clickAction = (app: ResolutionCandidate) => {\n\t\tonSend({\n\t\t\tintent: resolutionList[intentNumber]?.intent?.name,\n\t\t\tselectedApp: { name: app.meta.name },\n\t\t\twindowName: app.windowName,\n\t\t});\n\t};\n\n\tconst handleCancel = () => {\n\t\tsetIntentNumber(0); // sets to default value\n\t\tonCancel();\n\t};\n\n\treturn (\n\t\t<div className=\"resolverDialog\">\n\t\t\t{resolutionList.length > 1 ? (\n\t\t\t\t<>\n\t\t\t\t\t<h3>\n\t\t\t\t\t\t<span className=\"sourceText\">{intentRaiser}</span> wants to send{\" \"}\n\t\t\t\t\t\t<span className=\"intentText\">&quot;{contextType}&quot;</span> to another app.\n\t\t\t\t\t</h3>\n\t\t\t\t\t<p>How do you want to handle this?</p>\n\n\t\t\t\t\t<h2>Choose an action:</h2>\n\n\t\t\t\t\t<FinsembleSelect\n\t\t\t\t\t\tselected={[`${intentNumber}`]}\n\t\t\t\t\t\toptions={resolutionList.map((item) => item.intent?.displayName || \"\")}\n\t\t\t\t\t\tvalues={resolutionList.map((item, key) => `${key}`)}\n\t\t\t\t\t\tupdateCallback={(values: string[]) => {\n\t\t\t\t\t\t\tsetIntentNumber(+values[0]);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tsize={Math.min(resolutionList.length, 5)}\n\t\t\t\t\t\tlimit={1}\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t) : (\n\t\t\t\t<>\n\t\t\t\t\t<h3>\n\t\t\t\t\t\t<span className=\"sourceText\">{intentRaiser}</span> wants to{\" \"}\n\t\t\t\t\t\t<span className=\"intentText\">&quot;{intent}&quot;</span>.\n\t\t\t\t\t</h3>\n\t\t\t\t\t<p>How do you want to handle this?</p>\n\t\t\t\t</>\n\t\t\t)}\n\n\t\t\t<h2>Open a new app...</h2>\n\n\t\t\t<div className=\"appListGrid\">\n\t\t\t\t{receivingApps.map((app, key) => (\n\t\t\t\t\t<Tile\n\t\t\t\t\t\tkey={key}\n\t\t\t\t\t\ttext={displayName(app)}\n\t\t\t\t\t\tcallback={() => {\n\t\t\t\t\t\t\tonSend({\n\t\t\t\t\t\t\t\tintent: resolutionList[intentNumber]?.intent?.name,\n\t\t\t\t\t\t\t\tselectedApp: {\n\t\t\t\t\t\t\t\t\tappId: app.appId,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t))}\n\t\t\t</div>\n\n\t\t\t{openApps.length ? (\n\t\t\t\t<>\n\t\t\t\t\t<h2>...or, send to a running app</h2>\n\n\t\t\t\t\t<div className=\"appSelector\">\n\t\t\t\t\t\t<ul>\n\t\t\t\t\t\t\t{openApps.map((app, index) => (\n\t\t\t\t\t\t\t\t<li\n\t\t\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\t\t\ttabIndex={0}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tclickAction(app);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tonKeyDown={(e) => {\n\t\t\t\t\t\t\t\t\t\tif (e.key === \"Enter\" || e.key === \" \") {\n\t\t\t\t\t\t\t\t\t\t\tclickAction(app);\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{`${app.index + 1} - ${displayName(app)}`}\n\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</ul>\n\t\t\t\t\t</div>\n\t\t\t\t</>\n\t\t\t) : (\n\t\t\t\t<></>\n\t\t\t)}\n\n\t\t\t<div className=\"actionGroupRight\">\n\t\t\t\t<Button fashion=\"ghost\" text=\"Cancel\" onClick={handleCancel} />\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"]}
+{"version":3,"file":"ResolverDialog.js","sourceRoot":"","sources":["../../../../../src/ui/components/fdc3Resolver/ResolverDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,sBAAsB,CAAC;AAE9B,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAE5D,OAAO,aAAa,MAAM,0BAA0B,CAAC;AACrD,+FAA+F;AAC/F,oGAAoG;AACpG,IAAI,aAAa,EAAE,CAAC;AAQpB,MAAM,IAAI,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAa,EAAE,EAAE,CAAC,CAC/C,gCACC,SAAS,EAAC,SAAS,EACnB,OAAO,EAAE,QAAQ,EACjB,KAAK,EAAE,IAAI,EACX,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;QAChB,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE;YACvC,QAAQ,EAAE,CAAC;SACX;IACF,CAAC;IAED,8BAAM,SAAS,EAAC,YAAY,IAAE,IAAI,CAAQ,CAClC,CACT,CAAC;AAiBF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,YAAY,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,GAAG,EAAE,EAAiB,EAAE,EAAE;;IACxG,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IACpD,MAAM,MAAM,GAAG,CAAA,MAAA,MAAA,cAAc,CAAC,YAAY,CAAC,0CAAE,MAAM,0CAAE,WAAW,KAAI,EAAE,CAAC;IACvE,MAAM,WAAW,GAAG,MAAA,MAAA,MAAA,cAAc,CAAC,YAAY,CAAC,0CAAE,OAAO,0CAAE,IAAI,mCAAI,MAAM,CAAC;IAC1E,MAAM,aAAa,GAAG,CAAA,MAAA,cAAc,CAAC,YAAY,CAAC,0CAAE,cAAc,KAAI,EAAE,CAAC;IACzE,MAAM,QAAQ,GAAG,CAAC,CAAA,MAAA,cAAc,CAAC,YAAY,CAAC,0CAAE,QAAQ,KAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;QAChF,uCACI,GAAG,KACN,KAAK,EAAE,GAAG,IACT;IACH,CAAC,CAAC,CAAC;IAEH;;;OAGG;IACH,MAAM,WAAW,GAAG,CAAC,GAAwB,EAAU,EAAE,eAAC,OAAA,MAAA,MAAA,GAAG,CAAC,IAAI,CAAC,KAAK,mCAAI,GAAG,CAAC,IAAI,CAAC,IAAI,mCAAI,GAAG,CAAC,IAAI,CAAC,KAAK,CAAA,EAAA,CAAC;IAE5G,MAAM,WAAW,GAAG,CAAC,GAAwB,EAAE,EAAE;;QAChD,MAAM,CAAC;YACN,MAAM,EAAE,MAAA,MAAA,cAAc,CAAC,YAAY,CAAC,0CAAE,MAAM,0CAAE,IAAI;YAClD,WAAW,EAAE,EAAE,IAAI,EAAE,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE;YACpC,UAAU,EAAE,GAAG,CAAC,UAAU;SAC1B,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACzB,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,wBAAwB;QAC5C,QAAQ,EAAE,CAAC;IACZ,CAAC,CAAC;IAEF,OAAO,CACN,6BAAK,SAAS,EAAC,gBAAgB;QAC7B,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC5B;YACC;gBACC,8BAAM,SAAS,EAAC,YAAY,IAAE,YAAY,CAAQ;;gBAAe,GAAG;gBACpE,8BAAM,SAAS,EAAC,YAAY;;oBAAQ,WAAW;yBAAc;mCACzD;YACL,iEAAsC;YAEtC,oDAA0B;YAE1B,oBAAC,eAAe,IACf,QAAQ,EAAE,CAAC,GAAG,YAAY,EAAE,CAAC,EAC7B,OAAO,EAAE,cAAc,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,WAAC,OAAA,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,WAAW,KAAI,EAAE,CAAA,EAAA,CAAC,EACrE,MAAM,EAAE,cAAc,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,EACnD,cAAc,EAAE,CAAC,MAAgB,EAAE,EAAE;oBACpC,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;gBAC7B,CAAC,EACD,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC,EACxC,KAAK,EAAE,CAAC,GACP,CACA,CACH,CAAC,CAAC,CAAC,CACH;YACC;gBACC,8BAAM,SAAS,EAAC,YAAY,IAAE,YAAY,CAAQ;;gBAAU,GAAG;gBAC/D,8BAAM,SAAS,EAAC,YAAY;;oBAAQ,MAAM;yBAAc;oBACpD;YACL,iEAAsC,CACpC,CACH;QAED,oDAA0B;QAE1B,6BAAK,SAAS,EAAC,aAAa,IAC1B,aAAa,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,oBAAC,IAAI,IACJ,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,WAAW,CAAC,GAAG,CAAC,EACtB,QAAQ,EAAE,GAAG,EAAE;;gBACd,MAAM,CAAC;oBACN,MAAM,EAAE,MAAA,MAAA,cAAc,CAAC,YAAY,CAAC,0CAAE,MAAM,0CAAE,IAAI;oBAClD,WAAW,EAAE;wBACZ,KAAK,EAAE,GAAG,CAAC,KAAK;qBAChB;iBACD,CAAC,CAAC;YACJ,CAAC,GACA,CACF,CAAC,CACG;QAEL,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAClB;YACC,+DAAqC;YAErC,6BAAK,SAAS,EAAC,aAAa;gBAC3B,gCACE,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CAC7B,4BACC,GAAG,EAAE,KAAK,EACV,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,GAAG,EAAE;wBACb,WAAW,CAAC,GAAG,CAAC,CAAC;oBAClB,CAAC,EACD,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;wBAChB,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE;4BACvC,WAAW,CAAC,GAAG,CAAC,CAAC;yBACjB;oBACF,CAAC,IAEA,GAAG,GAAG,CAAC,KAAK,GAAG,CAAC,MAAM,WAAW,CAAC,GAAG,CAAC,EAAE,CACrC,CACL,CAAC,CACE,CACA,CACJ,CACH,CAAC,CAAC,CAAC,CACH,yCAAK,CACL;QAED,6BAAK,SAAS,EAAC,kBAAkB;YAChC,oBAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,YAAY,GAAI,CAC1D,CACD,CACN,CAAC;AACH,CAAC,CAAC"}

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

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

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

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

package/react/components/fdc3Resolver/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/fdc3Resolver/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}

package/react/components/icon/Icon.d.ts

@@ -1,22 +1,22 @@
-import * as React from "react";
-import { services } from "@finsemble/finsemble-api";
-declare type IconDescriptor = services.window.types.IconDescriptor;
-/**
- * Converts a Finsemble config entry to an Icon type that can be used to create <Icon> components.
- * @param config A finsemble icon config entry as derived by the launcher (e.g. "icons.toolBar", "icons.taskbar" or  "icons.titleBar")
- * @param title The title for the icon
- */
-export declare const iconFromConfig: (config: any, title: string, appD: any) => IconDescriptor;
-declare type IconProps = IconDescriptor & {
-    className?: string;
-};
-/**
- * An icon to accompany Finsemble components or workspaces.
- * @param {string} [imageType] - "fonticon" | "url" | "initials" - Determines how the icon is generated.
- * @param {string} [path] - The path of the image.
- * @param {string} [name] - Used if imageType is "initials" to generate a text based icon.
- * @param {string} [category] - This will appear on the `data-category` attribute which can be used to drive CSS.
- * @param {string} [className] - Optional class to be appended.
- */
-export declare const Icon: React.FunctionComponent<Partial<IconProps>>;
-export {};
+import * as React from "react";
+import { IconDescriptor } from "../../../platform/services/window/types";
+/**
+ * Converts a Finsemble config entry to an Icon type that can be used to create <Icon> components.
+ * @param config A finsemble icon config entry as derived by the launcher (e.g. "icons.toolBar", "icons.taskbar" or  "icons.titleBar")
+ * @param title The title for the icon
+ */
+export declare const iconFromConfig: (config: any, title: string, appD: any) => IconDescriptor;
+declare type IconProps = IconDescriptor & {
+    className?: string;
+};
+/**
+ * An icon to accompany Finsemble components or workspaces.
+ * @param {string} [imageType] - "fonticon" | "url" | "initials" - Determines how the icon is generated.
+ * @param {string} [path] - The path of the image.
+ * @param {string} [name] - Used if imageType is "initials" to generate a text based icon.
+ * @param {string} [category] - This will appear on the `data-category` attribute which can be used to drive CSS.
+ * @param {string} [className] - Optional class to be appended.
+ */
+export declare const Icon: React.FunctionComponent<Partial<IconProps>>;
+export {};
+//# sourceMappingURL=Icon.d.ts.map

package/react/components/icon/Icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AAEzE;;;;GAIG;AACH,eAAO,MAAM,cAAc,WAAY,GAAG,SAAS,MAAM,QAAQ,GAAG,KAAG,cA6BtE,CAAC;AAYF,aAAK,SAAS,GAAG,cAAc,GAAG;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAsBF;;;;;;;GAOG;AACH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC,SAAS,CAAC,CAoB5D,CAAC"}