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

package/react/components/notifications/components/notificationsCenter/components/NotificationsCenterWindow.js

@@ -0,0 +1,304 @@
+import React, { useEffect, useRef, useState } from "react";
+import useNotifications, { moveToToolbarMonitor } from "../../../../../hooks/useNotifications";
+import ConditionalWrapper from "../../../../shared/ConditionalWrapper";
+import { CSSTransition } from "react-transition-group";
+import { NotificationsContext } from "../../../notificationsContext";
+import Drawer from "./Drawer";
+import { FEAGlobals } from "../../../../../../common";
+import { addDockedClasses, dockToToolbarRight, removeDockedClasses, setOpaqueClassName, setUndockedPosition, saveNotificationsCenterWindowState, } from "../NotificationCenterUtils";
+import NotificationDetailsView from "../components/NotificationDetailsView";
+import { NotificationCenterMainView } from "./NotificationCenterMainView";
+import { SelectionMode, ViewMode } from "../../../constants";
+import { defaultNotificationCenterControls } from "../NotificationsCenter";
+export const NotificationsCenterWindow = (props) => {
+    /**
+     * References set up to access state inside async callbacks
+     */
+    const applicationState = useRef(null);
+    const uiStateRef = useRef();
+    /**
+     * State Variables
+     */
+    const [isInitialized, setIsInitialized] = useState(false);
+    const [isCorrectMonitor, setIsCorrectMonitor] = useState(false);
+    const [isBoundsSet, setIsBoundsSet] = useState(false);
+    const [isWindowShowing, setIsWindowShowing] = useState(false);
+    const [reloadMuteFilters, setReloadMuteFilters] = useState(true);
+    const [timerId, setTimerId] = useState(null);
+    const config = props.getNotificationConfig();
+    const [uiState, _setUIState] = props.getUIState();
+    const setUIState = (value) => {
+        uiStateRef.current = value;
+        _setUIState(value);
+    };
+    const { notifications, addNotification } = useNotifications(props.params);
+    /**
+     * Setting up context
+     */
+    const dcp = props.controls ? props.controls : defaultNotificationCenterControls;
+    const [drawerControlProps, setDrawerControlProps] = useState(dcp);
+    const [viewMode, setViewMode] = useState(ViewMode.CARD);
+    const [searchString, setSearchString] = useState("");
+    const [filteredNotifications, setFilteredNotifications] = useState([...notifications]);
+    const [selectionMode, setSelectionMode] = useState(SelectionMode.NO_SELECTION);
+    const [muteFilters, setMuteFilters] = useState([]);
+    const [isSelectAll, setSelectAll] = useState(false);
+    const [checkedNotifications, setCheckedNotifications] = useState([]);
+    const [selectedNotification, setSelectedNotification] = useState(null);
+    const notificationsContextValues = {
+        viewMode,
+        setViewMode,
+        selectionMode,
+        setSelectionMode,
+        drawerControlProps,
+        setDrawerControlProps,
+        selectedNotification,
+        setSelectedNotification,
+        searchString,
+        setSearchString,
+        filteredNotifications,
+        checkedNotifications,
+        setCheckedNotifications,
+        setFilteredNotifications,
+        muteFilters,
+        setMuteFilters,
+        isSelectAll,
+        setSelectAll,
+    };
+    const toggleDockingStatus = () => {
+        var _a;
+        const isDocked = !((_a = uiStateRef.current) === null || _a === void 0 ? void 0 : _a.isDocked);
+        setUIState(Object.assign(Object.assign({}, uiState), { isDocked }));
+    };
+    /**
+     * CSS Housekeeping / initialisation
+     */
+    useEffect(() => {
+        document.body.classList.add("notifications-center-body");
+        /**
+         * If the window is set to transparent, move the content off-screen via CSS
+         * so that it slides in from the correct positions.
+         *
+         * Sliding in and out is handled by CSS animation using the CSSTransition React element
+         */
+        setOpaqueClassName(config.isTransparent);
+        return () => {
+            document.body.classList.remove("notifications-center-body");
+        };
+    }, []);
+    /**
+     * props.getUIState() gets an async value, wait for a value to be returned
+     * from the Notification Service
+     */
+    useEffect(() => {
+        if (!isInitialized && typeof uiState.showCenter !== "undefined") {
+            /**
+             * Actual values have been returned, the component will now be rendered for the first time
+             * and can now be interacted with
+             */
+            setIsInitialized(true);
+        }
+        uiStateRef.current = uiState;
+    }, [uiState]);
+    /**
+     * Showing the Center is split into 3 steps:
+     * 1. Position it on the correct monitor
+     * 2. Resize the window correctly
+     * 3. Display the window.
+     *
+     * This hook positions the window on the correct monitor. It also hides the window and resets the state
+     *
+     * This hook is activated if the user is toggling the show center button or
+     * is toggling the docking button. When toggling the docking, the window will
+     * be shown already.
+     */
+    useEffect(() => {
+        if (isInitialized) {
+            // The user is toggling the show/hide button
+            if (uiState.showCenter) {
+                if (timerId) {
+                    // We're trying to show the window, remove any delayed timers that are going to hide it.
+                    clearTimeout(timerId);
+                    setTimerId(null);
+                }
+                // The user is toggling the docked/undocked button
+                if (uiState.isDocked) {
+                    addDockedClasses();
+                    if (!isCorrectMonitor) {
+                        // Move it to the correct monitor while hidden to prevent flicker
+                        moveToToolbarMonitor().then(() => {
+                            setIsCorrectMonitor(true);
+                        });
+                    }
+                }
+                else {
+                    /**
+                     * No need to move the monitor when undocked, setting the
+                     * bounds will set the correct monitor
+                     */
+                    removeDockedClasses();
+                    setIsCorrectMonitor(true);
+                }
+                /**
+                 * Set the docked center to be always on top
+                 */
+                FEAGlobals.FSBL.Clients.WindowClient.setAlwaysOnTop(uiState.isDocked);
+            }
+            else {
+                /**
+                 * We're trying to hide the window.
+                 * If the window is transparent the center takes 500ms to slide in and out of the page.
+                 * Wait 500ms before hiding the window and resetting the state
+                 */
+                setTimerId(setTimeout(() => {
+                    FEAGlobals.finsembleWindow.hide();
+                    setIsWindowShowing(false);
+                    setIsCorrectMonitor(false);
+                    setIsBoundsSet(false);
+                }, config.isTransparent && uiState.isDocked ? 500 : 0));
+            }
+            saveNotificationsCenterWindowState(Object.assign(Object.assign({}, uiStateRef.current), { isDocked: uiState.isDocked }));
+        }
+    }, [isInitialized, uiState.showCenter, uiState.isDocked, isCorrectMonitor]);
+    /**
+     * This hook set the window bounds
+     *
+     * This effect is triggered when showing the window for the first time or the user is
+     * toggling the docking state. When toggling the docking, the window will
+     * be showing already.
+     *
+     * The window is on the correct monitor. Let's set the correct position.
+     *
+     * Note: Not technically the correct monitor when undocked but calling setBounds will
+     * correct the monitor from the saved bounds.
+     */
+    useEffect(() => {
+        if (isInitialized && isCorrectMonitor && uiState.showCenter) {
+            if (uiState.isDocked) {
+                dockToToolbarRight().then(() => {
+                    setIsBoundsSet(true);
+                });
+            }
+            else {
+                setUndockedPosition(uiState).then(() => {
+                    setIsBoundsSet(true);
+                });
+            }
+        }
+    }, [isInitialized, isCorrectMonitor, uiState]);
+    /**
+     * This hook shows the window and brings it to the front.
+     *
+     * This effect is run when showing the window.
+     * The values are initialized, the monitor is correct, the window position is correct.
+     * Show the window and bring it to front.
+     */
+    useEffect(() => {
+        if (isInitialized && isCorrectMonitor && isBoundsSet && uiState.showCenter) {
+            if (!isWindowShowing) {
+                FEAGlobals.finsembleWindow.show().then(() => {
+                    setIsWindowShowing(true);
+                    FEAGlobals.finsembleWindow.bringToFront();
+                });
+            }
+            else {
+                /**
+                 * If window is already showing just bring it to front
+                 * (avoids bug where window keeps getting kicked down)
+                 */
+                FEAGlobals.finsembleWindow.bringToFront();
+            }
+        }
+    }, [isInitialized, isCorrectMonitor, isBoundsSet, uiState.showCenter]);
+    /**
+     * Prevent the window from closing. Hide the window if the user tries to close it.
+     */
+    useEffect(() => {
+        const subscriptionId = FEAGlobals.FSBL.Clients.RouterClient.subscribe("Finsemble.Application.State", (err, response) => {
+            applicationState.current = response.data.state;
+        });
+        const hide = (event) => {
+            const publishValue = Object.assign({}, uiStateRef.current);
+            publishValue.showCenter = false;
+            setUIState(publishValue);
+            if ((applicationState === null || applicationState === void 0 ? void 0 : applicationState.current) !== "closing") {
+                try {
+                    event.cancel();
+                }
+                catch (error) {
+                    FEAGlobals.FSBL.Clients.Logger.system.error("Error cancelling the window close event", error);
+                }
+            }
+        };
+        FEAGlobals.finsembleWindow.addEventListener("close-requested", hide);
+        return () => {
+            FEAGlobals.FSBL.Clients.RouterClient.unsubscribe(subscriptionId);
+            FEAGlobals.finsembleWindow.removeEventListener("close-requested", hide);
+        };
+    }, []);
+    /**
+     * If the window bounds have changed, store the new position or force it back to docked position
+     * Bounds can change by manual resizing or when Windows Taskbar + Finsemble Toolbar docking changes
+     */
+    useEffect(() => {
+        const boundsChangeListener = (event) => {
+            var _a, _b;
+            if (((_a = uiStateRef.current) === null || _a === void 0 ? void 0 : _a.showCenter) && ((_b = uiStateRef.current) === null || _b === void 0 ? void 0 : _b.isDocked)) {
+                // If the center is docked, force it to resize
+                dockToToolbarRight();
+            }
+            else {
+                const value = Object.assign(Object.assign({}, uiStateRef.current), { position: {
+                        top: event.data.top,
+                        left: event.data.left,
+                        height: event.data.height,
+                        width: event.data.width,
+                    } });
+                setUIState(value);
+                saveNotificationsCenterWindowState(value);
+            }
+        };
+        FEAGlobals.finsembleWindow.addEventListener("bounds-change-end", boundsChangeListener);
+        return () => {
+            FEAGlobals.finsembleWindow.removeEventListener("bounds-change-end", boundsChangeListener);
+        };
+    }, []);
+    useEffect(() => {
+        setFilteredNotifications([...notifications]);
+    }, [notifications]);
+    // Sets the select all status from user selecting notifications individually
+    useEffect(() => {
+        if (notifications.length > 0 && checkedNotifications.length === notifications.length) {
+            setSelectAll(true);
+        }
+    }, [checkedNotifications, notifications]);
+    useEffect(() => {
+        function listenMuteStateChanged(error) {
+            if (error) {
+                console.error("FinsembleNotificationsMuteStateChannel: ", error);
+                FEAGlobals.FSBL.Clients.Logger.system.error("FinsembleNotificationsMuteStateChannel: ", error);
+            }
+            else {
+                setReloadMuteFilters(true);
+            }
+        }
+        FEAGlobals.FSBL.Clients.RouterClient.addListener("FinsembleNotificationsMuteStateChannel", listenMuteStateChanged);
+        return () => {
+            FEAGlobals.FSBL.Clients.RouterClient.removeListener("FinsembleNotificationsMuteStateChannel", listenMuteStateChanged);
+        };
+    }, []);
+    // Sets the current active mute filters
+    useEffect(() => {
+        async function loadMuteFilter() {
+            return await FEAGlobals.FSBL.Clients.NotificationClient.getMuteFilters();
+        }
+        loadMuteFilter().then((loadedMuteFilters) => {
+            setMuteFilters(loadedMuteFilters);
+            setReloadMuteFilters(false);
+        });
+    }, [reloadMuteFilters]);
+    return (React.createElement(ConditionalWrapper, { condition: config.isTransparent && uiState.isDocked, wrapper: (children) => (React.createElement(CSSTransition, { in: uiState.showCenter, timeout: 500, classNames: "drawer", unmountOnExit: true },
+            React.createElement(React.Fragment, null, children))) }, isInitialized && (React.createElement(NotificationsContext.Provider, { value: notificationsContextValues },
+        React.createElement(Drawer, null, selectedNotification ? (React.createElement(NotificationDetailsView, { notification: selectedNotification })) : (React.createElement(NotificationCenterMainView, { addNotification: addNotification, viewMode: viewMode, notificationCard: props.notificationCard, notificationHeaderRow: props.notificationHeaderRow, notificationListRow: props.notificationListRow, isDocked: uiState.isDocked, toggleDocking: toggleDockingStatus, notifications: notifications, defaultParams: props.params, config: config })))))));
+};
+//# sourceMappingURL=NotificationsCenterWindow.js.map

