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

package/react/components/menu/menuContext.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+declare type MenuContextType = {
+    thisMenuId: string;
+    className: string | undefined;
+    maxHeight: number;
+    menuWidth: number;
+    menuHeight: number | undefined;
+    minHeight: number;
+};
+/**
+ * We initialize our context with an empty object because we know that MenuShell will
+ * properly initialize our context at runtime (during the first render). We cast () to MenuContextType
+ * to avoid typescript errors for any consumers of the context object. Beware that if you get a runtime error
+ * then someone has probably missed an initialization in MenuShell.
+ */
+export declare const MenuContext: import("react").Context<MenuContextType>;
+export {};
+//# sourceMappingURL=menuContext.d.ts.map

package/react/components/menu/menuContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menuContext.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/menu/menuContext.ts"],"names":[],"mappings":";AAEA,aAAK,eAAe,GAAG;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,SAAS,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,WAAW,0CAAwD,CAAC"}

package/react/components/menu/menuContext.js

@@ -0,0 +1,9 @@
+import { createContext } from "react";
+/**
+ * We initialize our context with an empty object because we know that MenuShell will
+ * properly initialize our context at runtime (during the first render). We cast () to MenuContextType
+ * to avoid typescript errors for any consumers of the context object. Beware that if you get a runtime error
+ * then someone has probably missed an initialization in MenuShell.
+ */
+export const MenuContext = createContext({});
+//# sourceMappingURL=menuContext.js.map

package/react/components/menu/menuContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menuContext.js","sourceRoot":"","sources":["../../../../../src/ui/components/menu/menuContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAWtC;;;;;GAKG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAAkB,EAAqB,CAAC,CAAC"}

package/react/components/menu/menuHelpers.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Returns a drop down menu's position relative to the toolbar's current location and the
+ * MenuToggle that was pressed. The dimensions returned are relative to the toolbar's
+ * current monitor.
+ * @param menuId The shell ID (e.g. filemenu)
+ * @param menuContentHeight The height of menu contents.
+ */
+export declare const calculatePosition: (menuId: string, menuContentHeight?: number) => Promise<{
+    top: number;
+    left: number;
+}>;
+/**
+ * Calculates the height and position that a window should take based on the height necessary to display
+ * the window's DOM contents without scrollbars, but not beyond the scope of the monitor itself.
+ *
+ * @param childWindow Window The window to calculate
+ * @param menuId string The id of the menu, used for a CSS selector
+ * @param [maxHeight] Maximum height for the window
+ * @param [fixedHeight] Optional fixed height
+ */
+export declare const calculateDimensions: (childWindow: Window, menuId: string, fixedHeight: number | undefined, maxHeight: number | undefined, minHeight: number) => Promise<{
+    top: number;
+    left: number;
+    height: number;
+}>;
+/**
+ * Copy CSS elements from parent to child window. Portals operate in a new window which doesn't automatically
+ * have access to the CSS from the main window, so we need to clone those elements into the menu's window
+ * when it is created.
+ * @param childWindow Child window reference
+ */
+export declare const injectCSS: (childWindow: Window) => void;
+//# sourceMappingURL=menuHelpers.d.ts.map

package/react/components/menu/menuHelpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menuHelpers.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/menu/menuHelpers.ts"],"names":[],"mappings":"AAGA;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB,WACrB,MAAM,sBACM,MAAM;SAErB,MAAM;UACL,MAAM;EAmDZ,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,mBAAmB,gBAClB,MAAM,UACX,MAAM,6EAGH,MAAM;SAEZ,MAAM;UACL,MAAM;YACJ,MAAM;EA4Bd,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,SAAS,gBAAiB,MAAM,KAAG,IAgB/C,CAAC"}

package/react/components/menu/menuHelpers.js

