@finsemble/finsemble-ui 1.0.0-beta-5 → 1.0.0-beta-9

package/react/components/downloadManager/DownloadItem.js

@@ -0,0 +1,74 @@
+import * as React from "react";
+import { FEAGlobals } from "../../../common/Globals";
+import { ButtonIcon } from "../common/ButtonIcon";
+import "../../assets/css/download.css";
+const renderPauseButton = (id) => (React.createElement(ButtonIcon, { displayText: true, className: "finsemble-download-pause", text: "Pause", icon: "pause", onClick: () => {
+        FEAGlobals.fin.desktop.System.pauseDownload(id);
+    } }));
+const renderCancelButton = (id) => (React.createElement(ButtonIcon, { displayText: true, className: "finsemble-download-cancel", text: "Cancel", icon: "cancel", onClick: () => {
+        FEAGlobals.fin.desktop.System.cancelDownload(id);
+    } }));
+const renderResumeButton = (id) => (React.createElement(ButtonIcon, { displayText: true, className: "finsemble-download-resume", text: "Resume", icon: "resume", onClick: () => {
+        FEAGlobals.fin.desktop.System.resumeDownload(id);
+    } }));
+const renderShowInFolderButton = (id) => (React.createElement(ButtonIcon, { className: "finsemble-download-folder", displayText: true, text: "Show in folder", icon: "search", onClick: () => {
+        FEAGlobals.fin.desktop.System.showDownloadedFileInFolder(id);
+    } }));
+/**
+ * Determines which buttons to render based on the current state.
+ * The available actions are:
+ * Progressing(download in progress): pause, cancel
+ * Paused: resume, cancel
+ * Completed: show in folder
+ * Canceled, interrupted(download failed): none - it's currently not possible to resume/retry a canceled download
+ * All downloads in a state of "completion" (completed, cancelled, interrupted) can be removed from the list
+ */
+const renderButtons = (id, state) => {
+    switch (state) {
+        case "progressing":
+            return (React.createElement("span", null,
+                renderPauseButton(id),
+                renderCancelButton(id)));
+        case "paused":
+            return (React.createElement("span", null,
+                renderResumeButton(id),
+                renderCancelButton(id)));
+        case "completed":
+            return renderShowInFolderButton(id);
+        case "cancelled":
+        case "interrupted":
+        default:
+            break;
+    }
+};
+const bytesToMB = (bytes) => Math.round((bytes / (1024 * 1024)) * 1e2) / 1e2;
+/**
+ * Entry for each individual download with information about the download and it's state.
+ * Downloads can be paused/canceled/resumed based on completion status.
+ * A removal function is passed down from the parent Download Manager to allow removing downloads based on completion state
+ */
+export const DownloadItem = ({ downloadItem, remove }) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    // Completed, canceled, interrupted downloads can be removed
+    const removableState = ((_a = downloadItem === null || downloadItem === void 0 ? void 0 : downloadItem.displayInfo) === null || _a === void 0 ? void 0 : _a.state) === "completed" ||
+        ((_b = downloadItem === null || downloadItem === void 0 ? void 0 : downloadItem.displayInfo) === null || _b === void 0 ? void 0 : _b.state) === "cancelled" ||
+        ((_c = downloadItem === null || downloadItem === void 0 ? void 0 : downloadItem.displayInfo) === null || _c === void 0 ? void 0 : _c.state) === "interrupted";
+    const receivedMB = bytesToMB((_d = downloadItem === null || downloadItem === void 0 ? void 0 : downloadItem.displayInfo) === null || _d === void 0 ? void 0 : _d.receivedBytes);
+    const totalMB = bytesToMB((_e = downloadItem === null || downloadItem === void 0 ? void 0 : downloadItem.displayInfo) === null || _e === void 0 ? void 0 : _e.totalBytes);
+    const removeDownloadItem = async () => {
+        await FEAGlobals.fin.desktop.System.removeDownloadItem(downloadItem === null || downloadItem === void 0 ? void 0 : downloadItem.id);
+        remove(downloadItem);
+    };
+    return (React.createElement("div", { className: "download-row" },
+        React.createElement("div", { className: "download-remove" }, removableState && (React.createElement(ButtonIcon, { text: "Cancel", className: "finsemble-download-remove", icon: "times", onClick: removeDownloadItem }))),
+        React.createElement("div", { className: "download-name" }, (_f = downloadItem === null || downloadItem === void 0 ? void 0 : downloadItem.displayInfo) === null || _f === void 0 ? void 0 : _f.filename),
+        React.createElement("div", { title: (_g = downloadItem === null || downloadItem === void 0 ? void 0 : downloadItem.displayInfo) === null || _g === void 0 ? void 0 : _g.url, className: "download-url" }, (_h = downloadItem === null || downloadItem === void 0 ? void 0 : downloadItem.displayInfo) === null || _h === void 0 ? void 0 : _h.url),
+        React.createElement("div", { className: "download-progress-button-row" },
+            React.createElement("span", { className: "download-progress" },
+                receivedMB,
+                "MB/",
+                totalMB,
+                "MB"),
+            React.createElement("span", { className: "download-buttons" }, renderButtons(downloadItem === null || downloadItem === void 0 ? void 0 : downloadItem.id, (_j = downloadItem === null || downloadItem === void 0 ? void 0 : downloadItem.displayInfo) === null || _j === void 0 ? void 0 : _j.state)))));
+};
+//# sourceMappingURL=DownloadItem.js.map

