@finsemble/finsemble-ui 1.0.0-beta-1

package/react/components/sdd/tests/Themes.spec.js

@@ -0,0 +1,52 @@
+import * as React from "react";
+import { mount } from "enzyme";
+import { afterEach, describe, it } from "mocha";
+import { expect } from "chai";
+import sinon from "sinon";
+import { Page } from "../stories/Themes.stories";
+import { accessibilityAssessor } from "./a11y_helper";
+describe("<Themes/>", () => {
+    afterEach(() => {
+        sinon.restore();
+    });
+    it.skip("should pass accessibility scans", async () => {
+        const wrapper = mount(React.createElement(Page, Object.assign({}, Page.args)));
+        expect(await accessibilityAssessor(wrapper)).to.be.true;
+    }).timeout(5000); // This scan is very heavy (4s)
+    it("should change tab panels with the tab 'Images' is chosen", () => {
+        const wrapper = mount(React.createElement(Page, Object.assign({}, Page.args)));
+        wrapper.find("[role='tab']").at(1).simulate("click");
+        expect(wrapper.find(".visible .images-section").exists()).to.be.true;
+        expect(wrapper.find(".visible .theme-settings").exists()).to.be.false;
+    });
+    it("should change tab panels with the tab 'Themes' is chosen", () => {
+        const wrapper = mount(React.createElement(Page, Object.assign({}, Page.args)));
+        wrapper.find("[role='tab']").at(0).simulate("click");
+        expect(wrapper.find(".visible .images-section").exists()).to.be.false;
+        expect(wrapper.find(".visible .theme-settings").exists()).to.be.true;
+    });
+    it("should launch an Are You Sure dialog when the Dark Theme button is clicked", () => {
+        const buttonSpy = sinon.spy(Page.args, "areYouSure");
+        const wrapper = mount(React.createElement(Page, Object.assign({}, Page.args)));
+        wrapper.find(".template-row button").at(0).simulate("click");
+        expect(buttonSpy.calledOnce).to.be.true;
+    });
+    it("should launch an Are You Sure dialog when the Light Theme button is clicked", () => {
+        const buttonSpy = sinon.spy(Page.args, "areYouSure");
+        const wrapper = mount(React.createElement(Page, Object.assign({}, Page.args)));
+        wrapper.find(".template-row button").at(1).simulate("click");
+        expect(buttonSpy.calledOnce).to.be.true;
+    });
+    it("should change the color values when the Light Theme is chosen", () => {
+        const wrapper = mount(React.createElement(Page, Object.assign({}, Page.args)));
+        wrapper.find(".template-row button").at(1).simulate("click");
+        expect(wrapper.find("[type='color']").first().prop("value")).to.equal("#2C2C2C");
+    });
+    it("should change the color values when the Dark Theme is chosen", () => {
+        const wrapper = mount(React.createElement(Page, Object.assign({}, Page.args)));
+        wrapper.find(".template-row button").at(1).simulate("click");
+        wrapper.find(".template-row button").at(0).simulate("click");
+        expect(wrapper.find("[type='color']").first().prop("value")).to.equal("#ffffff");
+    });
+});
+//# sourceMappingURL=Themes.spec.js.map

package/react/components/sdd/tests/Themes.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Themes.spec.js","sourceRoot":"","sources":["../../../../src/components/sdd/tests/Themes.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAC9B,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAC;AACjD,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAEtD,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IAC1B,SAAS,CAAC,GAAG,EAAE;QACd,KAAK,CAAC,OAAO,EAAE,CAAC;IACjB,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,IAAI,CAAC,iCAAiC,EAAE,KAAK,IAAI,EAAE;QACrD,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,IAAI,oBAAM,IAAI,CAAC,IAAmB,EAAI,CAAC,CAAC;QAE/D,MAAM,CAAC,MAAM,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IACzD,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,+BAA+B;IAEjD,EAAE,CAAC,0DAA0D,EAAE,GAAG,EAAE;QACnE,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,IAAI,oBAAM,IAAI,CAAC,IAAmB,EAAI,CAAC,CAAC;QAC/D,OAAO,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACrD,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,0BAA0B,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;QACrE,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,0BAA0B,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;IACvE,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,0DAA0D,EAAE,GAAG,EAAE;QACnE,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,IAAI,oBAAM,IAAI,CAAC,IAAmB,EAAI,CAAC,CAAC;QAC/D,OAAO,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACrD,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,0BAA0B,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;QACtE,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,0BAA0B,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IACtE,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,4EAA4E,EAAE,GAAG,EAAE;QACrF,MAAM,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,IAAkB,EAAE,YAAY,CAAC,CAAC;QACnE,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,IAAI,oBAAM,IAAI,CAAC,IAAmB,EAAI,CAAC,CAAC;QAC/D,OAAO,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAC7D,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IACzC,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,6EAA6E,EAAE,GAAG,EAAE;QACtF,MAAM,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,IAAkB,EAAE,YAAY,CAAC,CAAC;QACnE,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,IAAI,oBAAM,IAAI,CAAC,IAAmB,EAAI,CAAC,CAAC;QAC/D,OAAO,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAC7D,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IACzC,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,+DAA+D,EAAE,GAAG,EAAE;QACxE,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,IAAI,oBAAM,IAAI,CAAC,IAAmB,EAAI,CAAC,CAAC;QAC/D,OAAO,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAC7D,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IAClF,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,8DAA8D,EAAE,GAAG,EAAE;QACvE,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,IAAI,oBAAM,IAAI,CAAC,IAAmB,EAAI,CAAC,CAAC;QAC/D,OAAO,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAC7D,OAAO,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAC7D,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IAClF,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\nimport { mount } from \"enzyme\";\nimport { afterEach, describe, it } from \"mocha\";\nimport { expect } from \"chai\";\nimport sinon from \"sinon\";\nimport { ThemeProps } from \"../Themes\";\nimport { Page } from \"../stories/Themes.stories\";\nimport { accessibilityAssessor } from \"./a11y_helper\";\n\ndescribe(\"<Themes/>\", () => {\n\tafterEach(() => {\n\t\tsinon.restore();\n\t});\n\tit.skip(\"should pass accessibility scans\", async () => {\n\t\tconst wrapper = mount(<Page {...(Page.args as ThemeProps)} />);\n\n\t\texpect(await accessibilityAssessor(wrapper)).to.be.true;\n\t}).timeout(5000); // This scan is very heavy (4s)\n\n\tit(\"should change tab panels with the tab 'Images' is chosen\", () => {\n\t\tconst wrapper = mount(<Page {...(Page.args as ThemeProps)} />);\n\t\twrapper.find(\"[role='tab']\").at(1).simulate(\"click\");\n\t\texpect(wrapper.find(\".visible .images-section\").exists()).to.be.true;\n\t\texpect(wrapper.find(\".visible .theme-settings\").exists()).to.be.false;\n\t});\n\tit(\"should change tab panels with the tab 'Themes' is chosen\", () => {\n\t\tconst wrapper = mount(<Page {...(Page.args as ThemeProps)} />);\n\t\twrapper.find(\"[role='tab']\").at(0).simulate(\"click\");\n\t\texpect(wrapper.find(\".visible .images-section\").exists()).to.be.false;\n\t\texpect(wrapper.find(\".visible .theme-settings\").exists()).to.be.true;\n\t});\n\tit(\"should launch an Are You Sure dialog when the Dark Theme button is clicked\", () => {\n\t\tconst buttonSpy = sinon.spy(Page.args as ThemeProps, \"areYouSure\");\n\t\tconst wrapper = mount(<Page {...(Page.args as ThemeProps)} />);\n\t\twrapper.find(\".template-row button\").at(0).simulate(\"click\");\n\t\texpect(buttonSpy.calledOnce).to.be.true;\n\t});\n\tit(\"should launch an Are You Sure dialog when the Light Theme button is clicked\", () => {\n\t\tconst buttonSpy = sinon.spy(Page.args as ThemeProps, \"areYouSure\");\n\t\tconst wrapper = mount(<Page {...(Page.args as ThemeProps)} />);\n\t\twrapper.find(\".template-row button\").at(1).simulate(\"click\");\n\t\texpect(buttonSpy.calledOnce).to.be.true;\n\t});\n\tit(\"should change the color values when the Light Theme is chosen\", () => {\n\t\tconst wrapper = mount(<Page {...(Page.args as ThemeProps)} />);\n\t\twrapper.find(\".template-row button\").at(1).simulate(\"click\");\n\t\texpect(wrapper.find(\"[type='color']\").first().prop(\"value\")).to.equal(\"#2C2C2C\");\n\t});\n\tit(\"should change the color values when the Dark Theme is chosen\", () => {\n\t\tconst wrapper = mount(<Page {...(Page.args as ThemeProps)} />);\n\t\twrapper.find(\".template-row button\").at(1).simulate(\"click\");\n\t\twrapper.find(\".template-row button\").at(0).simulate(\"click\");\n\t\texpect(wrapper.find(\"[type='color']\").first().prop(\"value\")).to.equal(\"#ffffff\");\n\t});\n});\n"]}