@@ -0,0 +1,111 @@
+// Minimum portal height (chromium limitation)
+const MIN_HEIGHT = 100;
+/**
+ * Returns a drop down menu's position relative to the toolbar's current location and the
+ * MenuToggle that was pressed. The dimensions returned are relative to the toolbar's
+ * current monitor.
+ * @param menuId The shell ID (e.g. filemenu)
+ * @param menuContentHeight The height of menu contents.
+ */
+export const calculatePosition = async (menuId, menuContentHeight) => {
+    var _a, _b;
+    // Rather than use window.innerHeight, we use the height of the document because Electron at times fails
+    // to resize windows across monitors with different DPI scaling.  We've worked around this by calling setShape()
+    // to avoid a white bar at the bottom of the window, but the window DOM height is still the old height.
+    const toolbarHeight = document.getElementsByClassName("finsemble-toolbar")[0].offsetHeight;
+    // The monitor's available height and width is found in the window.screen object (just like Electron, less the space
+    // taken up by the operating system toolbar)
+    const { availHeight } = window.screen;
+    // Non-standard. Specifies the y-coordinate of the first pixel that is not allocated to permanent or semipermanent user interface features.
+    // https://developer.mozilla.org/en-US/docs/Web/API/Screen/availTop
+    const availTop = (_b = (_a = window.screen) === null || _a === void 0 ? void 0 : _a.availTop) !== null && _b !== void 0 ? _b : 0;
+    const toolbarX = window.screenLeft;
+    const toolbarY = window.screenTop;
+    const spaceBelowToolbar = availHeight + availTop - toolbarY - toolbarHeight;
+    /*
+    Get a reference to the MenuToggle's element using querySelector to avoid having to pass
+    React ref all the way down here.
+    */
+    const selector = `#${menuId}-menu-toggle`;
+    const menuToggle = document.querySelector(selector);
+    if (!menuToggle) {
+        console.error(`calculatePosition() can't find selector "${selector}"`);
+    }
+    // Get the "x" coordinate of our toggle button *within* the toolbar
+    // If for whatever reason the menuToggle can't be found, then default to an x coordinate of zero
+    const { x: menuToggleX } = menuToggle ? menuToggle.getBoundingClientRect() : { x: 0 };
+    let left = toolbarX + menuToggleX;
+    let top = toolbarY + toolbarHeight;
+    /*
+    Check if we have enough space for the menu between
+    the toolbar and bottom edge of the screen. If not,
+    then reposition the menu to appear above toolbar.
+    */
+    if (menuContentHeight) {
+        const menuHeight = Math.max(menuContentHeight, MIN_HEIGHT);
+        if (menuHeight > spaceBelowToolbar) {
+            top = toolbarY - menuHeight;
+        }
+    }
+    return {
+        top,
+        left,
+    };
+};
+/**
+ * Calculates the height and position that a window should take based on the height necessary to display
+ * the window's DOM contents without scrollbars, but not beyond the scope of the monitor itself.
+ *
+ * @param childWindow Window The window to calculate
+ * @param menuId string The id of the menu, used for a CSS selector
+ * @param [maxHeight] Maximum height for the window
+ * @param [fixedHeight] Optional fixed height
+ */
+export const calculateDimensions = async (childWindow, menuId, fixedHeight = 0, maxHeight = Infinity, minHeight) => {
+    /* Content height is essentially the offsetHeight of the window's <html> element.
+    This seems more reliable than summing the heights of all body children.
+    */
+    const contentHeight = childWindow.document.documentElement.offsetHeight;
+    /**
+     * Calculate the actual menu height, constrained by maximum and minimum sizes.
+     * Zero, null or undefined are invalid maximum heights.
+     *
+     * Chromium imposes a 100 pixel minimum on window height.
+     */
+    const CHROMIUM_MIN_HEIGHT = minHeight !== null && minHeight !== void 0 ? minHeight : 0;
+    const minimumContentHeight = Math.max(contentHeight, CHROMIUM_MIN_HEIGHT);
+    const height = fixedHeight ? fixedHeight : Math.min(minimumContentHeight, maxHeight);
+    const { left, top } = await calculatePosition(menuId, height);
+    // Final step, make sure the menu isn't larger than the screen itself
+    const { availHeight } = window.screen;
+    const finalHeight = Math.min(height, availHeight);
+    return {
+        top,
+        left,
+        height: finalHeight,
+    };
+};
+/**
+ * Copy CSS elements from parent to child window. Portals operate in a new window which doesn't automatically
+ * have access to the CSS from the main window, so we need to clone those elements into the menu's window
+ * when it is created.
+ * @param childWindow Child window reference
+ */
+export const injectCSS = (childWindow) => {
+    const { children } = document.head;
+    const styleElements = [];
+    for (const item in children) {
+        /**
+            webpack's style-loader creates <style> tags but some versions will create <link> tags if CSS source maps are
+            enabled (sourceMap), or if `injectType: linkTag` is configured.
+        */
+        if (children[item].tagName === "STYLE" || children[item].tagName === "LINK") {
+            const newElement = children[item].cloneNode(true);
+            styleElements.push(newElement);
+        }
+    }
+    styleElements.forEach((item) => {
+        childWindow.document.head.append(item);
+    });
+};
+//# sourceMappingURL=menuHelpers.js.map

