@finsemble/finsemble-ui 7.2.0 → 7.3.0

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

@@ -1,16 +0,0 @@
-import React, { Dispatch, SetStateAction } from "react";
-import { OverFlowMenuAction } from "../../types";
-import { services } from "@finsemble/finsemble-api";
-declare type INotification = services.notification.types.INotification;
-export declare const OverflowMenuActions: {
-    [key: string]: OverFlowMenuAction;
-};
-export declare const renderOverflowMenuAction: (notification: INotification, menuAction: OverFlowMenuAction, isMuted: boolean) => JSX.Element | null;
-/**
- * Overflow menu component for notifications that will provide a set of actions
- * a user can perform on a notification (e.g. dismiss, snooze)
- */
-declare const OverflowMenu: React.FunctionComponent<{
-    closeSelf: Dispatch<SetStateAction<boolean>>;
-}>;
-export default OverflowMenu;

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

@@ -1,114 +0,0 @@
-import React, { useEffect, useRef, useState } from "react";
-// Hooks
-import { useOutsideClickDetector } from "../../../../hooks/useOutsideClickDetector";
-import { markNotificationsRead, markNotificationsUnread, snoozeNotifications, } from "../../../../hooks/useNotifications";
-// Icons
-import EnvelopeCloseIcon from "../../icons/EnvelopeClose";
-import EnvelopeOpenIcon from "../../icons/EnvelopeOpen";
-import SnoozeIcon from "../../icons/SnoozeIcon";
-export const OverflowMenuActions = {
-    MARK_AS_UNREAD: {
-        name: "MARK_AS_UNREAD",
-        icon: React.createElement(EnvelopeCloseIcon, null),
-        label: "Mark Unread",
-        action: (notification) => markNotificationsUnread([notification]),
-    },
-    MARK_AS_READ: {
-        name: "MARK_AS_READ",
-        icon: React.createElement(EnvelopeOpenIcon, null),
-        label: "Mark Read",
-        action: (notification) => markNotificationsRead([notification]),
-    },
-    SNOOZE: {
-        name: "SNOOZE",
-        icon: React.createElement(SnoozeIcon, null),
-        label: "Snooze",
-        action: (notification) => snoozeNotifications([notification]),
-    },
-    DISMISS: {
-        name: "DISMISS",
-        icon: (React.createElement("div", { className: "finsemble-icon" },
-            React.createElement("i", { className: "ff-close" }))),
-        label: "Dismiss",
-        action: () => {
-            // Empty - filled in later
-        },
-    },
-    SETTINGS: {
-        name: "SETTINGS",
-        icon: (React.createElement("div", { className: "finsemble-icon" },
-            React.createElement("i", { className: "ff-settings" }))),
-        label: "Settings",
-        action: (notification) => {
-            FSBL.Clients.LauncherClient.showWindow({
-                componentType: "UserPreferences",
-            }, {
-                monitor: "mine",
-                left: "center",
-                top: "center",
-            }, () => {
-                FSBL.Clients.RouterClient.transmit("FinsembleUserPreferencesChannel", {
-                    preferencesTab: "Notifications",
-                    notification,
-                });
-                // we need this timeout otherwise the UserPreferences screen does not detect the message being transmited
-                setTimeout(() => {
-                    FSBL.Clients.RouterClient.transmit("FinsembleNotificationsNavigationChannel", { notification });
-                }, 50);
-            });
-        },
-    },
-    DETAILS: {
-        name: "DETAILS",
-        icon: (React.createElement("div", { className: "finsemble-icon" },
-            React.createElement("i", { className: "ff-dots-horz" }))),
-        label: "Details",
-        action: () => {
-            // Empty - filled in later
-        },
-    },
-};
-export const renderOverflowMenuAction = (notification, menuAction, 
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-isMuted) => {
-    if (
-    // Don't display read if notification is read
-    (notification.isRead && menuAction.name === OverflowMenuActions.MARK_AS_READ.name) ||
-        // Don't display unread if notification is unread
-        (!notification.isRead && menuAction.name === OverflowMenuActions.MARK_AS_UNREAD.name)) {
-        return null;
-    }
-    return (React.createElement("div", { key: `${notification.id}_${menuAction.name}`, className: "overflow-menu__action", tabIndex: 0, onClick: () => {
-            menuAction === null || menuAction === void 0 ? void 0 : menuAction.action(notification);
-        }, onKeyDown: (e) => {
-            if (e.key === "Enter") {
-                menuAction === null || menuAction === void 0 ? void 0 : menuAction.action(notification);
-            }
-        } }, menuAction === null || menuAction === void 0 ? void 0 :
-        menuAction.icon,
-        React.createElement("span", { className: "btn-label" }, menuAction === null || menuAction === void 0 ? void 0 : menuAction.label)));
-};
-/**
- * Overflow menu component for notifications that will provide a set of actions
- * a user can perform on a notification (e.g. dismiss, snooze)
- */
-const OverflowMenu = ({ closeSelf, children }) => {
-    const wrapperRef = useRef(null);
-    const [className, setClassName] = useState("overflow-menu__container");
-    useOutsideClickDetector(wrapperRef, () => closeSelf(false));
-    const moveElementIntoView = () => {
-        var _a;
-        const bottomViewPort = window.innerHeight + window.scrollY;
-        const domRect = (_a = wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
-        const elementBottom = domRect ? domRect.y + domRect.height + window.scrollY : null;
-        if (elementBottom && elementBottom > bottomViewPort) {
-            setClassName("overflow-menu__container flow-up");
-        }
-    };
-    useEffect(() => {
-        moveElementIntoView();
-    });
-    return (React.createElement("div", { ref: wrapperRef, className: className }, children));
-};
-export default OverflowMenu;
-//# sourceMappingURL=OverflowMenu.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"OverflowMenu.js","sourceRoot":"","sources":["../../../../../src/components/notifications/components/shared/OverflowMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { Dispatch, SetStateAction, useEffect, useRef, useState } from \"react\";\n\n// Hooks\nimport { useOutsideClickDetector } from \"../../../../hooks/useOutsideClickDetector\";\nimport {\n\tmarkNotificationsRead,\n\tmarkNotificationsUnread,\n\tsnoozeNotifications,\n} from \"../../../../hooks/useNotifications\";\n\n// Types\nimport { OverFlowMenuAction } from \"../../types\";\n\n// Icons\nimport EnvelopeCloseIcon from \"../../icons/EnvelopeClose\";\nimport EnvelopeOpenIcon from \"../../icons/EnvelopeOpen\";\nimport SnoozeIcon from \"../../icons/SnoozeIcon\";\nimport { services } from \"@finsemble/finsemble-api\";\n\ntype INotification = services.notification.types.INotification;\n\nexport const OverflowMenuActions: { [key: string]: OverFlowMenuAction } = {\n\tMARK_AS_UNREAD: {\n\t\tname: \"MARK_AS_UNREAD\",\n\t\ticon: <EnvelopeCloseIcon />,\n\t\tlabel: \"Mark Unread\",\n\t\taction: (notification: INotification) => markNotificationsUnread([notification]),\n\t},\n\tMARK_AS_READ: {\n\t\tname: \"MARK_AS_READ\",\n\t\ticon: <EnvelopeOpenIcon />,\n\t\tlabel: \"Mark Read\",\n\t\taction: (notification: INotification) => markNotificationsRead([notification]),\n\t},\n\tSNOOZE: {\n\t\tname: \"SNOOZE\",\n\t\ticon: <SnoozeIcon />,\n\t\tlabel: \"Snooze\",\n\t\taction: (notification: INotification) => snoozeNotifications([notification]),\n\t},\n\tDISMISS: {\n\t\tname: \"DISMISS\",\n\t\ticon: (\n\t\t\t<div className=\"finsemble-icon\">\n\t\t\t\t<i className=\"ff-close\" />\n\t\t\t</div>\n\t\t),\n\t\tlabel: \"Dismiss\",\n\t\taction: () => {\n\t\t\t// Empty - filled in later\n\t\t},\n\t},\n\tSETTINGS: {\n\t\tname: \"SETTINGS\",\n\t\ticon: (\n\t\t\t<div className=\"finsemble-icon\">\n\t\t\t\t<i className=\"ff-settings\" />\n\t\t\t</div>\n\t\t),\n\t\tlabel: \"Settings\",\n\t\taction: (notification: INotification) => {\n\t\t\tFSBL.Clients.LauncherClient.showWindow(\n\t\t\t\t{\n\t\t\t\t\tcomponentType: \"UserPreferences\",\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tmonitor: \"mine\",\n\t\t\t\t\tleft: \"center\",\n\t\t\t\t\ttop: \"center\",\n\t\t\t\t},\n\t\t\t\t() => {\n\t\t\t\t\tFSBL.Clients.RouterClient.transmit(\"FinsembleUserPreferencesChannel\", {\n\t\t\t\t\t\tpreferencesTab: \"Notifications\",\n\t\t\t\t\t\tnotification,\n\t\t\t\t\t});\n\t\t\t\t\t// we need this timeout otherwise the UserPreferences screen does not detect the message being transmited\n\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\tFSBL.Clients.RouterClient.transmit(\"FinsembleNotificationsNavigationChannel\", { notification });\n\t\t\t\t\t}, 50);\n\t\t\t\t}\n\t\t\t);\n\t\t},\n\t},\n\tDETAILS: {\n\t\tname: \"DETAILS\",\n\t\ticon: (\n\t\t\t<div className=\"finsemble-icon\">\n\t\t\t\t<i className=\"ff-dots-horz\" />\n\t\t\t</div>\n\t\t),\n\t\tlabel: \"Details\",\n\t\taction: () => {\n\t\t\t// Empty - filled in later\n\t\t},\n\t},\n};\n\nexport const renderOverflowMenuAction = (\n\tnotification: INotification,\n\tmenuAction: OverFlowMenuAction,\n\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\n\tisMuted: boolean\n) => {\n\tif (\n\t\t// Don't display read if notification is read\n\t\t(notification.isRead && menuAction.name === OverflowMenuActions.MARK_AS_READ.name) ||\n\t\t// Don't display unread if notification is unread\n\t\t(!notification.isRead && menuAction.name === OverflowMenuActions.MARK_AS_UNREAD.name)\n\t) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tkey={`${notification.id}_${menuAction.name}`}\n\t\t\tclassName=\"overflow-menu__action\"\n\t\t\ttabIndex={0}\n\t\t\tonClick={() => {\n\t\t\t\tmenuAction?.action(notification);\n\t\t\t}}\n\t\t\tonKeyDown={(e) => {\n\t\t\t\tif (e.key === \"Enter\") {\n\t\t\t\t\tmenuAction?.action(notification);\n\t\t\t\t}\n\t\t\t}}\n\t\t>\n\t\t\t{menuAction?.icon}\n\t\t\t<span className=\"btn-label\">{menuAction?.label}</span>\n\t\t</div>\n\t);\n};\n\n/**\n * Overflow menu component for notifications that will provide a set of actions\n * a user can perform on a notification (e.g. dismiss, snooze)\n */\nconst OverflowMenu: React.FunctionComponent<{\n\tcloseSelf: Dispatch<SetStateAction<boolean>>;\n}> = ({ closeSelf, children }) => {\n\tconst wrapperRef = useRef<HTMLDivElement>(null);\n\tconst [className, setClassName] = useState(\"overflow-menu__container\");\n\n\tuseOutsideClickDetector(wrapperRef, () => closeSelf(false));\n\n\tconst moveElementIntoView = () => {\n\t\tconst bottomViewPort = window.innerHeight + window.scrollY;\n\t\tconst domRect = wrapperRef?.current?.getBoundingClientRect();\n\t\tconst elementBottom = domRect ? domRect.y + domRect.height + window.scrollY : null;\n\n\t\tif (elementBottom && elementBottom > bottomViewPort) {\n\t\t\tsetClassName(\"overflow-menu__container flow-up\");\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tmoveElementIntoView();\n\t});\n\n\treturn (\n\t\t<div ref={wrapperRef} className={className}>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n\nexport default OverflowMenu;\n"]}

package/react/components/sdd/GettingStarted.d.ts

@@ -1,8 +0,0 @@
-/*!
- * Copyright 2017 - 2020 by ChartIQ, Inc.
- * All rights reserved.
- */
-/// <reference types="react" />
-import "./css/getting-started.css";
-export declare type GettingStartedProps = {};
-export declare const GettingStarted: () => JSX.Element;

package/react/components/sdd/GettingStarted.js

@@ -1,25 +0,0 @@
-/*!
- * Copyright 2017 - 2020 by ChartIQ, Inc.
- * All rights reserved.
- */
-import React from "react";
-import { useDispatch } from "../../store";
-import { Header } from "../common/Header";
-import { View } from "./View";
-import { Content } from "./Content";
-import { launchTutorialLink } from "./common/fsbl_functions";
-import "./css/getting-started.css";
-export const GettingStarted = () => {
-    const dispatch = useDispatch();
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: "getting-started-gray-back" }),
-        React.createElement(View, null,
-            React.createElement(Header, { helpFunction: () => {
-                    launchTutorialLink("SDD-01-Welcome");
-                } }, "Smart Desktop Designer"),
-            React.createElement(Content, null,
-                React.createElement("p", null, "Design a smart desktop. Add, remove, and manage apps; arrange your workspaces. Customize the look to follow your branding. When you're done, publish your desktop to share with others or package it for further development."),
-                React.createElement("div", { className: "hero" },
-                    React.createElement("img", { src: "/build/assets/img/finsemble-display.png", width: "436px", height: "354px", alt: "" }))))));
-};
-//# sourceMappingURL=GettingStarted.js.map