package/react/components/sdd/tests/Toolbar.spec.d.ts

@@ -0,0 +1 @@
+export declare const ADD_NEW_APP_BUTTON = ".icon-before-add button", ACTIVE_TAB_APP_LIST_TABLE_ROW = ".app-list-row", APP_LIST_EMPTY_MESSAGE = ".app-list-empty", PAGE_HEADER = ".view-title .leftSide", PAGE_HEADER_BUTTON = ".view-title .leftSide button", SETUP_WIZARD_BUTTON = ".tile-type-buttons .icon-wizard button", SETUP_MANUAL_BUTTON = ".tile-type-buttons .icon-manual button", APP_ACCESS_RULE = ".app-edit-access-item", APP_ACCESS_BLOCKED = ".app-edit-access-blocked", QUICK_ADD_APP = ".quick-add-app", QUICK_ADD_APP_URL = ".quick-add-app #app-url", QUICK_ADD_APP_BUTTON = ".save-button-container button";

package/react/components/sdd/tests/Toolbar.spec.js

@@ -0,0 +1,256 @@
+import * as React from "react";
+import { mount } from "enzyme";
+import { describe, it } from "mocha";
+import { expect } from "chai";
+import { DefaultApplications, EmptyApplications, Long } from "../stories/Toolbar.stories";
+import { getToolbarArgs } from "../fixtures/apps";
+import { waitTick } from "../sdd_helpers";
+// For running accessibility scans
+import { accessibilityAssessor } from "./a11y_helper";
+// Necessary to allow sinon to work with mocked actions (which are shown in the Actions panel in Storybook)
+import addons, { mockChannel } from "@storybook/addons";
+addons.setChannel(mockChannel());
+export const ADD_NEW_APP_BUTTON = ".icon-before-add button", ACTIVE_TAB_APP_LIST_TABLE_ROW = ".app-list-row", APP_LIST_EMPTY_MESSAGE = ".app-list-empty", PAGE_HEADER = ".view-title .leftSide", PAGE_HEADER_BUTTON = ".view-title .leftSide button", SETUP_WIZARD_BUTTON = ".tile-type-buttons .icon-wizard button", SETUP_MANUAL_BUTTON = ".tile-type-buttons .icon-manual button", APP_ACCESS_RULE = ".app-edit-access-item", APP_ACCESS_BLOCKED = ".app-edit-access-blocked", QUICK_ADD_APP = ".quick-add-app", QUICK_ADD_APP_URL = ".quick-add-app #app-url", QUICK_ADD_APP_BUTTON = ".save-button-container button";
+const preventable = {
+    preventDefault: () => { },
+    stopPropagation: () => { },
+};
+describe("SDD: <Toolbar /> - Menu tab", () => {
+    // Example accessibility scan
+    it("should pass accessibility scans", async () => {
+        const wrapper = mount(React.createElement(DefaultApplications, Object.assign({}, DefaultApplications.args)));
+        expect(await accessibilityAssessor(wrapper)).to.be.true;
+    });
+    it("should display empty state with 0 menus", async () => {
+        const wrapper = mount(React.createElement(EmptyApplications, Object.assign({}, getToolbarArgs("empty"))));
+        await waitTick();
+        wrapper.update();
+        expect(wrapper.find(ADD_NEW_APP_BUTTON).first().text()).to.contain("Add");
+        expect(wrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).length).to.be.equal(0);
+        expect(wrapper.find(".app-list-empty").first().text()).to.contain("nothing here");
+    });
+    it("should display menu name and delete button when there are 1+ menus", async () => {
+        const wrapper = mount(React.createElement(DefaultApplications, Object.assign({}, getToolbarArgs("default"))));
+        await waitTick();
+        wrapper.update();
+        expect(wrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).length).to.be.equal(1);
+        expect(wrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).first().text()).to.contain("Examples");
+        expect(wrapper.find(".app-list-row .icon-delete").exists()).to.be.true;
+    });
+    it("MenuEdit: should have an empty Name field by default", () => {
+        const wrapper = mount(React.createElement(DefaultApplications, Object.assign({}, getToolbarArgs("default"))));
+        wrapper.find(ADD_NEW_APP_BUTTON).first().simulate("click");
+        expect(wrapper.find("#menu-name").first().prop("value")).to.equal("");
+    });
+    it("should display disabled Add New button when there are 5 menus", async () => {
+        const wrapper = mount(React.createElement(Long, Object.assign({}, getToolbarArgs("long"))));
+        await waitTick();
+        wrapper.update();
+        expect(wrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).length).to.be.equal(5);
+        expect(wrapper.find(ADD_NEW_APP_BUTTON).first().prop("disabled")).to.be.true;
+    });
+    it("MenuEdit: should disable submit button when Name field is empty", async () => {
+        const wrapper = mount(React.createElement(DefaultApplications, Object.assign({}, getToolbarArgs("default"))));
+        await waitTick();
+        wrapper.update();
+        wrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).at(0).simulate("click", preventable);
+        wrapper
+            .find("#menu-name")
+            .at(0)
+            .simulate("change", {
+            target: {
+                value: "",
+            },
+        });
+        expect(wrapper.find("button").at(1).prop("disabled")).to.be.true;
+    });
+    const characters_49 = "Hubert Blaine Wolfeschlegelsteinhausenbergerdorff";
+    const characters_50 = "Hubert Blaine Wolfeschlegelsteinhausenbergerdorff!";
+    const characters_51 = "Hubert Blaine Wolfeschlegelsteinhausenbergerdorff!?";
+    it("MenuEdit: when Name input receives 49 characters, it should display 49", async () => {
+        const wrapper = mount(React.createElement(DefaultApplications, Object.assign({}, getToolbarArgs("default"))));
+        await waitTick();
+        wrapper.update();
+        wrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).at(0).simulate("click", preventable);
+        wrapper
+            .find("#menu-name")
+            .at(0)
+            .simulate("change", {
+            target: {
+                value: characters_49,
+            },
+        });
+        expect(wrapper.find("#menu-name").prop("value")).to.equal(characters_49);
+    });
+    it("MenuEdit: when Name input receives 50 characters, it should display 50", async () => {
+        const wrapper = mount(React.createElement(DefaultApplications, Object.assign({}, getToolbarArgs("default"))));
+        await waitTick();
+        wrapper.update();
+        wrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).at(0).simulate("click", preventable);
+        wrapper
+            .find("#menu-name")
+            .at(0)
+            .simulate("change", {
+            target: {
+                value: characters_50,
+            },
+        });
+        expect(wrapper.find("#menu-name").prop("value")).to.equal(characters_50);
+    });
+    it("MenuEdit: when Name input receives 51 characters, it should only display 50", async () => {
+        const wrapper = mount(React.createElement(DefaultApplications, Object.assign({}, getToolbarArgs("default"))));
+        await waitTick();
+        wrapper.update();
+        wrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).at(0).simulate("click", preventable);
+        wrapper
+            .find("#menu-name")
+            .at(0)
+            .simulate("change", {
+            target: {
+                value: characters_51,
+            },
+        });
+        expect(wrapper.find("#menu-name").prop("value")).to.equal(characters_50);
+    });
+    it("MenuEdit: back button should take users back to Applications page, Menu tab", async () => {
+        const wrapper = mount(React.createElement(DefaultApplications, Object.assign({}, getToolbarArgs("default"))));
+        await waitTick();
+        wrapper.update();
+        // Click "Add" button
+        wrapper.find(ADD_NEW_APP_BUTTON).first().simulate("click");
+        // Click "Back" button
+        wrapper.find("button").first().simulate("click");
+        // expect(wrapper.find(".visible div[data-label='Menus']").exists(), "Menus Tab is visible").to.be.true;
+        expect(wrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).length, "Still only 1 menu in list").to.be.equal(1);
+    });
+    it("MenuEdit: click Add New, then click Cancel, then see menu list has not changed", async () => {
+        const wrapper = mount(React.createElement(DefaultApplications, Object.assign({}, getToolbarArgs("default"))));
+        await waitTick();
+        wrapper.update();
+        expect(wrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).length, "Only 1 menu in list").to.be.equal(1);
+        // Click "Add" button
+        wrapper.find(ADD_NEW_APP_BUTTON).first().simulate("click");
+        // Click "Back" button
+        wrapper.find("button").first().simulate("click");
+        expect(wrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).length, "Still only 1 menu in list").to.be.equal(1);
+    });
+    it("MenuEdit: should show a new menu in the list after a menu has been added", async () => {
+        const wrapper = mount(React.createElement(DefaultApplications, Object.assign({}, getToolbarArgs("default"))));
+        await waitTick();
+        wrapper.update();
+        expect(wrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).length, "Only 1 menu in list").to.be.equal(1);
+        // Click "Add" button
+        wrapper.find(ADD_NEW_APP_BUTTON).first().simulate("click");
+        // Set name as "Charts"
+        wrapper
+            .find("#menu-name")
+            .at(0)
+            .simulate("change", {
+            target: {
+                value: "Charts",
+            },
+        });
+        // Check "Example Charts App"
+        wrapper.find("input[type='checkbox']").at(0).simulate("change");
+        console.log(6);
+        // Click Save
+        wrapper.find("button").at(1).simulate("click");
+        await waitTick();
+        wrapper.update();
+        expect(wrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).length, "Menu list shows 2 menus").to.be.equal(2);
+    });
+    it("name change to a menu should persist", async () => {
+        const wrapper = mount(React.createElement(DefaultApplications, Object.assign({}, getToolbarArgs("default"))));
+        await waitTick();
+        wrapper.update();
+        // Click Examples
+        wrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).at(0).simulate("click");
+        // Change name to Hello World
+        wrapper
+            .find("#menu-name")
+            .at(0)
+            .simulate("change", {
+            target: {
+                value: "Hello World",
+            },
+        });
+        // Click Save
+        wrapper.find("button").at(1).simulate("click");
+        await waitTick();
+        wrapper.update();
+        // Confirm name is Hello World
+        expect(wrapper.find("[role='listitem']").at(0).text()).contains("Hello World");
+    });
+    it("selected applications changes to a menu should persist", async () => {
+        const wrapper = mount(React.createElement(DefaultApplications, Object.assign({}, getToolbarArgs("default"))));
+        await waitTick();
+        wrapper.update();
+        // Click Examples
+        wrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).at(0).simulate("click");
+        // Select items
+        wrapper.find("input[type='checkbox']").at(2).simulate("change");
+        // Click save
+        wrapper.find("button").at(1).simulate("click");
+        await waitTick();
+        wrapper.update();
+        // Click examples
+        wrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).at(0).simulate("click");
+        // Confirm items still present
+        expect(wrapper.find("input[type='checkbox']").at(2).prop("checked")).to.be.true;
+    });
+    it("should not persist menu name when saving multiple menus", async () => {
+        const wrapper = mount(React.createElement(DefaultApplications, Object.assign({}, getToolbarArgs("default"))));
+        // Click "Add" button
+        wrapper.find(ADD_NEW_APP_BUTTON).first().simulate("click");
+        await waitTick();
+        // Confirm name field is empty
+        wrapper.update();
+        expect(wrapper.find("#menu-name").first().prop("value")).to.be.empty;
+        // Change name to Test
+        wrapper
+            .find("#menu-name")
+            .at(0)
+            .simulate("change", {
+            target: {
+                value: "Test",
+            },
+        });
+        // Click save
+        wrapper.find("button").at(1).simulate("click");
+        await waitTick();
+        wrapper.update();
+        // Click "Add" button
+        wrapper.find(ADD_NEW_APP_BUTTON).first().simulate("click");
+        await waitTick();
+        // Confirm name field is empty
+        wrapper.update();
+        expect(wrapper.find("#menu-name").first().prop("value")).to.be.empty;
+    });
+    // it("should show a warning icon if an empty menu is created", async () => {
+    // 	const wrapper = mount(<DefaultApplications {...getToolbarArgs("default")} />);
+    // 	// Click "Add" button
+    // 	wrapper.find(ADD_NEW_APP_BUTTON).first().simulate("click");
+    // 	await waitTick();
+    // 	// Confirm name field is empty
+    // 	wrapper.update();
+    // 	expect(wrapper.find("#menu-name").first().prop("value")).to.be.empty;
+    // 	// Change name to Test
+    // 	wrapper
+    // 		.find("#menu-name")
+    // 		.at(0)
+    // 		.simulate("change", {
+    // 			target: {
+    // 				value: "Test",
+    // 			},
+    // 		});
+    // 	// Click save
+    // 	wrapper.find("button").at(1).simulate("click");
+    // 	await waitTick();
+    // 	wrapper.update();
+    // 	expect(
+    // 		wrapper.find(".app-list-row").at(1).find(".tooltip-icon-warn").exists(),
+    // 		"Warning tooltip present in 2nd row"
+    // 	).to.be.true;
+    // });
+});
+//# sourceMappingURL=Toolbar.spec.js.map

