@finsemble/finsemble-ui 7.3.0 → 8.0.0-beta.1

package/react/components/notifications/icons/Chevron.js

@@ -1,14 +0,0 @@
-import * as React from "react";
-export default function Chevron(props) {
-    const wrapperClasses = `finsemble-notifications_center__header icon ${props.className || ""}`.trim();
-    return (React.createElement("div", { className: wrapperClasses, onClick: () => props.onClickHandler(), title: props.tooltip || "Dismiss" },
-        React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "9", height: "14", viewBox: "0 0 9 14" },
-            React.createElement("defs", null,
-                React.createElement("filter", { id: "86g0ee3xia" },
-                    React.createElement("feColorMatrix", { in: "SourceGraphic", values: "0 0 0 0 0.674510 0 0 0 0 0.698039 0 0 0 0 0.752941 0 0 0 1.000000 0" }))),
-            React.createElement("g", { fill: "none", fillRule: "evenodd" },
-                React.createElement("g", { filter: "url(#86g0ee3xia)", transform: "translate(-405 -17)" },
-                    React.createElement("g", null,
-                        React.createElement("path", { fill: "#FFF", d: "M12.329.9c.483-.52 1.282-.535 1.784-.035s.518 1.325.034 1.845L8.201 9.1c-.509.547-1.36.53-1.85-.035l-5.53-6.39c-.464-.537-.42-1.362.1-1.843.519-.48 1.316-.434 1.781.103l4.623 5.342L12.33.9z", transform: "rotate(-90 218 -186.5) matrix(-1 0 0 1 15 0)" })))))));
-}
-//# sourceMappingURL=Chevron.js.map

package/react/components/notifications/icons/Chevron.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Chevron.js","sourceRoot":"","sources":["../../../../src/components/notifications/icons/Chevron.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAU;IACzC,MAAM,cAAc,GAAG,+CAA+C,KAAK,CAAC,SAAS,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC;IACrG,OAAO,CACN,6BAAK,SAAS,EAAE,cAAc,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,cAAc,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,IAAI,SAAS;QACvG,6BAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,UAAU;YAC/E;gBACC,gCAAQ,EAAE,EAAC,YAAY;oBACtB,uCACC,EAAE,EAAC,eAAe,EAClB,MAAM,EAAC,qEAAqE,GAC3E,CACM,CACH;YACP,2BAAG,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS;gBAChC,2BAAG,MAAM,EAAC,kBAAkB,EAAC,SAAS,EAAC,qBAAqB;oBAC3D;wBACC,8BACC,IAAI,EAAC,MAAM,EACX,CAAC,EAAC,+LAA+L,EACjM,SAAS,EAAC,8CAA8C,GACvD,CACC,CACD,CACD,CACC,CACD,CACN,CAAC;AACH,CAAC","sourcesContent":["import * as React from \"react\";\nexport default function Chevron(props: any) {\n\tconst wrapperClasses = `finsemble-notifications_center__header icon ${props.className || \"\"}`.trim();\n\treturn (\n\t\t<div className={wrapperClasses} onClick={() => props.onClickHandler()} title={props.tooltip || \"Dismiss\"}>\n\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"14\" viewBox=\"0 0 9 14\">\n\t\t\t\t<defs>\n\t\t\t\t\t<filter id=\"86g0ee3xia\">\n\t\t\t\t\t\t<feColorMatrix\n\t\t\t\t\t\t\tin=\"SourceGraphic\"\n\t\t\t\t\t\t\tvalues=\"0 0 0 0 0.674510 0 0 0 0 0.698039 0 0 0 0 0.752941 0 0 0 1.000000 0\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</filter>\n\t\t\t\t</defs>\n\t\t\t\t<g fill=\"none\" fillRule=\"evenodd\">\n\t\t\t\t\t<g filter=\"url(#86g0ee3xia)\" transform=\"translate(-405 -17)\">\n\t\t\t\t\t\t<g>\n\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\tfill=\"#FFF\"\n\t\t\t\t\t\t\t\td=\"M12.329.9c.483-.52 1.282-.535 1.784-.035s.518 1.325.034 1.845L8.201 9.1c-.509.547-1.36.53-1.85-.035l-5.53-6.39c-.464-.537-.42-1.362.1-1.843.519-.48 1.316-.434 1.781.103l4.623 5.342L12.33.9z\"\n\t\t\t\t\t\t\t\ttransform=\"rotate(-90 218 -186.5) matrix(-1 0 0 1 15 0)\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</g>\n\t\t\t\t\t</g>\n\t\t\t\t</g>\n\t\t\t</svg>\n\t\t</div>\n\t);\n}\n"]}

package/react/components/notifications/icons/CloseIcon.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export default function CloseIcon(props: any): JSX.Element;

package/react/components/notifications/icons/CloseIcon.js

@@ -1,10 +0,0 @@
-import * as React from "react";
-export default function CloseIcon(props) {
-    const wrapperClasses = `finsemble-icon ${props.className || ""}`.trim();
-    return (React.createElement("div", { className: wrapperClasses, onClick: () => props.onClickHandler(), title: props.tooltip || "Dismiss" },
-        React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "3 3 16 16" },
-            React.createElement("g", { fill: "none", fillRule: "evenodd" },
-                React.createElement("g", { stroke: "#ACB2C0", strokeWidth: "1.5" },
-                    React.createElement("path", { d: "M8 8l10 10m0-10L8 18" }))))));
-}
-//# sourceMappingURL=CloseIcon.js.map

package/react/components/notifications/icons/CloseIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CloseIcon.js","sourceRoot":"","sources":["../../../../src/components/notifications/icons/CloseIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAU;IAC3C,MAAM,cAAc,GAAG,kBAAkB,KAAK,CAAC,SAAS,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC;IACxE,OAAO,CACN,6BAAK,SAAS,EAAE,cAAc,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,cAAc,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,IAAI,SAAS;QACvG,6BAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW;YACjF,2BAAG,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS;gBAChC,2BAAG,MAAM,EAAC,SAAS,EAAC,WAAW,EAAC,KAAK;oBACpC,8BAAM,CAAC,EAAC,sBAAsB,GAAG,CAC9B,CACD,CACC,CACD,CACN,CAAC;AACH,CAAC","sourcesContent":["import * as React from \"react\";\nexport default function CloseIcon(props: any) {\n\tconst wrapperClasses = `finsemble-icon ${props.className || \"\"}`.trim();\n\treturn (\n\t\t<div className={wrapperClasses} onClick={() => props.onClickHandler()} title={props.tooltip || \"Dismiss\"}>\n\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"3 3 16 16\">\n\t\t\t\t<g fill=\"none\" fillRule=\"evenodd\">\n\t\t\t\t\t<g stroke=\"#ACB2C0\" strokeWidth=\"1.5\">\n\t\t\t\t\t\t<path d=\"M8 8l10 10m0-10L8 18\" />\n\t\t\t\t\t</g>\n\t\t\t\t</g>\n\t\t\t</svg>\n\t\t</div>\n\t);\n}\n"]}

package/react/components/notifications/stories/NotificationCardShell.stories.d.ts

