@finsemble/finsemble-ui 10.0.0-iocd.8 → 10.0.3-beta.2

package/react/components/windowTitleBar/useKeyboardNavigation.js

@@ -1,57 +1,57 @@
-import { useEffect } from "react";
-import { useDispatch } from "react-redux";
-import { actions } from "../../../platform/services/window/modules/actions";
-import { FEAGlobals } from "../../../common/Globals";
-/**
- * This hook adds support for navigating tabs through keyboard commands. This is done
- * through a global keyboard event handler on the window (so that, much like Chrome, a
- * user can switch tabs regardless of whether the tab region has focus).
- */
-export const useKeyboardNavigation = (enableKeyboardNavigation) => {
-    const dispatch = useDispatch();
-    useEffect(() => {
-        if (!enableKeyboardNavigation)
-            return;
-        window.addEventListener("keydown", (e) => {
-            if (e.ctrlKey) {
-                // On Mac or Windows, Ctrl+Tab changes tabs to the right
-                // On Windows, Ctrl+PageDown changes tabs to the right
-                if ((e.key === "Tab" && !e.shiftKey) || e.key === "PageDown") {
-                    dispatch(actions.shiftPromotedTab(1));
-                    e.preventDefault();
-                    // On Mac or Windows, Ctrl+Shift+Tab changes tabs to the left
-                    // On Windows, Ctrl+PageUp changes tabs to the left
-                }
-                else if (e.key === "PageUp" || (e.key === "Tab" && e.shiftKey)) {
-                    dispatch(actions.shiftPromotedTab(-1));
-                    e.preventDefault();
-                }
-            }
-            else if (e.metaKey && e.altKey) {
-                // On Mac, Cmd+Opt+Right changes tabs to the right
-                if (e.key === "ArrowRight") {
-                    dispatch(actions.shiftPromotedTab(1));
-                    e.preventDefault();
-                    // On Mac, Cmd+Opt+Left changes tabs to the left
-                }
-                else if (e.key === "ArrowLeft") {
-                    dispatch(actions.shiftPromotedTab(-1));
-                    e.preventDefault();
-                }
-            }
-            else {
-                /**
-                 * Goal: If a user gets focus into the title bar (if they Alt+Tab or Cmd+Tab into the window),
-                 * we want to let get into app's contents (browser view) part of the window using the keyboard alone.
-                 * The UX for this is to tab from the title bar into the window. In other words, if the user presses
-                 * the "Tab" key, move their focus to the browser view
-                 */
-                if (FEAGlobals.fin.isTitlebarWindow() && e.key === "Tab") {
-                    // This magic moves focus to a browserView, if one exists
-                    FEAGlobals.finsembleWindow.focus();
-                }
-            }
-        });
-    }, []);
-};
+import { useEffect } from "react";
+import { useDispatch } from "react-redux";
+import { actions } from "../../../platform/services/window/modules/actions";
+import { FEAGlobals } from "../../../common/Globals";
+/**
+ * This hook adds support for navigating tabs through keyboard commands. This is done
+ * through a global keyboard event handler on the window (so that, much like Chrome, a
+ * user can switch tabs regardless of whether the tab region has focus).
+ */
+export const useKeyboardNavigation = (enableKeyboardNavigation) => {
+    const dispatch = useDispatch();
+    useEffect(() => {
+        if (!enableKeyboardNavigation)
+            return;
+        window.addEventListener("keydown", (e) => {
+            if (e.ctrlKey) {
+                // On Mac or Windows, Ctrl+Tab changes tabs to the right
+                // On Windows, Ctrl+PageDown changes tabs to the right
+                if ((e.key === "Tab" && !e.shiftKey) || e.key === "PageDown") {
+                    dispatch(actions.shiftPromotedTab(1));
+                    e.preventDefault();
+                    // On Mac or Windows, Ctrl+Shift+Tab changes tabs to the left
+                    // On Windows, Ctrl+PageUp changes tabs to the left
+                }
+                else if (e.key === "PageUp" || (e.key === "Tab" && e.shiftKey)) {
+                    dispatch(actions.shiftPromotedTab(-1));
+                    e.preventDefault();
+                }
+            }
+            else if (e.metaKey && e.altKey) {
+                // On Mac, Cmd+Opt+Right changes tabs to the right
+                if (e.key === "ArrowRight") {
+                    dispatch(actions.shiftPromotedTab(1));
+                    e.preventDefault();
+                    // On Mac, Cmd+Opt+Left changes tabs to the left
+                }
+                else if (e.key === "ArrowLeft") {
+                    dispatch(actions.shiftPromotedTab(-1));
+                    e.preventDefault();
+                }
+            }
+            else {
+                /**
+                 * Goal: If a user gets focus into the title bar (if they Alt+Tab or Cmd+Tab into the window),
+                 * we want to let get into app's contents (browser view) part of the window using the keyboard alone.
+                 * The UX for this is to tab from the title bar into the window. In other words, if the user presses
+                 * the "Tab" key, move their focus to the browser view
+                 */
+                if (FEAGlobals.fin.isTitlebarWindow() && e.key === "Tab") {
+                    // This magic moves focus to a browserView, if one exists
+                    FEAGlobals.finsembleWindow.focus();
+                }
+            }
+        });
+    }, []);
+};
 //# sourceMappingURL=useKeyboardNavigation.js.map