package/react/components/sdd/tests/Toolbar.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.spec.js","sourceRoot":"","sources":["../../../../src/components/sdd/tests/Toolbar.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { mount } from \"enzyme\";\nimport { describe, it } from \"mocha\";\nimport { expect } from \"chai\";\nimport { ToolbarProps } from \"../Toolbar\";\nimport { DefaultApplications, EmptyApplications, Long } from \"../stories/Toolbar.stories\";\nimport { getToolbarArgs } from \"../fixtures/apps\";\nimport { waitTick } from \"../sdd_helpers\";\n\n// For running accessibility scans\nimport { accessibilityAssessor } from \"./a11y_helper\";\n\n// Necessary to allow sinon to work with mocked actions (which are shown in the Actions panel in Storybook)\nimport addons, { mockChannel } from \"@storybook/addons\";\naddons.setChannel(mockChannel());\n\nexport const ADD_NEW_APP_BUTTON = \".icon-before-add button\",\n\tACTIVE_TAB_APP_LIST_TABLE_ROW = \".app-list-row\",\n\tAPP_LIST_EMPTY_MESSAGE = \".app-list-empty\",\n\tPAGE_HEADER = \".view-title .leftSide\",\n\tPAGE_HEADER_BUTTON = \".view-title .leftSide button\",\n\tSETUP_WIZARD_BUTTON = \".tile-type-buttons .icon-wizard button\",\n\tSETUP_MANUAL_BUTTON = \".tile-type-buttons .icon-manual button\",\n\tAPP_ACCESS_RULE = \".app-edit-access-item\",\n\tAPP_ACCESS_BLOCKED = \".app-edit-access-blocked\",\n\tQUICK_ADD_APP = \".quick-add-app\",\n\tQUICK_ADD_APP_URL = \".quick-add-app #app-url\",\n\tQUICK_ADD_APP_BUTTON = \".save-button-container button\";\n\nconst preventable = {\n\tpreventDefault: () => {},\n\tstopPropagation: () => {},\n};\n\ndescribe(\"SDD: <Toolbar /> - Menu tab\", () => {\n\t// Example accessibility scan\n\tit(\"should pass accessibility scans\", async () => {\n\t\tconst wrapper = mount(<DefaultApplications {...(DefaultApplications.args as ToolbarProps)} />);\n\n\t\texpect(await accessibilityAssessor(wrapper)).to.be.true;\n\t});\n\n\tit(\"should display empty state with 0 menus\", async () => {\n\t\tconst wrapper = mount(<EmptyApplications {...getToolbarArgs(\"empty\")} />);\n\t\tawait waitTick();\n\t\twrapper.update();\n\n\t\texpect(wrapper.find(ADD_NEW_APP_BUTTON).first().text()).to.contain(\"Add\");\n\t\texpect(wrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).length).to.be.equal(0);\n\t\texpect(wrapper.find(\".app-list-empty\").first().text()).to.contain(\"nothing here\");\n\t});\n\tit(\"should display menu name and delete button when there are 1+ menus\", async () => {\n\t\tconst wrapper = mount(<DefaultApplications {...getToolbarArgs(\"default\")} />);\n\t\tawait waitTick();\n\t\twrapper.update();\n\n\t\texpect(wrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).length).to.be.equal(1);\n\t\texpect(wrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).first().text()).to.contain(\"Examples\");\n\t\texpect(wrapper.find(\".app-list-row .icon-delete\").exists()).to.be.true;\n\t});\n\tit(\"MenuEdit: should have an empty Name field by default\", () => {\n\t\tconst wrapper = mount(<DefaultApplications {...getToolbarArgs(\"default\")} />);\n\t\twrapper.find(ADD_NEW_APP_BUTTON).first().simulate(\"click\");\n\t\texpect(wrapper.find(\"#menu-name\").first().prop(\"value\")).to.equal(\"\");\n\t});\n\tit(\"should display disabled Add New button when there are 5 menus\", async () => {\n\t\tconst wrapper = mount(<Long {...getToolbarArgs(\"long\")} />);\n\t\tawait waitTick();\n\t\twrapper.update();\n\n\t\texpect(wrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).length).to.be.equal(5);\n\t\texpect(wrapper.find(ADD_NEW_APP_BUTTON).first().prop(\"disabled\")).to.be.true;\n\t});\n\tit(\"MenuEdit: should disable submit button when Name field is empty\", async () => {\n\t\tconst wrapper = mount(<DefaultApplications {...getToolbarArgs(\"default\")} />);\n\n\t\tawait waitTick();\n\t\twrapper.update();\n\n\t\twrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).at(0).simulate(\"click\", preventable);\n\t\twrapper\n\t\t\t.find(\"#menu-name\")\n\t\t\t.at(0)\n\t\t\t.simulate(\"change\", {\n\t\t\t\ttarget: {\n\t\t\t\t\tvalue: \"\",\n\t\t\t\t},\n\t\t\t});\n\t\texpect(wrapper.find(\"button\").at(1).prop(\"disabled\")).to.be.true;\n\t});\n\n\tconst characters_49 = \"Hubert Blaine Wolfeschlegelsteinhausenbergerdorff\";\n\tconst characters_50 = \"Hubert Blaine Wolfeschlegelsteinhausenbergerdorff!\";\n\tconst characters_51 = \"Hubert Blaine Wolfeschlegelsteinhausenbergerdorff!?\";\n\tit(\"MenuEdit: when Name input receives 49 characters, it should display 49\", async () => {\n\t\tconst wrapper = mount(<DefaultApplications {...getToolbarArgs(\"default\")} />);\n\n\t\tawait waitTick();\n\t\twrapper.update();\n\n\t\twrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).at(0).simulate(\"click\", preventable);\n\t\twrapper\n\t\t\t.find(\"#menu-name\")\n\t\t\t.at(0)\n\t\t\t.simulate(\"change\", {\n\t\t\t\ttarget: {\n\t\t\t\t\tvalue: characters_49,\n\t\t\t\t},\n\t\t\t});\n\t\texpect(wrapper.find(\"#menu-name\").prop(\"value\")).to.equal(characters_49);\n\t});\n\tit(\"MenuEdit: when Name input receives 50 characters, it should display 50\", async () => {\n\t\tconst wrapper = mount(<DefaultApplications {...getToolbarArgs(\"default\")} />);\n\n\t\tawait waitTick();\n\t\twrapper.update();\n\n\t\twrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).at(0).simulate(\"click\", preventable);\n\t\twrapper\n\t\t\t.find(\"#menu-name\")\n\t\t\t.at(0)\n\t\t\t.simulate(\"change\", {\n\t\t\t\ttarget: {\n\t\t\t\t\tvalue: characters_50,\n\t\t\t\t},\n\t\t\t});\n\t\texpect(wrapper.find(\"#menu-name\").prop(\"value\")).to.equal(characters_50);\n\t});\n\tit(\"MenuEdit: when Name input receives 51 characters, it should only display 50\", async () => {\n\t\tconst wrapper = mount(<DefaultApplications {...getToolbarArgs(\"default\")} />);\n\n\t\tawait waitTick();\n\t\twrapper.update();\n\n\t\twrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).at(0).simulate(\"click\", preventable);\n\t\twrapper\n\t\t\t.find(\"#menu-name\")\n\t\t\t.at(0)\n\t\t\t.simulate(\"change\", {\n\t\t\t\ttarget: {\n\t\t\t\t\tvalue: characters_51,\n\t\t\t\t},\n\t\t\t});\n\t\texpect(wrapper.find(\"#menu-name\").prop(\"value\")).to.equal(characters_50);\n\t});\n\tit(\"MenuEdit: back button should take users back to Applications page, Menu tab\", async () => {\n\t\tconst wrapper = mount(<DefaultApplications {...getToolbarArgs(\"default\")} />);\n\n\t\tawait waitTick();\n\t\twrapper.update();\n\n\t\t// Click \"Add\" button\n\t\twrapper.find(ADD_NEW_APP_BUTTON).first().simulate(\"click\");\n\n\t\t// Click \"Back\" button\n\t\twrapper.find(\"button\").first().simulate(\"click\");\n\n\t\t// expect(wrapper.find(\".visible div[data-label='Menus']\").exists(), \"Menus Tab is visible\").to.be.true;\n\t\texpect(wrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).length, \"Still only 1 menu in list\").to.be.equal(1);\n\t});\n\tit(\"MenuEdit: click Add New, then click Cancel, then see menu list has not changed\", async () => {\n\t\tconst wrapper = mount(<DefaultApplications {...getToolbarArgs(\"default\")} />);\n\n\t\tawait waitTick();\n\t\twrapper.update();\n\n\t\texpect(wrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).length, \"Only 1 menu in list\").to.be.equal(1);\n\n\t\t// Click \"Add\" button\n\t\twrapper.find(ADD_NEW_APP_BUTTON).first().simulate(\"click\");\n\n\t\t// Click \"Back\" button\n\t\twrapper.find(\"button\").first().simulate(\"click\");\n\n\t\texpect(wrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).length, \"Still only 1 menu in list\").to.be.equal(1);\n\t});\n\tit(\"MenuEdit: should show a new menu in the list after a menu has been added\", async () => {\n\t\tconst wrapper = mount(<DefaultApplications {...getToolbarArgs(\"default\")} />);\n\n\t\tawait waitTick();\n\t\twrapper.update();\n\n\t\texpect(wrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).length, \"Only 1 menu in list\").to.be.equal(1);\n\n\t\t// Click \"Add\" button\n\t\twrapper.find(ADD_NEW_APP_BUTTON).first().simulate(\"click\");\n\n\t\t// Set name as \"Charts\"\n\t\twrapper\n\t\t\t.find(\"#menu-name\")\n\t\t\t.at(0)\n\t\t\t.simulate(\"change\", {\n\t\t\t\ttarget: {\n\t\t\t\t\tvalue: \"Charts\",\n\t\t\t\t},\n\t\t\t});\n\n\t\t// Check \"Example Charts App\"\n\t\twrapper.find(\"input[type='checkbox']\").at(0).simulate(\"change\");\n\n\t\tconsole.log(6);\n\t\t// Click Save\n\t\twrapper.find(\"button\").at(1).simulate(\"click\");\n\n\t\tawait waitTick();\n\t\twrapper.update();\n\t\texpect(wrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).length, \"Menu list shows 2 menus\").to.be.equal(2);\n\t});\n\tit(\"name change to a menu should persist\", async () => {\n\t\tconst wrapper = mount(<DefaultApplications {...getToolbarArgs(\"default\")} />);\n\n\t\tawait waitTick();\n\t\twrapper.update();\n\n\t\t// Click Examples\n\t\twrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).at(0).simulate(\"click\");\n\n\t\t// Change name to Hello World\n\t\twrapper\n\t\t\t.find(\"#menu-name\")\n\t\t\t.at(0)\n\t\t\t.simulate(\"change\", {\n\t\t\t\ttarget: {\n\t\t\t\t\tvalue: \"Hello World\",\n\t\t\t\t},\n\t\t\t});\n\n\t\t// Click Save\n\t\twrapper.find(\"button\").at(1).simulate(\"click\");\n\n\t\tawait waitTick();\n\t\twrapper.update();\n\n\t\t// Confirm name is Hello World\n\t\texpect(wrapper.find(\"[role='listitem']\").at(0).text()).contains(\"Hello World\");\n\t});\n\tit(\"selected applications changes to a menu should persist\", async () => {\n\t\tconst wrapper = mount(<DefaultApplications {...getToolbarArgs(\"default\")} />);\n\n\t\tawait waitTick();\n\t\twrapper.update();\n\n\t\t// Click Examples\n\t\twrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).at(0).simulate(\"click\");\n\n\t\t// Select items\n\t\twrapper.find(\"input[type='checkbox']\").at(2).simulate(\"change\");\n\n\t\t// Click save\n\t\twrapper.find(\"button\").at(1).simulate(\"click\");\n\n\t\tawait waitTick();\n\t\twrapper.update();\n\n\t\t// Click examples\n\t\twrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).at(0).simulate(\"click\");\n\n\t\t// Confirm items still present\n\t\texpect(wrapper.find(\"input[type='checkbox']\").at(2).prop(\"checked\")).to.be.true;\n\t});\n\tit(\"should not persist menu name when saving multiple menus\", async () => {\n\t\tconst wrapper = mount(<DefaultApplications {...getToolbarArgs(\"default\")} />);\n\n\t\t// Click \"Add\" button\n\t\twrapper.find(ADD_NEW_APP_BUTTON).first().simulate(\"click\");\n\n\t\tawait waitTick();\n\t\t// Confirm name field is empty\n\t\twrapper.update();\n\t\texpect(wrapper.find(\"#menu-name\").first().prop(\"value\")).to.be.empty;\n\n\t\t// Change name to Test\n\t\twrapper\n\t\t\t.find(\"#menu-name\")\n\t\t\t.at(0)\n\t\t\t.simulate(\"change\", {\n\t\t\t\ttarget: {\n\t\t\t\t\tvalue: \"Test\",\n\t\t\t\t},\n\t\t\t});\n\n\t\t// Click save\n\t\twrapper.find(\"button\").at(1).simulate(\"click\");\n\n\t\tawait waitTick();\n\t\twrapper.update();\n\n\t\t// Click \"Add\" button\n\t\twrapper.find(ADD_NEW_APP_BUTTON).first().simulate(\"click\");\n\t\tawait waitTick();\n\t\t// Confirm name field is empty\n\n\t\twrapper.update();\n\t\texpect(wrapper.find(\"#menu-name\").first().prop(\"value\")).to.be.empty;\n\t});\n\t// it(\"should show a warning icon if an empty menu is created\", async () => {\n\t// \tconst wrapper = mount(<DefaultApplications {...getToolbarArgs(\"default\")} />);\n\n\t// \t// Click \"Add\" button\n\t// \twrapper.find(ADD_NEW_APP_BUTTON).first().simulate(\"click\");\n\n\t// \tawait waitTick();\n\t// \t// Confirm name field is empty\n\t// \twrapper.update();\n\t// \texpect(wrapper.find(\"#menu-name\").first().prop(\"value\")).to.be.empty;\n\n\t// \t// Change name to Test\n\t// \twrapper\n\t// \t\t.find(\"#menu-name\")\n\t// \t\t.at(0)\n\t// \t\t.simulate(\"change\", {\n\t// \t\t\ttarget: {\n\t// \t\t\t\tvalue: \"Test\",\n\t// \t\t\t},\n\t// \t\t});\n\n\t// \t// Click save\n\t// \twrapper.find(\"button\").at(1).simulate(\"click\");\n\n\t// \tawait waitTick();\n\t// \twrapper.update();\n\n\t// \texpect(\n\t// \t\twrapper.find(\".app-list-row\").at(1).find(\".tooltip-icon-warn\").exists(),\n\t// \t\t\"Warning tooltip present in 2nd row\"\n\t// \t).to.be.true;\n\t// });\n});\n"]}