package/react/components/downloadManager/DownloadItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DownloadItem.js","sourceRoot":"","sources":["../../../../../src/ui/components/downloadManager/DownloadItem.tsx"],"names":[],"mappings":"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"}

package/react/components/downloadManager/DownloadManager.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import "../../assets/css/download.css";
+export declare type DownloadManagerProps = {
+    className?: string;
+};
+/**
+ * UI for the Download Manager containing a list and data for downloads initiated accross all windows.
+ */
+export declare const DownloadManager: React.FunctionComponent<DownloadManagerProps>;
+//# sourceMappingURL=DownloadManager.d.ts.map

package/react/components/downloadManager/DownloadManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DownloadManager.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/downloadManager/DownloadManager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAOzC,OAAO,+BAA+B,CAAC;AACvC,oBAAY,oBAAoB,GAAG;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAC,oBAAoB,CA6DzE,CAAC"}

package/react/components/downloadManager/DownloadManager.js

@@ -0,0 +1,42 @@
+import React, { useEffect } from "react";
+import { Title } from "../../hooks/useTitle";
+import { DownloadItem } from "./DownloadItem";
+import useDownloadItems from "../../hooks/useDownloadItems";
+import { ButtonIcon } from "../common/ButtonIcon";
+import { FEAGlobals } from "../../../common/Globals";
+import "../../assets/css/download.css";
+/**
+ * UI for the Download Manager containing a list and data for downloads initiated accross all windows.
+ */
+export const DownloadManager = (props) => {
+    const { downloadItems, initDownloadItems, removeDownloadItem } = useDownloadItems();
+    const launchPreferences = () => {
+        FEAGlobals.FSBL.Clients.RouterClient.transmit("FinsembleUserPreferencesChannel", {
+            preferencesTab: "General",
+        });
+        FEAGlobals.FSBL.Clients.LauncherClient.showWindow({
+            componentType: "UserPreferences",
+        }, {
+            monitor: "mine",
+            left: "center",
+            top: "center",
+        });
+    };
+    useEffect(() => {
+        FEAGlobals.fin.desktop.System.getDownloadList((downloadList) => {
+            initDownloadItems(downloadList);
+        });
+    }, []);
+    return (React.createElement("div", null,
+        React.createElement(Title, { title: "Download Manager" }),
+        React.createElement("div", { className: "download-wrapper" },
+            React.createElement("div", { className: "download-row" },
+                React.createElement("div", { className: "download-header" },
+                    React.createElement("div", { className: "download-title" }, "Downloads"),
+                    React.createElement("div", { className: "download-settings" },
+                        React.createElement(ButtonIcon, { text: "Settings", className: "download-settings-button", icon: "gear", onClick: () => {
+                                launchPreferences();
+                            } })))),
+            (downloadItems === null || downloadItems === void 0 ? void 0 : downloadItems.length) > 0 ? (React.createElement("div", null, downloadItems.map((downloadItem) => (React.createElement(DownloadItem, Object.assign({ key: `download-item-${downloadItem.id}`, downloadItem: downloadItem, remove: removeDownloadItem }, props)))))) : (React.createElement("div", { className: "no-downloads" }, "No Downloads to Display")))));
+};
+//# sourceMappingURL=DownloadManager.js.map

