@finsemble/finsemble-ui 10.0.0-beta.3 → 10.0.0-iocd.2

package/react/components/fdc3Resolver/ResolverDialog.js

@@ -0,0 +1,165 @@
+import React, { useEffect, useState } from "react";
+import { useDispatch } from "../FinsembleProvider";
+import { FinsembleToggleButtonBar } from "../common/FinsembleToggleButtonBar";
+import { Button } from "../common/Button";
+import { Dropdown } from "../common/Dropdown";
+import { FEAGlobals } from "../../../common/Globals";
+import { Checkbox } from "../common/Checkbox";
+import { actions } from "../../../platform/services/window/modules/actions";
+import "./ResolverDialog.css";
+/**
+ * The showScrim/hideScrim logic is unconventional because of the UX needs. In order to display a scrim on top of AOT windows
+ * it is necessary to temporarily bring the scrim to the front of the z-index order. When that occurs, this resolver window
+ * loses its focus, trigging onmouseout events. This means that we cannot hide a window with a simple onmouseout event. Instead,
+ * we use an onmouseout event on the _surrounding_ DIV to trigger the hideScrim (i.e. if the user moves their mouse outside
+ * of a valid selection then a hideScrim event will trigger).
+ *
+ * The window service's redux store contains the back end for scrim management.
+ */
+export const ResolverDialog = ({ intentRaiser, onSend, onCancel, resolutionList = [], showRememberCheckbox, }) => {
+    var _a, _b;
+    const dispatch = useDispatch();
+    const [intentNumber, setIntentNumber] = useState(0);
+    const [openNewApp, setOpenNewApp] = useState(false);
+    const [rememberChoice, setRememberChoice] = useState(false);
+    const receivingApps = ((_a = resolutionList[intentNumber]) === null || _a === void 0 ? void 0 : _a.launchableApps) || [];
+    const openApps = (((_b = resolutionList[intentNumber]) === null || _b === void 0 ? void 0 : _b.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;
+        let name = (_b = (_a = app.meta.title) !== null && _a !== void 0 ? _a : app.meta.name) !== null && _b !== void 0 ? _b : app.meta.appId;
+        if (app.meta.desktopAgent) {
+            name = `${name} (DesktopAgent ${app.meta.desktopAgent})`;
+        }
+        return name;
+    };
+    const reset = () => {
+        setIntentNumber(0);
+        setOpenNewApp(false);
+    };
+    const cancel = () => {
+        onCancel();
+        reset();
+    };
+    const showScrim = (e, windowName) => {
+        e === null || e === void 0 ? void 0 : e.stopPropagation();
+        e === null || e === void 0 ? void 0 : e.preventDefault();
+        if (!windowName)
+            return;
+        // @ts-ignore
+        dispatch(actions.showScrim(windowName));
+    };
+    const hideScrim = () => {
+        // @ts-ignore
+        dispatch(actions.hideScrim());
+    };
+    const pickExistingApp = (item) => {
+        var _a, _b;
+        hideScrim();
+        onSend({
+            intent: (_b = (_a = resolutionList[intentNumber]) === null || _a === void 0 ? void 0 : _a.intent) === null || _b === void 0 ? void 0 : _b.name,
+            selectedApp: {
+                name: item.meta.name,
+                appId: item.appId,
+                instanceId: item.uuid,
+                desktopAgent: item.meta.desktopAgent,
+            },
+            windowName: item.windowName,
+            rememberChoice,
+        });
+        reset();
+    };
+    const pickNewApp = (item) => {
+        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: item.appId,
+                desktopAgent: item.meta.desktopAgent,
+            },
+            rememberChoice,
+        });
+        reset();
+    };
+    useEffect(() => {
+        var _a, _b;
+        setOpenNewApp(((_b = (_a = resolutionList === null || resolutionList === void 0 ? void 0 : resolutionList[intentNumber]) === null || _a === void 0 ? void 0 : _a.openApps) === null || _b === void 0 ? void 0 : _b.length) === 0);
+        setRememberChoice(false);
+    }, [intentNumber, resolutionList]);
+    // test harness, allows Live Mocha to remotely trigger onSend().
+    useEffect(() => {
+        var _a, _b, _c, _d, _e, _f;
+        (_c = (_b = (_a = FEAGlobals.FSBL) === null || _a === void 0 ? void 0 : _a.TestHooks) === null || _b === void 0 ? void 0 : _b.TestPoint) === null || _c === void 0 ? void 0 : _c.onAction("fdc3.UIresolver.selectNewApp", (params) => {
+            onSend({
+                intent: params.intentName,
+                selectedApp: {
+                    appId: params.appId,
+                },
+            });
+        });
+        (_f = (_e = (_d = FEAGlobals.FSBL) === null || _d === void 0 ? void 0 : _d.TestHooks) === null || _e === void 0 ? void 0 : _e.TestPoint) === null || _f === void 0 ? void 0 : _f.onAction("fdc3.UIresolver.selectByWindow", (params) => {
+            onSend({
+                intent: params.intentName,
+                windowName: params.windowName,
+            });
+        });
+    }, [onSend]);
+    const resolutionOptions = resolutionList.map((item, index) => {
+        var _a;
+        return {
+            value: String(index),
+            label: (_a = item.intent.displayName) !== null && _a !== void 0 ? _a : item.intent.name,
+        };
+    });
+    return (React.createElement("div", { className: "resolverDialog", onMouseOver: hideScrim },
+        React.createElement("h1", null, "FDC3 Intent Resolver"),
+        React.createElement("p", null,
+            "The app ",
+            intentRaiser,
+            " requested an action. There are several apps on your smart desktop that can perform this action, and you need to choose one."),
+        resolutionList.length === 1 && (React.createElement("div", { className: "heading" },
+            "App action: ",
+            resolutionList[intentNumber].intent.name)),
+        resolutionList.length > 1 && (React.createElement("div", { className: "action-picker" },
+            React.createElement("label", { htmlFor: "action-dropdown", className: "heading" }, "Pick an action"),
+            React.createElement(Dropdown, { selected: String(intentNumber), options: resolutionOptions, onChange: (newValue) => setIntentNumber(+newValue) }))),
+        React.createElement("div", { className: "heading" }, "Which app do you want to perform the action?"),
+        React.createElement(FinsembleToggleButtonBar, { selected: openNewApp, options: [
+                {
+                    label: "Pick an open app",
+                    value: false,
+                    disabled: openApps.length === 0,
+                },
+                {
+                    label: "Launch a new app",
+                    value: true,
+                },
+            ], onChange: (newValue) => {
+                setOpenNewApp(newValue);
+            } }),
+        showRememberCheckbox && resolutionList.length === 1 && (React.createElement(Checkbox, { label: "Remember choice", checked: rememberChoice, onClick: () => setRememberChoice(!rememberChoice) })),
+        !openNewApp && (React.createElement("div", { className: "app-list open-apps" },
+            React.createElement("ol", null, openApps.map((item, index) => (React.createElement("li", { key: index, tabIndex: 0, onMouseOver: (e) => showScrim(e, item.windowName), onFocus: () => showScrim(null, item.windowName), onBlur: () => hideScrim(), onKeyDown: (e) => {
+                    if (e.key === "Enter") {
+                        pickExistingApp(item);
+                    }
+                }, onClick: () => {
+                    pickExistingApp(item);
+                } }, displayName(item))))))),
+        openNewApp && (React.createElement("div", { className: "app-list new-apps" },
+            React.createElement("ol", null, receivingApps.map((item, index) => (React.createElement("li", { key: index, tabIndex: 0, onKeyDown: (e) => {
+                    if (e.key === "Enter") {
+                        pickNewApp(item);
+                    }
+                }, onClick: () => {
+                    pickNewApp(item);
+                } }, displayName(item))))))),
+        React.createElement("div", { className: "action-row" },
+            React.createElement(Button, { className: "cancel-button", fashion: "hollow", text: "Cancel", onClick: cancel }))));
+};
+//# sourceMappingURL=ResolverDialog.js.map

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

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

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,8 +1,22 @@
-import * as React from "react";
-import { Icon as IconType } from "../../types/iconTypes";
-export declare const iconFromConfig: (config: any, title: string) => any;
-declare type IconProps = IconType & {
+/// <reference types="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;
 };