package/react/components/sdd/tests/a11y_helper.d.ts

@@ -0,0 +1,2 @@
+import { ReactWrapper } from "enzyme";
+export declare const accessibilityAssessor: (wrapper: ReactWrapper) => Promise<boolean>;

package/react/components/sdd/tests/a11y_helper.js

@@ -0,0 +1,32 @@
+import axe from "axe-core";
+export const accessibilityAssessor = async (wrapper) => {
+    var _a;
+    const id = "axeTestContainer";
+    // Axe needs a DOM object
+    // Create a DOM based on the ReactWrapper
+    document.body.insertAdjacentHTML("beforeend", `<div id="${id}">${wrapper.html()}</div>`);
+    const element = document.getElementById(id);
+    if (element === null) {
+        console.log("Couldn't parse wrapper");
+        return false;
+    }
+    // Only run WCAG 2.0 A and AA rules
+    const options = {
+        runOnly: ["wcag2a", "wcag2aa"],
+    };
+    // Run the scan
+    const results = await axe.run(element, options);
+    // Tear down the created DOM
+    (_a = element.parentElement) === null || _a === void 0 ? void 0 : _a.removeChild(element);
+    // If there are no violations, so this scan passes
+    if (results.violations.length === 0) {
+        return true;
+    }
+    // If there are violations, print them out in a human-readable way
+    console.log(results.violations);
+    const violationMap = results.violations.map((violation, key) => `#${key + 1}. ${violation.help}${violation.nodes.map((node) => node.html).join("\n")}`);
+    console.log(`Violations: ${violationMap}`);
+    // There were violations, so this scan didn't pass
+    return false;
+};
+//# sourceMappingURL=a11y_helper.js.map