package/react/components/windowTitleBar/useKeyboardNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"useKeyboardNavigation.js","sourceRoot":"","sources":["../../../../../src/ui/components/windowTitleBar/useKeyboardNavigation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,mDAAmD,CAAC;AAC5E,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD;;;;GAIG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,wBAAiC,EAAE,EAAE;IAC1E,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,CAAC,wBAAwB;YAAE,OAAO;QAEtC,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;YACxC,IAAI,CAAC,CAAC,OAAO,EAAE;gBACd,wDAAwD;gBACxD,sDAAsD;gBACtD,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,UAAU,EAAE;oBAC7D,QAAQ,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;oBACtC,CAAC,CAAC,cAAc,EAAE,CAAC;oBAEnB,6DAA6D;oBAC7D,mDAAmD;iBACnD;qBAAM,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,KAAK,IAAI,CAAC,CAAC,QAAQ,CAAC,EAAE;oBACjE,QAAQ,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;oBACvC,CAAC,CAAC,cAAc,EAAE,CAAC;iBACnB;aACD;iBAAM,IAAI,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,EAAE;gBACjC,kDAAkD;gBAClD,IAAI,CAAC,CAAC,GAAG,KAAK,YAAY,EAAE;oBAC3B,QAAQ,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;oBACtC,CAAC,CAAC,cAAc,EAAE,CAAC;oBAEnB,gDAAgD;iBAChD;qBAAM,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,EAAE;oBACjC,QAAQ,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;oBACvC,CAAC,CAAC,cAAc,EAAE,CAAC;iBACnB;aACD;iBAAM;gBACN;;;;;mBAKG;gBACH,IAAI,UAAU,CAAC,GAAG,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAAC,GAAG,KAAK,KAAK,EAAE;oBACzD,yDAAyD;oBACzD,UAAU,CAAC,eAAe,CAAC,KAAK,EAAE,CAAC;iBACnC;aACD;QACF,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;AACR,CAAC,CAAC"}
+{"version":3,"file":"useKeyboardNavigation.js","sourceRoot":"","sources":["../../../../../src/ui/components/windowTitleBar/useKeyboardNavigation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,mDAAmD,CAAC;AAC5E,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD;;;;GAIG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,wBAAiC,EAAE,EAAE;IAC1E,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,CAAC,wBAAwB;YAAE,OAAO;QAEtC,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;YACxC,IAAI,CAAC,CAAC,OAAO,EAAE,CAAC;gBACf,wDAAwD;gBACxD,sDAAsD;gBACtD,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,UAAU,EAAE,CAAC;oBAC9D,QAAQ,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;oBACtC,CAAC,CAAC,cAAc,EAAE,CAAC;oBAEnB,6DAA6D;oBAC7D,mDAAmD;gBACpD,CAAC;qBAAM,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,KAAK,IAAI,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC;oBAClE,QAAQ,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;oBACvC,CAAC,CAAC,cAAc,EAAE,CAAC;gBACpB,CAAC;YACF,CAAC;iBAAM,IAAI,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,EAAE,CAAC;gBAClC,kDAAkD;gBAClD,IAAI,CAAC,CAAC,GAAG,KAAK,YAAY,EAAE,CAAC;oBAC5B,QAAQ,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;oBACtC,CAAC,CAAC,cAAc,EAAE,CAAC;oBAEnB,gDAAgD;gBACjD,CAAC;qBAAM,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,EAAE,CAAC;oBAClC,QAAQ,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;oBACvC,CAAC,CAAC,cAAc,EAAE,CAAC;gBACpB,CAAC;YACF,CAAC;iBAAM,CAAC;gBACP;;;;;mBAKG;gBACH,IAAI,UAAU,CAAC,GAAG,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAAC,GAAG,KAAK,KAAK,EAAE,CAAC;oBAC1D,yDAAyD;oBACzD,UAAU,CAAC,eAAe,CAAC,KAAK,EAAE,CAAC;gBACpC,CAAC;YACF,CAAC;QACF,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;AACR,CAAC,CAAC"}

package/react/components/windowTitleBar/useMaximize.d.ts

@@ -1,5 +1,5 @@
-export declare const useMaximize: () => {
-    toggle: () => void;
-    isMaximized: boolean;
-};
+export declare const useMaximize: () => {
+    toggle: () => void;
+    isMaximized: boolean;
+};
 //# sourceMappingURL=useMaximize.d.ts.map

package/react/components/windowTitleBar/useMaximize.js

@@ -1,23 +1,23 @@
-/**
- * The useMaximize hook can be used to determine whether the current window is maximized, and to
- * toggle that state. This is used by the MaximizeButton as well as TabRegion (where the drag region
- * can be double clicked to maximize)
- */
-import { useDispatch, useSelector } from "react-redux";
-import { useContext } from "react";
-import { WindowNameContext } from "./WindowTitleBarContext";
-import { actions } from "../../../platform/services/window/modules/actions";
-export const useMaximize = () => {
-    var _a;
-    const dispatch = useDispatch();
-    const state = useSelector((currentState) => currentState);
-    const windowName = useContext(WindowNameContext);
-    const isMaximized = !!(windowName ? (_a = state.windows[windowName]) === null || _a === void 0 ? void 0 : _a.maximized : false);
-    const toggle = () => {
-        dispatch(actions.setMaximize({
-            toggleState: !isMaximized,
-        }));
-    };
-    return { toggle, isMaximized };
-};
+/**
+ * The useMaximize hook can be used to determine whether the current window is maximized, and to
+ * toggle that state. This is used by the MaximizeButton as well as TabRegion (where the drag region
+ * can be double clicked to maximize)
+ */
+import { useDispatch, useSelector } from "react-redux";
+import { useContext } from "react";
+import { WindowNameContext } from "./WindowTitleBarContext";
+import { actions } from "../../../platform/services/window/modules/actions";
+export const useMaximize = () => {
+    var _a;
+    const dispatch = useDispatch();
+    const state = useSelector((currentState) => currentState);
+    const windowName = useContext(WindowNameContext);
+    const isMaximized = !!(windowName ? (_a = state.windows[windowName]) === null || _a === void 0 ? void 0 : _a.maximized : false);
+    const toggle = () => {
+        dispatch(actions.setMaximize({
+            toggleState: !isMaximized,
+        }));
+    };
+    return { toggle, isMaximized };
+};
 //# sourceMappingURL=useMaximize.js.map

package/react/components/yesNoDialog/YesNoDialog.d.ts

@@ -1,8 +1,12 @@
-/// <reference types="react" />
-import "./YesNoDialog.css";
-import "../../assets/css/dialogs.css";
-/**
- * This dialog window provides a binary choice to the user, and reports back the response to the opener.
- */
-export declare const YesNoDialog: () => JSX.Element;
+/*!
+ * Copyright 2017 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+import React from "react";
+import "./YesNoDialog.css";
+import "../../assets/css/dialogs.css";
+/**
+ * This dialog window provides a binary choice to the user, and reports back the response to the opener.
+ */
+export declare const YesNoDialog: () => React.JSX.Element;
 //# sourceMappingURL=YesNoDialog.d.ts.map

package/react/components/yesNoDialog/YesNoDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"YesNoDialog.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/yesNoDialog/YesNoDialog.tsx"],"names":[],"mappings":";AAUA,OAAO,mBAAmB,CAAC;AAC3B,OAAO,8BAA8B,CAAC;AAuMtC;;GAEG;AACH,eAAO,MAAM,WAAW,mBAA4B,CAAC"}
+{"version":3,"file":"YesNoDialog.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/yesNoDialog/YesNoDialog.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,OAAO,mBAAmB,CAAC;AAC3B,OAAO,8BAA8B,CAAC;AAuMtC;;GAEG;AACH,eAAO,MAAM,WAAW,yBAA4B,CAAC"}