package/react/components/notifications/components/notificationsCenter/components/NotificationsCenterWindow.js.map

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

package/react/components/notifications/components/notificationsToasts/NotificationsToasts.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { INotificationToastsProps } from "../../types";
+import "../../css/notifications-toasts.css";
+export declare const NotificationsToasts: (props: INotificationToastsProps) => JSX.Element;
+//# sourceMappingURL=NotificationsToasts.d.ts.map

package/react/components/notifications/components/notificationsToasts/NotificationsToasts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationsToasts.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/notifications/components/notificationsToasts/NotificationsToasts.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,oCAAoC,CAAC;AAmG5C,eAAO,MAAM,mBAAmB,UAAW,wBAAwB,gBAoLlE,CAAC"}

package/react/components/notifications/components/notificationsToasts/NotificationsToasts.js

@@ -0,0 +1,221 @@
+import React, { useEffect, useLayoutEffect, useRef, useState } from "react";
+import useNotifications, { useNotificationUI, moveToToolbarMonitor, getNotificationConfig, } from "../../../../hooks/useNotifications";
+import { useTitle } from "../../../../hooks";
+import { NotificationCardShell } from "../shared/NotificationCardShell";
+import { CSSTransition } from "react-transition-group";
+import "../../css/notifications-toasts.css";
+import { FEAGlobals } from "../../../../../common";
+import { getNotificationsPreferences } from "../../../userPreferences/components/content/notificationViews/notificationViewsUtils";
+import { setOpaqueClassName } from "../notificationsCenter/NotificationCenterUtils";
+const ToastCard = (props) => {
+    const { notification, informationalNotificationTimeout, removeFunction, isActiveFunction, actionableTimeoutEnabled } = props;
+    const notificationRef = useRef(notification);
+    const [slideIn, setSlideIn] = useState(isActiveFunction(notification));
+    const [showNotification] = useState(isActiveFunction(notification));
+    const [timeoutId, setTimeoutId] = useState();
+    useEffect(() => {
+        var _a;
+        if (timeoutId) {
+            clearTimeout(timeoutId);
+        }
+        let timeoutLength;
+        // Timeout on the notification takes precedence
+        if (notification.timeout && Number.isInteger(notification.timeout)) {
+            timeoutLength = notification.timeout;
+        }
+        /**
+         * If timeout length is not already set and there informational timeout from the config exists
+         * AND it's an informational notification or the config indicates actionable notifications should timeout
+         */
+        if (!timeoutLength &&
+            informationalNotificationTimeout !== false &&
+            (!notification.actions || notification.actions.length == 0 || actionableTimeoutEnabled)) {
+            // Convert to milliseconds
+            timeoutLength = informationalNotificationTimeout * 1000;
+        }
+        let timeout;
+        if (timeoutLength) {
+            timeout = setTimeout(() => {
+                setSlideIn(false);
+            }, timeoutLength);
+            // Allow node based mocha tests to exit without waiting for timeouts to complete
+            (_a = timeout.unref) === null || _a === void 0 ? void 0 : _a.call(timeout);
+            setTimeoutId(timeout);
+        }
+        if (!isActiveFunction(notificationRef.current)) {
+            removeFunction(notification);
+        }
+        setSlideIn(isActiveFunction(notification));
+        if (timeoutId) {
+            clearTimeout(timeoutId);
+        }
+        return () => {
+            if (timeout) {
+                clearTimeout(timeout);
+            }
+        };
+    }, [notification]);
+    const onExited = () => {
+        removeFunction(notification);
+    };
+    const Card = props.notificationCard ? props.notificationCard : NotificationCardShell;
+    return (showNotification && (React.createElement(CSSTransition, { in: slideIn, timeout: 500, onExited: onExited, classNames: "notifications-toast" },
+        React.createElement("div", { className: "notifications-toast__offscreen" },
+            React.createElement(Card, { notification: notification, uiContext: "toasts", removeNotification: () => {
+                    setSlideIn(false);
+                } }),
+            React.createElement("div", { className: "divider" })))));
+};
+export const NotificationsToasts = (props) => {
+    var _a;
+    const { notifications, notificationIsActive, removeNotification, activeNotifications } = useNotifications({
+        config: { notificationsHistory: { options: { sentAfter: "startup" } } },
+    });
+    const config = getNotificationConfig();
+    const [isInitialized, setIsInitialized] = useState(false);
+    const [isCorrectMonitor, setIsCorrectMonitor] = useState(false);
+    const [isBoundsSet, setIsBoundsSet] = useState(false);
+    const [isWindowShowing, setIsWindowShowing] = useState(false);
+    const [closeTimeout, setCloseTimeout] = useState(null);
+    const [uiState] = useNotificationUI();
+    const isNotificationActive = (notification) => {
+        const notificationCenterNotActive = !uiState.showCenter || !uiState.isDocked;
+        return notificationIsActive(notification) && notificationCenterNotActive;
+    };
+    const [informationalTimeout, setInformationalTimeout] = useState(false);
+    const [actionableTimeoutEnabled, setActionableTimeoutEnabled] = useState(true);
+    useTitle((_a = props.title) !== null && _a !== void 0 ? _a : "Notification");
+    /**
+     * Get initial config
+     */
+    useEffect(() => {
+        document.body.classList.add("notifications-toasts-body");
+        setOpaqueClassName(!!config.isTransparent);
+        getNotificationsPreferences().then((preferences) => {
+            setInformationalTimeout(preferences.informationalNotificationToastPeriodSeconds);
+            setActionableTimeoutEnabled(preferences.toastTimeoutOnActionableNotifications);
+            setIsInitialized(true);
+        });
+        return () => {
+            document.body.classList.remove("notifications-toasts-body");
+        };
+    }, []);
+    /**
+     * Listen for changing config
+     */
+    useEffect(() => {
+        async function listenForPreferenceChange(error, response) {
+            if (error) {
+                console.error("Error getting preference change: ", error);
+                FEAGlobals.FSBL.Clients.Logger.system.error("Error getting preference change: ", error);
+            }
+            else {
+                const { data } = response;
+                if (data.notificationPreferences) {
+                    const { informationalNotificationToastPeriodSeconds, toastTimeoutOnActionableNotifications } = data.notificationPreferences;
+                    if (informationalNotificationToastPeriodSeconds) {
+                        setInformationalTimeout(informationalNotificationToastPeriodSeconds);
+                    }
+                    if (typeof toastTimeoutOnActionableNotifications !== "undefined") {
+                        setActionableTimeoutEnabled(toastTimeoutOnActionableNotifications);
+                    }
+                }
+            }
+        }
+        FEAGlobals.FSBL.Clients.RouterClient.addListener("FinsembleUserPreferencesChannel", listenForPreferenceChange);
+        return () => {
+            FEAGlobals.FSBL.Clients.RouterClient.removeListener("FinsembleUserPreferencesChannel", listenForPreferenceChange);
+        };
+    }, []);
+    /**
+     * Window level hook to move the window to the correct screen
+     * Monitor does not change position while toasts are showing. Only corrects position when no toasts show
+     */
+    useEffect(() => {
+        if (!isCorrectMonitor && activeNotifications(notifications).length > 0) {
+            moveToToolbarMonitor().then(() => {
+                setIsCorrectMonitor(true);
+            });
+        }
+    }, [notifications]);
+    /**
+     * Window level hook to resize the window
+     *
+     * Window is on the correct screen and some notifications should be rendered
+     * on the page. Resize the window to fit the content
+     */
+    useLayoutEffect(() => {
+        const resizeWindow = async () => {
+            var _a, _b;
+            const rect = document.getElementsByTagName("body")[0].getBoundingClientRect();
+            const { err, data } = await FEAGlobals.FSBL.Clients.LauncherClient.getMonitorInfo({ monitor: "mine" });
+            if (err || !data) {
+                FEAGlobals.FSBL.Clients.Logger.system.error("Error getting monitor info: ", err);
+                console.error("Error getting monitor info: ", err);
+                return;
+            }
+            const { data: bounds } = await FEAGlobals.finsembleWindow.getBounds();
+            const width = ((_a = bounds === null || bounds === void 0 ? void 0 : bounds.right) !== null && _a !== void 0 ? _a : 0) - ((_b = bounds === null || bounds === void 0 ? void 0 : bounds.left) !== null && _b !== void 0 ? _b : 0);
+            // Does not exceed monitor height
+            const height = Math.min(Math.round(rect === null || rect === void 0 ? void 0 : rect.height) + 16, data["availableRect"]["height"]);
+            await FEAGlobals.finsembleWindow.setBounds({
+                bounds: {
+                    top: data["availableRect"]["top"],
+                    left: data["availableRect"]["right"] - width,
+                    height: height,
+                    width: width,
+                },
+            });
+            setIsBoundsSet(true);
+        };
+        if (isCorrectMonitor && activeNotifications(notifications).length > 0) {
+            resizeWindow();
+        }
+    }, [isCorrectMonitor, notifications]);
+    /**
+     * Window Level Hook to show and hide the window.
+     * The window position and size manipulations have been completed show / hide it.
+     */
+    useEffect(() => {
+        if (!isWindowShowing) {
+            /**
+             * IF the window is not showing
+             * AND the window has been moved to the correct monitor
+             * AND The correct initial bounds have been set (prevents flashing)
+             * AND there are some notifications
+             * THEN show the window
+             */
+            if (isCorrectMonitor && isBoundsSet && activeNotifications(notifications).length > 0) {
+                setIsWindowShowing(true);
+                FEAGlobals.finsembleWindow.show();
+            }
+        }
+        else {
+            // Hide the window if it is showing and there are 0 notifications in the list
+            if (activeNotifications(notifications).length === 0) {
+                if (!closeTimeout) {
+                    const timerId = setTimeout(() => {
+                        // Toasts slide out so delay hiding the window until after the toasts are gone
+                        setIsWindowShowing(false);
+                        setIsCorrectMonitor(false);
+                        setIsBoundsSet(false);
+                        setCloseTimeout(null);
+                        FEAGlobals.finsembleWindow.hide();
+                    }, 400);
+                    setCloseTimeout(timerId);
+                }
+            }
+            else {
+                if (closeTimeout) {
+                    // If new toasts have come in before the window has been hidden cancel hiding it.
+                    clearTimeout(closeTimeout);
+                    setCloseTimeout(null);
+                }
+            }
+        }
+    }, [isCorrectMonitor, isBoundsSet, notifications]);
+    return (React.createElement("div", null, isInitialized &&
+        isCorrectMonitor &&
+        notifications.map((notification) => (React.createElement(ToastCard, Object.assign({ key: `toast-card-${notification.id}`, notification: notification, informationalNotificationTimeout: informationalTimeout, actionableTimeoutEnabled: actionableTimeoutEnabled, removeFunction: removeNotification, isActiveFunction: isNotificationActive }, props))))));
+};
+//# sourceMappingURL=NotificationsToasts.js.map