@@ -1,14 +0,0 @@
-import React from "react";
-import { Story } from "@storybook/react/types-6-0";
-import { NotificationCardPropType } from "../components/shared/NotificationCardShell";
-declare const _default: {
-    title: string;
-    component: React.FunctionComponent<NotificationCardPropType>;
-};
-export default _default;
-export declare const AllFields: Story<NotificationCardPropType>;
-export declare const AllFieldsToasts: Story<NotificationCardPropType>;
-export declare const NoLogos: Story<NotificationCardPropType>;
-export declare const NoActionsNoLogos: Story<NotificationCardPropType>;
-export declare const VeryLongActionName: Story<NotificationCardPropType>;
-export declare const ALotOfDetailsText: Story<NotificationCardPropType>;

package/react/components/notifications/stories/NotificationCardShell.stories.js

@@ -1,108 +0,0 @@
-import React from "react";
-import { initFSBL } from "../../common/helpers";
-import { NotificationCardShell } from "../components/shared/NotificationCardShell";
-export default {
-    title: "Notifications/NotificationCard",
-    component: NotificationCardShell,
-};
-const Template = (args) => {
-    initFSBL(window);
-    return (React.createElement("div", { style: { maxWidth: "408px", background: "#171a20", padding: "20px" } },
-        React.createElement(NotificationCardShell, Object.assign({}, args))));
-};
-const notification = {
-    headerLogo: "https://assets.finsemble.com/sales-demo-assets/appD/IQ-icon.png",
-    type: "type",
-    timeout: 5000,
-    source: "source-name",
-    headerText: "I am header text",
-    cssClassName: "css-class-name",
-    contentLogo: "https://assets.finsemble.com/sales-demo-assets/appD/IQ-icon.png",
-    isRead: false,
-    issuedAt: new Date().toISOString(),
-    title: "Title",
-    details: "A reasonable amount of text. One or two lines.",
-    isMuted: false,
-    isSnoozed: false,
-    isDeleted: false,
-    stateHistory: [],
-    actions: [
-        [
-            {
-                type: "SNOOZE",
-                buttonText: "Default Snooze",
-            },
-            {
-                type: "SNOOZE",
-                buttonText: "Snooze With Longer Text",
-            },
-            {
-                type: "SNOOZE",
-                buttonText: "Small Snooze",
-            },
-        ],
-        {
-            type: "SNOOZE",
-            buttonText: "Longer text",
-        },
-        {
-            type: "SNOOZE",
-            buttonText: "Much longer text",
-        },
-    ],
-};
-export const AllFields = Template.bind({});
-AllFields.args = {
-    notification: notification,
-    uiContext: "center",
-};
-export const AllFieldsToasts = Template.bind({});
-AllFieldsToasts.args = {
-    notification: notification,
-    uiContext: "toasts",
-};
-const noLogoNotification = Object.assign({}, notification);
-delete noLogoNotification.headerLogo;
-delete noLogoNotification.contentLogo;
-noLogoNotification.contentLogo;
-export const NoLogos = Template.bind({});
-NoLogos.args = {
-    notification: noLogoNotification,
-};
-const noActionsNoLogosNotification = Object.assign({}, notification);
-delete noActionsNoLogosNotification.headerLogo;
-delete noActionsNoLogosNotification.contentLogo;
-delete noActionsNoLogosNotification.actions;
-export const NoActionsNoLogos = Template.bind({});
-NoActionsNoLogos.args = {
-    notification: noActionsNoLogosNotification,
-};
-const veryLongActionNameNotification = Object.assign({}, notification);
-veryLongActionNameNotification.actions = [
-    {
-        buttonText: "This is a very long action name. How long can we go?",
-        type: "DISMISS",
-    },
-    [
-        {
-            buttonText: "This is a very long action name. How long can we go?",
-            type: "DISMISS",
-        },
-        {
-            buttonText: "This is a very long action name. How long can we go?",
-            type: "DISMISS",
-        },
-    ],
-];
-export const VeryLongActionName = Template.bind({});
-VeryLongActionName.args = {
-    notification: veryLongActionNameNotification,
-};
-const aLotOfDetailsTextNotification = Object.assign({}, notification);
-aLotOfDetailsTextNotification.details =
-    "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took . galley of type and scrambled it to make . type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.";
-export const ALotOfDetailsText = Template.bind({});
-ALotOfDetailsText.args = {
-    notification: aLotOfDetailsTextNotification,
-};
-//# sourceMappingURL=NotificationCardShell.stories.js.map

package/react/components/notifications/stories/NotificationCardShell.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NotificationCardShell.stories.js","sourceRoot":"","sources":["../../../../src/components/notifications/stories/NotificationCardShell.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { initFSBL } from \"../../common/helpers\";\nimport { Story } from \"@storybook/react/types-6-0\";\nimport { NotificationCardShell, NotificationCardPropType } from \"../components/shared/NotificationCardShell\";\nimport { services } from \"@finsemble/finsemble-api\";\ntype INotification = services.notification.types.INotification;\n\nexport default {\n\ttitle: \"Notifications/NotificationCard\",\n\tcomponent: NotificationCardShell,\n};\n\nconst Template: Story<NotificationCardPropType> = (args: NotificationCardPropType) => {\n\tinitFSBL(window);\n\treturn (\n\t\t<div style={{ maxWidth: \"408px\", background: \"#171a20\", padding: \"20px\" }}>\n\t\t\t<NotificationCardShell {...args} />\n\t\t</div>\n\t);\n};\n\nconst notification: INotification = {\n\theaderLogo: \"https://assets.finsemble.com/sales-demo-assets/appD/IQ-icon.png\",\n\ttype: \"type\",\n\ttimeout: 5000,\n\tsource: \"source-name\",\n\theaderText: \"I am header text\",\n\tcssClassName: \"css-class-name\",\n\tcontentLogo: \"https://assets.finsemble.com/sales-demo-assets/appD/IQ-icon.png\",\n\tisRead: false,\n\tissuedAt: new Date().toISOString(),\n\ttitle: \"Title\",\n\tdetails: \"A reasonable amount of text. One or two lines.\",\n\tisMuted: false,\n\tisSnoozed: false,\n\tisDeleted: false,\n\tstateHistory: [],\n\tactions: [\n\t\t[\n\t\t\t{\n\t\t\t\ttype: \"SNOOZE\",\n\t\t\t\tbuttonText: \"Default Snooze\",\n\t\t\t},\n\t\t\t{\n\t\t\t\ttype: \"SNOOZE\",\n\t\t\t\tbuttonText: \"Snooze With Longer Text\",\n\t\t\t},\n\t\t\t{\n\t\t\t\ttype: \"SNOOZE\",\n\t\t\t\tbuttonText: \"Small Snooze\",\n\t\t\t},\n\t\t],\n\t\t{\n\t\t\ttype: \"SNOOZE\",\n\t\t\tbuttonText: \"Longer text\",\n\t\t},\n\t\t{\n\t\t\ttype: \"SNOOZE\",\n\t\t\tbuttonText: \"Much longer text\",\n\t\t},\n\t],\n};\n\nexport const AllFields = Template.bind({});\nAllFields.args = {\n\tnotification: notification,\n\tuiContext: \"center\",\n};\nexport const AllFieldsToasts = Template.bind({});\nAllFieldsToasts.args = {\n\tnotification: notification,\n\tuiContext: \"toasts\",\n};\n\nconst noLogoNotification = Object.assign({}, notification);\n\ndelete noLogoNotification.headerLogo;\ndelete noLogoNotification.contentLogo;\nnoLogoNotification.contentLogo;\n\nexport const NoLogos = Template.bind({});\nNoLogos.args = {\n\tnotification: noLogoNotification,\n};\n\nconst noActionsNoLogosNotification = Object.assign({}, notification);\ndelete noActionsNoLogosNotification.headerLogo;\ndelete noActionsNoLogosNotification.contentLogo;\ndelete noActionsNoLogosNotification.actions;\n\nexport const NoActionsNoLogos = Template.bind({});\nNoActionsNoLogos.args = {\n\tnotification: noActionsNoLogosNotification,\n};\n\nconst veryLongActionNameNotification = Object.assign({}, notification);\nveryLongActionNameNotification.actions = [\n\t{\n\t\tbuttonText: \"This is a very long action name. How long can we go?\",\n\t\ttype: \"DISMISS\",\n\t},\n\t[\n\t\t{\n\t\t\tbuttonText: \"This is a very long action name. How long can we go?\",\n\t\t\ttype: \"DISMISS\",\n\t\t},\n\t\t{\n\t\t\tbuttonText: \"This is a very long action name. How long can we go?\",\n\t\t\ttype: \"DISMISS\",\n\t\t},\n\t],\n];\n\nexport const VeryLongActionName = Template.bind({});\nVeryLongActionName.args = {\n\tnotification: veryLongActionNameNotification,\n};\n\nconst aLotOfDetailsTextNotification = Object.assign({}, notification);\naLotOfDetailsTextNotification.details =\n\t\"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took . galley of type and scrambled it to make . type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.\";\n\nexport const ALotOfDetailsText = Template.bind({});\nALotOfDetailsText.args = {\n\tnotification: aLotOfDetailsTextNotification,\n};\n"]}