package/react/components/sdd/GettingStarted.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GettingStarted.js","sourceRoot":"","sources":["../../../src/components/sdd/GettingStarted.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAI7D,OAAO,2BAA2B,CAAC;AAInC,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IAClC,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,OAAO,CACN;QACC,6BAAK,SAAS,EAAC,2BAA2B,GAAG;QAC7C,oBAAC,IAAI;YACJ,oBAAC,MAAM,IACN,YAAY,EAAE,GAAG,EAAE;oBAClB,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;gBACtC,CAAC,6BAGO;YAET,oBAAC,OAAO;gBACP,+PAII;gBAEJ,6BAAK,SAAS,EAAC,MAAM;oBACpB,6BAAK,GAAG,EAAC,yCAAyC,EAAC,KAAK,EAAC,OAAO,EAAC,MAAM,EAAC,OAAO,EAAC,GAAG,EAAC,EAAE,GAAG,CACpF,CACG,CACJ,CACL,CACH,CAAC;AACH,CAAC,CAAC","sourcesContent":["/*!\n * Copyright 2017 - 2020 by ChartIQ, Inc.\n * All rights reserved.\n */\n\nimport React from \"react\";\nimport { useDispatch } from \"../../store\";\nimport { Header } from \"../common/Header\";\nimport { ButtonTile } from \"../common/ButtonTile\";\nimport { View } from \"./View\";\nimport { Content } from \"./Content\";\nimport { launchTutorialLink } from \"./common/fsbl_functions\";\n\nimport { SmartDesktopDesignerActions } from \"../../actions/smartDesktopDesignerActions\";\n\nimport \"./css/getting-started.css\";\n\nexport type GettingStartedProps = {};\n\nexport const GettingStarted = () => {\n\tconst dispatch = useDispatch();\n\n\treturn (\n\t\t<>\n\t\t\t<div className=\"getting-started-gray-back\" />\n\t\t\t<View>\n\t\t\t\t<Header\n\t\t\t\t\thelpFunction={() => {\n\t\t\t\t\t\tlaunchTutorialLink(\"SDD-01-Welcome\");\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\tSmart Desktop Designer\n\t\t\t\t</Header>\n\n\t\t\t\t<Content>\n\t\t\t\t\t<p>\n\t\t\t\t\t\tDesign a smart desktop. Add, remove, and manage apps; arrange your workspaces. Customize the look to follow\n\t\t\t\t\t\tyour branding. When you&apos;re done, publish your desktop to share with others or package it for further\n\t\t\t\t\t\tdevelopment.\n\t\t\t\t\t</p>\n\n\t\t\t\t\t<div className=\"hero\">\n\t\t\t\t\t\t<img src=\"/build/assets/img/finsemble-display.png\" width=\"436px\" height=\"354px\" alt=\"\" />\n\t\t\t\t\t</div>\n\t\t\t\t</Content>\n\t\t\t</View>\n\t\t</>\n\t);\n};\n"]}