package/react/components/downloadManager/DownloadManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DownloadManager.js","sourceRoot":"","sources":["../../../../../src/ui/components/downloadManager/DownloadManager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE7C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,gBAAgB,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,+BAA+B,CAAC;AAKvC;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAkD,CAAC,KAAK,EAAE,EAAE;IACvF,MAAM,EAAE,aAAa,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAEpF,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC9B,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,iCAAiC,EAAE;YAChF,cAAc,EAAE,SAAS;SACzB,CAAC,CAAC;QACH,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,UAAU,CAChD;YACC,aAAa,EAAE,iBAAiB;SAChC,EACD;YACC,OAAO,EAAE,MAAM;YACf,IAAI,EAAE,QAAQ;YACd,GAAG,EAAE,QAAQ;SACb,CACD,CAAC;IACH,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACd,UAAU,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,YAAY,EAAE,EAAE;YAC9D,iBAAiB,CAAC,YAAY,CAAC,CAAC;QACjC,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACN;QACC,oBAAC,KAAK,IAAC,KAAK,EAAC,kBAAkB,GAAG;QAClC,6BAAK,SAAS,EAAC,kBAAkB;YAChC,6BAAK,SAAS,EAAC,cAAc;gBAC5B,6BAAK,SAAS,EAAC,iBAAiB;oBAC/B,6BAAK,SAAS,EAAC,gBAAgB,gBAAgB;oBAC/C,6BAAK,SAAS,EAAC,mBAAmB;wBACjC,oBAAC,UAAU,IACV,IAAI,EAAC,UAAU,EACf,SAAS,EAAC,0BAA0B,EACpC,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,GAAG,EAAE;gCACb,iBAAiB,EAAE,CAAC;4BACrB,CAAC,GACA,CACG,CACD,CACD;YACL,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,IAAG,CAAC,CAAC,CAAC,CAAC,CAC5B,iCACE,aAAa,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,EAAE,CAAC,CACpC,oBAAC,YAAY,kBACZ,GAAG,EAAE,iBAAiB,YAAY,CAAC,EAAE,EAAE,EACvC,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,kBAAkB,IACtB,KAAK,EACR,CACF,CAAC,CACG,CACN,CAAC,CAAC,CAAC,CACH,6BAAK,SAAS,EAAC,cAAc,8BAA8B,CAC3D,CACI,CACD,CACN,CAAC;AACH,CAAC,CAAC"}

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

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

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

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

package/react/components/downloadManager/index.js

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

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

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

package/react/components/favorites/FavoriteMaker.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+import { Favorite } from "../../types/favoriteTypes";
+declare type FavoriteMakerProps = Favorite & {
+    className?: string;
+    style?: React.CSSProperties;
+};
+/**
+ * Creates a clickable "favorite" that coordinates with the toolbar's pinned <FavoritesShell>.
+ * @param {string} [className] - An optional CSS className to append.
+ * @param {string} [id] - The unique identifier for the favorite item. This must be consistent across restarts.
+ * @param {string} [category] - "Workspace" | "Application". The catagory of the favorite item. Currenly only workspaces and launchable Finsemble applications can be favorited.
+ * @param {string} [name] - The name of the favorite item. This will be used for display in the FavoriteShell.
+ * @param {IconDescriptor} [icon] - The icon of the favorite item. This displays in the FavoriteShell. It defaults to use the initials of the `name` field as its content.
+ */
+export declare const FavoriteMaker: React.FunctionComponent<FavoriteMakerProps>;
+export {};
+//# sourceMappingURL=FavoriteMaker.d.ts.map