package/react/components/sdd/tests/a11y_helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"a11y_helper.js","sourceRoot":"","sources":["../../../../src/components/sdd/tests/a11y_helper.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,UAAU,CAAC;AAG3B,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,EAAE,OAAqB,EAAE,EAAE;;IACpE,MAAM,EAAE,GAAG,kBAAkB,CAAC;IAE9B,yBAAyB;IACzB,yCAAyC;IACzC,QAAQ,CAAC,IAAI,CAAC,kBAAkB,CAAC,WAAW,EAAE,YAAY,EAAE,KAAK,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IACzF,MAAM,OAAO,GAAG,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;IAC5C,IAAI,OAAO,KAAK,IAAI,EAAE;QACrB,OAAO,CAAC,GAAG,CAAC,wBAAwB,CAAC,CAAC;QACtC,OAAO,KAAK,CAAC;KACb;IAED,mCAAmC;IACnC,MAAM,OAAO,GAAG;QACf,OAAO,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC;KAC9B,CAAC;IAEF,eAAe;IACf,MAAM,OAAO,GAAG,MAAM,GAAG,CAAC,GAAG,CAAC,OAAsB,EAAE,OAAO,CAAC,CAAC;IAE/D,4BAA4B;IAC5B,MAAA,OAAO,CAAC,aAAa,0CAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAE5C,kDAAkD;IAClD,IAAI,OAAO,CAAC,UAAU,CAAC,MAAM,KAAK,CAAC,EAAE;QACpC,OAAO,IAAI,CAAC;KACZ;IAED,kEAAkE;IAClE,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IAEhC,MAAM,YAAY,GAAG,OAAO,CAAC,UAAU,CAAC,GAAG,CAC1C,CAAC,SAAS,EAAE,GAAG,EAAE,EAAE,CAAC,IAAI,GAAG,GAAG,CAAC,KAAK,SAAS,CAAC,IAAI,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAC1G,CAAC;IACF,OAAO,CAAC,GAAG,CAAC,eAAe,YAAY,EAAE,CAAC,CAAC;IAE3C,kDAAkD;IAClD,OAAO,KAAK,CAAC;AACd,CAAC,CAAC","sourcesContent":["import axe from \"axe-core\";\nimport { ReactWrapper } from \"enzyme\";\n\nexport const accessibilityAssessor = async (wrapper: ReactWrapper) => {\n\tconst id = \"axeTestContainer\";\n\n\t// Axe needs a DOM object\n\t// Create a DOM based on the ReactWrapper\n\tdocument.body.insertAdjacentHTML(\"beforeend\", `<div id=\"${id}\">${wrapper.html()}</div>`);\n\tconst element = document.getElementById(id);\n\tif (element === null) {\n\t\tconsole.log(\"Couldn't parse wrapper\");\n\t\treturn false;\n\t}\n\n\t// Only run WCAG 2.0 A and AA rules\n\tconst options = {\n\t\trunOnly: [\"wcag2a\", \"wcag2aa\"],\n\t};\n\n\t// Run the scan\n\tconst results = await axe.run(element as HTMLElement, options);\n\n\t// Tear down the created DOM\n\telement.parentElement?.removeChild(element);\n\n\t// If there are no violations, so this scan passes\n\tif (results.violations.length === 0) {\n\t\treturn true;\n\t}\n\n\t// If there are violations, print them out in a human-readable way\n\tconsole.log(results.violations);\n\n\tconst violationMap = results.violations.map(\n\t\t(violation, key) => `#${key + 1}. ${violation.help}${violation.nodes.map((node) => node.html).join(\"\\n\")}`\n\t);\n\tconsole.log(`Violations: ${violationMap}`);\n\n\t// There were violations, so this scan didn't pass\n\treturn false;\n};\n"]}