package/react/components/sdd/stories/GettingStarted.stories.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { GettingStartedProps } from "../GettingStarted";
-import "../../../assets/css/finsemble.css";
-import "../../common/css/styles.css";
-import { Story } from "@storybook/react/types-6-0";
-declare const _default: {
-    title: string;
-    component: () => JSX.Element;
-};
-export default _default;
-export declare const DefaultGettingStarted: Story<GettingStartedProps>;

package/react/components/sdd/stories/GettingStarted.stories.js

@@ -1,18 +0,0 @@
-import React from "react";
-import { GettingStarted } from "../GettingStarted";
-import "../../../assets/css/finsemble.css";
-import "../../common/css/styles.css";
-import { initFSBL } from "../../common/helpers";
-import { FinsembleProvider } from "../../FinsembleProvider";
-export default {
-    title: "Views/GettingStarted",
-    component: GettingStarted,
-};
-const Template = (args) => {
-    initFSBL(window);
-    return (React.createElement(FinsembleProvider, null,
-        React.createElement(GettingStarted, Object.assign({}, args))));
-};
-export const DefaultGettingStarted = Template.bind({});
-DefaultGettingStarted.args = {};
-//# sourceMappingURL=GettingStarted.stories.js.map

package/react/components/sdd/stories/GettingStarted.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GettingStarted.stories.js","sourceRoot":"","sources":["../../../../src/components/sdd/stories/GettingStarted.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAuB,MAAM,mBAAmB,CAAC;AACxE,OAAO,mCAAmC,CAAC;AAC3C,OAAO,6BAA6B,CAAC;AAErC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAE5D,eAAe;IACd,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,cAAc;CACzB,CAAC;AAEF,MAAM,QAAQ,GAA+B,CAAC,IAAyB,EAAE,EAAE;IAC1E,QAAQ,CAAC,MAAM,CAAC,CAAC;IAEjB,OAAO,CACN,oBAAC,iBAAiB;QACjB,oBAAC,cAAc,oBAAK,IAAI,EAAI,CACT,CACpB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvD,qBAAqB,CAAC,IAAI,GAAG,EAAE,CAAC","sourcesContent":["import React from \"react\";\nimport { GettingStarted, GettingStartedProps } from \"../GettingStarted\";\nimport \"../../../assets/css/finsemble.css\";\nimport \"../../common/css/styles.css\";\nimport { Story } from \"@storybook/react/types-6-0\";\nimport { initFSBL } from \"../../common/helpers\";\nimport { FinsembleProvider } from \"../../FinsembleProvider\";\n\nexport default {\n\ttitle: \"Views/GettingStarted\",\n\tcomponent: GettingStarted,\n};\n\nconst Template: Story<GettingStartedProps> = (args: GettingStartedProps) => {\n\tinitFSBL(window);\n\n\treturn (\n\t\t<FinsembleProvider>\n\t\t\t<GettingStarted {...args} />\n\t\t</FinsembleProvider>\n\t);\n};\n\nexport const DefaultGettingStarted = Template.bind({});\nDefaultGettingStarted.args = {};\n"]}