package/react/components/notifications/tests/NotificationCardShell.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/react/components/notifications/tests/NotificationCardShell.spec.js

@@ -1,91 +0,0 @@
-import * as React from "react";
-import { mount } from "enzyme";
-import { afterEach, describe, it } from "mocha";
-import { expect } from "chai";
-import { NoActionsNoLogos, NoLogos, AllFields, AllFieldsToasts } from "../stories/NotificationCardShell.stories";
-import { accessibilityAssessor } from "../../sdd/tests/a11y_helper";
-import { waitTime } from "../../sdd/sdd_helpers";
-import sinon from "sinon";
-describe("<NotificationCardShell />", () => {
-    afterEach(() => {
-        sinon.restore();
-    });
-    it("should pass accessibility scans when in the notification center", async () => {
-        const wrapper = mount(React.createElement(AllFields, Object.assign({}, AllFields.args)));
-        expect(await accessibilityAssessor(wrapper)).to.be.true;
-    }).timeout(10e3);
-    it("should pass accessibility scans when in the notification toasts", async () => {
-        const wrapper = mount(React.createElement(AllFields, Object.assign({}, AllFields.args, { uiContext: "toasts" })));
-        expect(await accessibilityAssessor(wrapper)).to.be.true;
-    }).timeout(10e3);
-    const testHalo = (args, expected) => async () => {
-        const { notification } = args;
-        // Refresh the issued at date as this tests behaviour based on the passage of time
-        notification.issuedAt = new Date().toISOString();
-        const wrapper = mount(React.createElement(AllFields, Object.assign({}, args, { notification: notification })));
-        await waitTime(0);
-        wrapper.update();
-        expect(wrapper.find(".notification-card.new").exists()).to.equal(expected);
-        expect(wrapper.find(".notification-card.read").exists(), "card should not be marked as read").to.equal(false);
-    };
-    it("should show a halo when the notification is new", testHalo(Object.assign(Object.assign({}, AllFields.args), { uiContext: "center" }), true)).timeout(10e3);
-    it("should not show a halo when a toast", testHalo(Object.assign(Object.assign({}, AllFields.args), { uiContext: "toasts" }), false)).timeout(10e3);
-    // Skipped because it fails when running the whole suite. Passes when run on its own.
-    // Also couldn't get sinon.useFakeTimers() to work
-    it("should hide the new halo after 3 seconds of time (3s comes from preferences)", async () => {
-        const { notification } = AllFields.args;
-        notification.issuedAt = new Date().toISOString();
-        const wrapper = mount(React.createElement(AllFields, Object.assign({}, AllFields.args, { notification: notification })));
-        await waitTime(0);
-        wrapper.update();
-        expect(wrapper.find(".notification-card.new").exists(), "Card is new").to.be.true;
-        await waitTime(2000);
-        wrapper.update();
-        expect(wrapper.find(".notification-card.new").exists(), "Card is still new").to.be.true;
-        await waitTime(1500);
-        wrapper.update();
-        expect(wrapper.find(".notification-card.new").exists(), "Card is no longer new").to.be.false;
-    }).timeout(10e3);
-    it("should be read", () => {
-        const { notification } = AllFields.args;
-        notification.isRead = true;
-        const wrapper = mount(React.createElement(AllFields, Object.assign({}, AllFields.args, { notification: notification })));
-        expect(wrapper.find(".notification-card.read").exists(), "card should be marked as read").to.equal(true);
-    });
-    it("should have a close button when a toast", () => {
-        const wrapper = mount(React.createElement(AllFieldsToasts, Object.assign({}, AllFieldsToasts.args, { uiContext: "toasts" })));
-        expect(wrapper.find(".notification-card__dismiss").exists(), "Toasts should have a dismiss button (x top right corner)").to.equal(true);
-    });
-    it("SHOULD have icons", () => {
-        const wrapper = mount(React.createElement(AllFields, Object.assign({}, AllFields.args)));
-        const imageExists = wrapper.find(".notification-card__header img").exists();
-        const defaultImageExists = wrapper.find(".notification-card__header .default-img").exists();
-        expect(imageExists && !defaultImageExists, "Title icon exists and default icon does not").to.equal(true);
-        expect(wrapper.find(".notification-card__body_img_container img").exists(), "Content icon exists").to.equal(true);
-    });
-    it("SHOULD NOT have icons", () => {
-        const wrapper = mount(React.createElement(NoLogos, Object.assign({}, NoLogos.args)));
-        const defaultImageExists = wrapper.find(".notification-card__header .default-img").exists();
-        expect(defaultImageExists, "Default title icon exists").to.equal(true);
-        expect(wrapper.find(".notification-card__body_img_container img").exists(), "Content icon exists").to.equal(true);
-    });
-    it("should have cssClass value as css class", () => {
-        const wrapper = mount(React.createElement(AllFields, Object.assign({}, AllFields.args)));
-        expect(wrapper.find(".notification-card.css-class-name").exists()).to.be.true;
-    });
-    it("SHOULD have actions", () => {
-        const wrapper = mount(React.createElement(AllFields, Object.assign({}, AllFields.args)));
-        expect(wrapper.find(".finsemble-dropdown-action__btn-container").exists(), "One grouped action should exist").to.be
-            .true;
-        const actions = wrapper.find(".actions-panel .finsemble__btn");
-        expect(actions.length, "Two single actions should exist").to.equal(2);
-        const spy = sinon.spy(FSBL.Clients.NotificationClient, "performAction");
-        actions.at(0).simulate("click");
-        expect(spy.calledOnce, "action is performed").to.be.true;
-    });
-    it("SHOULD NOT have actions", () => {
-        const wrapper = mount(React.createElement(NoActionsNoLogos, Object.assign({}, NoActionsNoLogos.args)));
-        expect(wrapper.find(".actions-panel").exists()).to.be.false;
-    });
-});
-//# sourceMappingURL=NotificationCardShell.spec.js.map