package/react/components/menu/menuHelpers.js.map

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

package/react/components/notifications/components/NoNotifications.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+declare const NoNotifications: React.FunctionComponent;
+export default NoNotifications;
+//# sourceMappingURL=NoNotifications.d.ts.map

package/react/components/notifications/components/NoNotifications.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoNotifications.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/notifications/components/NoNotifications.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,iBAI5B,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/react/components/notifications/components/NoNotifications.js

@@ -0,0 +1,5 @@
+import React from "react";
+const NoNotifications = () => (React.createElement("div", { className: "no-notifications" },
+    React.createElement("p", null, "No notifications to display")));
+export default NoNotifications;
+//# sourceMappingURL=NoNotifications.js.map

package/react/components/notifications/components/NoNotifications.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoNotifications.js","sourceRoot":"","sources":["../../../../../../src/ui/components/notifications/components/NoNotifications.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,eAAe,GAA4B,GAAG,EAAE,CAAC,CACtD,6BAAK,SAAS,EAAC,kBAAkB;IAChC,6DAAkC,CAC7B,CACN,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/react/components/notifications/components/notificationsCenter/NotificationCenterUtils.d.ts

@@ -0,0 +1,19 @@
+import { NotificationServiceState } from "../../../../../platform/services/notification/types";
+export declare const promisifiedGetMonitor: () => Promise<any>;
+export declare const dockToToolbarRight: () => Promise<void>;
+export declare const isValidPosition: (bounds: any) => boolean;
+export declare const addDockedClasses: () => void;
+export declare const removeDockedClasses: () => void;
+/**
+ * Set opaque class to html element
+ */
+export declare function setOpaqueClassName(isTransparent: boolean): void;
+/**
+ * Saves the Center position for future Finsemble restarts
+ */
+export declare const saveNotificationsCenterWindowState: ({ showCenter, isDocked, position }: NotificationServiceState) => void;
+/**
+ * Sets the position of the notifcation center when it gets undocked
+ */
+export declare const setUndockedPosition: (centerState: any) => Promise<void>;
+//# sourceMappingURL=NotificationCenterUtils.d.ts.map

package/react/components/notifications/components/notificationsCenter/NotificationCenterUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationCenterUtils.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/notifications/components/notificationsCenter/NotificationCenterUtils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qDAAqD,CAAC;AAE/F,eAAO,MAAM,qBAAqB,QAAO,QAAQ,GAAG,CAKjD,CAAC;AAEJ,eAAO,MAAM,kBAAkB,qBAa9B,CAAC;AAEF,eAAO,MAAM,eAAe,WAAY,GAAG,KAAG,OAKV,CAAC;AAErC,eAAO,MAAM,gBAAgB,YAE5B,CAAC;AAEF,eAAO,MAAM,mBAAmB,YAE/B,CAAC;AAEF;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,aAAa,EAAE,OAAO,QAWxD;AAED;;GAEG;AACH,eAAO,MAAM,kCAAkC,uCAAwC,wBAAwB,SAU9G,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,gBAAuB,GAAG,kBAmBzD,CAAC"}

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