package/react/components/yesNoDialog/YesNoDialog.js

@@ -1,155 +1,155 @@
-/*!
- * Copyright 2017 by ChartIQ, Inc.
- * All rights reserved.
- */
-import React, { useEffect, useState } from "react";
-import { Title } from "../../hooks/useTitle";
-import { FinsembleDialog } from "../legacyControls/FinsembleDialog";
-import { FinsembleDialogQuestion } from "../legacyControls/FinsembleDialogQuestion";
-import { FinsembleDialogButton } from "../legacyControls/FinsembleDialogButton";
-import { FEAGlobals } from "../../../common/Globals";
-import "./YesNoDialog.css";
-import "../../assets/css/dialogs.css";
-import Timer from "./timer";
-const DEFAULT_TITLE = "Yes or No Dialog";
-const DEFAULT_COMPONENT_STATE = {
-    question: "No question.",
-    negativeResponseLabel: "No",
-    affirmativeResponseLabel: "Yes",
-    cancelResponseLabel: "Cancel",
-    showNegativeButton: true,
-    showAffirmativeButton: true,
-    showCancelButton: true,
-};
-/**
- * This is our standard dialog that presents the user with 1 - 3 choices. It can be used to allow
- * the user to confirm, reject, or cancel an action. All of these options can be included, and all
- * can be excluded.
- */
-const YesNoDialogBase = (props) => {
-    var _a;
-    const [newRequest, setNewRequest] = useState(false);
-    const [title, setTitle] = useState(DEFAULT_TITLE);
-    const [question, setQuestion] = useState(DEFAULT_COMPONENT_STATE.question);
-    const [negativeResponseLabel, setNegativeResponseLabel] = useState(DEFAULT_COMPONENT_STATE.negativeResponseLabel);
-    const [affirmativeResponseLabel, setAffirmativeResponseLabel] = useState(DEFAULT_COMPONENT_STATE.affirmativeResponseLabel);
-    const [cancelResponseLabel, setCancelResponseLabel] = useState(DEFAULT_COMPONENT_STATE.cancelResponseLabel);
-    const [showNegativeButton, setShowNegativeButton] = useState(DEFAULT_COMPONENT_STATE.showNegativeButton);
-    const [showAffirmativeButton, setShowAffirmativeButton] = useState(DEFAULT_COMPONENT_STATE.showAffirmativeButton);
-    const [showCancelButton, setShowCancelButton] = useState(DEFAULT_COMPONENT_STATE.showCancelButton);
-    const [showTimer, setShowTimer] = useState(false);
-    const [timerDuration, setTimerDuration] = useState(null);
-    /**
-     * Sends user input to the opener.
-     *
-     * @param {ResponseOptions} choice
-     */
-    const sendResponse = (choice) => {
-        FEAGlobals.FSBL.Clients.DialogManager.respondToOpener({
-            choice,
-        });
-        // This will detach the timer component from the dom. Next time the component comes up,
-        // it'll have a fresh timer.
-        setShowTimer(false);
-        setNewRequest(false);
-    };
-    /**
-     * Handles escape and enter.
-     *
-     * @param {any} e
-     */
-    const handleKeydownOnBody = (e) => {
-        if (e.code === "Enter" && e.shiftKey === false) {
-            sendResponse("affirmative");
-        }
-        else if (e.code === "Escape") {
-            sendResponse("cancel");
-        }
-    };
-    /**
-     * When the opener requests that the dialog show itself, it also passes in initialization data.
-     * This function grabs that data, calls setState, and then fits the window to the contents of
-     * the DOM. Then we call `showDialog`, which will display the dialog on the proper monitor.
-     *
-     * @param {any} err
-     * @param {any} response
-     */
-    const onShowRequested = (err, { data }) => {
-        var _a, _b, _c, _d, _e, _f, _g;
-        setTitle((_a = data.title) !== null && _a !== void 0 ? _a : DEFAULT_TITLE);
-        setQuestion((_b = data.question) !== null && _b !== void 0 ? _b : DEFAULT_COMPONENT_STATE.question);
-        setNegativeResponseLabel(data.negativeResponseLabel || "No");
-        setAffirmativeResponseLabel(data.affirmativeResponseLabel || "Yes");
-        setCancelResponseLabel(data.cancelResponseLabel || "Cancel");
-        setShowNegativeButton((_c = data.showNegativeButton) !== null && _c !== void 0 ? _c : true);
-        setShowAffirmativeButton((_d = data.showAffirmativeButton) !== null && _d !== void 0 ? _d : true);
-        setShowCancelButton((_e = data.showCancelButton) !== null && _e !== void 0 ? _e : true);
-        setShowTimer((_f = data.showTimer) !== null && _f !== void 0 ? _f : false);
-        setTimerDuration((_g = data.timerDuration) !== null && _g !== void 0 ? _g : null);
-        setNewRequest(true);
-    };
-    /**
-     * Fits the contents of the DOM to the window, then calls `showDialog`, which positions the
-     * dialog on the proper monitor and toggles the visibility of the window.
-     */
-    const fitAndShow = () => {
-        FEAGlobals.FSBL.Clients.WindowClient.fitToDOM(null, () => {
-            FEAGlobals.FSBL.Clients.DialogManager.showDialog();
-        });
-    };
-    /**
-     * Sends an affirmative response to the opener.
-     */
-    const sendAffirmativeResponse = () => {
-        sendResponse("affirmative");
-    };
-    /**
-     * Sends a negative response to the opener.
-     */
-    const sendNegativeResponse = () => {
-        sendResponse("negative");
-    };
-    /**
-     * Sends a cancel response to the opener.
-     */
-    const sendCancelResponse = () => {
-        sendResponse("cancel");
-    };
-    /**
-     * Sends an expired response to the opener.
-     */
-    const sendExpiredResponse = () => {
-        sendResponse("expired");
-    };
-    useEffect(() => {
-        document.body.addEventListener("keydown", handleKeydownOnBody);
-    }, []);
-    useEffect(() => {
-        fitAndShow();
-    }, [
-        title,
-        question,
-        negativeResponseLabel,
-        cancelResponseLabel,
-        affirmativeResponseLabel,
-        showNegativeButton,
-        showAffirmativeButton,
-        showCancelButton,
-        newRequest,
-    ]);
-    return (React.createElement(FinsembleDialog, { userInputTimeout: 10000, behaviorOnResponse: "hide", onShowRequested: onShowRequested, isModal: true },
-        React.createElement(Title, { title: (_a = props.title) !== null && _a !== void 0 ? _a : title }),
-        React.createElement("div", { className: "dialog-title" }, title),
-        React.createElement(FinsembleDialogQuestion, null,
-            question,
-            showTimer && typeof timerDuration === "number" && (React.createElement(Timer, { ontimerDurationExpiration: sendExpiredResponse, timerDuration: timerDuration }))),
-        React.createElement("div", { className: "button-wrapper" },
-            React.createElement(FinsembleDialogButton, { show: showNegativeButton, className: "fsbl-button-neutral", onClick: sendNegativeResponse }, negativeResponseLabel),
-            React.createElement(FinsembleDialogButton, { show: showCancelButton, className: "fsbl-button-neutral", onClick: sendCancelResponse }, cancelResponseLabel),
-            React.createElement(FinsembleDialogButton, { show: showAffirmativeButton, className: "fsbl-button-affirmative", onClick: sendAffirmativeResponse }, affirmativeResponseLabel))));
-};
-/**
- * This dialog window provides a binary choice to the user, and reports back the response to the opener.
- */
-export const YesNoDialog = () => React.createElement(YesNoDialogBase, null);
+/*!
+ * Copyright 2017 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+import React, { useEffect, useState } from "react";
+import { Title } from "../../hooks/useTitle";
+import { FinsembleDialog } from "../legacyControls/FinsembleDialog";
+import { FinsembleDialogQuestion } from "../legacyControls/FinsembleDialogQuestion";
+import { FinsembleDialogButton } from "../legacyControls/FinsembleDialogButton";
+import { FEAGlobals } from "../../../common/Globals";
+import "./YesNoDialog.css";
+import "../../assets/css/dialogs.css";
+import Timer from "./timer";
+const DEFAULT_TITLE = "Yes or No Dialog";
+const DEFAULT_COMPONENT_STATE = {
+    question: "No question.",
+    negativeResponseLabel: "No",
+    affirmativeResponseLabel: "Yes",
+    cancelResponseLabel: "Cancel",
+    showNegativeButton: true,
+    showAffirmativeButton: true,
+    showCancelButton: true,
+};
+/**
+ * This is our standard dialog that presents the user with 1 - 3 choices. It can be used to allow
+ * the user to confirm, reject, or cancel an action. All of these options can be included, and all
+ * can be excluded.
+ */
+const YesNoDialogBase = (props) => {
+    var _a;
+    const [newRequest, setNewRequest] = useState(false);
+    const [title, setTitle] = useState(DEFAULT_TITLE);
+    const [question, setQuestion] = useState(DEFAULT_COMPONENT_STATE.question);
+    const [negativeResponseLabel, setNegativeResponseLabel] = useState(DEFAULT_COMPONENT_STATE.negativeResponseLabel);
+    const [affirmativeResponseLabel, setAffirmativeResponseLabel] = useState(DEFAULT_COMPONENT_STATE.affirmativeResponseLabel);
+    const [cancelResponseLabel, setCancelResponseLabel] = useState(DEFAULT_COMPONENT_STATE.cancelResponseLabel);
+    const [showNegativeButton, setShowNegativeButton] = useState(DEFAULT_COMPONENT_STATE.showNegativeButton);
+    const [showAffirmativeButton, setShowAffirmativeButton] = useState(DEFAULT_COMPONENT_STATE.showAffirmativeButton);
+    const [showCancelButton, setShowCancelButton] = useState(DEFAULT_COMPONENT_STATE.showCancelButton);
+    const [showTimer, setShowTimer] = useState(false);
+    const [timerDuration, setTimerDuration] = useState(null);
+    /**
+     * Sends user input to the opener.
+     *
+     * @param {ResponseOptions} choice
+     */
+    const sendResponse = (choice) => {
+        FEAGlobals.FSBL.Clients.DialogManager.respondToOpener({
+            choice,
+        });
+        // This will detach the timer component from the dom. Next time the component comes up,
+        // it'll have a fresh timer.
+        setShowTimer(false);
+        setNewRequest(false);
+    };
+    /**
+     * Handles escape and enter.
+     *
+     * @param {any} e
+     */
+    const handleKeydownOnBody = (e) => {
+        if (e.code === "Enter" && e.shiftKey === false) {
+            sendResponse("affirmative");
+        }
+        else if (e.code === "Escape") {
+            sendResponse("cancel");
+        }
+    };
+    /**
+     * When the opener requests that the dialog show itself, it also passes in initialization data.
+     * This function grabs that data, calls setState, and then fits the window to the contents of
+     * the DOM. Then we call `showDialog`, which will display the dialog on the proper monitor.
+     *
+     * @param {any} err
+     * @param {any} response
+     */
+    const onShowRequested = (err, { data }) => {
+        var _a, _b, _c, _d, _e, _f, _g;
+        setTitle((_a = data.title) !== null && _a !== void 0 ? _a : DEFAULT_TITLE);
+        setQuestion((_b = data.question) !== null && _b !== void 0 ? _b : DEFAULT_COMPONENT_STATE.question);
+        setNegativeResponseLabel(data.negativeResponseLabel || "No");
+        setAffirmativeResponseLabel(data.affirmativeResponseLabel || "Yes");
+        setCancelResponseLabel(data.cancelResponseLabel || "Cancel");
+        setShowNegativeButton((_c = data.showNegativeButton) !== null && _c !== void 0 ? _c : true);
+        setShowAffirmativeButton((_d = data.showAffirmativeButton) !== null && _d !== void 0 ? _d : true);
+        setShowCancelButton((_e = data.showCancelButton) !== null && _e !== void 0 ? _e : true);
+        setShowTimer((_f = data.showTimer) !== null && _f !== void 0 ? _f : false);
+        setTimerDuration((_g = data.timerDuration) !== null && _g !== void 0 ? _g : null);
+        setNewRequest(true);
+    };
+    /**
+     * Fits the contents of the DOM to the window, then calls `showDialog`, which positions the
+     * dialog on the proper monitor and toggles the visibility of the window.
+     */
+    const fitAndShow = () => {
+        FEAGlobals.FSBL.Clients.WindowClient.fitToDOM(null, () => {
+            FEAGlobals.FSBL.Clients.DialogManager.showDialog();
+        });
+    };
+    /**
+     * Sends an affirmative response to the opener.
+     */
+    const sendAffirmativeResponse = () => {
+        sendResponse("affirmative");
+    };
+    /**
+     * Sends a negative response to the opener.
+     */
+    const sendNegativeResponse = () => {
+        sendResponse("negative");
+    };
+    /**
+     * Sends a cancel response to the opener.
+     */
+    const sendCancelResponse = () => {
+        sendResponse("cancel");
+    };
+    /**
+     * Sends an expired response to the opener.
+     */
+    const sendExpiredResponse = () => {
+        sendResponse("expired");
+    };
+    useEffect(() => {
+        document.body.addEventListener("keydown", handleKeydownOnBody);
+    }, []);
+    useEffect(() => {
+        fitAndShow();
+    }, [
+        title,
+        question,
+        negativeResponseLabel,
+        cancelResponseLabel,
+        affirmativeResponseLabel,
+        showNegativeButton,
+        showAffirmativeButton,
+        showCancelButton,
+        newRequest,
+    ]);
+    return (React.createElement(FinsembleDialog, { userInputTimeout: 10000, behaviorOnResponse: "hide", onShowRequested: onShowRequested, isModal: true },
+        React.createElement(Title, { title: (_a = props.title) !== null && _a !== void 0 ? _a : title }),
+        React.createElement("div", { className: "dialog-title" }, title),
+        React.createElement(FinsembleDialogQuestion, null,
+            question,
+            showTimer && typeof timerDuration === "number" && (React.createElement(Timer, { ontimerDurationExpiration: sendExpiredResponse, timerDuration: timerDuration }))),
+        React.createElement("div", { className: "button-wrapper" },
+            React.createElement(FinsembleDialogButton, { show: showNegativeButton, className: "fsbl-button-neutral", onClick: sendNegativeResponse }, negativeResponseLabel),
+            React.createElement(FinsembleDialogButton, { show: showCancelButton, className: "fsbl-button-neutral", onClick: sendCancelResponse }, cancelResponseLabel),
+            React.createElement(FinsembleDialogButton, { show: showAffirmativeButton, className: "fsbl-button-affirmative", onClick: sendAffirmativeResponse }, affirmativeResponseLabel))));
+};
+/**
+ * This dialog window provides a binary choice to the user, and reports back the response to the opener.
+ */
+export const YesNoDialog = () => React.createElement(YesNoDialogBase, null);
 //# sourceMappingURL=YesNoDialog.js.map