package/react/components/notifications/tests/NotificationCardShell.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NotificationCardShell.spec.js","sourceRoot":"","sources":["../../../../src/components/notifications/tests/NotificationCardShell.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { mount } from \"enzyme\";\nimport { afterEach, describe, it } from \"mocha\";\nimport { expect } from \"chai\";\nimport { NoActionsNoLogos, NoLogos, AllFields, AllFieldsToasts } from \"../stories/NotificationCardShell.stories\";\nimport { NotificationCardPropType } from \"../components/shared/NotificationCardShell\";\nimport { accessibilityAssessor } from \"../../sdd/tests/a11y_helper\";\nimport { waitTime } from \"../../sdd/sdd_helpers\";\nimport sinon from \"sinon\";\n\ndescribe(\"<NotificationCardShell />\", () => {\n\tafterEach(() => {\n\t\tsinon.restore();\n\t});\n\n\tit(\"should pass accessibility scans when in the notification center\", async () => {\n\t\tconst wrapper = mount(<AllFields {...(AllFields.args as NotificationCardPropType)} />);\n\t\texpect(await accessibilityAssessor(wrapper)).to.be.true;\n\t}).timeout(10e3);\n\n\tit(\"should pass accessibility scans when in the notification toasts\", async () => {\n\t\tconst wrapper = mount(<AllFields {...(AllFields.args as NotificationCardPropType)} uiContext=\"toasts\" />);\n\t\texpect(await accessibilityAssessor(wrapper)).to.be.true;\n\t}).timeout(10e3);\n\n\tconst testHalo = (args: NotificationCardPropType, expected: any) => async () => {\n\t\tconst { notification } = args;\n\t\t// Refresh the issued at date as this tests behaviour based on the passage of time\n\t\tnotification.issuedAt = new Date().toISOString();\n\t\tconst wrapper = mount(<AllFields {...(args as NotificationCardPropType)} notification={notification} />);\n\t\tawait waitTime(0);\n\t\twrapper.update();\n\t\texpect(wrapper.find(\".notification-card.new\").exists()).to.equal(expected);\n\t\texpect(wrapper.find(\".notification-card.read\").exists(), \"card should not be marked as read\").to.equal(false);\n\t};\n\n\tit(\n\t\t\"should show a halo when the notification is new\",\n\t\ttestHalo({ ...AllFields.args, uiContext: \"center\" } as NotificationCardPropType, true)\n\t).timeout(10e3);\n\n\tit(\n\t\t\"should not show a halo when a toast\",\n\t\ttestHalo({ ...AllFields.args, uiContext: \"toasts\" } as NotificationCardPropType, false)\n\t).timeout(10e3);\n\n\t// Skipped because it fails when running the whole suite. Passes when run on its own.\n\t// Also couldn't get sinon.useFakeTimers() to work\n\tit(\"should hide the new halo after 3 seconds of time (3s comes from preferences)\", async () => {\n\t\tconst { notification } = AllFields.args as NotificationCardPropType;\n\t\tnotification.issuedAt = new Date().toISOString();\n\t\tconst wrapper = mount(<AllFields {...(AllFields.args as NotificationCardPropType)} notification={notification} />);\n\t\tawait waitTime(0);\n\t\twrapper.update();\n\t\texpect(wrapper.find(\".notification-card.new\").exists(), \"Card is new\").to.be.true;\n\t\tawait waitTime(2000);\n\t\twrapper.update();\n\t\texpect(wrapper.find(\".notification-card.new\").exists(), \"Card is still new\").to.be.true;\n\t\tawait waitTime(1500);\n\t\twrapper.update();\n\t\texpect(wrapper.find(\".notification-card.new\").exists(), \"Card is no longer new\").to.be.false;\n\t}).timeout(10e3);\n\n\tit(\"should be read\", () => {\n\t\tconst { notification } = AllFields.args as NotificationCardPropType;\n\t\tnotification.isRead = true;\n\t\tconst wrapper = mount(<AllFields {...(AllFields.args as NotificationCardPropType)} notification={notification} />);\n\t\texpect(wrapper.find(\".notification-card.read\").exists(), \"card should be marked as read\").to.equal(true);\n\t});\n\n\tit(\"should have a close button when a toast\", () => {\n\t\tconst wrapper = mount(\n\t\t\t<AllFieldsToasts {...(AllFieldsToasts.args as NotificationCardPropType)} uiContext=\"toasts\" />\n\t\t);\n\t\texpect(\n\t\t\twrapper.find(\".notification-card__dismiss\").exists(),\n\t\t\t\"Toasts should have a dismiss button (x top right corner)\"\n\t\t).to.equal(true);\n\t});\n\n\tit(\"SHOULD have icons\", () => {\n\t\tconst wrapper = mount(<AllFields {...(AllFields.args as NotificationCardPropType)} />);\n\t\tconst imageExists = wrapper.find(\".notification-card__header img\").exists();\n\t\tconst defaultImageExists = wrapper.find(\".notification-card__header .default-img\").exists();\n\t\texpect(imageExists && !defaultImageExists, \"Title icon exists and default icon does not\").to.equal(true);\n\n\t\texpect(wrapper.find(\".notification-card__body_img_container img\").exists(), \"Content icon exists\").to.equal(true);\n\t});\n\n\tit(\"SHOULD NOT have icons\", () => {\n\t\tconst wrapper = mount(<NoLogos {...(NoLogos.args as NotificationCardPropType)} />);\n\t\tconst defaultImageExists = wrapper.find(\".notification-card__header .default-img\").exists();\n\t\texpect(defaultImageExists, \"Default title icon exists\").to.equal(true);\n\t\texpect(wrapper.find(\".notification-card__body_img_container img\").exists(), \"Content icon exists\").to.equal(true);\n\t});\n\n\tit(\"should have cssClass value as css class\", () => {\n\t\tconst wrapper = mount(<AllFields {...(AllFields.args as NotificationCardPropType)} />);\n\t\texpect(wrapper.find(\".notification-card.css-class-name\").exists()).to.be.true;\n\t});\n\n\tit(\"SHOULD have actions\", () => {\n\t\tconst wrapper = mount(<AllFields {...(AllFields.args as NotificationCardPropType)} />);\n\t\texpect(wrapper.find(\".finsemble-dropdown-action__btn-container\").exists(), \"One grouped action should exist\").to.be\n\t\t\t.true;\n\t\tconst actions = wrapper.find(\".actions-panel .finsemble__btn\");\n\t\texpect(actions.length, \"Two single actions should exist\").to.equal(2);\n\t\tconst spy = sinon.spy(FSBL.Clients.NotificationClient, \"performAction\");\n\t\tactions.at(0).simulate(\"click\");\n\t\texpect(spy.calledOnce, \"action is performed\").to.be.true;\n\t});\n\n\tit(\"SHOULD NOT have actions\", () => {\n\t\tconst wrapper = mount(<NoActionsNoLogos {...(NoActionsNoLogos.args as NotificationCardPropType)} />);\n\t\texpect(wrapper.find(\".actions-panel\").exists()).to.be.false;\n\t});\n});\n"]}