package/react/components/notifications/components/notificationsToasts/NotificationsToasts.js.map

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

package/react/components/notifications/components/shared/CheckButton.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { INotification } from "../../../../../platform/services/notification/types";
+export declare const CheckButton: ({ notification }: {
+    notification: INotification;
+}) => JSX.Element;
+//# sourceMappingURL=CheckButton.d.ts.map

package/react/components/notifications/components/shared/CheckButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckButton.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/notifications/components/shared/CheckButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,qDAAqD,CAAC;AAMpF,eAAO,MAAM,WAAW;kBAAsC,aAAa;iBAwC1E,CAAC"}

package/react/components/notifications/components/shared/CheckButton.js

@@ -0,0 +1,39 @@
+import React, { useState, useContext, useEffect } from "react";
+import { NotificationsContext } from "../../notificationsContext";
+import { FinsembleIcon } from "../../../common/FinsembleIcon";
+const isNotificationInCheckedNotifications = (checkedNotifications, notification) => checkedNotifications.some((checkedNotification) => checkedNotification.id === notification.id);
+export const CheckButton = ({ notification }) => {
+    const notificationsContext = useContext(NotificationsContext);
+    const { checkedNotifications, setCheckedNotifications, isSelectAll, setSelectAll } = notificationsContext;
+    const [isChecked, setIsChecked] = useState(isNotificationInCheckedNotifications(checkedNotifications, notification));
+    useEffect(() => {
+        if (isSelectAll && checkedNotifications.indexOf(notification) === -1) {
+            setIsChecked(true);
+        }
+    }, [isSelectAll]);
+    useEffect(() => {
+        if (checkedNotifications.length === 0 && isChecked) {
+            setIsChecked(false);
+        }
+    }, [checkedNotifications]);
+    useEffect(() => {
+        if (isChecked) {
+            checkedNotifications.push(notification);
+            setCheckedNotifications([...checkedNotifications]);
+        }
+        else {
+            const index = checkedNotifications.findIndex((checkedNotification) => (checkedNotification.id = notification.id));
+            if (index !== -1) {
+                checkedNotifications.splice(index, 1);
+                setSelectAll(false); // if we are unchecking one then select all is not active
+                setCheckedNotifications([...checkedNotifications]);
+            }
+        }
+    }, [isChecked]);
+    const toggleCheck = () => {
+        setIsChecked(!isChecked);
+    };
+    return (React.createElement("div", { key: notification.id, className: "check_icon_container", onClick: toggleCheck },
+        React.createElement(FinsembleIcon, { className: `${isChecked ? "checked" : ""}`, icon: "check" })));
+};
+//# sourceMappingURL=CheckButton.js.map