package/react/components/sdd/tests/sdd_helpers.spec.d.ts

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

package/react/components/sdd/tests/sdd_helpers.spec.js

@@ -0,0 +1,18 @@
+import { describe, it } from "mocha";
+import { expect } from "chai";
+import { getDefaultName } from "../sdd_helpers";
+describe("sdd_helpers", () => {
+    it("getDefaultName", () => {
+        [
+            ["", ""],
+            ["http://www.google.com", "Google"],
+            ["https://www.google.com", "Google"],
+            ["http://www.cnn.com", ""],
+            ["http://finance.yahoo.com/charts/SPY", "Charts"],
+            ["http://www.cnn.com/abc.html", ""],
+        ].forEach(([input, output]) => {
+            expect(getDefaultName(input), `Input: "${input}""`).to.equal(output);
+        });
+    });
+});
+//# sourceMappingURL=sdd_helpers.spec.js.map

package/react/components/sdd/tests/sdd_helpers.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sdd_helpers.spec.js","sourceRoot":"","sources":["../../../../src/components/sdd/tests/sdd_helpers.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAEhD,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC5B,EAAE,CAAC,gBAAgB,EAAE,GAAG,EAAE;QACzB;YACC,CAAC,EAAE,EAAE,EAAE,CAAC;YACR,CAAC,uBAAuB,EAAE,QAAQ,CAAC;YACnC,CAAC,wBAAwB,EAAE,QAAQ,CAAC;YACpC,CAAC,oBAAoB,EAAE,EAAE,CAAC;YAC1B,CAAC,qCAAqC,EAAE,QAAQ,CAAC;YACjD,CAAC,6BAA6B,EAAE,EAAE,CAAC;SACnC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,EAAE;YAC7B,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,WAAW,KAAK,IAAI,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QACtE,CAAC,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { describe, it } from \"mocha\";\nimport { expect } from \"chai\";\nimport { getDefaultName } from \"../sdd_helpers\";\n\ndescribe(\"sdd_helpers\", () => {\n\tit(\"getDefaultName\", () => {\n\t\t[\n\t\t\t[\"\", \"\"],\n\t\t\t[\"http://www.google.com\", \"Google\"],\n\t\t\t[\"https://www.google.com\", \"Google\"],\n\t\t\t[\"http://www.cnn.com\", \"\"],\n\t\t\t[\"http://finance.yahoo.com/charts/SPY\", \"Charts\"],\n\t\t\t[\"http://www.cnn.com/abc.html\", \"\"],\n\t\t].forEach(([input, output]) => {\n\t\t\texpect(getDefaultName(input), `Input: \"${input}\"\"`).to.equal(output);\n\t\t});\n\t});\n});\n"]}

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