package/react/components/favorites/FavoriteMaker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FavoriteMaker.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/favorites/FavoriteMaker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGrD,aAAK,kBAAkB,GAAG,QAAQ,GAAG;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC5B,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CA2CrE,CAAC"}

package/react/components/favorites/FavoriteMaker.js

@@ -0,0 +1,40 @@
+import * as React from "react";
+import { useFavorites } from "../../hooks/useFavorites";
+/**
+ * Creates a clickable "favorite" that coordinates with the toolbar's pinned <FavoritesShell>.
+ * @param {string} [className] - An optional CSS className to append.
+ * @param {string} [id] - The unique identifier for the favorite item. This must be consistent across restarts.
+ * @param {string} [category] - "Workspace" | "Application". The catagory of the favorite item. Currenly only workspaces and launchable Finsemble applications can be favorited.
+ * @param {string} [name] - The name of the favorite item. This will be used for display in the FavoriteShell.
+ * @param {IconDescriptor} [icon] - The icon of the favorite item. This displays in the FavoriteShell. It defaults to use the initials of the `name` field as its content.
+ */
+export const FavoriteMaker = ({ id, category, icon, name, children, className = "", style, }) => {
+    const { isFavorited, addFavorite, removeFavorite } = useFavorites();
+    // If no icon is specified then default to an avatar based on initials
+    const definitiveIcon = icon !== null && icon !== void 0 ? icon : {
+        imageType: "initials",
+        name: name,
+        category: category,
+    };
+    const toggleFavorite = (e) => {
+        definitiveIcon;
+        e.preventDefault();
+        e.stopPropagation();
+        if (isFavorited(id)) {
+            removeFavorite(id);
+        }
+        else {
+            addFavorite({
+                id,
+                category,
+                name,
+                icon: definitiveIcon,
+            });
+        }
+    };
+    const active = isFavorited(id) ? "favorited" : "not-favorited";
+    const classes = `favorite-maker ${active} ${className}`;
+    const title = isFavorited(id) ? "Unfavorite" : "Favorite";
+    return (React.createElement("div", { role: "button", tabIndex: 0, onClick: toggleFavorite, className: classes, style: style, title: title }, children || React.createElement("i", { className: "ff-favorite" })));
+};
+//# sourceMappingURL=FavoriteMaker.js.map

package/react/components/favorites/FavoriteMaker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FavoriteMaker.js","sourceRoot":"","sources":["../../../../../src/ui/components/favorites/FavoriteMaker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AASxD;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,aAAa,GAAgD,CAAC,EAC1E,EAAE,EACF,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,KAAK,GACL,EAAE,EAAE;IACJ,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,GAAG,YAAY,EAAE,CAAC;IAEpE,sEAAsE;IACtE,MAAM,cAAc,GAAmB,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI;QAC9C,SAAS,EAAE,UAAU;QACrB,IAAI,EAAE,IAAI;QACV,QAAQ,EAAE,QAAQ;KAClB,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,CAAmB,EAAE,EAAE;QAC9C,cAAc,CAAC;QACf,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,WAAW,CAAC,EAAE,CAAC,EAAE;YACpB,cAAc,CAAC,EAAE,CAAC,CAAC;SACnB;aAAM;YACN,WAAW,CAAC;gBACX,EAAE;gBACF,QAAQ;gBACR,IAAI;gBACJ,IAAI,EAAE,cAAc;aACpB,CAAC,CAAC;SACH;IACF,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,WAAW,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,eAAe,CAAC;IAC/D,MAAM,OAAO,GAAG,kBAAkB,MAAM,IAAI,SAAS,EAAE,CAAC;IACxD,MAAM,KAAK,GAAG,WAAW,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC;IAE1D,OAAO,CACN,6BAAK,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,IACrG,QAAQ,IAAI,2BAAG,SAAS,EAAC,aAAa,GAAK,CACvC,CACN,CAAC;AACH,CAAC,CAAC"}