package/react/components/processMonitor/helpers.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/react/components/processMonitor/helpers.spec.js

@@ -1,48 +0,0 @@
-import { describe, it } from "mocha";
-import { expect } from "chai";
-import { bytesToSize, roundDecimalToPrecision } from "./helpers";
-describe("Process Monitor helpers", () => {
-    it("bytesToSize", () => {
-        [
-            [0, "0 Bytes"],
-            [1, "1 Bytes"],
-            [1023, "1023 Bytes"],
-            [1024, "1 KB"],
-            [1025, "1 KB"],
-            [1024 * 1.4, "1.4 KB"],
-            [1024 * 1.41, "1.41 KB"],
-            [1024 * 1.412, "1.41 KB"],
-            [1024 * 1.415, "1.42 KB"],
-            [1024 * 1.5, "1.5 KB"],
-            [1024 * 1.999, "2 KB"],
-            [1024 * 2, "2 KB"],
-            [1024 * 1000, "1000 KB"],
-            [Math.pow(1024, 2), "1 MB"],
-            [Math.pow(1024, 3), "1 GB"],
-            [Math.pow(1024, 4), "1 TB"],
-        ].forEach(([input, output]) => {
-            expect(bytesToSize(input)).to.be.equal(output);
-        });
-    });
-    it("roundDecimalToPrecision", () => {
-        [
-            [1000, 2, 1000],
-            [1, 2, 1],
-            [0, 1, 0],
-            [1, 0, 1],
-            [0.5, 0, 1],
-            [0.5, 1, 0.5],
-            [0.5, 2, 0.5],
-            [0.12345, 1, 0.1],
-            [0.12345, 2, 0.12],
-            [0.12345, 3, 0.123],
-            [0.12345, 4, 0.1235],
-            [0.12345, 5, 0.12345],
-            [0.12345, 6, 0.12345],
-            [1000.12345, 2, 1000.12],
-        ].forEach(([inputNumber, inputPrecision, output]) => {
-            expect(roundDecimalToPrecision(inputNumber, inputPrecision)).to.be.equal(output);
-        });
-    });
-});
-//# sourceMappingURL=helpers.spec.js.map

package/react/components/processMonitor/helpers.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"helpers.spec.js","sourceRoot":"","sources":["../../../src/components/processMonitor/helpers.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAE9B,OAAO,EAAE,WAAW,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAC;AAEjE,QAAQ,CAAC,yBAAyB,EAAE,GAAG,EAAE;IACxC,EAAE,CAAC,aAAa,EAAE,GAAG,EAAE;QACtB;YACC,CAAC,CAAC,EAAE,SAAS,CAAC;YACd,CAAC,CAAC,EAAE,SAAS,CAAC;YACd,CAAC,IAAI,EAAE,YAAY,CAAC;YACpB,CAAC,IAAI,EAAE,MAAM,CAAC;YACd,CAAC,IAAI,EAAE,MAAM,CAAC;YACd,CAAC,IAAI,GAAG,GAAG,EAAE,QAAQ,CAAC;YACtB,CAAC,IAAI,GAAG,IAAI,EAAE,SAAS,CAAC;YACxB,CAAC,IAAI,GAAG,KAAK,EAAE,SAAS,CAAC;YACzB,CAAC,IAAI,GAAG,KAAK,EAAE,SAAS,CAAC;YACzB,CAAC,IAAI,GAAG,GAAG,EAAE,QAAQ,CAAC;YACtB,CAAC,IAAI,GAAG,KAAK,EAAE,MAAM,CAAC;YACtB,CAAC,IAAI,GAAG,CAAC,EAAE,MAAM,CAAC;YAClB,CAAC,IAAI,GAAG,IAAI,EAAE,SAAS,CAAC;YACxB,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,MAAM,CAAC;YAC3B,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,MAAM,CAAC;YAC3B,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,MAAM,CAAC;SAC3B,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,EAAE;YAC7B,MAAM,CAAC,WAAW,CAAC,KAAe,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QAC1D,CAAC,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;QAClC;YACC,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC;YACf,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;YACT,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;YACT,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;YACT,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC;YACX,CAAC,GAAG,EAAE,CAAC,EAAE,GAAG,CAAC;YACb,CAAC,GAAG,EAAE,CAAC,EAAE,GAAG,CAAC;YACb,CAAC,OAAO,EAAE,CAAC,EAAE,GAAG,CAAC;YACjB,CAAC,OAAO,EAAE,CAAC,EAAE,IAAI,CAAC;YAClB,CAAC,OAAO,EAAE,CAAC,EAAE,KAAK,CAAC;YACnB,CAAC,OAAO,EAAE,CAAC,EAAE,MAAM,CAAC;YACpB,CAAC,OAAO,EAAE,CAAC,EAAE,OAAO,CAAC;YACrB,CAAC,OAAO,EAAE,CAAC,EAAE,OAAO,CAAC;YACrB,CAAC,UAAU,EAAE,CAAC,EAAE,OAAO,CAAC;SACxB,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,EAAE,cAAc,EAAE,MAAM,CAAC,EAAE,EAAE;YACnD,MAAM,CAAC,uBAAuB,CAAC,WAAqB,EAAE,cAAwB,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QACtG,CAAC,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { describe, it } from \"mocha\";\nimport { expect } from \"chai\";\n\nimport { bytesToSize, roundDecimalToPrecision } from \"./helpers\";\n\ndescribe(\"Process Monitor helpers\", () => {\n\tit(\"bytesToSize\", () => {\n\t\t[\n\t\t\t[0, \"0 Bytes\"],\n\t\t\t[1, \"1 Bytes\"],\n\t\t\t[1023, \"1023 Bytes\"],\n\t\t\t[1024, \"1 KB\"],\n\t\t\t[1025, \"1 KB\"],\n\t\t\t[1024 * 1.4, \"1.4 KB\"],\n\t\t\t[1024 * 1.41, \"1.41 KB\"],\n\t\t\t[1024 * 1.412, \"1.41 KB\"],\n\t\t\t[1024 * 1.415, \"1.42 KB\"],\n\t\t\t[1024 * 1.5, \"1.5 KB\"],\n\t\t\t[1024 * 1.999, \"2 KB\"],\n\t\t\t[1024 * 2, \"2 KB\"],\n\t\t\t[1024 * 1000, \"1000 KB\"],\n\t\t\t[Math.pow(1024, 2), \"1 MB\"],\n\t\t\t[Math.pow(1024, 3), \"1 GB\"],\n\t\t\t[Math.pow(1024, 4), \"1 TB\"],\n\t\t].forEach(([input, output]) => {\n\t\t\texpect(bytesToSize(input as number)).to.be.equal(output);\n\t\t});\n\t});\n\n\tit(\"roundDecimalToPrecision\", () => {\n\t\t[\n\t\t\t[1000, 2, 1000],\n\t\t\t[1, 2, 1],\n\t\t\t[0, 1, 0],\n\t\t\t[1, 0, 1],\n\t\t\t[0.5, 0, 1],\n\t\t\t[0.5, 1, 0.5],\n\t\t\t[0.5, 2, 0.5],\n\t\t\t[0.12345, 1, 0.1],\n\t\t\t[0.12345, 2, 0.12],\n\t\t\t[0.12345, 3, 0.123],\n\t\t\t[0.12345, 4, 0.1235],\n\t\t\t[0.12345, 5, 0.12345],\n\t\t\t[0.12345, 6, 0.12345],\n\t\t\t[1000.12345, 2, 1000.12],\n\t\t].forEach(([inputNumber, inputPrecision, output]) => {\n\t\t\texpect(roundDecimalToPrecision(inputNumber as number, inputPrecision as number)).to.be.equal(output);\n\t\t});\n\t});\n});\n"]}

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