@@ -0,0 +1,50 @@
+export declare const darkTheme: {
+    "--core-primary": string;
+    "--core-primary-1": string;
+    "--core-primary-2": string;
+    "--core-primary-3": string;
+    "--core-primary-4": string;
+    "--core-primary-5": string;
+    "--accent-primary": string;
+    "--accent-primary-1": string;
+    "--accent-positive": string;
+    "--accent-positive-1": string;
+    "--accent-aware": string;
+    "--accent-aware-1": string;
+    "--accent-negative": string;
+    "--accent-negative-1": string;
+    "--scrollbar-color": string;
+    "--toolbar-separator": string;
+    "--font-color": string;
+    "--font-color-2": string;
+    "--font-shadow": string;
+    "--font-weight": string;
+    "--font-weight-1": string;
+    "--font-weight-2": string;
+    "--font-size": string;
+};
+export declare const lightTheme: {
+    "--core-primary": string;
+    "--core-primary-1": string;
+    "--core-primary-2": string;
+    "--core-primary-3": string;
+    "--core-primary-4": string;
+    "--core-primary-5": string;
+    "--accent-primary": string;
+    "--accent-primary-1": string;
+    "--accent-positive": string;
+    "--accent-positive-1": string;
+    "--accent-aware": string;
+    "--accent-aware-1": string;
+    "--accent-negative": string;
+    "--accent-negative-1": string;
+    "--scrollbar-color": string;
+    "--toolbar-separator": string;
+    "--font-color": string;
+    "--font-color-2": string;
+    "--font-shadow": string;
+    "--font-weight": string;
+    "--font-weight-1": string;
+    "--font-weight-2": string;
+    "--font-size": string;
+};

package/react/components/sdd/themeDefinitions.js