package/react/components/favorites/FavoritesShell.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import "../../assets/css/favorites.css";
+/**
+ * The FavoritesShell renders the favorite component, which displays all the favorited items and allows the user
+ * to launch, reorder, or delete a favorited item.
+ */
+export declare const FavoritesShell: () => JSX.Element;
+//# sourceMappingURL=FavoritesShell.d.ts.map

package/react/components/favorites/FavoritesShell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FavoritesShell.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/favorites/FavoritesShell.tsx"],"names":[],"mappings":";AAEA,OAAO,gCAAgC,CAAC;AAkExC;;;GAGG;AACH,eAAO,MAAM,cAAc,mBAM1B,CAAC"}

package/react/components/favorites/FavoritesShell.js

@@ -0,0 +1,41 @@
+import * as React from "react";
+import { useFavoritesShell } from "../../hooks/useFavoritesShell";
+import "../../assets/css/favorites.css";
+import { Icon } from "../icon/Icon";
+import { FinsembleDnDContext, AllowableDnDAxis } from "../legacyControls/FinsembleDnDContext";
+import { FinsembleDraggable } from "../legacyControls/FinsembleDraggable";
+/*
+ *  The component that loads and renders all the favorited items.
+ */
+const FavoritesComponent = () => {
+    const { favorites, triggerFavorite, removeFavorite, setFavoritesOrder } = useFavoritesShell();
+    // When user is reordering the favorite items in the UI, we need to keep track to this new order and persist the order information.
+    // This function gets all the favorite item elements in the correct order and call the hook function to set and persist this order.
+    const reorder = ({ oldIndex, newIndex }) => {
+        setFavoritesOrder({ oldIndex, newIndex });
+    };
+    // Delete a favorite item from the toolbar
+    const triggerRemoveFavorite = (event, id) => {
+        event.stopPropagation();
+        removeFavorite(id);
+    };
+    const nameLengthCheckPoint = (name) => (name.length > 24 ? `${name.substring(0, 25)}...` : name);
+    const favoriteElements = favorites.map(({ id, name, icon, category }, index) => (React.createElement(FinsembleDraggable, { draggableId: id, index: index, key: id, wrapperClass: "finsemble-toolbar-button", onClick: () => triggerFavorite(id, category), onKeydown: (e) => {
+            if (e.key === "Delete") {
+                triggerRemoveFavorite(e, id);
+            }
+        } },
+        React.createElement(Icon, Object.assign({ category: category }, icon)),
+        React.createElement("div", { className: "finsemble-toolbar-button-label", title: name }, nameLengthCheckPoint(name)),
+        React.createElement("i", { title: "Unfavorite", onClick: (event) => triggerRemoveFavorite(event, id), id: "toolbar-delete", className: "ff-close-3" }))));
+    return (React.createElement(FinsembleDnDContext, { onDragEnd: reorder, className: "finsemble-toolbar-section rearrange-region", id: "favoritesContainer", allowHorizontalScroll: true, axis: AllowableDnDAxis.x }, favoriteElements));
+};
+/**
+ * The FavoritesShell renders the favorite component, which displays all the favorited items and allows the user
+ * to launch, reorder, or delete a favorited item.
+ */
+export const FavoritesShell = () => (
+// When user scrolls to one end of the favorite list, the corresponding variable will be set to "false" so that the scrolling indicator will grey out
+React.createElement("div", { className: "finsemble-toolbar-section", id: "fav-shell" },
+    React.createElement(FavoritesComponent, null)));
+//# sourceMappingURL=FavoritesShell.js.map