package/react/components/notifications/components/shared/CheckButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckButton.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/notifications/components/shared/CheckButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAElE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,MAAM,oCAAoC,GAAG,CAAC,oBAAqC,EAAE,YAA2B,EAAE,EAAE,CACnH,oBAAoB,CAAC,IAAI,CAAC,CAAC,mBAAmB,EAAE,EAAE,CAAC,mBAAmB,CAAC,EAAE,KAAK,YAAY,CAAC,EAAE,CAAC,CAAC;AAEhG,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,YAAY,EAAmC,EAAE,EAAE;IAChF,MAAM,oBAAoB,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IAC9D,MAAM,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,oBAAoB,CAAC;IAC1G,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,oCAAoC,CAAC,oBAAoB,EAAE,YAAY,CAAC,CAAC,CAAC;IAErH,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,WAAW,IAAI,oBAAoB,CAAC,OAAO,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,EAAE;YACrE,YAAY,CAAC,IAAI,CAAC,CAAC;SACnB;IACF,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,oBAAoB,CAAC,MAAM,KAAK,CAAC,IAAI,SAAS,EAAE;YACnD,YAAY,CAAC,KAAK,CAAC,CAAC;SACpB;IACF,CAAC,EAAE,CAAC,oBAAoB,CAAC,CAAC,CAAC;IAE3B,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,SAAS,EAAE;YACd,oBAAoB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;YACxC,uBAAuB,CAAC,CAAC,GAAG,oBAAoB,CAAC,CAAC,CAAC;SACnD;aAAM;YACN,MAAM,KAAK,GAAG,oBAAoB,CAAC,SAAS,CAAC,CAAC,mBAAmB,EAAE,EAAE,CAAC,CAAC,mBAAmB,CAAC,EAAE,GAAG,YAAY,CAAC,EAAE,CAAC,CAAC,CAAC;YAClH,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE;gBACjB,oBAAoB,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;gBACtC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,yDAAyD;gBAC9E,uBAAuB,CAAC,CAAC,GAAG,oBAAoB,CAAC,CAAC,CAAC;aACnD;SACD;IACF,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,MAAM,WAAW,GAAG,GAAG,EAAE;QACxB,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,CACN,6BAAK,GAAG,EAAE,YAAY,CAAC,EAAE,EAAE,SAAS,EAAC,sBAAsB,EAAC,OAAO,EAAE,WAAW;QAC/E,oBAAC,aAAa,IAAC,SAAS,EAAE,GAAG,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,IAAI,EAAC,OAAO,GAAG,CACrE,CACN,CAAC;AACH,CAAC,CAAC"}

package/react/components/notifications/components/shared/IconButton.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+export interface IFinsembleIconButtonProps {
+    tooltip?: string;
+    clickHandler?: (e?: React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>) => void;
+    iconName?: string;
+    classNames?: string;
+    children?: React.ReactNode;
+}
+declare const IconButton: ({ clickHandler, tooltip, iconName, classNames, children, }: IFinsembleIconButtonProps) => JSX.Element;
+export default IconButton;
+//# sourceMappingURL=IconButton.d.ts.map

package/react/components/notifications/components/shared/IconButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/notifications/components/shared/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,yBAAyB;IACzC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACpG,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,QAAA,MAAM,UAAU,+DAMb,yBAAyB,gBAgB3B,CAAC;AAEF,eAAe,UAAU,CAAC"}