package/react/components/yesNoDialog/YesNoDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"YesNoDialog.js","sourceRoot":"","sources":["../../../../../src/ui/components/yesNoDialog/YesNoDialog.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACpE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2CAA2C,CAAC;AACpF,OAAO,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;AAChF,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,mBAAmB,CAAC;AAC3B,OAAO,8BAA8B,CAAC;AACtC,OAAO,KAAK,MAAM,SAAS,CAAC;AAI5B,MAAM,aAAa,GAAG,kBAAkB,CAAC;AACzC,MAAM,uBAAuB,GAAG;IAC/B,QAAQ,EAAE,cAAc;IACxB,qBAAqB,EAAE,IAAI;IAC3B,wBAAwB,EAAE,KAAK;IAC/B,mBAAmB,EAAE,QAAQ;IAC7B,kBAAkB,EAAE,IAAI;IACxB,qBAAqB,EAAE,IAAI;IAC3B,gBAAgB,EAAE,IAAI;CACtB,CAAC;AAmBF;;;;GAIG;AACH,MAAM,eAAe,GAAG,CAAC,KAAa,EAAE,EAAE;;IACzC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,aAAa,CAAC,CAAC;IAC1D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAS,uBAAuB,CAAC,QAAQ,CAAC,CAAC;IACnF,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,QAAQ,CACjE,uBAAuB,CAAC,qBAAqB,CAC7C,CAAC;IACF,MAAM,CAAC,wBAAwB,EAAE,2BAA2B,CAAC,GAAG,QAAQ,CACvE,uBAAuB,CAAC,wBAAwB,CAChD,CAAC;IACF,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAAS,uBAAuB,CAAC,mBAAmB,CAAC,CAAC;IACpH,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAU,uBAAuB,CAAC,kBAAkB,CAAC,CAAC;IAClH,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,QAAQ,CACjE,uBAAuB,CAAC,qBAAqB,CAC7C,CAAC;IACF,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAU,uBAAuB,CAAC,gBAAgB,CAAC,CAAC;IAC5G,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAC3D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAExE;;;;OAIG;IACH,MAAM,YAAY,GAAG,CAAC,MAAuB,EAAE,EAAE;QAChD,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,eAAe,CAAC;YACrD,MAAM;SACN,CAAC,CAAC;QACH,uFAAuF;QACvF,4BAA4B;QAC5B,YAAY,CAAC,KAAK,CAAC,CAAC;QACpB,aAAa,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF;;;;OAIG;IACH,MAAM,mBAAmB,GAAG,CAAC,CAAgB,EAAE,EAAE;QAChD,IAAI,CAAC,CAAC,IAAI,KAAK,OAAO,IAAI,CAAC,CAAC,QAAQ,KAAK,KAAK,EAAE;YAC/C,YAAY,CAAC,aAAa,CAAC,CAAC;SAC5B;aAAM,IAAI,CAAC,CAAC,IAAI,KAAK,QAAQ,EAAE;YAC/B,YAAY,CAAC,QAAQ,CAAC,CAAC;SACvB;IACF,CAAC,CAAC;IAEF;;;;;;;OAOG;IACH,MAAM,eAAe,GAAG,CAAC,GAAG,EAAE,EAAE,IAAI,EAA+B,EAAE,EAAE;;QACtE,QAAQ,CAAC,MAAA,IAAI,CAAC,KAAK,mCAAI,aAAa,CAAC,CAAC;QACtC,WAAW,CAAC,MAAA,IAAI,CAAC,QAAQ,mCAAI,uBAAuB,CAAC,QAAQ,CAAC,CAAC;QAC/D,wBAAwB,CAAC,IAAI,CAAC,qBAAqB,IAAI,IAAI,CAAC,CAAC;QAC7D,2BAA2B,CAAC,IAAI,CAAC,wBAAwB,IAAI,KAAK,CAAC,CAAC;QACpE,sBAAsB,CAAC,IAAI,CAAC,mBAAmB,IAAI,QAAQ,CAAC,CAAC;QAC7D,qBAAqB,CAAC,MAAA,IAAI,CAAC,kBAAkB,mCAAI,IAAI,CAAC,CAAC;QACvD,wBAAwB,CAAC,MAAA,IAAI,CAAC,qBAAqB,mCAAI,IAAI,CAAC,CAAC;QAC7D,mBAAmB,CAAC,MAAA,IAAI,CAAC,gBAAgB,mCAAI,IAAI,CAAC,CAAC;QACnD,YAAY,CAAC,MAAA,IAAI,CAAC,SAAS,mCAAI,KAAK,CAAC,CAAC;QACtC,gBAAgB,CAAC,MAAA,IAAI,CAAC,aAAa,mCAAI,IAAI,CAAC,CAAC;QAC7C,aAAa,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF;;;OAGG;IACH,MAAM,UAAU,GAAG,GAAG,EAAE;QACvB,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,EAAE,GAAG,EAAE;YACxD,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,UAAU,EAAE,CAAC;QACpD,CAAC,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF;;OAEG;IACH,MAAM,uBAAuB,GAAG,GAAG,EAAE;QACpC,YAAY,CAAC,aAAa,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF;;OAEG;IACH,MAAM,oBAAoB,GAAG,GAAG,EAAE;QACjC,YAAY,CAAC,UAAU,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF;;OAEG;IACH,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC/B,YAAY,CAAC,QAAQ,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF;;OAEG;IACH,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAChC,YAAY,CAAC,SAAS,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACd,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,mBAAmB,CAAC,CAAC;IAChE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACd,UAAU,EAAE,CAAC;IACd,CAAC,EAAE;QACF,KAAK;QACL,QAAQ;QACR,qBAAqB;QACrB,mBAAmB;QACnB,wBAAwB;QACxB,kBAAkB;QAClB,qBAAqB;QACrB,gBAAgB;QAChB,UAAU;KACV,CAAC,CAAC;IAEH,OAAO,CACN,oBAAC,eAAe,IACf,gBAAgB,EAAE,KAAK,EACvB,kBAAkB,EAAC,MAAM,EACzB,eAAe,EAAE,eAAe,EAChC,OAAO,EAAE,IAAI;QAEb,oBAAC,KAAK,IAAC,KAAK,EAAE,MAAA,KAAK,CAAC,KAAK,mCAAI,KAAK,GAAI;QACtC,6BAAK,SAAS,EAAC,cAAc,IAAE,KAAK,CAAO;QAC3C,oBAAC,uBAAuB;YACtB,QAAQ;YACR,SAAS,IAAI,OAAO,aAAa,KAAK,QAAQ,IAAI,CAClD,oBAAC,KAAK,IAAC,yBAAyB,EAAE,mBAAmB,EAAE,aAAa,EAAE,aAAa,GAAI,CACvF,CACwB;QAC1B,6BAAK,SAAS,EAAC,gBAAgB;YAC9B,oBAAC,qBAAqB,IAAC,IAAI,EAAE,kBAAkB,EAAE,SAAS,EAAC,qBAAqB,EAAC,OAAO,EAAE,oBAAoB,IAC5G,qBAAqB,CACC;YAExB,oBAAC,qBAAqB,IAAC,IAAI,EAAE,gBAAgB,EAAE,SAAS,EAAC,qBAAqB,EAAC,OAAO,EAAE,kBAAkB,IACxG,mBAAmB,CACG;YAExB,oBAAC,qBAAqB,IACrB,IAAI,EAAE,qBAAqB,EAC3B,SAAS,EAAC,yBAAyB,EACnC,OAAO,EAAE,uBAAuB,IAE/B,wBAAwB,CACF,CACnB,CACW,CAClB,CAAC;AACH,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,oBAAC,eAAe,OAAG,CAAC"}
+{"version":3,"file":"YesNoDialog.js","sourceRoot":"","sources":["../../../../../src/ui/components/yesNoDialog/YesNoDialog.tsx"],"names":[],"mappings":"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"}

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

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