@@ -0,0 +1,84 @@
+import { FEAGlobals } from "../../../../../common";
+import { getToolbarMonitor } from "../../../../hooks/useNotifications";
+export const promisifiedGetMonitor = () => new Promise((resolve) => {
+    FEAGlobals.finsembleWindow.getMonitor((monitor) => {
+        resolve(monitor);
+    });
+});
+export const dockToToolbarRight = async () => {
+    const monitorInfo = await getToolbarMonitor();
+    const { data } = await FEAGlobals.finsembleWindow.getBounds();
+    if (data && monitorInfo) {
+        const position = {
+            left: monitorInfo.availableRect.right - data.width,
+            top: monitorInfo.availableRect.top,
+            height: monitorInfo.availableRect.height,
+            width: data.width,
+        };
+        await FEAGlobals.finsembleWindow.setBounds({ bounds: position });
+    }
+};
+export const isValidPosition = (bounds) => bounds &&
+    typeof bounds.left !== "undefined" &&
+    typeof bounds.top !== "undefined" &&
+    typeof bounds.height !== "undefined" &&
+    typeof bounds.width !== "undefined";
+export const addDockedClasses = () => {
+    document.body.classList.add("docked");
+};
+export const removeDockedClasses = () => {
+    document.body.classList.remove("docked");
+};
+/**
+ * Set opaque class to html element
+ */
+export function setOpaqueClassName(isTransparent) {
+    const htmlElement = document.getElementsByTagName("html")[0];
+    if (isTransparent) {
+        if (htmlElement.classList.contains("opaque")) {
+            htmlElement.classList.remove("opaque");
+        }
+    }
+    else {
+        if (!htmlElement.classList.contains("opaque")) {
+            htmlElement.classList.add("opaque");
+        }
+    }
+}
+/**
+ * Saves the Center position for future Finsemble restarts
+ */
+export const saveNotificationsCenterWindowState = ({ showCenter, isDocked, position }) => {
+    FEAGlobals.FSBL.Clients.StorageClient.save({
+        topic: "finsemble.notifications",
+        key: "last.position",
+        value: {
+            showCenter,
+            isDocked,
+            position,
+        },
+    });
+};
+/**
+ * Sets the position of the notifcation center when it gets undocked
+ */
+export const setUndockedPosition = async (centerState) => {
+    const monitorInfo = await promisifiedGetMonitor();
+    let { position } = centerState;
+    if (!position || !isValidPosition(position)) {
+        position = undefined;
+        const { data } = await FEAGlobals.finsembleWindow.getBounds();
+        if (data) {
+            position = {
+                left: data.left - 25,
+                top: data.top + 25,
+                height: Math.round(monitorInfo.availableRect.height * 0.8),
+                width: data.width,
+            };
+        }
+    }
+    if (position) {
+        await FEAGlobals.finsembleWindow.setBounds(position);
+    }
+};
+//# sourceMappingURL=NotificationCenterUtils.js.map

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

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

package/react/components/notifications/components/notificationsCenter/NotificationsCenter.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import "../../css/notification-center.css";
+import { INotificationCenterProps, NotificationCenterControlsProps } from "../../types";
+export declare const defaultNotificationCenterControls: NotificationCenterControlsProps;
+export declare const NotificationsCenter: React.FunctionComponent<INotificationCenterProps>;
+//# sourceMappingURL=NotificationsCenter.d.ts.map

package/react/components/notifications/components/notificationsCenter/NotificationsCenter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationsCenter.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/notifications/components/notificationsCenter/NotificationsCenter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,mCAAmC,CAAC;AAM3C,OAAO,EAAE,wBAAwB,EAAE,+BAA+B,EAAE,MAAM,aAAa,CAAC;AAQxF,eAAO,MAAM,iCAAiC,EAAE,+BA2B/C,CAAC;AAyBF,eAAO,MAAM,mBAAmB,mDAA4B,CAAC"}

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