@@ -1,17 +0,0 @@
-/*!
- * Copyright 2021 by Cosaic
- * All rights reserved.
- */
-/// <reference types="react" />
-import "./css/addApp.css";
-export declare type AddAppProps = {
-    checkValidURL: (url: string) => boolean;
-    addAppByUrl: (url: string, name: string, appId?: string) => void;
-    addAppByPath: (path: string, name: string, apiAccess: boolean, appId?: string) => void;
-    close: () => void;
-    show: boolean;
-    addAppCitrix?: (alias: string, name: string, appId?: string) => void;
-    includeCitrix?: boolean;
-    idKey?: string;
-};
-export declare const AddApp: ({ checkValidURL, addAppByPath, addAppByUrl, addAppCitrix, close, show, includeCitrix, idKey, }: AddAppProps) => JSX.Element;

package/react/components/sdd/AddApp.js

@@ -1,178 +0,0 @@
-/*!
- * Copyright 2021 by Cosaic
- * All rights reserved.
- */
-import React, { useState } from "react";
-import { Button } from "../common/Button";
-import { ButtonIcon } from "../common/ButtonIcon";
-import { FileInput } from "../common/FileInput";
-import { VALID_APP_EXTENSIONS } from "../common/file_helpers";
-import { FinsembleIcon } from "../common/FinsembleIcon";
-import { FinsembleToggleButtonBar } from "../common/FinsembleToggleButtonBar";
-import { Tooltip } from "../common/Tooltip";
-import { Checkbox } from "../common/Checkbox";
-import { getDefaultName } from "./sdd_helpers";
-import "./css/addApp.css";
-const isValid = ({ visible, appUrl, appPath, appCitrix, webAppName, pathAppName, citrixAppName, }) => {
-    if (visible === "web") {
-        if (appUrl === "" || webAppName === "") {
-            return false;
-        }
-    }
-    else if (visible === "native") {
-        if (appPath === "" || pathAppName === "") {
-            return false;
-        }
-    }
-    else if (visible === "citrix" && (appCitrix === "" || citrixAppName === "")) {
-        return false;
-    }
-    return true;
-};
-export const AddApp = ({ checkValidURL, addAppByPath, addAppByUrl, addAppCitrix = () => { }, close, show, includeCitrix = true, idKey = "", }) => {
-    const [visible, setVisible] = useState("web");
-    const [appUrl, setAppUrl] = useState("");
-    const [appPath, setAppPath] = useState("");
-    const [appCitrix, setAppCitrix] = useState("");
-    const [webAppName, setWebAppName] = useState("");
-    const [pathAppName, setPathAppName] = useState("");
-    const [citrixAppName, setCitrixAppName] = useState("");
-    const [apiAccess, setApiAccess] = useState(true);
-    const [urlUserInput, setUrlUserInput] = useState(false);
-    const [autoGenerateWeb, setAutoGenerateWeb] = useState(true);
-    const [appId, setAppId] = useState("");
-    const isAppUrlValid = checkValidURL(appUrl);
-    const clearAll = () => {
-        setAppUrl("");
-        setAppPath("");
-        setAppCitrix("");
-        setWebAppName("");
-        setPathAppName("");
-        setCitrixAppName("");
-        setApiAccess(true);
-        setAutoGenerateWeb(true);
-        setAppId("");
-    };
-    const closeBox = () => {
-        clearAll();
-        close();
-    };
-    if (!show && (appUrl !== "" || appPath !== "" || appCitrix !== "")) {
-        clearAll();
-    }
-    const isEnabledFlag = isValid({
-        visible,
-        appUrl,
-        appPath,
-        appCitrix,
-        webAppName,
-        pathAppName,
-        citrixAppName,
-    });
-    const changeUrlContent = (newUrl) => {
-        setAppUrl(newUrl);
-        !urlUserInput && setWebAppName(getDefaultName(newUrl));
-    };
-    const toggleButtonOptions = [
-        {
-            label: (React.createElement("span", null,
-                React.createElement(FinsembleIcon, { icon: "linker" }),
-                " URL")),
-            value: "web",
-        },
-        {
-            label: (React.createElement("span", null,
-                React.createElement(FinsembleIcon, { icon: "folder" }),
-                " Path")),
-            value: "native",
-        },
-    ].concat(includeCitrix
-        ? [
-            {
-                label: (React.createElement("span", null,
-                    React.createElement(FinsembleIcon, { icon: "server" }),
-                    " Virtual")),
-                value: "citrix",
-            },
-        ]
-        : []);
-    return (React.createElement("div", { className: `quick-add-app${show ? "" : " collapsed"}`, "aria-hidden": !show },
-        React.createElement(ButtonIcon, { icon: "times", onClick: closeBox, text: "Close", className: "quick-add-close" }),
-        React.createElement(FinsembleToggleButtonBar, { selected: visible, onChange: setVisible, options: toggleButtonOptions }),
-        React.createElement("table", { role: "presentation", "data-section": visible },
-            visible === "web" && (React.createElement("tbody", null,
-                React.createElement("tr", { className: "quick-add-url" },
-                    React.createElement("td", null,
-                        React.createElement("label", { htmlFor: `app-url-${idKey}` }, "App URL")),
-                    React.createElement("td", null,
-                        React.createElement("input", { type: "text", placeholder: "https://...", id: `app-url-${idKey}`, value: appUrl, "aria-invalid": !isAppUrlValid, "aria-errormessage": `app-url-error-message-${idKey}`, onChange: (e) => {
-                                changeUrlContent(e.target.value);
-                            }, onKeyUp: (e) => {
-                                changeUrlContent(e.currentTarget.value);
-                            } }),
-                        !isAppUrlValid && (React.createElement("div", { id: `app-url-error-message-${idKey}`, className: "invalid-message" }, "URL must be valid (e.g., https://cosaic.io/). Only http and https prototcols are supported.")))),
-                React.createElement("tr", null,
-                    React.createElement("td", null,
-                        React.createElement("label", { htmlFor: `url-app-name-${idKey}` }, "App name")),
-                    React.createElement("td", null,
-                        React.createElement("input", { type: "text", id: `url-app-name-${idKey}`, value: webAppName, onChange: (e) => {
-                                setWebAppName(e.target.value);
-                                setUrlUserInput(true);
-                            } }))))),
-            visible === "native" && (React.createElement("tbody", null,
-                React.createElement("tr", { className: "quick-add-url" },
-                    React.createElement("td", { colSpan: 2 },
-                        React.createElement(FileInput, { id: `app-path-${idKey}`, acceptTypes: VALID_APP_EXTENSIONS, shouldUpload: false, value: appPath, onSetValue: (value) => {
-                                setAppPath(value);
-                            }, textEditable: true }))),
-                React.createElement("tr", null,
-                    React.createElement("td", null,
-                        React.createElement("label", { htmlFor: `path-app-name-${idKey}` }, "App name")),
-                    React.createElement("td", null,
-                        React.createElement("input", { type: "text", id: `path-app-name-${idKey}`, value: pathAppName, onChange: (e) => {
-                                setPathAppName(e.target.value);
-                            } }))))),
-            visible === "citrix" && (React.createElement("tbody", null,
-                React.createElement("tr", { className: "quick-add-citrix" },
-                    React.createElement("td", null,
-                        React.createElement("label", { htmlFor: `app-citrix-${idKey}` }, "Virtual app name")),
-                    React.createElement("td", null,
-                        React.createElement("input", { type: "text", placeholder: "", id: `app-citrix-${idKey}`, value: appCitrix, onChange: (e) => {
-                                if (citrixAppName === "" || citrixAppName === appCitrix) {
-                                    setCitrixAppName(e.target.value);
-                                }
-                                setAppCitrix(e.target.value);
-                            } }))),
-                React.createElement("tr", null,
-                    React.createElement("td", null,
-                        React.createElement("label", { htmlFor: `citrix-display-name-${idKey}` }, "Display name")),
-                    React.createElement("td", null,
-                        React.createElement("input", { type: "text", id: `citrix-display-name-${idKey}`, value: citrixAppName, onChange: (e) => {
-                                setCitrixAppName(e.target.value);
-                            } })))))),
-        React.createElement("div", { className: "autogenerate" },
-            React.createElement(Checkbox, { label: "Autogenerate ID", checked: autoGenerateWeb, onClick: () => {
-                    setAutoGenerateWeb(!autoGenerateWeb);
-                } }),
-            !autoGenerateWeb && (React.createElement("input", { type: "text", id: "appId_web", value: appId, onChange: (e) => {
-                    setAppId(e.target.value);
-                } }))),
-        visible === "native" && (React.createElement("div", { className: "apiAccessRow" },
-            React.createElement(Checkbox, { id: `api-access-${idKey}`, label: "API access", checked: apiAccess, onClick: (e) => {
-                    setApiAccess(e.target.checked);
-                } }),
-            React.createElement(Tooltip, null, "Specify if your app needs to access Finsemble API. Your app must be built with the Finsemble native integration library (see Finsemble documentation for details)."))),
-        React.createElement("div", { className: "save-button-container" },
-            React.createElement(Button, { fashion: "secondary", className: "quick-add-save", onClick: () => {
-                    if (visible === "web") {
-                        addAppByUrl(appUrl, webAppName, appId);
-                    }
-                    else if (visible === "native") {
-                        addAppByPath(appPath, pathAppName, apiAccess, appId);
-                    }
-                    else if (visible === "citrix") {
-                        addAppCitrix(appCitrix, citrixAppName, appId);
-                    }
-                }, text: "Save", disabled: !isEnabledFlag }))));
-};
-//# sourceMappingURL=AddApp.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AddApp.js","sourceRoot":"","sources":["../../../src/components/sdd/AddApp.tsx"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Copyright 2021 by Cosaic\n * All rights reserved.\n */\n\nimport React, { useState } from \"react\";\nimport { Button } from \"../common/Button\";\nimport { ButtonIcon } from \"../common/ButtonIcon\";\nimport { FileInput } from \"../common/FileInput\";\nimport { VALID_APP_EXTENSIONS } from \"../common/file_helpers\";\nimport { FinsembleIcon } from \"../common/FinsembleIcon\";\nimport { FinsembleToggleButtonBar } from \"../common/FinsembleToggleButtonBar\";\nimport { Tooltip } from \"../common/Tooltip\";\nimport { Checkbox } from \"../common/Checkbox\";\nimport { getDefaultName } from \"./sdd_helpers\";\nimport \"./css/addApp.css\";\n\nexport type AddAppProps = {\n\tcheckValidURL: (url: string) => boolean;\n\taddAppByUrl: (url: string, name: string, appId?: string) => void;\n\taddAppByPath: (path: string, name: string, apiAccess: boolean, appId?: string) => void;\n\tclose: () => void;\n\tshow: boolean;\n\taddAppCitrix?: (alias: string, name: string, appId?: string) => void;\n\tincludeCitrix?: boolean;\n\tidKey?: string;\n};\n\ntype pageTypes = \"web\" | \"native\" | \"citrix\";\n\nconst isValid = ({\n\tvisible,\n\tappUrl,\n\tappPath,\n\tappCitrix,\n\twebAppName,\n\tpathAppName,\n\tcitrixAppName,\n}: {\n\tvisible: pageTypes;\n\t[key: string]: string;\n}) => {\n\tif (visible === \"web\") {\n\t\tif (appUrl === \"\" || webAppName === \"\") {\n\t\t\treturn false;\n\t\t}\n\t} else if (visible === \"native\") {\n\t\tif (appPath === \"\" || pathAppName === \"\") {\n\t\t\treturn false;\n\t\t}\n\t} else if (visible === \"citrix\" && (appCitrix === \"\" || citrixAppName === \"\")) {\n\t\treturn false;\n\t}\n\treturn true;\n};\n\nexport const AddApp = ({\n\tcheckValidURL,\n\taddAppByPath,\n\taddAppByUrl,\n\taddAppCitrix = () => {},\n\tclose,\n\tshow,\n\tincludeCitrix = true,\n\tidKey = \"\",\n}: AddAppProps) => {\n\tconst [visible, setVisible] = useState<pageTypes>(\"web\");\n\tconst [appUrl, setAppUrl] = useState(\"\");\n\tconst [appPath, setAppPath] = useState(\"\");\n\tconst [appCitrix, setAppCitrix] = useState(\"\");\n\tconst [webAppName, setWebAppName] = useState(\"\");\n\tconst [pathAppName, setPathAppName] = useState(\"\");\n\tconst [citrixAppName, setCitrixAppName] = useState(\"\");\n\tconst [apiAccess, setApiAccess] = useState(true);\n\tconst [urlUserInput, setUrlUserInput] = useState(false);\n\tconst [autoGenerateWeb, setAutoGenerateWeb] = useState(true);\n\tconst [appId, setAppId] = useState(\"\");\n\n\tconst isAppUrlValid = checkValidURL(appUrl);\n\n\tconst clearAll = () => {\n\t\tsetAppUrl(\"\");\n\t\tsetAppPath(\"\");\n\t\tsetAppCitrix(\"\");\n\t\tsetWebAppName(\"\");\n\t\tsetPathAppName(\"\");\n\t\tsetCitrixAppName(\"\");\n\t\tsetApiAccess(true);\n\t\tsetAutoGenerateWeb(true);\n\t\tsetAppId(\"\");\n\t};\n\n\tconst closeBox = () => {\n\t\tclearAll();\n\t\tclose();\n\t};\n\n\tif (!show && (appUrl !== \"\" || appPath !== \"\" || appCitrix !== \"\")) {\n\t\tclearAll();\n\t}\n\n\tconst isEnabledFlag = isValid({\n\t\tvisible,\n\t\tappUrl,\n\t\tappPath,\n\t\tappCitrix,\n\t\twebAppName,\n\t\tpathAppName,\n\t\tcitrixAppName,\n\t});\n\n\tconst changeUrlContent = (newUrl: string) => {\n\t\tsetAppUrl(newUrl);\n\t\t!urlUserInput && setWebAppName(getDefaultName(newUrl));\n\t};\n\tconst toggleButtonOptions = [\n\t\t{\n\t\t\tlabel: (\n\t\t\t\t<span>\n\t\t\t\t\t<FinsembleIcon icon=\"linker\" /> URL\n\t\t\t\t</span>\n\t\t\t),\n\t\t\tvalue: \"web\",\n\t\t},\n\t\t{\n\t\t\tlabel: (\n\t\t\t\t<span>\n\t\t\t\t\t<FinsembleIcon icon=\"folder\" /> Path\n\t\t\t\t</span>\n\t\t\t),\n\t\t\tvalue: \"native\",\n\t\t},\n\t].concat(\n\t\tincludeCitrix\n\t\t\t? [\n\t\t\t\t\t{\n\t\t\t\t\t\tlabel: (\n\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t<FinsembleIcon icon=\"server\" /> Virtual\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t),\n\t\t\t\t\t\tvalue: \"citrix\",\n\t\t\t\t\t},\n\t\t\t  ]\n\t\t\t: []\n\t);\n\n\treturn (\n\t\t<div className={`quick-add-app${show ? \"\" : \" collapsed\"}`} aria-hidden={!show}>\n\t\t\t<ButtonIcon icon=\"times\" onClick={closeBox} text=\"Close\" className=\"quick-add-close\" />\n\t\t\t<FinsembleToggleButtonBar selected={visible} onChange={setVisible} options={toggleButtonOptions} />\n\t\t\t<table role=\"presentation\" data-section={visible}>\n\t\t\t\t{visible === \"web\" && (\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr className=\"quick-add-url\">\n\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t<label htmlFor={`app-url-${idKey}`}>App URL</label>\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\tplaceholder=\"https://...\"\n\t\t\t\t\t\t\t\t\tid={`app-url-${idKey}`}\n\t\t\t\t\t\t\t\t\tvalue={appUrl}\n\t\t\t\t\t\t\t\t\taria-invalid={!isAppUrlValid}\n\t\t\t\t\t\t\t\t\taria-errormessage={`app-url-error-message-${idKey}`}\n\t\t\t\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\t\t\t\tchangeUrlContent(e.target.value);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tonKeyUp={(e) => {\n\t\t\t\t\t\t\t\t\t\tchangeUrlContent(e.currentTarget.value);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t{!isAppUrlValid && (\n\t\t\t\t\t\t\t\t\t<div id={`app-url-error-message-${idKey}`} className=\"invalid-message\">\n\t\t\t\t\t\t\t\t\t\tURL must be valid (e.g., https://cosaic.io/). Only http and https prototcols are supported.\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t<label htmlFor={`url-app-name-${idKey}`}>App name</label>\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\tid={`url-app-name-${idKey}`}\n\t\t\t\t\t\t\t\t\tvalue={webAppName}\n\t\t\t\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\t\t\t\tsetWebAppName(e.target.value);\n\t\t\t\t\t\t\t\t\t\tsetUrlUserInput(true);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t</tbody>\n\t\t\t\t)}\n\t\t\t\t{visible === \"native\" && (\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr className=\"quick-add-url\">\n\t\t\t\t\t\t\t<td colSpan={2}>\n\t\t\t\t\t\t\t\t<FileInput\n\t\t\t\t\t\t\t\t\tid={`app-path-${idKey}`}\n\t\t\t\t\t\t\t\t\tacceptTypes={VALID_APP_EXTENSIONS}\n\t\t\t\t\t\t\t\t\tshouldUpload={false}\n\t\t\t\t\t\t\t\t\tvalue={appPath}\n\t\t\t\t\t\t\t\t\tonSetValue={(value: string) => {\n\t\t\t\t\t\t\t\t\t\tsetAppPath(value);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\ttextEditable={true}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t<label htmlFor={`path-app-name-${idKey}`}>App name</label>\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\tid={`path-app-name-${idKey}`}\n\t\t\t\t\t\t\t\t\tvalue={pathAppName}\n\t\t\t\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\t\t\t\tsetPathAppName(e.target.value);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t</tbody>\n\t\t\t\t)}\n\t\t\t\t{visible === \"citrix\" && (\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr className=\"quick-add-citrix\">\n\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t<label htmlFor={`app-citrix-${idKey}`}>Virtual app name</label>\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\tplaceholder=\"\"\n\t\t\t\t\t\t\t\t\tid={`app-citrix-${idKey}`}\n\t\t\t\t\t\t\t\t\tvalue={appCitrix}\n\t\t\t\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\t\t\t\tif (citrixAppName === \"\" || citrixAppName === appCitrix) {\n\t\t\t\t\t\t\t\t\t\t\tsetCitrixAppName(e.target.value);\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tsetAppCitrix(e.target.value);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t<label htmlFor={`citrix-display-name-${idKey}`}>Display name</label>\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\tid={`citrix-display-name-${idKey}`}\n\t\t\t\t\t\t\t\t\tvalue={citrixAppName}\n\t\t\t\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\t\t\t\tsetCitrixAppName(e.target.value);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t</tbody>\n\t\t\t\t)}\n\t\t\t</table>\n\n\t\t\t<div className=\"autogenerate\">\n\t\t\t\t<Checkbox\n\t\t\t\t\tlabel=\"Autogenerate ID\"\n\t\t\t\t\tchecked={autoGenerateWeb}\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\tsetAutoGenerateWeb(!autoGenerateWeb);\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t{!autoGenerateWeb && (\n\t\t\t\t\t<input\n\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\tid=\"appId_web\"\n\t\t\t\t\t\tvalue={appId}\n\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\tsetAppId(e.target.value);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t{visible === \"native\" && (\n\t\t\t\t<div className=\"apiAccessRow\">\n\t\t\t\t\t<Checkbox\n\t\t\t\t\t\tid={`api-access-${idKey}`}\n\t\t\t\t\t\tlabel=\"API access\"\n\t\t\t\t\t\tchecked={apiAccess}\n\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\tsetApiAccess(e.target.checked);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t\t<Tooltip>\n\t\t\t\t\t\tSpecify if your app needs to access Finsemble API. Your app must be built with the Finsemble native\n\t\t\t\t\t\tintegration library (see Finsemble documentation for details).\n\t\t\t\t\t</Tooltip>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<div className=\"save-button-container\">\n\t\t\t\t<Button\n\t\t\t\t\tfashion=\"secondary\"\n\t\t\t\t\tclassName=\"quick-add-save\"\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\tif (visible === \"web\") {\n\t\t\t\t\t\t\taddAppByUrl(appUrl, webAppName, appId);\n\t\t\t\t\t\t} else if (visible === \"native\") {\n\t\t\t\t\t\t\taddAppByPath(appPath, pathAppName, apiAccess, appId);\n\t\t\t\t\t\t} else if (visible === \"citrix\") {\n\t\t\t\t\t\t\taddAppCitrix(appCitrix, citrixAppName, appId);\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\ttext=\"Save\"\n\t\t\t\t\tdisabled={!isEnabledFlag}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"]}