package/react/components/favorites/FavoritesShell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FavoritesShell.js","sourceRoot":"","sources":["../../../../../src/ui/components/favorites/FavoritesShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,gCAAgC,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AAC9F,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E;;GAEG;AACH,MAAM,kBAAkB,GAAG,GAAG,EAAE;IAC/B,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,cAAc,EAAE,iBAAiB,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAE9F,mIAAmI;IACnI,mIAAmI;IACnI,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAA0C,EAAE,EAAE;QAClF,iBAAiB,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC3C,CAAC,CAAC;IAEF,0CAA0C;IAC1C,MAAM,qBAAqB,GAAG,CAC7B,KAAuE,EACvE,EAAU,EACT,EAAE;QACH,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,cAAc,CAAC,EAAE,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,MAAM,oBAAoB,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAEzG,MAAM,gBAAgB,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CAC/E,oBAAC,kBAAkB,IAClB,WAAW,EAAE,EAAE,EACf,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,EAAE,EACP,YAAY,EAAC,0BAA0B,EACvC,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,EAAE,EAAE,QAAQ,CAAC,EAC5C,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;YAChB,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE;gBACvB,qBAAqB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;aAC7B;QACF,CAAC;QAED,oBAAC,IAAI,kBAAC,QAAQ,EAAE,QAAQ,IAAM,IAAI,EAAI;QACtC,6BAAK,SAAS,EAAC,gCAAgC,EAAC,KAAK,EAAE,IAAI,IACzD,oBAAoB,CAAC,IAAI,CAAC,CACtB;QACN,2BACC,KAAK,EAAC,YAAY,EAClB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,qBAAqB,CAAC,KAAK,EAAE,EAAE,CAAC,EACpD,EAAE,EAAC,gBAAgB,EACnB,SAAS,EAAC,YAAY,GAClB,CACe,CACrB,CAAC,CAAC;IACH,OAAO,CACN,oBAAC,mBAAmB,IACnB,SAAS,EAAE,OAAO,EAClB,SAAS,EAAC,4CAA4C,EACtD,EAAE,EAAC,oBAAoB,EACvB,qBAAqB,EAAE,IAAI,EAC3B,IAAI,EAAE,gBAAgB,CAAC,CAAC,IAEvB,gBAAgB,CACI,CACtB,CAAC;AACH,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC;AACnC,qJAAqJ;AAErJ,6BAAK,SAAS,EAAC,2BAA2B,EAAC,EAAE,EAAC,WAAW;IACxD,oBAAC,kBAAkB,OAAG,CACjB,CACN,CAAC"}

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const ResolverContainer: () => JSX.Element;
+//# sourceMappingURL=ResolverContainer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResolverContainer.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/fdc3Resolver/ResolverContainer.tsx"],"names":[],"mappings":";AAyBA,eAAO,MAAM,iBAAiB,mBAqK7B,CAAC"}

package/react/components/fdc3Resolver/ResolverContainer.js