@@ -0,0 +1,45 @@
+import React from "react";
+import "../../css/notification-center.css";
+// Hooks
+import { useNotificationUI, getNotificationConfig } from "../../../../hooks/useNotifications";
+import { NotificationsCenterWindow } from "./components/NotificationsCenterWindow";
+import { useTitle } from "../../../../hooks";
+export const defaultNotificationCenterControls = {
+    controls: [
+        {
+            action: "all",
+            label: "All",
+            run: (notifications) => notifications,
+        },
+        {
+            action: "unread",
+            label: "Unread",
+            run: (notifications) => notifications.filter((notification) => !notification.isRead),
+        },
+        {
+            action: "read",
+            label: "Read",
+            run: (notifications) => notifications.filter((notification) => notification.isRead),
+        },
+        {
+            action: "snoozed",
+            label: "Snoozed",
+            run: (notifications) => notifications.filter((notification) => notification.isSnoozed),
+        },
+    ],
+    active: "all",
+};
+/**
+ * Wrapper around the actual NotificationCenterWindow class to set up the NotificationsContext context
+ *
+ * @param props
+ * @constructor
+ */
+const NotificationCenterWrapper = (props) => {
+    const params = { config: { notificationsHistory: { options: { pageSize: 10 } } } };
+    const { title } = props;
+    useTitle(title !== null && title !== void 0 ? title : "Notification Center");
+    return (React.createElement(NotificationsCenterWindow, Object.assign({}, props, { getNotificationConfig: getNotificationConfig, getUIState: useNotificationUI, params: params })));
+};
+export const NotificationsCenter = NotificationCenterWrapper;
+//# sourceMappingURL=NotificationsCenter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationsCenter.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/notifications/components/notificationsCenter/NotificationsCenter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,mCAAmC,CAAC;AAE3C,QAAQ;AACR,OAAO,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAQ9F,OAAO,EAAE,yBAAyB,EAAE,MAAM,wCAAwC,CAAC;AACnF,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,MAAM,CAAC,MAAM,iCAAiC,GAAoC;IACjF,QAAQ,EAAE;QACT;YACC,MAAM,EAAE,KAAK;YACb,KAAK,EAAE,KAAK;YACZ,GAAG,EAAE,CAAC,aAA8B,EAAE,EAAE,CAAC,aAAa;SACtD;QACD;YACC,MAAM,EAAE,QAAQ;YAChB,KAAK,EAAE,QAAQ;YACf,GAAG,EAAE,CAAC,aAA8B,EAAE,EAAE,CACvC,aAAa,CAAC,MAAM,CAAC,CAAC,YAA2B,EAAE,EAAE,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC;SAC5E;QACD;YACC,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,MAAM;YACb,GAAG,EAAE,CAAC,aAA8B,EAAE,EAAE,CACvC,aAAa,CAAC,MAAM,CAAC,CAAC,YAA2B,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC;SAC3E;QACD;YACC,MAAM,EAAE,SAAS;YACjB,KAAK,EAAE,SAAS;YAChB,GAAG,EAAE,CAAC,aAA8B,EAAE,EAAE,CACvC,aAAa,CAAC,MAAM,CAAC,CAAC,YAA2B,EAAE,EAAE,CAAC,YAAY,CAAC,SAAS,CAAC;SAC9E;KACD;IACD,MAAM,EAAE,KAAK;CACb,CAAC;AAEF;;;;;GAKG;AACH,MAAM,yBAAyB,GAAsD,CAAC,KAAK,EAAE,EAAE;IAC9F,MAAM,MAAM,GAAG,EAAE,MAAM,EAAE,EAAE,oBAAoB,EAAE,EAAE,OAAO,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;IAEnF,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAExB,QAAQ,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,qBAAqB,CAAC,CAAC;IAEzC,OAAO,CACN,oBAAC,yBAAyB,oBACrB,KAAK,IACT,qBAAqB,EAAE,qBAAqB,EAC5C,UAAU,EAAE,iBAAiB,EAC7B,MAAM,EAAE,MAAM,IACb,CACF,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,yBAAyB,CAAC"}

package/react/components/notifications/components/notificationsCenter/components/CardView.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { NotificationCardViewProps } from "../../../types";
+export declare const CardView: React.FunctionComponent<NotificationCardViewProps>;
+export default CardView;
+//# sourceMappingURL=CardView.d.ts.map

package/react/components/notifications/components/notificationsCenter/components/CardView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardView.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/components/notifications/components/notificationsCenter/components/CardView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAIrD,OAAO,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAiC3D,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAAiB,CAAC,yBAAyB,CA+EvE,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