@@ -0,0 +1,51 @@
+export const darkTheme = {
+    "--core-primary": "#22262f",
+    "--core-primary-1": "#171a20",
+    "--core-primary-2": "#373b43",
+    "--core-primary-3": "#3d4455",
+    "--core-primary-4": "#5b606f",
+    "--core-primary-5": "#acb2c0",
+    "--accent-primary": "#42a5ba",
+    "--accent-primary-1": "#36788b",
+    "--accent-positive": "#2cc13f",
+    "--accent-positive-1": "#27ae38",
+    "--accent-aware": "#f5a623",
+    "--accent-aware-1": "#dc951f",
+    "--accent-negative": "#f26666",
+    "--accent-negative-1": "#b54f4f",
+    "--scrollbar-color": "#ffffff",
+    "--toolbar-separator": "rgba(255, 255, 255, 0.3)",
+    "--font-color": "#ffffff",
+    "--font-color-2": "#000000",
+    "--font-shadow": "rgba(0, 0, 0, 0.5)",
+    "--font-weight": "600",
+    "--font-weight-1": "400",
+    "--font-weight-2": "bold",
+    "--font-size": "12px",
+};
+export const lightTheme = {
+    "--core-primary": "#FFFFFF",
+    "--core-primary-1": "#EFEFEF",
+    "--core-primary-2": "#C8D1D6",
+    "--core-primary-3": "#A8B6BD",
+    "--core-primary-4": "#5A6368",
+    "--core-primary-5": "#313738",
+    "--accent-primary": "#42a5ba",
+    "--accent-primary-1": "#36788b",
+    "--accent-positive": "#2cc13f",
+    "--accent-positive-1": "#27ae38",
+    "--accent-aware": "#a57424",
+    "--accent-aware-1": "#8e631e",
+    "--accent-negative": "#f26666",
+    "--accent-negative-1": "#b54f4f",
+    "--scrollbar-color": "#2c2c2c",
+    "--toolbar-separator": "rgba(0, 0, 0, 0.3)",
+    "--font-color": "#2C2C2C",
+    "--font-color-2": "#ffffff",
+    "--font-shadow": "rgba(0, 0, 0, 0.5)",
+    "--font-weight": "600",
+    "--font-weight-1": "400",
+    "--font-weight-2": "bold",
+    "--font-size": "12px",
+};
+//# sourceMappingURL=themeDefinitions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"themeDefinitions.js","sourceRoot":"","sources":["../../../src/components/sdd/themeDefinitions.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG;IACxB,gBAAgB,EAAE,SAAS;IAC3B,kBAAkB,EAAE,SAAS;IAC7B,kBAAkB,EAAE,SAAS;IAC7B,kBAAkB,EAAE,SAAS;IAC7B,kBAAkB,EAAE,SAAS;IAC7B,kBAAkB,EAAE,SAAS;IAE7B,kBAAkB,EAAE,SAAS;IAC7B,oBAAoB,EAAE,SAAS;IAE/B,mBAAmB,EAAE,SAAS;IAC9B,qBAAqB,EAAE,SAAS;IAEhC,gBAAgB,EAAE,SAAS;IAC3B,kBAAkB,EAAE,SAAS;IAE7B,mBAAmB,EAAE,SAAS;IAC9B,qBAAqB,EAAE,SAAS;IAEhC,mBAAmB,EAAE,SAAS;IAE9B,qBAAqB,EAAE,0BAA0B;IAEjD,cAAc,EAAE,SAAS;IACzB,gBAAgB,EAAE,SAAS;IAC3B,eAAe,EAAE,oBAAoB;IAErC,eAAe,EAAE,KAAK;IACtB,iBAAiB,EAAE,KAAK;IACxB,iBAAiB,EAAE,MAAM;IAEzB,aAAa,EAAE,MAAM;CACrB,CAAC;AACF,MAAM,CAAC,MAAM,UAAU,GAAG;IACzB,gBAAgB,EAAE,SAAS;IAC3B,kBAAkB,EAAE,SAAS;IAC7B,kBAAkB,EAAE,SAAS;IAC7B,kBAAkB,EAAE,SAAS;IAC7B,kBAAkB,EAAE,SAAS;IAC7B,kBAAkB,EAAE,SAAS;IAE7B,kBAAkB,EAAE,SAAS;IAC7B,oBAAoB,EAAE,SAAS;IAE/B,mBAAmB,EAAE,SAAS;IAC9B,qBAAqB,EAAE,SAAS;IAEhC,gBAAgB,EAAE,SAAS;IAC3B,kBAAkB,EAAE,SAAS;IAE7B,mBAAmB,EAAE,SAAS;IAC9B,qBAAqB,EAAE,SAAS;IAEhC,mBAAmB,EAAE,SAAS;IAE9B,qBAAqB,EAAE,oBAAoB;IAE3C,cAAc,EAAE,SAAS;IACzB,gBAAgB,EAAE,SAAS;IAC3B,eAAe,EAAE,oBAAoB;IAErC,eAAe,EAAE,KAAK;IACtB,iBAAiB,EAAE,KAAK;IACxB,iBAAiB,EAAE,MAAM;IAEzB,aAAa,EAAE,MAAM;CACrB,CAAC","sourcesContent":["export const darkTheme = {\n\t\"--core-primary\": \"#22262f\",\n\t\"--core-primary-1\": \"#171a20\",\n\t\"--core-primary-2\": \"#373b43\",\n\t\"--core-primary-3\": \"#3d4455\",\n\t\"--core-primary-4\": \"#5b606f\",\n\t\"--core-primary-5\": \"#acb2c0\",\n\n\t\"--accent-primary\": \"#42a5ba\",\n\t\"--accent-primary-1\": \"#36788b\",\n\n\t\"--accent-positive\": \"#2cc13f\",\n\t\"--accent-positive-1\": \"#27ae38\",\n\n\t\"--accent-aware\": \"#f5a623\",\n\t\"--accent-aware-1\": \"#dc951f\",\n\n\t\"--accent-negative\": \"#f26666\",\n\t\"--accent-negative-1\": \"#b54f4f\",\n\n\t\"--scrollbar-color\": \"#ffffff\",\n\n\t\"--toolbar-separator\": \"rgba(255, 255, 255, 0.3)\",\n\n\t\"--font-color\": \"#ffffff\",\n\t\"--font-color-2\": \"#000000\",\n\t\"--font-shadow\": \"rgba(0, 0, 0, 0.5)\",\n\n\t\"--font-weight\": \"600\",\n\t\"--font-weight-1\": \"400\",\n\t\"--font-weight-2\": \"bold\",\n\n\t\"--font-size\": \"12px\",\n};\nexport const lightTheme = {\n\t\"--core-primary\": \"#FFFFFF\",\n\t\"--core-primary-1\": \"#EFEFEF\",\n\t\"--core-primary-2\": \"#C8D1D6\",\n\t\"--core-primary-3\": \"#A8B6BD\",\n\t\"--core-primary-4\": \"#5A6368\",\n\t\"--core-primary-5\": \"#313738\",\n\n\t\"--accent-primary\": \"#42a5ba\",\n\t\"--accent-primary-1\": \"#36788b\",\n\n\t\"--accent-positive\": \"#2cc13f\",\n\t\"--accent-positive-1\": \"#27ae38\",\n\n\t\"--accent-aware\": \"#a57424\",\n\t\"--accent-aware-1\": \"#8e631e\",\n\n\t\"--accent-negative\": \"#f26666\",\n\t\"--accent-negative-1\": \"#b54f4f\",\n\n\t\"--scrollbar-color\": \"#2c2c2c\",\n\n\t\"--toolbar-separator\": \"rgba(0, 0, 0, 0.3)\",\n\n\t\"--font-color\": \"#2C2C2C\",\n\t\"--font-color-2\": \"#ffffff\",\n\t\"--font-shadow\": \"rgba(0, 0, 0, 0.5)\",\n\n\t\"--font-weight\": \"600\",\n\t\"--font-weight-1\": \"400\",\n\t\"--font-weight-2\": \"bold\",\n\n\t\"--font-size\": \"12px\",\n};\n"]}

package/react/components/search/Highlight.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export declare type HighlightProps = {
+    matchAgainst: string;
+    text: string;
+};
+/**
+ * Highlights matching areas of a query against a piece of text, and then renders them
+ * on the screen with a highlighted class. The matching is case insensitive.
+ * NOTE: This calls dangerouslySetInnerHTML and contains a potential exploit for XSS.  Use with caution
+ * when rendering externally-supplied content.
+ */
+export declare const Highlight: (props: HighlightProps) => JSX.Element;

package/react/components/search/Highlight.js

@@ -0,0 +1,40 @@
+import * as React from "react";
+/**
+ *Encode characters of string
+ *
+ * @param {string} str - String to be encoded
+ * @returns {string} String with all characters encoded
+ */
+const encodeStringChars = (str) => `&#${str.charCodeAt(0)};`;
+/**
+ *Sanitize string for HTML to prevent XSS attack
+ *
+ * @param {*} str
+ * @return {*}
+ */
+const sanitizeHTML = (str) => str === null || str === void 0 ? void 0 : str.replace(/[^\w. ]/gi, encodeStringChars);
+/**
+ * Highlights matching areas of a query against a piece of text, and then renders them
+ * on the screen with a highlighted class. The matching is case insensitive.
+ * NOTE: This calls dangerouslySetInnerHTML and contains a potential exploit for XSS.  Use with caution
+ * when rendering externally-supplied content.
+ */
+export const Highlight = (props) => {
+    const { matchAgainst, text } = props;
+    const escapedMatch = matchAgainst.replace(/([.*+?^${}()|[\]\\])/g, encodeStringChars);
+    const sanitizedHtml = sanitizeHTML(text);
+    let regex;
+    // Catch unexpected cases where some combination of characters break the RegExp
+    try {
+        regex = new RegExp(`(${escapedMatch || sanitizedHtml})`, "gi");
+    }
+    catch (e) {
+        regex = escapedMatch;
+        console.error(`Failure in Highlight component in finsemble-ui. Expected a valid regex. Instead received "${matchAgainst}". Please check that your component is passing valid data.`);
+    }
+    const itemHtml = sanitizedHtml === null || sanitizedHtml === void 0 ? void 0 : sanitizedHtml.replace(regex, `<span class="highlight">$1</span>`);
+    return (React.createElement("span", { dangerouslySetInnerHTML: {
+            __html: itemHtml,
+        } }));
+};
+//# sourceMappingURL=Highlight.js.map