@@ -0,0 +1,150 @@
+/*!
+ * 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";
+let highlightScrim;
+const HIGHLIGHT_TIMEOUT_MS = 5000;
+let highlightTimeout = null;
+let windowIdentifier = null;
+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 [showRememberCheckbox, setShowRememberCheckbox] = useState(false);
+    useTitle("Resolver");
+    const clearAll = () => {
+        FEAGlobals.finsembleWindow.hide();
+        setIntentRaiser("");
+        setResolutionList([]);
+    };
+    const handleChoices = async (choices) => {
+        var _a;
+        setIntentRaiser((_a = choices.originatingAppName) !== null && _a !== void 0 ? _a : "");
+        setResolutionList(choices.resolutionList);
+        if (windowIdentifier && choices.originatingAppWindow) {
+            FEAGlobals.FSBL.Clients.LauncherClient.showWindow(windowIdentifier, {
+                position: "relative",
+                relativeWindow: { windowName: choices.originatingAppWindow },
+                top: "center",
+                left: "center",
+            });
+        }
+        else {
+            FEAGlobals.finsembleWindow.show();
+        }
+        FEAGlobals.finsembleWindow.focus();
+    };
+    const unHighlightWindow = async () => {
+        if (highlightTimeout)
+            clearTimeout(highlightTimeout);
+        FEAGlobals.FSBL.Clients.Logger.system.debug("Hiding HighlightScrim");
+        if (highlightScrim === null || highlightScrim === void 0 ? void 0 : highlightScrim.finWindow) {
+            highlightScrim.finWindow.hide();
+        }
+    };
+    const highlightWindow = async (windowName) => {
+        const { wrap } = await FEAGlobals.FSBL.FinsembleWindow.getInstance({ windowName });
+        const doHighlight = async () => {
+            FEAGlobals.FSBL.Clients.Logger.system.debug("Highlighting window: ", windowName);
+            wrap.bringToFront();
+            if (highlightScrim === null || highlightScrim === void 0 ? void 0 : highlightScrim.finWindow) {
+                const { err, data } = await wrap.getBounds();
+                if (err || !data) {
+                    FEAGlobals.FSBL.Clients.Logger.system.error("Failed to get window bounds for: ", windowName);
+                }
+                else {
+                    FEAGlobals.FSBL.Clients.Logger.system.debug("setting bounds: ", windowName);
+                    await highlightScrim.finWindow.setBounds({ bounds: data });
+                    //If we're in a stacked window, select the relevant tab
+                    if (wrap.parentWindow) {
+                        await wrap.parentWindow.setVisibleWindow({ windowIdentifier: wrap.identifier });
+                    }
+                    await highlightScrim.finWindow.show();
+                }
+                //guard rail to hide the highlight if we don't for some reason
+                highlightTimeout = setTimeout(() => {
+                    unHighlightWindow();
+                }, HIGHLIGHT_TIMEOUT_MS);
+            }
+            else {
+                FEAGlobals.FSBL.Clients.Logger.system.warn("HighlightScrim is not available");
+            }
+        };
+        const maybeDoHighlight = async (err, response) => {
+            if (response) {
+                await doHighlight();
+            }
+            else {
+                FEAGlobals.FSBL.Clients.Logger.system.log("Not highlighting window (as its not showing), window: ", windowName);
+            }
+        };
+        //If the window is in a stack check if the parent window is visible before highlighting
+        //  As only the selected tab would return true otherwise.
+        wrap.getParent((err, parent) => {
+            if (!err && parent) {
+                FEAGlobals.FSBL.Clients.Logger.system.log("Window is in a stack, checking if parent is visible, window: ", windowName, "parent:", parent.identifier);
+                parent.isShowing({}, maybeDoHighlight);
+            }
+            else {
+                FEAGlobals.FSBL.Clients.Logger.system.log("Window is NOT in a stack, checking its visibility, window: ", windowName);
+                wrap.isShowing({}, maybeDoHighlight);
+            }
+        });
+    };
+    // 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);
+        FEAGlobals.FSBL.Clients.ConfigClient.get(["finsemble", "servicesConfig", "interop", "allowResolverToRemember"], (err, response) => {
+            setShowRememberCheckbox(response !== undefined ? response : true);
+        });
+        FEAGlobals.FSBL.Clients.LauncherClient.getMyWindowIdentifier((win) => {
+            windowIdentifier = win;
+        });
+        //Create the highlight scrim window
+        FEAGlobals.FSBL.Clients.LauncherClient.spawn("HighlightScrim", {}, (err, response) => {
+            if (err) {
+                FEAGlobals.FSBL.Clients.Logger.system.error("Failed to create Resolver's HighlightScrim", err);
+            }
+            else {
+                FEAGlobals.FSBL.Clients.Logger.system.log("Created highlight scrim: ", response === null || response === void 0 ? void 0 : response.windowIdentifier);
+                if (!(response === null || response === void 0 ? void 0 : response.finWindow)) {
+                    FEAGlobals.FSBL.Clients.Logger.system.log("No finsemble window returned!", response);
+                }
+            }
+            highlightScrim = response;
+        });
+        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);
+                unHighlightWindow();
+            });
+            setCancelCallback(() => () => {
+                clearAll();
+                reject({ err: "Cancelled by user" });
+                unHighlightWindow();
+            });
+        });
+        FEAGlobals.FSBL.internal.interopAdmin.registerUIResolverListener(handleResolverChoices).then(() => { });
+        clearAll();
+    }
+    return (React.createElement(ResolverDialog, { intentRaiser: intentRaiser, resolutionList: resolutionList, onSend: (selected) => {
+            FEAGlobals.FSBL.Clients.Logger.system.log(`tag:FDC3:raiseIntent UI Resolver selected for intent`, selected);
+            sendCallback(selected);
+        }, onCancel: () => {
+            cancelCallback();
+        }, itemHover: highlightWindow, itemBlur: unHighlightWindow, showRememberCheckbox: showRememberCheckbox }));
+};
+//# sourceMappingURL=ResolverContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResolverContainer.js","sourceRoot":"","sources":["../../../../../src/ui/components/fdc3Resolver/ResolverContainer.tsx"],"names":[],"mappings":"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"}

package/react/components/fdc3Resolver/ResolverDialog.css

@@ -0,0 +1,127 @@
+body {
+	background-color: var(--core-primary-2);
+	margin: 0;
+}
+
+.resolverDialog {
+	padding: 30px;
+	margin: 0;
+	overflow: hidden;
+}
+
+.resolverDialog h1 {
+	margin-top: 0;
+}
+
+.resolverDialog .heading {
+	margin-top: 24px;
+	margin-bottom: 2px;
+}
+
+.resolverDialog .action-picker label {
+	display: block;
+}
+
+.resolverDialog select {
+	margin-top: 8px;
+	background-color: var(--core-primary-1);
+	color: var(--font-color);
+	padding: 2px;
+}
+
+.resolverDialog .toggle-text-label {
+	width: 150px;
+	padding: 4px;
+	text-align: center;
+	color: var(--accent-primary);
+}
+
+.resolverDialog .finsembleToggleButtonBar {
+	position: relative;
+	top: -10px;
+}
+
+.resolverDialog .toggle-text-label[aria-checked="true"] {
+	color: var(--core-primary-1);
+}
+
+.resolverDialog .toggle-text-label-wrapper {
+	max-width: fit-content;
+}
+
+.app-list {
+	overflow-y: scroll;
+	max-height: 125px;
+}
+
+.app-list ol {
+	counter-reset: item;
+	list-style: none;
+	margin-top: 0;
+	margin-bottom: 0;
+	padding-left: 0;
+	position: relative;
+	top: -5px;
+}
+
+.app-list ol li {
+	display: block;
+	padding-left: 40px;
+	padding-top: 10px;
+	padding-bottom: 10px;
+	border-radius: 4px;
+	cursor: pointer;
+	margin-right: 6px;
+}
+
+.app-list li:hover {
+	background-color: var(--core-primary-4);
+}
+
+.app-list li[aria-selected="true"] {
+	border: 2px solid var(--font-color);
+}
+
+.app-list ol li::before {
+	content: counter(item) " - ";
+	counter-increment: item;
+}
+
+.action-row {
+	position: absolute;
+	bottom: 20px;
+	right: 30px;
+}
+
+.action-row div + div {
+	margin-left: 10px;
+}
+
+.resolverDialog .checkbox-wrapper {
+	position: relative;
+	top: -10px;
+}
+
+::-webkit-scrollbar {
+	width: 6px;
+}
+
+/* Track */
+
+::-webkit-scrollbar-track {
+	background: var(--core-primary);
+}
+
+/* Handle */
+
+::-webkit-scrollbar-thumb {
+	background: var(--core-primary-4);
+	border-radius: 6px;
+	width: 4px;
+}
+
+/* Handle on hover */
+
+::-webkit-scrollbar-thumb:hover {
+	background: var(--core-primary-5);
+}

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

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { ResolutionList } from "../../../clients/Interop/types";
+import "./ResolverDialog.css";
+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[];
+    itemHover?: (windowName: string) => Promise<void>;
+    itemBlur?: (windowName: string) => Promise<void>;
+    showRememberCheckbox?: boolean;
+};
+export declare const ResolverDialog: ({ intentRaiser, onSend, onCancel, resolutionList, itemHover, itemBlur, showRememberCheckbox, }: 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,EAAuB,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAGrF,OAAO,sBAAsB,CAAC;AAW9B,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;IAClC,SAAS,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAClD,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACjD,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,cAAc,mGAQxB,aAAa,gBAgMf,CAAC"}