@@ -0,0 +1,92 @@
+import React, { useContext, useEffect } from "react";
+import { isToday, isYesterday, isThisWeek } from "date-fns";
+// Context
+import { NotificationsContext } from "../../../notificationsContext";
+// Components
+import { NotificationCardShell } from "../../shared/NotificationCardShell";
+import NoNotifications from "../../NoNotifications";
+// Utils
+import { getActiveFilter, searchNotifications } from "../../../utils";
+import { ErrorBoundary } from "../../../../common/ErrorBoundary";
+var Periods;
+(function (Periods) {
+    Periods["TODAY"] = "today";
+    Periods["THIS_WEEK"] = "thisWeek";
+    Periods["YESTERDAY"] = "yesterday";
+    Periods["OLDER"] = "older";
+})(Periods || (Periods = {}));
+const isEmpty = (byPeriodNotifications, accountForSnooze) => {
+    if (accountForSnooze) {
+        return Object.values(byPeriodNotifications).every((value) => value.length === 0);
+    }
+    else {
+        return Object.values(byPeriodNotifications).every((value) => value.length === 0 || value.filter((notification) => !notification.isSnoozed).length === 0);
+    }
+};
+export const CardView = (props) => {
+    var _a;
+    const { notifications } = props;
+    const notificationsContext = useContext(NotificationsContext);
+    const { drawerControlProps, searchString, filteredNotifications, setFilteredNotifications } = notificationsContext;
+    const activeFilter = getActiveFilter(drawerControlProps);
+    const byPeriodNotifications = {
+        today: [],
+        yesterday: [],
+        thisWeek: [],
+        older: [],
+    };
+    useEffect(() => {
+        if (searchString === "") {
+            setFilteredNotifications(notifications);
+        }
+        else {
+            setFilteredNotifications(searchNotifications(notifications, searchString));
+        }
+    }, [searchString, notifications]);
+    const controlFilteredNotifications = activeFilter ? (_a = activeFilter.run) === null || _a === void 0 ? void 0 : _a.call(activeFilter, filteredNotifications) : [];
+    controlFilteredNotifications.reduce((accumulator, notification) => {
+        const notificationDate = Date.parse(notification.issuedAt);
+        if (isToday(notificationDate)) {
+            accumulator.today.push(notification);
+        }
+        else if (isYesterday(notificationDate)) {
+            accumulator.yesterday.push(notification);
+        }
+        else if (isThisWeek(notificationDate)) {
+            accumulator.thisWeek.push(notification);
+        }
+        else {
+            accumulator.older.push(notification);
+        }
+        return accumulator;
+    }, byPeriodNotifications);
+    const NotificationCardComponent = props.notificationCard ? props.notificationCard : NotificationCardShell;
+    const renderSeparatorLabel = (period) => {
+        if (period === Periods.TODAY) {
+            return React.createElement("p", { className: "notification-day" }, "Today");
+        }
+        else if (period === Periods.YESTERDAY) {
+            return React.createElement("p", { className: "notification-day" }, "Yesterday");
+        }
+        else if (period === Periods.THIS_WEEK) {
+            return React.createElement("p", { className: "notification-day" }, "This Week");
+        }
+        else {
+            return React.createElement("p", { className: "notification-day" }, "Older");
+        }
+    };
+    const renderNotificationsBlock = (period) => byPeriodNotifications[period]
+        .sort((a, b) => Date.parse(b.issuedAt) - Date.parse(a.issuedAt))
+        .filter((notification) => (activeFilter.action === "snoozed" ? notification.isSnoozed : !notification.isSnoozed))
+        .map((notification, index) => {
+        const key = `${index}_${notification.id ? notification.id : notification.issuedAt}`;
+        return (React.createElement("div", { key: key },
+            index === 0 ? renderSeparatorLabel(period) : null,
+            React.createElement(ErrorBoundary, { key: key },
+                React.createElement(NotificationCardComponent, { key: notification.id, notification: notification, removeNotification: () => { }, uiContext: "center" })),
+            React.createElement("div", { className: "divider" }, "\u00A0")));
+    });
+    return isEmpty(byPeriodNotifications, activeFilter.action === "snoozed") ? (React.createElement(NoNotifications, null)) : (React.createElement(React.Fragment, null, Object.keys(byPeriodNotifications).map((period) => renderNotificationsBlock(period))));
+};
+export default CardView;
+//# sourceMappingURL=CardView.js.map

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

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

package/react/components/notifications/components/notificationsCenter/components/Drawer.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface Props {
+    classNames?: string;
+    children?: React.ReactNode;
+}
+declare const Drawer: React.FunctionComponent<Props>;
+export default Drawer;
+//# sourceMappingURL=Drawer.d.ts.map

package/react/components/notifications/components/notificationsCenter/components/Drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/components/notifications/components/notificationsCenter/components/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,KAAK;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAI1C,CAAC;AAEF,eAAe,MAAM,CAAC"}

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

@@ -0,0 +1,5 @@
+import React from "react";
+const Drawer = (props) => (React.createElement("div", { id: "drawer", className: props.classNames },
+    React.createElement("div", { className: "drawer-container" }, props.children)));
+export default Drawer;
+//# sourceMappingURL=Drawer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../../../../../../src/ui/components/notifications/components/notificationsCenter/components/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,MAAM,GAAmC,CAAC,KAAY,EAAE,EAAE,CAAC,CAChE,6BAAK,EAAE,EAAC,QAAQ,EAAC,SAAS,EAAE,KAAK,CAAC,UAAU;IAC3C,6BAAK,SAAS,EAAC,kBAAkB,IAAE,KAAK,CAAC,QAAQ,CAAO,CACnD,CACN,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/react/components/notifications/components/notificationsCenter/components/DrawerControls.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+declare const DrawerControls: React.FunctionComponent;
+export default DrawerControls;
+//# sourceMappingURL=DrawerControls.d.ts.map

package/react/components/notifications/components/notificationsCenter/components/DrawerControls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerControls.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/components/notifications/components/notificationsCenter/components/DrawerControls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAqBrD,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,iBAuJ3B,CAAC;AAEF,eAAe,cAAc,CAAC"}