-export declare const Icon: React.FunctionComponent<Partial<IconProps>>;
+/**
+ * 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: (props: Partial<IconProps>) => JSX.Element;
 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":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AAEzE;;;;GAIG;AACH,eAAO,MAAM,cAAc,WAAY,GAAG,SAAS,MAAM,QAAQ,GAAG,KAAG,cAsCtE,CAAC;AAYF,aAAK,SAAS,GAAG,cAAc,GAAG;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAsBF;;;;;;;GAOG;AACH,eAAO,MAAM,IAAI,UAAW,QAAQ,SAAS,CAAC,gBAyB7C,CAAC"}

package/react/components/icon/Icon.js

@@ -1,19 +1,45 @@
 import * as React from "react";
-export const iconFromConfig = (config, title) => {
-    let icon = {
+/**
+ * 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 const iconFromConfig = (config, title, appD) => {
+    var _a, _b;
+    if (((_a = appD === null || appD === void 0 ? void 0 : appD.icons) === null || _a === void 0 ? void 0 : _a.length) > 0 && appD.icons[0].src) {
+        // mixed content would display a broken icon
+        let mixedContent = !document.location.href.includes("file://") && ((_b = appD === null || appD === void 0 ? void 0 : appD.icons) === null || _b === void 0 ? void 0 : _b[0].src.includes("file://"));
+        if (!mixedContent) {
+            return {
+                imageType: "url",
+                path: appD.icons[0].src,
+            };
+        }
+    }
+    // Our default icon. The <Icon> component can generate an "initials" icon based just off of the `name`
+    const defaultIcon = {
         imageType: "initials",
         name: title,
         category: "Application",
     };
+    // Use iconography if available in the app's icon config entry
     if (config === null || config === void 0 ? void 0 : config.iconClass) {
-        icon.imageType = "fonticon";
-        icon.path = config.iconClass;
+        return {
+            imageType: "fonticon",
+            path: config.iconClass,
+        };
     }
     if (config === null || config === void 0 ? void 0 : config.iconURL) {
-        icon.imageType = "url";
-        icon.path = config.iconURL;
+        // mixed content would display a broken icon
+        let mixedContent = !document.location.href.includes("file://") && (config === null || config === void 0 ? void 0 : config.iconURL.includes("file://"));
+        if (!mixedContent) {
+            return {
+                imageType: "url",
+                path: config.iconURL,
+            };
+        }
     }
-    return icon;
+    return defaultIcon;
 };
 const deriveClasses = (imageType, className = "") => {
     let classes = `icon-avatar-wrapper ${className}`;
@@ -25,25 +51,52 @@ const deriveClasses = (imageType, className = "") => {
     }
     return classes;
 };
+/**
+ * Derives two initials from a given name based on some simple heuristics.
+ */
+const avatarInitialsFromName = (name) => {
+    // Significant words are over three characters
+    const significantWords = name
+        .toUpperCase()
+        .split(" ")
+        .flatMap((str) => (str.length > 3 ? [str] : []));
+    // If no significant words then just return first two characters of the original name
+    if (significantWords.length === 0)
+        return name.substr(0, 2);
+    // If only one significant word then return its first two characters
+    if (significantWords.length === 1)
+        return significantWords[0].substr(0, 2);
+    // Return the first character of the first two significant words
+    return significantWords[0].substr(0, 1).concat(significantWords[1].substr(0, 1));
+};
+/**
+ * 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 const Icon = (props) => {
-    var _a, _b;
+    var _a, _b, _c;
     let avatar;
     if (props.imageType === "initials") {
         const name = (_a = props.name) !== null && _a !== void 0 ? _a : "";
-        const initials = name
-            .split(" ")
-            .map((substr) => substr[0])
-            .join("")
-            .substr(0, 2);
-        avatar = React.createElement("span", null, initials);
+        avatar = React.createElement("span", null, avatarInitialsFromName(name));
     }
     if (props.imageType === "fonticon") {
         avatar = React.createElement("i", { className: props.path });
     }
     if (props.imageType === "url") {
-        avatar = React.createElement("img", { src: props.path });
+        const mixedContent = !document.location.href.includes("file://") && ((_b = props.path) === null || _b === void 0 ? void 0 : _b.includes("file://"));
+        if (mixedContent) {
+            avatar = React.createElement("span", null, avatarInitialsFromName(props.name));
+        }
+        else {
+            avatar = React.createElement("img", { src: props.path, alt: "" });
+        }
     }
-    const imageType = (_b = props.imageType) !== null && _b !== void 0 ? _b : "initials";
+    const imageType = (_c = props.imageType) !== null && _c !== void 0 ? _c : "initials";
     const classes = deriveClasses(imageType, props.className);
     return (React.createElement("div", { className: classes, "data-category": props.category }, avatar));
 };

package/react/components/icon/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/components/icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,MAAW,EAAE,KAAa,EAAE,EAAE;IAE5D,IAAI,IAAI,GAAQ;QACf,SAAS,EAAE,UAAU;QACrB,IAAI,EAAE,KAAK;QACX,QAAQ,EAAE,aAAa;KACvB,CAAC;IAIF,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,EAAE;QACtB,IAAI,CAAC,SAAS,GAAG,UAAU,CAAC;QAC5B,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,SAAS,CAAC;KAC7B;IACD,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,EAAE;QACpB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC;KAC3B;IACD,OAAO,IAAI,CAAC;AACb,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,SAAiB,EAAE,YAAoB,EAAE,EAAU,EAAE;IAC3E,IAAI,OAAO,GAAG,uBAAuB,SAAS,EAAE,CAAC;IACjD,IAAI,SAAS,KAAK,KAAK,EAAE;QACxB,OAAO,GAAG,GAAG,OAAO,kBAAkB,CAAC;KACvC;SAAM;QACN,OAAO,GAAG,GAAG,OAAO,cAAc,CAAC;KACnC;IACD,OAAO,OAAO,CAAC;AAChB,CAAC,CAAC;AAcF,MAAM,CAAC,MAAM,IAAI,GAAgD,CAAC,KAAK,EAAE,EAAE;;IAC1E,IAAI,MAAM,CAAC;IACX,IAAI,KAAK,CAAC,SAAS,KAAK,UAAU,EAAE;QACnC,MAAM,IAAI,SAAG,KAAK,CAAC,IAAI,mCAAI,EAAE,CAAC;QAC9B,MAAM,QAAQ,GAAG,IAAI;aACnB,KAAK,CAAC,GAAG,CAAC;aACV,GAAG,CAAC,CAAC,MAAc,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;aAClC,IAAI,CAAC,EAAE,CAAC;aACR,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACf,MAAM,GAAG,kCAAO,QAAQ,CAAQ,CAAC;KACjC;IACD,IAAI,KAAK,CAAC,SAAS,KAAK,UAAU,EAAE;QACnC,MAAM,GAAG,2BAAG,SAAS,EAAE,KAAK,CAAC,IAAI,GAAM,CAAC;KACxC;IACD,IAAI,KAAK,CAAC,SAAS,KAAK,KAAK,EAAE;QAC9B,MAAM,GAAG,6BAAK,GAAG,EAAE,KAAK,CAAC,IAAI,GAAI,CAAC;KAClC;IACD,MAAM,SAAS,SAAG,KAAK,CAAC,SAAS,mCAAI,UAAU,CAAC;IAChD,MAAM,OAAO,GAAG,aAAa,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAE1D,OAAO,CACN,6BAAK,SAAS,EAAE,OAAO,mBAAiB,KAAK,CAAC,QAAQ,IACpD,MAAM,CACF,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\r\nimport { Icon as IconType } from \"../../types/iconTypes\";\r\n\r\n/**\r\n * Converts a Finsemble config entry to an Icon type that can be used to create <Icon> components.\r\n * @param config A finsemble config entry from \"foreign.components.Toolbar\"\r\n * @param title The title for the icon\r\n */\r\nexport const iconFromConfig = (config: any, title: string) => {\r\n\t// Our default icon. The <Icon> component can generate an \"initials\" icon based just off of the `name`\r\n\tlet icon: any = {\r\n\t\timageType: \"initials\",\r\n\t\tname: title,\r\n\t\tcategory: \"Application\",\r\n\t};\r\n\r\n\t// Use any iconography that is available in Finsemble's config for this component\r\n\t// This typically comes from the component's \"foreign.components.Toolbar\" section\r\n\tif (config?.iconClass) {\r\n\t\ticon.imageType = \"fonticon\";\r\n\t\ticon.path = config.iconClass;\r\n\t}\r\n\tif (config?.iconURL) {\r\n\t\ticon.imageType = \"url\";\r\n\t\ticon.path = config.iconURL;\r\n\t}\r\n\treturn icon;\r\n};\r\n\r\nconst deriveClasses = (imageType: string, className: string = \"\"): string => {\r\n\tlet classes = `icon-avatar-wrapper ${className}`;\r\n\tif (imageType === \"url\") {\r\n\t\tclasses = `${classes} entity-with-img`;\r\n\t} else {\r\n\t\tclasses = `${classes} icon-avatar`;\r\n\t}\r\n\treturn classes;\r\n};\r\n\r\ntype IconProps = IconType & {\r\n\tclassName?: string;\r\n};\r\n\r\n/**\r\n * An icon to accompany Finsemble components or workspaces.\r\n * @param {string} [imageType] - \"fonticon\" | \"url\" | \"initials\" - Determines how the icon is generated.\r\n * @param {string} [path] - The path of the image.\r\n * @param {string} [name] - Used if imageType is \"initials\" to generate a text based icon.\r\n * @param {string} [category] - This will appear on the `data-category` attribute which can be used to drive CSS.\r\n * @param {string} [className] - Optional class to be appended.\r\n */\r\nexport const Icon: React.FunctionComponent<Partial<IconProps>> = (props) => {\r\n\tlet avatar;\r\n\tif (props.imageType === \"initials\") {\r\n\t\tconst name = props.name ?? \"\";\r\n\t\tconst initials = name\r\n\t\t\t.split(\" \")\r\n\t\t\t.map((substr: string) => substr[0])\r\n\t\t\t.join(\"\")\r\n\t\t\t.substr(0, 2);\r\n\t\tavatar = <span>{initials}</span>;\r\n\t}\r\n\tif (props.imageType === \"fonticon\") {\r\n\t\tavatar = <i className={props.path}></i>;\r\n\t}\r\n\tif (props.imageType === \"url\") {\r\n\t\tavatar = <img src={props.path} />;\r\n\t}\r\n\tconst imageType = props.imageType ?? \"initials\";\r\n\tconst classes = deriveClasses(imageType, props.className);\r\n\r\n\treturn (\r\n\t\t<div className={classes} data-category={props.category}>\r\n\t\t\t{avatar}\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\n/*\r\nexport const CategoryIcon: React.FunctionComponent<CategoryIconProps> = (props) => {\r\n\tlet className = \"\";\r\n\tif(props.category == \"Application\")\r\n\t\tclassName=`entity-component ${props.className}`;\r\n\tif(props.category == \"Workspace\")\r\n\t\tclassName=`entity-workspace ${props.className}`;\r\n\treturn (\r\n\t\t<Icon {...props} {...className} />\r\n\t)\r\n}\r\n*/\r\n"]}
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../../src/ui/components/icon/Icon.tsx"],"names":[],"mappings":"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"}

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

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

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

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

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

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

package/react/components/index.d.ts

@@ -0,0 +1,29 @@
+/**
+ * React Components that are documented as part of our UI API
+ */
+export * from "./appCatalog";
+export * from "./downloadManager";
+export * from "./fdc3Resolver";
+export * from "./FinsembleProvider";
+export * from "./FinsembleCSS";
+export * from "./icon";
+export * from "./linker";
+export * from "./menu";
+export * from "./notifications";
+export * from "./processMonitor";
+export * from "./quickComponentForm";
+export * from "./singleInputDialog";
+export * from "./search";
+export * from "./system";
+export * from "./toolbar";
+export * from "./userPreferences";
+export * from "./windowTitleBar";
+export * from "./yesNoDialog";
+/**
+ * Bits and pieces necessary to customize those components
+ */
+/**
+ * Used for customizing UserPreferences
+ */
+export * from "./common/Checkbox";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/components/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAE9B;;GAEG;AACH;;GAEG;AACH,cAAc,mBAAmB,CAAC"}

package/react/components/index.js

@@ -0,0 +1,29 @@
+/**
+ * React Components that are documented as part of our UI API
+ */
+export * from "./appCatalog";
+export * from "./downloadManager";
+export * from "./fdc3Resolver";
+export * from "./FinsembleProvider";
+export * from "./FinsembleCSS";
+export * from "./icon";
+export * from "./linker";
+export * from "./menu";
+export * from "./notifications";
+export * from "./processMonitor";
+export * from "./quickComponentForm";
+export * from "./singleInputDialog";
+export * from "./search";
+export * from "./system";
+export * from "./toolbar";
+export * from "./userPreferences";
+export * from "./windowTitleBar";
+export * from "./yesNoDialog";
+/**
+ * Bits and pieces necessary to customize those components
+ */
+/**
+ * Used for customizing UserPreferences
+ */
+export * from "./common/Checkbox";
+//# sourceMappingURL=index.js.map

package/react/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAE9B;;GAEG;AACH;;GAEG;AACH,cAAc,mBAAmB,CAAC"}

package/react/components/legacyControls/FinsembleDialog.d.ts

@@ -2,13 +2,18 @@
  * Copyright 2017 by ChartIQ, Inc.
  * All rights reserved.
  */
-import * as React from "react";
-declare type FinsembleDialogProps = {
+/// <reference types="react" />
+export declare type FinsembleDialogProps = {
     behaviorOnResponse?: "close" | "hide";
     userInputTimeout?: number;
-    onShowRequested?: () => void;
+    onShowRequested?: (err: any, response: any) => void;
     isModal: boolean;
     className?: string;
+    children?: any;
 };
-export declare const FinsembleDialog: React.FunctionComponent<FinsembleDialogProps>;
-export {};
+/**
+ * This is a component that adds some baked in behavior that is common accross several
+ * of the finsemble dialogs. Hiding/closing on blur, timing out, etc.
+ */
+export declare const FinsembleDialog: (props: FinsembleDialogProps) => JSX.Element;
+//# sourceMappingURL=FinsembleDialog.d.ts.map

package/react/components/legacyControls/FinsembleDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FinsembleDialog.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/legacyControls/FinsembleDialog.tsx"],"names":[],"mappings":"AAAA;;;GAGG;;AAMH,oBAAY,oBAAoB,GAAG;IAClC,kBAAkB,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACtC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAC;IACpD,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,GAAG,CAAC;CACf,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,UAAW,oBAAoB,gBA6D1D,CAAC"}

package/react/components/legacyControls/FinsembleDialog.js

@@ -3,41 +3,58 @@
  * All rights reserved.
  */
 import * as React from "react";
+import { FEAGlobals } from "../../../common/Globals";
 const DIALOG_BASE_CLASS = "dialog";
+/**
+ * This is a component that adds some baked in behavior that is common accross several
+ * of the finsemble dialogs. Hiding/closing on blur, timing out, etc.
+ */
 export const FinsembleDialog = (props) => {
-    let { behaviorOnResponse, userInputTimeout, onShowRequested, isModal, className, children } = props;
+    let { userInputTimeout, onShowRequested, isModal, className, children } = props;
     const handleKeyDown = (e) => {
-        if (FSBL.Clients.DialogManager.openerMessage === null && e.key === "Escape") {
-            finsembleWindow.hide();
+        // If the user hits escape then hide the window
+        // openerMessage won't be null if data is in transit to the originating window, in which
+        // case we bypass the hide() -- this is some sort of race condition from a long time ago
+        // that is not fully understood
+        if (e.key === "Escape" && FEAGlobals.FSBL.Clients.DialogManager.openerMessage === null) {
+            FEAGlobals.finsembleWindow.hide();
         }
     };
-    finsembleWindow.updateOptions({
+    FEAGlobals.finsembleWindow.setAlwaysOnTop({
         alwaysOnTop: true,
     });
     if (typeof onShowRequested === "undefined") {
         throw new Error("No onShowRequested passed to FinsembleDialog. Pass onShowRequested as a property to the FinsembleDialog component.");
     }
+    /*if (typeof behaviorOnResponse === "undefined") {
+        behaviorOnResponse = "hide";
+    }*/
     if (typeof userInputTimeout === "undefined") {
         userInputTimeout = 10000;
     }
-    FSBL.Clients.DialogManager.userInputTimeout = userInputTimeout;
-    FSBL.Clients.DialogManager.isModal = isModal;
+    FEAGlobals.FSBL.Clients.DialogManager.userInputTimeout = userInputTimeout;
+    //FEAGlobals.FSBL.Clients.DialogManager.behaviorOnResponse = behaviorOnResponse;
+    /**
+     * Registers some event listeners the first time this component is rendered.
+     */
     React.useEffect(() => {
         document.body.addEventListener("keydown", handleKeyDown);
-        document.body.className = `${document.body.className} dialog`;
-        FSBL.Clients.DialogManager.registerDialogCallback(onShowRequested);
+        document.body.classList.add("dialog");
+        FEAGlobals.FSBL.Clients.DialogManager.registerDialogCallback(onShowRequested);
+        const showModal = () => FEAGlobals.FSBL.Clients.DialogManager.showModal();
+        const hideModal = () => FEAGlobals.FSBL.Clients.DialogManager.hideModal();
         if (isModal) {
-            finsembleWindow.addEventListener("shown", FSBL.Clients.DialogManager.showModal);
-            finsembleWindow.addEventListener("hidden", FSBL.Clients.DialogManager.hideModal);
+            FEAGlobals.finsembleWindow.addEventListener("shown", showModal);
+            FEAGlobals.finsembleWindow.addEventListener("hidden", hideModal);
         }
         return () => {
             if (isModal) {
-                finsembleWindow.removeEventListener("shown", FSBL.Clients.DialogManager.showModal);
-                finsembleWindow.removeEventListener("hidden", FSBL.Clients.DialogManager.hideModal);
+                FEAGlobals.finsembleWindow.removeEventListener("shown", showModal);
+                FEAGlobals.finsembleWindow.removeEventListener("hidden", hideModal);
             }
         };
     }, []);
-    const classes = `${className} ${DIALOG_BASE_CLASS}`;
+    const classes = className ? `${className} ${DIALOG_BASE_CLASS}` : DIALOG_BASE_CLASS;
     return React.createElement("div", { className: classes }, children);
 };
 //# sourceMappingURL=FinsembleDialog.js.map

package/react/components/legacyControls/FinsembleDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"FinsembleDialog.js","sourceRoot":"","sources":["../../../src/components/legacyControls/FinsembleDialog.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,MAAM,iBAAiB,GAAG,QAAQ,CAAC;AAanC,MAAM,CAAC,MAAM,eAAe,GAAkD,CAAC,KAAK,EAAE,EAAE;IACvF,IAAI,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,eAAe,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEpG,MAAM,aAAa,GAAG,CAAC,CAAgB,EAAE,EAAE;QAC1C,IAAI,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,aAAa,KAAK,IAAI,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE;YAC5E,eAAe,CAAC,IAAI,EAAE,CAAC;SACvB;IACF,CAAC,CAAC;IAEF,eAAe,CAAC,aAAa,CAAC;QAC7B,WAAW,EAAE,IAAI;KACjB,CAAC,CAAC;IAEH,IAAI,OAAO,eAAe,KAAK,WAAW,EAAE;QAC3C,MAAM,IAAI,KAAK,CACd,oHAAoH,CACpH,CAAC;KACF;IAMD,IAAI,OAAO,gBAAgB,KAAK,WAAW,EAAE;QAC5C,gBAAgB,GAAG,KAAK,CAAC;KACzB;IAED,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,gBAAgB,GAAG,gBAAgB,CAAC;IAC/D,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,OAAO,GAAG,OAAO,CAAC;IAM7C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACzD,QAAQ,CAAC,IAAI,CAAC,SAAS,GAAG,GAAG,QAAQ,CAAC,IAAI,CAAC,SAAS,SAAS,CAAC;QAE9D,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,sBAAsB,CAAC,eAAe,CAAC,CAAC;QAEnE,IAAI,OAAO,EAAE;YACZ,eAAe,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;YAChF,eAAe,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;SACjF;QAED,OAAO,GAAG,EAAE;YACX,IAAI,OAAO,EAAE;gBACZ,eAAe,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;gBACnF,eAAe,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;aACpF;QACF,CAAC,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,OAAO,GAAG,GAAG,SAAS,IAAI,iBAAiB,EAAE,CAAC;IACpD,OAAO,6BAAK,SAAS,EAAE,OAAO,IAAG,QAAQ,CAAO,CAAC;AAClD,CAAC,CAAC","sourcesContent":["/*!\r\n * Copyright 2017 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\n\r\nimport * as React from \"react\";\r\nconst DIALOG_BASE_CLASS = \"dialog\";\r\ntype FinsembleDialogProps = {\r\n\tbehaviorOnResponse?: \"close\" | \"hide\";\r\n\tuserInputTimeout?: number;\r\n\tonShowRequested?: () => void;\r\n\tisModal: boolean;\r\n\tclassName?: string;\r\n};\r\n\r\n/**\r\n * This is a component that adds some baked in behavior that is common accross several\r\n * of the finsemble dialogs. Hiding/closing on blur, timing out, etc.\r\n */\r\nexport const FinsembleDialog: React.FunctionComponent<FinsembleDialogProps> = (props) => {\r\n\tlet { behaviorOnResponse, userInputTimeout, onShowRequested, isModal, className, children } = props;\r\n\r\n\tconst handleKeyDown = (e: KeyboardEvent) => {\r\n\t\tif (FSBL.Clients.DialogManager.openerMessage === null && e.key === \"Escape\") {\r\n\t\t\tfinsembleWindow.hide();\r\n\t\t}\r\n\t};\r\n\r\n\tfinsembleWindow.updateOptions({\r\n\t\talwaysOnTop: true,\r\n\t});\r\n\r\n\tif (typeof onShowRequested === \"undefined\") {\r\n\t\tthrow new Error(\r\n\t\t\t\"No onShowRequested passed to FinsembleDialog. Pass onShowRequested as a property to the FinsembleDialog component.\"\r\n\t\t);\r\n\t}\r\n\r\n\t/*if (typeof behaviorOnResponse === \"undefined\") {\r\n\t\tbehaviorOnResponse = \"hide\";\r\n\t}*/\r\n\r\n\tif (typeof userInputTimeout === \"undefined\") {\r\n\t\tuserInputTimeout = 10000;\r\n\t}\r\n\r\n\tFSBL.Clients.DialogManager.userInputTimeout = userInputTimeout;\r\n\tFSBL.Clients.DialogManager.isModal = isModal;\r\n\t//FSBL.Clients.DialogManager.behaviorOnResponse = behaviorOnResponse;\r\n\r\n\t/**\r\n\t * Registers some event listeners the first time this component is rendered.\r\n\t */\r\n\tReact.useEffect(() => {\r\n\t\tdocument.body.addEventListener(\"keydown\", handleKeyDown);\r\n\t\tdocument.body.className = `${document.body.className} dialog`;\r\n\r\n\t\tFSBL.Clients.DialogManager.registerDialogCallback(onShowRequested);\r\n\r\n\t\tif (isModal) {\r\n\t\t\tfinsembleWindow.addEventListener(\"shown\", FSBL.Clients.DialogManager.showModal);\r\n\t\t\tfinsembleWindow.addEventListener(\"hidden\", FSBL.Clients.DialogManager.hideModal);\r\n\t\t}\r\n\r\n\t\treturn () => {\r\n\t\t\tif (isModal) {\r\n\t\t\t\tfinsembleWindow.removeEventListener(\"shown\", FSBL.Clients.DialogManager.showModal);\r\n\t\t\t\tfinsembleWindow.removeEventListener(\"hidden\", FSBL.Clients.DialogManager.hideModal);\r\n\t\t\t}\r\n\t\t};\r\n\t}, []);\r\n\r\n\tconst classes = `${className} ${DIALOG_BASE_CLASS}`;\r\n\treturn <div className={classes}>{children}</div>;\r\n};\r\n"]}
+{"version":3,"file":"FinsembleDialog.js","sourceRoot":"","sources":["../../../../../src/ui/components/legacyControls/FinsembleDialog.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,MAAM,iBAAiB,GAAG,QAAQ,CAAC;AAUnC;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAE,EAAE;IAC9D,IAAI,EAAE,gBAAgB,EAAE,eAAe,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEhF,MAAM,aAAa,GAAG,CAAC,CAAgB,EAAE,EAAE;QAC1C,+CAA+C;QAC/C,wFAAwF;QACxF,wFAAwF;QACxF,+BAA+B;QAC/B,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,IAAI,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,aAAa,KAAK,IAAI,EAAE;YACvF,UAAU,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC;SAClC;IACF,CAAC,CAAC;IAEF,UAAU,CAAC,eAAe,CAAC,cAAc,CAAC;QACzC,WAAW,EAAE,IAAI;KACjB,CAAC,CAAC;IAEH,IAAI,OAAO,eAAe,KAAK,WAAW,EAAE;QAC3C,MAAM,IAAI,KAAK,CACd,oHAAoH,CACpH,CAAC;KACF;IAED;;OAEG;IAEH,IAAI,OAAO,gBAAgB,KAAK,WAAW,EAAE;QAC5C,gBAAgB,GAAG,KAAK,CAAC;KACzB;IAED,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,gBAAgB,GAAG,gBAAgB,CAAC;IAC1E,gFAAgF;IAEhF;;OAEG;IACH,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACzD,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAEtC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,sBAAsB,CAAC,eAAe,CAAC,CAAC;QAE9E,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,SAAS,EAAE,CAAC;QAC1E,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,SAAS,EAAE,CAAC;QAE1E,IAAI,OAAO,EAAE;YACZ,UAAU,CAAC,eAAe,CAAC,gBAAgB,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;YAChE,UAAU,CAAC,eAAe,CAAC,gBAAgB,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;SACjE;QAED,OAAO,GAAG,EAAE;YACX,IAAI,OAAO,EAAE;gBACZ,UAAU,CAAC,eAAe,CAAC,mBAAmB,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;gBACnE,UAAU,CAAC,eAAe,CAAC,mBAAmB,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;aACpE;QACF,CAAC,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,OAAO,GAAG,SAAS,CAAC,CAAC,CAAC,GAAG,SAAS,IAAI,iBAAiB,EAAE,CAAC,CAAC,CAAC,iBAAiB,CAAC;IACpF,OAAO,6BAAK,SAAS,EAAE,OAAO,IAAG,QAAQ,CAAO,CAAC;AAClD,CAAC,CAAC"}

package/react/components/legacyControls/FinsembleDialogButton.d.ts

@@ -3,10 +3,15 @@
  * All rights reserved.
  */
 import * as React from "react";
-declare type FinsembleDialogButtonProps = {
+export declare type FinsembleDialogButtonProps = {
     buttonSize?: string;
     className?: string;
-    show: boolean;
+    show?: boolean;
+    onClick?: () => void;
+    children: React.ReactNode;
 };
-export declare const FinsembleDialogButton: React.FunctionComponent<FinsembleDialogButtonProps>;
-export {};
+/**
+ * Button that is rendered on a dialog.
+ */
+export declare const FinsembleDialogButton: (props: FinsembleDialogButtonProps) => JSX.Element | null;
+//# sourceMappingURL=FinsembleDialogButton.d.ts.map

package/react/components/legacyControls/FinsembleDialogButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FinsembleDialogButton.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/legacyControls/FinsembleDialogButton.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,oBAAY,0BAA0B,GAAG;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,qBAAqB,UAAW,0BAA0B,uBAqBtE,CAAC"}

package/react/components/legacyControls/FinsembleDialogButton.js

@@ -3,10 +3,20 @@
  * All rights reserved.
  */
 import * as React from "react";
+/**
+ * Button that is rendered on a dialog.
+ */
 export const FinsembleDialogButton = (props) => {
+    // Default size is medium.
     var _a, _b;
-    const size = (_a = props.buttonSize) !== null && _a !== void 0 ? _a : "md";
+    // [Julianna Langston, 2021-04-19] I don't think this is being used, since the css class `fsbl-button-md` doesn't exist anywhere. Candidate for removal, along with associated prop.
+    const size = (_a = props.buttonSize) !== null && _a !== void 0 ? _a : "md"; // `fsbl-button-md` css doesn't exist anywhere?
     const classes = `fsbl-button fsbl-button-${size} ${(_b = props.className) !== null && _b !== void 0 ? _b : ""}`;
-    return props.show !== false ? (React.createElement("div", Object.assign({}, props, { className: classes }), props.children)) : null;
+    return props.show !== false ? (React.createElement("div", { className: classes, onClick: props.onClick, role: "button", tabIndex: 0, onKeyDown: (e) => {
+            var _a;
+            if (e.key === "Enter") {
+                (_a = props === null || props === void 0 ? void 0 : props.onClick) === null || _a === void 0 ? void 0 : _a.call(props);
+            }
+        } }, props.children)) : null;
 };
 //# sourceMappingURL=FinsembleDialogButton.js.map