package/react/components/yesNoDialog/index.js

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

package/react/components/yesNoDialog/timer.d.ts

@@ -1,17 +1,16 @@
-/// <reference types="node" />
-import React from "react";
-export interface IProps {
-    timerDuration: number;
-    ontimerDurationExpiration: () => void;
-}
-interface IState {
-    timerDuration: number;
-}
-export default class Timer extends React.Component<IProps, IState> {
-    interval?: NodeJS.Timeout;
-    constructor(props: any);
-    componentDidMount(): void;
-    render(): JSX.Element;
-}
-export {};
+import React from "react";
+export interface IProps {
+    timerDuration: number;
+    ontimerDurationExpiration: () => void;
+}
+interface IState {
+    timerDuration: number;
+}
+export default class Timer extends React.Component<IProps, IState> {
+    interval?: NodeJS.Timeout;
+    constructor(props: any);
+    componentDidMount(): void;
+    render(): React.JSX.Element;
+}
+export {};
 //# sourceMappingURL=timer.d.ts.map

package/react/components/yesNoDialog/timer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"timer.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/yesNoDialog/timer.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,MAAM;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,yBAAyB,EAAE,MAAM,IAAI,CAAC;CACtC;AACD,UAAU,MAAM;IACf,aAAa,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,KAAK,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC;IACjE,QAAQ,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC;gBAEd,KAAK,EAAE,GAAG;IAQtB,iBAAiB;IAejB,MAAM;CAGN"}
+{"version":3,"file":"timer.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/yesNoDialog/timer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,MAAM;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,yBAAyB,EAAE,MAAM,IAAI,CAAC;CACtC;AACD,UAAU,MAAM;IACf,aAAa,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,KAAK,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC;IACjE,QAAQ,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC;gBAEd,KAAK,EAAE,GAAG;IAQtB,iBAAiB;IAejB,MAAM;CAGN"}