@finsemble/finsemble-ui 6.2.0 → 6.3.0-beta.20211008

package/react/components/smartDesktopDesigner/tests/ExportZip.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExportZip.spec.js","sourceRoot":"","sources":["../../../../src/components/smartDesktopDesigner/tests/ExportZip.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAEhF,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC7B,EAAE,CAAC,8CAA8C,EAAE,KAAK,IAAI,EAAE;QAC7D,MAAM,OAAO,GAAG,KAAK,CACpB,oBAAC,gBAAgB,OACZ;gBACH,GAAI,gBAAgB,CAAC,IAAoB;aACzC,GACA,CACF,CAAC;QAEF,OAAO,CAAC,IAAI,CAAC,8BAA8B,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAE/D,MAAM,QAAQ,EAAE,CAAC;QAEjB,OAAO,CAAC,MAAM,EAAE,CAAC;QAEjB,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,MAAM,EAAE,kCAAkC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAEjG,OAAO,CAAC,OAAO,EAAE,CAAC;IACnB,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;QAClD,MAAM,OAAO,GAAG,KAAK,CACpB,oBAAC,cAAc,OACV;gBACH,GAAI,cAAc,CAAC,IAAoB;aACvC,GACA,CACF,CAAC;QAEF,OAAO,CAAC,IAAI,CAAC,8BAA8B,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAE/D,MAAM,QAAQ,EAAE,CAAC;QAEjB,OAAO,CAAC,MAAM,EAAE,CAAC;QAEjB,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC,MAAM,EAAE,gCAAgC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAEhG,OAAO,CAAC,OAAO,EAAE,CAAC;IACnB,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\r\nimport { mount } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport { DefaultExportZip, ErrorExportZip } from \"../stories/ExportZip.stories\";\r\nimport { ExportProps } from \"../Export\";\r\nimport { waitTick } from \"../sdd_helpers\";\r\n\r\ndescribe(\"<ExportZip/>\", () => {\r\n\tit(\"should show file count after success publish\", async () => {\r\n\t\tconst wrapper = mount(\r\n\t\t\t<DefaultExportZip\r\n\t\t\t\t{...{\r\n\t\t\t\t\t...(DefaultExportZip.args as ExportProps),\r\n\t\t\t\t}}\r\n\t\t\t/>\r\n\t\t);\r\n\r\n\t\twrapper.find(\".export-method-button button\").simulate(\"click\");\r\n\r\n\t\tawait waitTick();\r\n\r\n\t\twrapper.update();\r\n\r\n\t\texpect(wrapper.find(\".last-export-time\").length, \"Export success message container\").to.equal(1);\r\n\r\n\t\twrapper.unmount();\r\n\t});\r\n\tit(\"should error after failed publish\", async () => {\r\n\t\tconst wrapper = mount(\r\n\t\t\t<ErrorExportZip\r\n\t\t\t\t{...{\r\n\t\t\t\t\t...(ErrorExportZip.args as ExportProps),\r\n\t\t\t\t}}\r\n\t\t\t/>\r\n\t\t);\r\n\r\n\t\twrapper.find(\".export-method-button button\").simulate(\"click\");\r\n\r\n\t\tawait waitTick();\r\n\r\n\t\twrapper.update();\r\n\r\n\t\texpect(wrapper.find(\".last-export-error\").length, \"Export error message container\").to.equal(1);\r\n\r\n\t\twrapper.unmount();\r\n\t});\r\n});\r\n"]}
+{"version":3,"file":"ExportZip.spec.js","sourceRoot":"","sources":["../../../../src/components/smartDesktopDesigner/tests/ExportZip.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAEhF,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC7B,EAAE,CAAC,8CAA8C,EAAE,KAAK,IAAI,EAAE;QAC7D,MAAM,OAAO,GAAG,KAAK,CACpB,oBAAC,gBAAgB,sCAEX,gBAAgB,CAAC,IAAoB,GAEzC,CACF,CAAC;QAEF,OAAO,CAAC,IAAI,CAAC,8BAA8B,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAE/D,MAAM,QAAQ,EAAE,CAAC;QAEjB,OAAO,CAAC,MAAM,EAAE,CAAC;QAEjB,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,MAAM,EAAE,kCAAkC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAEjG,OAAO,CAAC,OAAO,EAAE,CAAC;IACnB,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;QAClD,MAAM,OAAO,GAAG,KAAK,CACpB,oBAAC,cAAc,sCAET,cAAc,CAAC,IAAoB,GAEvC,CACF,CAAC;QAEF,OAAO,CAAC,IAAI,CAAC,8BAA8B,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAE/D,MAAM,QAAQ,EAAE,CAAC;QAEjB,OAAO,CAAC,MAAM,EAAE,CAAC;QAEjB,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC,MAAM,EAAE,gCAAgC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAEhG,OAAO,CAAC,OAAO,EAAE,CAAC;IACnB,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\r\nimport { mount } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport { DefaultExportZip, ErrorExportZip } from \"../stories/ExportZip.stories\";\r\nimport { ExportProps } from \"../Export\";\r\nimport { waitTick } from \"../sdd_helpers\";\r\n\r\ndescribe(\"<ExportZip/>\", () => {\r\n\tit(\"should show file count after success publish\", async () => {\r\n\t\tconst wrapper = mount(\r\n\t\t\t<DefaultExportZip\r\n\t\t\t\t{...{\r\n\t\t\t\t\t...(DefaultExportZip.args as ExportProps),\r\n\t\t\t\t}}\r\n\t\t\t/>\r\n\t\t);\r\n\r\n\t\twrapper.find(\".export-method-button button\").simulate(\"click\");\r\n\r\n\t\tawait waitTick();\r\n\r\n\t\twrapper.update();\r\n\r\n\t\texpect(wrapper.find(\".last-export-time\").length, \"Export success message container\").to.equal(1);\r\n\r\n\t\twrapper.unmount();\r\n\t});\r\n\tit(\"should error after failed publish\", async () => {\r\n\t\tconst wrapper = mount(\r\n\t\t\t<ErrorExportZip\r\n\t\t\t\t{...{\r\n\t\t\t\t\t...(ErrorExportZip.args as ExportProps),\r\n\t\t\t\t}}\r\n\t\t\t/>\r\n\t\t);\r\n\r\n\t\twrapper.find(\".export-method-button button\").simulate(\"click\");\r\n\r\n\t\tawait waitTick();\r\n\r\n\t\twrapper.update();\r\n\r\n\t\texpect(wrapper.find(\".last-export-error\").length, \"Export error message container\").to.equal(1);\r\n\r\n\t\twrapper.unmount();\r\n\t});\r\n});\r\n"]}

package/react/components/smartDesktopDesigner/tests/Navigation.spec.js

@@ -6,13 +6,13 @@ import { DefaultNavigation } from "../stories/Navigation.stories";
 const NAV_ITEM = ".nav-item";
 describe("<Navigation/>", () => {
     it("should have first tab selected by default", async () => {
-        const wrapper = mount(React.createElement(DefaultNavigation, { ...{ ...DefaultNavigation.args } }));
+        const wrapper = mount(React.createElement(DefaultNavigation, Object.assign({}, Object.assign({}, DefaultNavigation.args))));
         wrapper.find(NAV_ITEM).forEach((item, index) => {
             expect(item.hasClass("active"), "Has active class").to.equal(index === 0);
         });
     });
     it("should change to selected tab", async () => {
-        const wrapper = mount(React.createElement(DefaultNavigation, { ...{ ...DefaultNavigation.args } }));
+        const wrapper = mount(React.createElement(DefaultNavigation, Object.assign({}, Object.assign({}, DefaultNavigation.args))));
         const navItems = wrapper.find(NAV_ITEM);
         navItems.forEach((navItem, clickedIndex) => {
             navItem.simulate("click");

package/react/components/smartDesktopDesigner/tests/Navigation.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"Navigation.spec.js","sourceRoot":"","sources":["../../../../src/components/smartDesktopDesigner/tests/Navigation.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAE9B,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAElE,MAAM,QAAQ,GAAG,WAAW,CAAC;AAE7B,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC9B,EAAE,CAAC,2CAA2C,EAAE,KAAK,IAAI,EAAE;QAC1D,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,iBAAiB,OAAK,EAAE,GAAI,iBAAiB,CAAC,IAAwB,EAAE,GAAI,CAAC,CAAC;QAErG,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YAC9C,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,kBAAkB,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC;QAC3E,CAAC,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+BAA+B,EAAE,KAAK,IAAI,EAAE;QAC9C,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,iBAAiB,OAAK,EAAE,GAAI,iBAAiB,CAAC,IAAwB,EAAE,GAAI,CAAC,CAAC;QAErG,MAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAExC,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,YAAY,EAAE,EAAE;YAC1C,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;YAE1B,OAAO,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gBAC/B,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,kBAAkB,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,KAAK,YAAY,CAAC,CAAC;YACtF,CAAC,CAAC,CAAC;QACJ,CAAC,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\r\nimport { mount } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport { NavigationProps } from \"../Navigation\";\r\nimport { DefaultNavigation } from \"../stories/Navigation.stories\";\r\n\r\nconst NAV_ITEM = \".nav-item\";\r\n\r\ndescribe(\"<Navigation/>\", () => {\r\n\tit(\"should have first tab selected by default\", async () => {\r\n\t\tconst wrapper = mount(<DefaultNavigation {...{ ...(DefaultNavigation.args as NavigationProps) }} />);\r\n\r\n\t\twrapper.find(NAV_ITEM).forEach((item, index) => {\r\n\t\t\texpect(item.hasClass(\"active\"), \"Has active class\").to.equal(index === 0);\r\n\t\t});\r\n\t});\r\n\r\n\tit(\"should change to selected tab\", async () => {\r\n\t\tconst wrapper = mount(<DefaultNavigation {...{ ...(DefaultNavigation.args as NavigationProps) }} />);\r\n\r\n\t\tconst navItems = wrapper.find(NAV_ITEM);\r\n\r\n\t\tnavItems.forEach((navItem, clickedIndex) => {\r\n\t\t\tnavItem.simulate(\"click\");\r\n\r\n\t\t\tnavItem.forEach((item, index) => {\r\n\t\t\t\texpect(item.hasClass(\"active\"), \"Has active class\").to.equal(index === clickedIndex);\r\n\t\t\t});\r\n\t\t});\r\n\t});\r\n});\r\n"]}
+{"version":3,"file":"Navigation.spec.js","sourceRoot":"","sources":["../../../../src/components/smartDesktopDesigner/tests/Navigation.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAE9B,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAElE,MAAM,QAAQ,GAAG,WAAW,CAAC;AAE7B,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC9B,EAAE,CAAC,2CAA2C,EAAE,KAAK,IAAI,EAAE;QAC1D,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,iBAAiB,sCAAW,iBAAiB,CAAC,IAAwB,GAAM,CAAC,CAAC;QAErG,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YAC9C,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,kBAAkB,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC;QAC3E,CAAC,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+BAA+B,EAAE,KAAK,IAAI,EAAE;QAC9C,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,iBAAiB,sCAAW,iBAAiB,CAAC,IAAwB,GAAM,CAAC,CAAC;QAErG,MAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAExC,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,YAAY,EAAE,EAAE;YAC1C,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;YAE1B,OAAO,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gBAC/B,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,kBAAkB,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,KAAK,YAAY,CAAC,CAAC;YACtF,CAAC,CAAC,CAAC;QACJ,CAAC,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\r\nimport { mount } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport { NavigationProps } from \"../Navigation\";\r\nimport { DefaultNavigation } from \"../stories/Navigation.stories\";\r\n\r\nconst NAV_ITEM = \".nav-item\";\r\n\r\ndescribe(\"<Navigation/>\", () => {\r\n\tit(\"should have first tab selected by default\", async () => {\r\n\t\tconst wrapper = mount(<DefaultNavigation {...{ ...(DefaultNavigation.args as NavigationProps) }} />);\r\n\r\n\t\twrapper.find(NAV_ITEM).forEach((item, index) => {\r\n\t\t\texpect(item.hasClass(\"active\"), \"Has active class\").to.equal(index === 0);\r\n\t\t});\r\n\t});\r\n\r\n\tit(\"should change to selected tab\", async () => {\r\n\t\tconst wrapper = mount(<DefaultNavigation {...{ ...(DefaultNavigation.args as NavigationProps) }} />);\r\n\r\n\t\tconst navItems = wrapper.find(NAV_ITEM);\r\n\r\n\t\tnavItems.forEach((navItem, clickedIndex) => {\r\n\t\t\tnavItem.simulate(\"click\");\r\n\r\n\t\t\tnavItem.forEach((item, index) => {\r\n\t\t\t\texpect(item.hasClass(\"active\"), \"Has active class\").to.equal(index === clickedIndex);\r\n\t\t\t});\r\n\t\t});\r\n\t});\r\n});\r\n"]}

package/react/components/smartDesktopDesigner/tests/ProjectErrors.spec.js

@@ -5,14 +5,14 @@ import { expect } from "chai";
 import { DefaultSDD } from "../stories/SmartDesktopDesigner.stories";
 import { waitTick } from "../sdd_helpers";
 import { ACTIVE_TAB_APP_LIST_TABLE_ROW } from "./Applications.spec";
-const PROJECT_NAME_INPUT = "#project-name", PROJECT_NAME_WARNING = ".project-name-error-icon", APPLICATIONS_TAB = "#applications-nav-link", MENUS_TAB = '[aria-controls="tabpanel-1"]', ADD_MENU_BUTTON = "[data-label='Menus'] .button-container-primary.icon-before-add button", SAVE_MENU_BUTTON = ".app-edit-actions .button-container-secondary button", EMPTY_MENU_NAV_WARNING = "#applications-nav-link .nav-error-icon", THEMES_TAB = "#themes-nav-link", IMAGES_TAB = '[aria-controls="tabpanel-1"]', ICON_INPUT = ".export-installer-icon + .project-icon-field input[type='file']", ICON_PATH = ".export-installer-icon + .project-icon-field input[type='text']", PUBLISH_TAB = "#export-nav-link", PROJECT_ERROR = ".project-errors-container .project-error";
+const PROJECT_NAME_INPUT = "#project-name", PROJECT_NAME_WARNING = ".project-name-error-icon", APPLICATIONS_TAB = "#applications-nav-link", MENUS_TAB = '[aria-controls="tabpanel-1"]', ADD_MENU_BUTTON = "[data-label='Menus'] .button-container-primary.icon-before-add button", SAVE_MENU_BUTTON = ".app-edit-actions .button-container-secondary button", EMPTY_MENU_NAV_WARNING = "#applications-nav-link .nav-error-icon", PUBLISH_TAB = "#export-nav-link", PROJECT_ERROR = ".project-errors-container .project-error";
 const doClick = (element, name) => {
     expect(element.length, name).to.be.greaterThan(0);
     element.simulate("click");
 };
 describe("<ProjectErrors/>", () => {
     it("should show project errors for invalid SDD sections", async () => {
-        const wrapper = mount(React.createElement(DefaultSDD, { ...DefaultSDD.args }));
+        const wrapper = mount(React.createElement(DefaultSDD, Object.assign({}, DefaultSDD.args)));
         await waitTick();
         wrapper.update();
         const projectName = wrapper.find(PROJECT_NAME_INPUT).at(0);

package/react/components/smartDesktopDesigner/tests/ProjectErrors.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectErrors.spec.js","sourceRoot":"","sources":["../../../../src/components/smartDesktopDesigner/tests/ProjectErrors.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\r\nimport { mount, ReactWrapper } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport { DefaultSDD } from \"../stories/SmartDesktopDesigner.stories\";\r\nimport { waitTick } from \"../sdd_helpers\";\r\nimport { SmartDesktopDesignerProps } from \"../SmartDesktopDesigner\";\r\nimport { ACTIVE_TAB_APP_LIST_TABLE_ROW } from \"./Applications.spec\";\r\nimport { FileWithPath } from \"../../common/DropZone\";\r\n\r\nconst PROJECT_NAME_INPUT = \"#project-name\",\r\n\tPROJECT_NAME_WARNING = \".project-name-error-icon\",\r\n\tAPPLICATIONS_TAB = \"#applications-nav-link\",\r\n\tMENUS_TAB = '[aria-controls=\"tabpanel-1\"]',\r\n\tADD_MENU_BUTTON = \"[data-label='Menus'] .button-container-primary.icon-before-add button\",\r\n\tSAVE_MENU_BUTTON = \".app-edit-actions .button-container-secondary button\",\r\n\tEMPTY_MENU_NAV_WARNING = \"#applications-nav-link .nav-error-icon\",\r\n\tTHEMES_TAB = \"#themes-nav-link\",\r\n\tIMAGES_TAB = '[aria-controls=\"tabpanel-1\"]',\r\n\tICON_INPUT = \".export-installer-icon + .project-icon-field input[type='file']\",\r\n\tICON_PATH = \".export-installer-icon + .project-icon-field input[type='text']\",\r\n\tPUBLISH_TAB = \"#export-nav-link\",\r\n\tPROJECT_ERROR = \".project-errors-container .project-error\";\r\n\r\nconst doClick = (element: ReactWrapper, name: string) => {\r\n\texpect(element.length, name).to.be.greaterThan(0);\r\n\r\n\telement.simulate(\"click\");\r\n};\r\n\r\ndescribe(\"<ProjectErrors/>\", () => {\r\n\tit(\"should show project errors for invalid SDD sections\", async () => {\r\n\t\tconst wrapper = mount(<DefaultSDD {...(DefaultSDD.args as SmartDesktopDesignerProps)} />);\r\n\r\n\t\tawait waitTick();\r\n\t\twrapper.update();\r\n\r\n\t\tconst projectName = wrapper.find(PROJECT_NAME_INPUT).at(0);\r\n\r\n\t\tprojectName.simulate(\"focus\");\r\n\t\tprojectName.simulate(\"input\", { target: { value: \"~!invalid/name\" } });\r\n\t\tprojectName.simulate(\"blur\");\r\n\r\n\t\tawait waitTick();\r\n\t\twrapper.update();\r\n\r\n\t\tdoClick(wrapper.find(APPLICATIONS_TAB).at(0), \"APPLICATIONS_TAB\");\r\n\r\n\t\tawait waitTick();\r\n\t\twrapper.update();\r\n\r\n\t\tdoClick(wrapper.find(MENUS_TAB).at(0), \"MENUS_TAB\");\r\n\r\n\t\tawait waitTick();\r\n\t\twrapper.update();\r\n\r\n\t\tdoClick(wrapper.find(ADD_MENU_BUTTON).at(0), \"ADD_MENU_BUTTON\");\r\n\r\n\t\tawait waitTick();\r\n\t\twrapper.update();\r\n\r\n\t\t// Set name as \"Charts\"\r\n\t\twrapper\r\n\t\t\t.find(\"#menu-name\")\r\n\t\t\t.at(0)\r\n\t\t\t.simulate(\"change\", {\r\n\t\t\t\ttarget: {\r\n\t\t\t\t\tvalue: \"Charts\",\r\n\t\t\t\t},\r\n\t\t\t});\r\n\r\n\t\t// Click Save\r\n\t\twrapper.find(SAVE_MENU_BUTTON).at(0).simulate(\"click\");\r\n\r\n\t\tawait waitTick();\r\n\t\twrapper.update();\r\n\r\n\t\texpect(wrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).length, \"Menu list shows 1 empty menu\").to.be.equal(1);\r\n\r\n\t\t// const file: FileWithPath = {\r\n\t\t// \tname: \"test.txt\",\r\n\t\t// \tsize: 100,\r\n\t\t// \tlastModified: 0,\r\n\t\t// \tarrayBuffer: () => new Promise<ArrayBuffer>((resolve, reject) => {}),\r\n\t\t// \ttype: \"text/plain\",\r\n\t\t// \tslice: (start?: number | undefined, end?: number | undefined, contentType?: string | undefined) => new Blob(),\r\n\t\t// \tstream: () => new ReadableStream(),\r\n\t\t// \ttext: () => new Promise<string>((resolve, reject) => {}),\r\n\t\t// };\r\n\r\n\t\t// wrapper.find(THEMES_TAB).simulate(\"click\");\r\n\t\t// wrapper.find(IMAGES_TAB).simulate(\"click\");\r\n\t\t// wrapper.find(ICON_INPUT).simulate(\"change\", {\r\n\t\t// \ttarget: {\r\n\t\t// \t\tfiles: [file],\r\n\t\t// \t},\r\n\t\t// });\r\n\r\n\t\t// expect(wrapper.find(ICON_PATH).prop(\"aria-invalid\"), \"Icon path is invalid\").to.equal(true);\r\n\r\n\t\texpect(wrapper.find(EMPTY_MENU_NAV_WARNING).length, \"Empty Menu Nav Warning\").to.equal(0);\r\n\t\texpect(wrapper.find(PROJECT_NAME_WARNING).length, \"Project Name Warning\").to.equal(0);\r\n\r\n\t\twrapper.find(PUBLISH_TAB).at(0).simulate(\"click\");\r\n\r\n\t\tawait waitTick();\r\n\t\twrapper.update();\r\n\r\n\t\texpect(wrapper.find(EMPTY_MENU_NAV_WARNING).length, \"Empty Menu Nav Warning\").to.equal(1);\r\n\t\texpect(wrapper.find(PROJECT_NAME_WARNING).length, \"Project Name Warning\").to.equal(1);\r\n\t\texpect(wrapper.find(PROJECT_ERROR).length, \"Project Errors\").to.equal(2);\r\n\t});\r\n});\r\n"]}
+{"version":3,"file":"ProjectErrors.spec.js","sourceRoot":"","sources":["../../../../src/components/smartDesktopDesigner/tests/ProjectErrors.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\r\nimport { mount, ReactWrapper } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport { DefaultSDD } from \"../stories/SmartDesktopDesigner.stories\";\r\nimport { waitTick } from \"../sdd_helpers\";\r\nimport { SmartDesktopDesignerProps } from \"../SmartDesktopDesigner\";\r\nimport { ACTIVE_TAB_APP_LIST_TABLE_ROW } from \"./Applications.spec\";\r\n\r\nconst PROJECT_NAME_INPUT = \"#project-name\",\r\n\tPROJECT_NAME_WARNING = \".project-name-error-icon\",\r\n\tAPPLICATIONS_TAB = \"#applications-nav-link\",\r\n\tMENUS_TAB = '[aria-controls=\"tabpanel-1\"]',\r\n\tADD_MENU_BUTTON = \"[data-label='Menus'] .button-container-primary.icon-before-add button\",\r\n\tSAVE_MENU_BUTTON = \".app-edit-actions .button-container-secondary button\",\r\n\tEMPTY_MENU_NAV_WARNING = \"#applications-nav-link .nav-error-icon\",\r\n\tPUBLISH_TAB = \"#export-nav-link\",\r\n\tPROJECT_ERROR = \".project-errors-container .project-error\";\r\n\r\nconst doClick = (element: ReactWrapper, name: string) => {\r\n\texpect(element.length, name).to.be.greaterThan(0);\r\n\r\n\telement.simulate(\"click\");\r\n};\r\n\r\ndescribe(\"<ProjectErrors/>\", () => {\r\n\tit(\"should show project errors for invalid SDD sections\", async () => {\r\n\t\tconst wrapper = mount(<DefaultSDD {...(DefaultSDD.args as SmartDesktopDesignerProps)} />);\r\n\r\n\t\tawait waitTick();\r\n\t\twrapper.update();\r\n\r\n\t\tconst projectName = wrapper.find(PROJECT_NAME_INPUT).at(0);\r\n\r\n\t\tprojectName.simulate(\"focus\");\r\n\t\tprojectName.simulate(\"input\", { target: { value: \"~!invalid/name\" } });\r\n\t\tprojectName.simulate(\"blur\");\r\n\r\n\t\tawait waitTick();\r\n\t\twrapper.update();\r\n\r\n\t\tdoClick(wrapper.find(APPLICATIONS_TAB).at(0), \"APPLICATIONS_TAB\");\r\n\r\n\t\tawait waitTick();\r\n\t\twrapper.update();\r\n\r\n\t\tdoClick(wrapper.find(MENUS_TAB).at(0), \"MENUS_TAB\");\r\n\r\n\t\tawait waitTick();\r\n\t\twrapper.update();\r\n\r\n\t\tdoClick(wrapper.find(ADD_MENU_BUTTON).at(0), \"ADD_MENU_BUTTON\");\r\n\r\n\t\tawait waitTick();\r\n\t\twrapper.update();\r\n\r\n\t\t// Set name as \"Charts\"\r\n\t\twrapper\r\n\t\t\t.find(\"#menu-name\")\r\n\t\t\t.at(0)\r\n\t\t\t.simulate(\"change\", {\r\n\t\t\t\ttarget: {\r\n\t\t\t\t\tvalue: \"Charts\",\r\n\t\t\t\t},\r\n\t\t\t});\r\n\r\n\t\t// Click Save\r\n\t\twrapper.find(SAVE_MENU_BUTTON).at(0).simulate(\"click\");\r\n\r\n\t\tawait waitTick();\r\n\t\twrapper.update();\r\n\r\n\t\texpect(wrapper.find(ACTIVE_TAB_APP_LIST_TABLE_ROW).length, \"Menu list shows 1 empty menu\").to.be.equal(1);\r\n\r\n\t\texpect(wrapper.find(EMPTY_MENU_NAV_WARNING).length, \"Empty Menu Nav Warning\").to.equal(0);\r\n\t\texpect(wrapper.find(PROJECT_NAME_WARNING).length, \"Project Name Warning\").to.equal(0);\r\n\r\n\t\twrapper.find(PUBLISH_TAB).at(0).simulate(\"click\");\r\n\r\n\t\tawait waitTick();\r\n\t\twrapper.update();\r\n\r\n\t\texpect(wrapper.find(EMPTY_MENU_NAV_WARNING).length, \"Empty Menu Nav Warning\").to.equal(1);\r\n\t\texpect(wrapper.find(PROJECT_NAME_WARNING).length, \"Project Name Warning\").to.equal(1);\r\n\t\texpect(wrapper.find(PROJECT_ERROR).length, \"Project Errors\").to.equal(2);\r\n\t});\r\n});\r\n"]}

package/react/components/smartDesktopDesigner/tests/ProjectHeader.spec.js

@@ -7,7 +7,7 @@ import { DefaultProjectHeader } from "../stories/ProjectHeader.stories";
 describe("<ProjectHeader/>", () => {
     it("should allow saving valid name", () => {
         const onSaveProjectName = sinon.spy();
-        const wrapper = mount(React.createElement(DefaultProjectHeader, { ...DefaultProjectHeader.args, ...{ projectName: "", onSaveProjectName } }));
+        const wrapper = mount(React.createElement(DefaultProjectHeader, Object.assign({}, DefaultProjectHeader.args, { projectName: "", onSaveProjectName })));
         const input = wrapper.find("input");
         input.simulate("focus");
         input.simulate("input", { target: { value: "New Name 123" } });
@@ -16,7 +16,7 @@ describe("<ProjectHeader/>", () => {
     });
     it("should not allow saving invalid", () => {
         const onSaveProjectName = sinon.spy();
-        const wrapper = mount(React.createElement(DefaultProjectHeader, { ...DefaultProjectHeader.args, ...{ projectName: "", onSaveProjectName } }));
+        const wrapper = mount(React.createElement(DefaultProjectHeader, Object.assign({}, DefaultProjectHeader.args, { projectName: "", onSaveProjectName })));
         const input = wrapper.find("input");
         input.simulate("focus");
         input.simulate("input", { target: { value: " (Inv@l!d- Project)[] 123" } });

package/react/components/smartDesktopDesigner/tests/ProjectHeader.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectHeader.spec.js","sourceRoot":"","sources":["../../../../src/components/smartDesktopDesigner/tests/ProjectHeader.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAC9B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AAGxE,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IACjC,EAAE,CAAC,gCAAgC,EAAE,GAAG,EAAE;QACzC,MAAM,iBAAiB,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC;QACtC,MAAM,OAAO,GAAG,KAAK,CACpB,oBAAC,oBAAoB,OACf,oBAAoB,CAAC,IAA2B,KACjD,EAAE,WAAW,EAAE,EAAE,EAAE,iBAAiB,EAAE,GACzC,CACF,CAAC;QAEF,MAAM,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAEpC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACxB,KAAK,CAAC,QAAQ,CAAC,OAAO,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE,CAAC,CAAC;QAC/D,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QAEvB,MAAM,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IAC7C,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,iCAAiC,EAAE,GAAG,EAAE;QAC1C,MAAM,iBAAiB,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC;QACtC,MAAM,OAAO,GAAG,KAAK,CACpB,oBAAC,oBAAoB,OACf,oBAAoB,CAAC,IAA2B,KACjD,EAAE,WAAW,EAAE,EAAE,EAAE,iBAAiB,EAAE,GACzC,CACF,CAAC;QAEF,MAAM,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAEpC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACxB,KAAK,CAAC,QAAQ,CAAC,OAAO,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,2BAA2B,EAAE,EAAE,CAAC,CAAC;QAC5E,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QAEvB,MAAM,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;IAC9C,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\r\nimport { mount } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport sinon from \"sinon\";\r\nimport { DefaultProjectHeader } from \"../stories/ProjectHeader.stories\";\r\nimport { ProjectHeaderProps } from \"../ProjectHeader\";\r\n\r\ndescribe(\"<ProjectHeader/>\", () => {\r\n\tit(\"should allow saving valid name\", () => {\r\n\t\tconst onSaveProjectName = sinon.spy();\r\n\t\tconst wrapper = mount(\r\n\t\t\t<DefaultProjectHeader\r\n\t\t\t\t{...(DefaultProjectHeader.args as ProjectHeaderProps)}\r\n\t\t\t\t{...{ projectName: \"\", onSaveProjectName }}\r\n\t\t\t/>\r\n\t\t);\r\n\r\n\t\tconst input = wrapper.find(\"input\");\r\n\r\n\t\tinput.simulate(\"focus\");\r\n\t\tinput.simulate(\"input\", { target: { value: \"New Name 123\" } });\r\n\t\tinput.simulate(\"blur\");\r\n\r\n\t\texpect(onSaveProjectName.called).to.be.true;\r\n\t});\r\n\tit(\"should not allow saving invalid\", () => {\r\n\t\tconst onSaveProjectName = sinon.spy();\r\n\t\tconst wrapper = mount(\r\n\t\t\t<DefaultProjectHeader\r\n\t\t\t\t{...(DefaultProjectHeader.args as ProjectHeaderProps)}\r\n\t\t\t\t{...{ projectName: \"\", onSaveProjectName }}\r\n\t\t\t/>\r\n\t\t);\r\n\r\n\t\tconst input = wrapper.find(\"input\");\r\n\r\n\t\tinput.simulate(\"focus\");\r\n\t\tinput.simulate(\"input\", { target: { value: \" (Inv@l!d- Project)[] 123\" } });\r\n\t\tinput.simulate(\"blur\");\r\n\r\n\t\texpect(onSaveProjectName.called).to.be.false;\r\n\t});\r\n});\r\n"]}
+{"version":3,"file":"ProjectHeader.spec.js","sourceRoot":"","sources":["../../../../src/components/smartDesktopDesigner/tests/ProjectHeader.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAC9B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AAGxE,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IACjC,EAAE,CAAC,gCAAgC,EAAE,GAAG,EAAE;QACzC,MAAM,iBAAiB,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC;QACtC,MAAM,OAAO,GAAG,KAAK,CACpB,oBAAC,oBAAoB,oBACf,oBAAoB,CAAC,IAA2B,EACjD,EAAE,WAAW,EAAE,EAAE,EAAE,iBAAiB,EAAE,EACzC,CACF,CAAC;QAEF,MAAM,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAEpC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACxB,KAAK,CAAC,QAAQ,CAAC,OAAO,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE,CAAC,CAAC;QAC/D,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QAEvB,MAAM,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IAC7C,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,iCAAiC,EAAE,GAAG,EAAE;QAC1C,MAAM,iBAAiB,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC;QACtC,MAAM,OAAO,GAAG,KAAK,CACpB,oBAAC,oBAAoB,oBACf,oBAAoB,CAAC,IAA2B,EACjD,EAAE,WAAW,EAAE,EAAE,EAAE,iBAAiB,EAAE,EACzC,CACF,CAAC;QAEF,MAAM,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAEpC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACxB,KAAK,CAAC,QAAQ,CAAC,OAAO,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,2BAA2B,EAAE,EAAE,CAAC,CAAC;QAC5E,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QAEvB,MAAM,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;IAC9C,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\r\nimport { mount } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport sinon from \"sinon\";\r\nimport { DefaultProjectHeader } from \"../stories/ProjectHeader.stories\";\r\nimport { ProjectHeaderProps } from \"../ProjectHeader\";\r\n\r\ndescribe(\"<ProjectHeader/>\", () => {\r\n\tit(\"should allow saving valid name\", () => {\r\n\t\tconst onSaveProjectName = sinon.spy();\r\n\t\tconst wrapper = mount(\r\n\t\t\t<DefaultProjectHeader\r\n\t\t\t\t{...(DefaultProjectHeader.args as ProjectHeaderProps)}\r\n\t\t\t\t{...{ projectName: \"\", onSaveProjectName }}\r\n\t\t\t/>\r\n\t\t);\r\n\r\n\t\tconst input = wrapper.find(\"input\");\r\n\r\n\t\tinput.simulate(\"focus\");\r\n\t\tinput.simulate(\"input\", { target: { value: \"New Name 123\" } });\r\n\t\tinput.simulate(\"blur\");\r\n\r\n\t\texpect(onSaveProjectName.called).to.be.true;\r\n\t});\r\n\tit(\"should not allow saving invalid\", () => {\r\n\t\tconst onSaveProjectName = sinon.spy();\r\n\t\tconst wrapper = mount(\r\n\t\t\t<DefaultProjectHeader\r\n\t\t\t\t{...(DefaultProjectHeader.args as ProjectHeaderProps)}\r\n\t\t\t\t{...{ projectName: \"\", onSaveProjectName }}\r\n\t\t\t/>\r\n\t\t);\r\n\r\n\t\tconst input = wrapper.find(\"input\");\r\n\r\n\t\tinput.simulate(\"focus\");\r\n\t\tinput.simulate(\"input\", { target: { value: \" (Inv@l!d- Project)[] 123\" } });\r\n\t\tinput.simulate(\"blur\");\r\n\r\n\t\texpect(onSaveProjectName.called).to.be.false;\r\n\t});\r\n});\r\n"]}

package/react/components/smartDesktopDesigner/tests/Publish.spec.js

@@ -8,10 +8,7 @@ import { waitTick } from "../sdd_helpers";
 import { accessibilityAssessor } from "./a11y_helper";
 describe("<Publish/>", () => {
     it("should show progress bar", async () => {
-        const wrapper = mount(React.createElement(DefaultPublish, { ...{
-                ...DefaultPublish.args,
-                progressCheckInterval: 1,
-            } }));
+        const wrapper = mount(React.createElement(DefaultPublish, Object.assign({}, Object.assign(Object.assign({}, DefaultPublish.args), { progressCheckInterval: 1 }))));
         await waitTick();
         wrapper.update();
         expect(wrapper.find(".publish-progress-indicator").length).to.equal(1);
@@ -19,12 +16,8 @@ describe("<Publish/>", () => {
         wrapper.unmount();
     });
     it("should show error message and allow retry", async () => {
-        const publishToCosaicCloud = sinon.spy(() => Error1Publish.args?.publishToCosaicCloud());
-        const wrapper = mount(React.createElement(Error1Publish, { ...{
-                ...Error1Publish.args,
-                ...{ publishToCosaicCloud },
-                progressCheckInterval: 1,
-            } }));
+        const publishToCosaicCloud = sinon.spy(() => { var _a; return (_a = Error1Publish.args) === null || _a === void 0 ? void 0 : _a.publishToCosaicCloud(); });
+        const wrapper = mount(React.createElement(Error1Publish, Object.assign({}, Object.assign(Object.assign(Object.assign({}, Error1Publish.args), { publishToCosaicCloud }), { progressCheckInterval: 1 }))));
         await waitTick();
         wrapper.update();
         expect(wrapper.find(".publish-progress-pending").length).to.equal(0);

package/react/components/smartDesktopDesigner/tests/Publish.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"Publish.spec.js","sourceRoot":"","sources":["../../../../src/components/smartDesktopDesigner/tests/Publish.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAE3E,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAEtD,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IAC3B,EAAE,CAAC,0BAA0B,EAAE,KAAK,IAAI,EAAE;QACzC,MAAM,OAAO,GAAG,KAAK,CACpB,oBAAC,cAAc,OACV;gBACH,GAAI,cAAc,CAAC,IAAqB;gBACxC,qBAAqB,EAAE,CAAC;aACxB,GACA,CACF,CAAC;QAEF,MAAM,QAAQ,EAAE,CAAC;QACjB,OAAO,CAAC,MAAM,EAAE,CAAC;QAEjB,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,6BAA6B,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAEvE,MAAM,CAAC,MAAM,qBAAqB,CAAC,OAAO,CAAC,EAAE,oBAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;QAE9E,OAAO,CAAC,OAAO,EAAE,CAAC;IACnB,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,2CAA2C,EAAE,KAAK,IAAI,EAAE;QAC1D,MAAM,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,EAAE,oBAAqB,EAAE,CAAC,CAAC;QAE1F,MAAM,OAAO,GAAG,KAAK,CACpB,oBAAC,aAAa,OACT;gBACH,GAAI,aAAa,CAAC,IAAqB;gBAEvC,GAAI,EAAE,oBAAoB,EAAmB;gBAC7C,qBAAqB,EAAE,CAAC;aACxB,GACA,CACF,CAAC;QAEF,MAAM,QAAQ,EAAE,CAAC;QACjB,OAAO,CAAC,MAAM,EAAE,CAAC;QAEjB,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,2BAA2B,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QACrE,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QACjE,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,+BAA+B,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QACzE,MAAM,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;QAE/C,MAAM,CAAC,MAAM,qBAAqB,CAAC,OAAO,CAAC,EAAE,oBAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;QAE9E,OAAO,CAAC,OAAO,EAAE,CAAC;IACnB,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\r\nimport { mount } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport { DefaultPublish, Error1Publish } from \"../stories/Publish.stories\";\r\nimport { PublishProps } from \"../Publish\";\r\nimport sinon from \"sinon\";\r\nimport { waitTick } from \"../sdd_helpers\";\r\nimport { accessibilityAssessor } from \"./a11y_helper\";\r\n\r\ndescribe(\"<Publish/>\", () => {\r\n\tit(\"should show progress bar\", async () => {\r\n\t\tconst wrapper = mount(\r\n\t\t\t<DefaultPublish\r\n\t\t\t\t{...{\r\n\t\t\t\t\t...(DefaultPublish.args as PublishProps),\r\n\t\t\t\t\tprogressCheckInterval: 1,\r\n\t\t\t\t}}\r\n\t\t\t/>\r\n\t\t);\r\n\r\n\t\tawait waitTick();\r\n\t\twrapper.update();\r\n\r\n\t\texpect(wrapper.find(\".publish-progress-indicator\").length).to.equal(1);\r\n\r\n\t\texpect(await accessibilityAssessor(wrapper), \"Accessibility scan\").to.be.true;\r\n\r\n\t\twrapper.unmount();\r\n\t});\r\n\tit(\"should show error message and allow retry\", async () => {\r\n\t\tconst publishToCosaicCloud = sinon.spy(() => Error1Publish.args?.publishToCosaicCloud!());\r\n\r\n\t\tconst wrapper = mount(\r\n\t\t\t<Error1Publish\r\n\t\t\t\t{...{\r\n\t\t\t\t\t...(Error1Publish.args as PublishProps),\r\n\t\t\t\t\t// @ts-ignore - sinon.spy() has different type signature than publishToCosaicCloud()\r\n\t\t\t\t\t...({ publishToCosaicCloud } as PublishProps),\r\n\t\t\t\t\tprogressCheckInterval: 1,\r\n\t\t\t\t}}\r\n\t\t\t/>\r\n\t\t);\r\n\r\n\t\tawait waitTick();\r\n\t\twrapper.update();\r\n\r\n\t\texpect(wrapper.find(\".publish-progress-pending\").length).to.equal(0);\r\n\t\texpect(wrapper.find(\".export-publish-error\").length).to.equal(1);\r\n\t\texpect(wrapper.find(\".export-publish-error-message\").length).to.equal(1);\r\n\t\texpect(publishToCosaicCloud.called).to.be.true;\r\n\r\n\t\texpect(await accessibilityAssessor(wrapper), \"Accessibility scan\").to.be.true;\r\n\r\n\t\twrapper.unmount();\r\n\t});\r\n});\r\n"]}
+{"version":3,"file":"Publish.spec.js","sourceRoot":"","sources":["../../../../src/components/smartDesktopDesigner/tests/Publish.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAE3E,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAEtD,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IAC3B,EAAE,CAAC,0BAA0B,EAAE,KAAK,IAAI,EAAE;QACzC,MAAM,OAAO,GAAG,KAAK,CACpB,oBAAC,cAAc,oDAET,cAAc,CAAC,IAAqB,KACxC,qBAAqB,EAAE,CAAC,KAExB,CACF,CAAC;QAEF,MAAM,QAAQ,EAAE,CAAC;QACjB,OAAO,CAAC,MAAM,EAAE,CAAC;QAEjB,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,6BAA6B,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAEvE,MAAM,CAAC,MAAM,qBAAqB,CAAC,OAAO,CAAC,EAAE,oBAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;QAE9E,OAAO,CAAC,OAAO,EAAE,CAAC;IACnB,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,2CAA2C,EAAE,KAAK,IAAI,EAAE;QAC1D,MAAM,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE,WAAC,OAAA,MAAA,aAAa,CAAC,IAAI,0CAAE,oBAAoB,EAAG,CAAA,EAAA,CAAC,CAAC;QAE1F,MAAM,OAAO,GAAG,KAAK,CACpB,oBAAC,aAAa,kEAER,aAAa,CAAC,IAAqB,GAEnC,EAAE,oBAAoB,EAAmB,KAC7C,qBAAqB,EAAE,CAAC,KAExB,CACF,CAAC;QAEF,MAAM,QAAQ,EAAE,CAAC;QACjB,OAAO,CAAC,MAAM,EAAE,CAAC;QAEjB,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,2BAA2B,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QACrE,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QACjE,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,+BAA+B,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QACzE,MAAM,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;QAE/C,MAAM,CAAC,MAAM,qBAAqB,CAAC,OAAO,CAAC,EAAE,oBAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;QAE9E,OAAO,CAAC,OAAO,EAAE,CAAC;IACnB,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\r\nimport { mount } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport { DefaultPublish, Error1Publish } from \"../stories/Publish.stories\";\r\nimport { PublishProps } from \"../Publish\";\r\nimport sinon from \"sinon\";\r\nimport { waitTick } from \"../sdd_helpers\";\r\nimport { accessibilityAssessor } from \"./a11y_helper\";\r\n\r\ndescribe(\"<Publish/>\", () => {\r\n\tit(\"should show progress bar\", async () => {\r\n\t\tconst wrapper = mount(\r\n\t\t\t<DefaultPublish\r\n\t\t\t\t{...{\r\n\t\t\t\t\t...(DefaultPublish.args as PublishProps),\r\n\t\t\t\t\tprogressCheckInterval: 1,\r\n\t\t\t\t}}\r\n\t\t\t/>\r\n\t\t);\r\n\r\n\t\tawait waitTick();\r\n\t\twrapper.update();\r\n\r\n\t\texpect(wrapper.find(\".publish-progress-indicator\").length).to.equal(1);\r\n\r\n\t\texpect(await accessibilityAssessor(wrapper), \"Accessibility scan\").to.be.true;\r\n\r\n\t\twrapper.unmount();\r\n\t});\r\n\tit(\"should show error message and allow retry\", async () => {\r\n\t\tconst publishToCosaicCloud = sinon.spy(() => Error1Publish.args?.publishToCosaicCloud!());\r\n\r\n\t\tconst wrapper = mount(\r\n\t\t\t<Error1Publish\r\n\t\t\t\t{...{\r\n\t\t\t\t\t...(Error1Publish.args as PublishProps),\r\n\t\t\t\t\t// @ts-ignore - sinon.spy() has different type signature than publishToCosaicCloud()\r\n\t\t\t\t\t...({ publishToCosaicCloud } as PublishProps),\r\n\t\t\t\t\tprogressCheckInterval: 1,\r\n\t\t\t\t}}\r\n\t\t\t/>\r\n\t\t);\r\n\r\n\t\tawait waitTick();\r\n\t\twrapper.update();\r\n\r\n\t\texpect(wrapper.find(\".publish-progress-pending\").length).to.equal(0);\r\n\t\texpect(wrapper.find(\".export-publish-error\").length).to.equal(1);\r\n\t\texpect(wrapper.find(\".export-publish-error-message\").length).to.equal(1);\r\n\t\texpect(publishToCosaicCloud.called).to.be.true;\r\n\r\n\t\texpect(await accessibilityAssessor(wrapper), \"Accessibility scan\").to.be.true;\r\n\r\n\t\twrapper.unmount();\r\n\t});\r\n});\r\n"]}

package/react/components/smartDesktopDesigner/tests/PublishProgess.spec.js

@@ -6,15 +6,11 @@ import { HalfPublishProgress } from "../stories/PublishProgress.stories";
 import { accessibilityAssessor } from "./a11y_helper";
 describe("<PublishProgress/>", () => {
     it("should pass accessibility scans (Page)", async () => {
-        const wrapper = mount(React.createElement(HalfPublishProgress, { ...{
-                ...HalfPublishProgress.args,
-            } }));
+        const wrapper = mount(React.createElement(HalfPublishProgress, Object.assign({}, Object.assign({}, HalfPublishProgress.args))));
         expect(await accessibilityAssessor(wrapper)).to.be.true;
     });
     it("should show progress bar", () => {
-        const wrapper = mount(React.createElement(HalfPublishProgress, { ...{
-                ...HalfPublishProgress.args,
-            } }));
+        const wrapper = mount(React.createElement(HalfPublishProgress, Object.assign({}, Object.assign({}, HalfPublishProgress.args))));
         expect(wrapper.find(".publish-progress-indicator").length).to.equal(1);
     });
 });

package/react/components/smartDesktopDesigner/tests/PublishProgess.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"PublishProgess.spec.js","sourceRoot":"","sources":["../../../../src/components/smartDesktopDesigner/tests/PublishProgess.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAEzE,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAEtD,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;IACnC,EAAE,CAAC,wCAAwC,EAAE,KAAK,IAAI,EAAE;QACvD,MAAM,OAAO,GAAG,KAAK,CACpB,oBAAC,mBAAmB,OACf;gBACH,GAAI,mBAAmB,CAAC,IAA6B;aACrD,GACA,CACF,CAAC;QAEF,MAAM,CAAC,MAAM,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IACzD,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;QACnC,MAAM,OAAO,GAAG,KAAK,CACpB,oBAAC,mBAAmB,OACf;gBACH,GAAI,mBAAmB,CAAC,IAA6B;aACrD,GACA,CACF,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,6BAA6B,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IACxE,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\r\nimport { mount } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport { HalfPublishProgress } from \"../stories/PublishProgress.stories\";\r\nimport { PublishProgressProps } from \"../PublishProgress\";\r\nimport { accessibilityAssessor } from \"./a11y_helper\";\r\n\r\ndescribe(\"<PublishProgress/>\", () => {\r\n\tit(\"should pass accessibility scans (Page)\", async () => {\r\n\t\tconst wrapper = mount(\r\n\t\t\t<HalfPublishProgress\r\n\t\t\t\t{...{\r\n\t\t\t\t\t...(HalfPublishProgress.args as PublishProgressProps),\r\n\t\t\t\t}}\r\n\t\t\t/>\r\n\t\t);\r\n\r\n\t\texpect(await accessibilityAssessor(wrapper)).to.be.true;\r\n\t});\r\n\tit(\"should show progress bar\", () => {\r\n\t\tconst wrapper = mount(\r\n\t\t\t<HalfPublishProgress\r\n\t\t\t\t{...{\r\n\t\t\t\t\t...(HalfPublishProgress.args as PublishProgressProps),\r\n\t\t\t\t}}\r\n\t\t\t/>\r\n\t\t);\r\n\r\n\t\texpect(wrapper.find(\".publish-progress-indicator\").length).to.equal(1);\r\n\t});\r\n});\r\n"]}
+{"version":3,"file":"PublishProgess.spec.js","sourceRoot":"","sources":["../../../../src/components/smartDesktopDesigner/tests/PublishProgess.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAEzE,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAEtD,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;IACnC,EAAE,CAAC,wCAAwC,EAAE,KAAK,IAAI,EAAE;QACvD,MAAM,OAAO,GAAG,KAAK,CACpB,oBAAC,mBAAmB,sCAEd,mBAAmB,CAAC,IAA6B,GAErD,CACF,CAAC;QAEF,MAAM,CAAC,MAAM,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IACzD,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;QACnC,MAAM,OAAO,GAAG,KAAK,CACpB,oBAAC,mBAAmB,sCAEd,mBAAmB,CAAC,IAA6B,GAErD,CACF,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,6BAA6B,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IACxE,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\r\nimport { mount } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport { HalfPublishProgress } from \"../stories/PublishProgress.stories\";\r\nimport { PublishProgressProps } from \"../PublishProgress\";\r\nimport { accessibilityAssessor } from \"./a11y_helper\";\r\n\r\ndescribe(\"<PublishProgress/>\", () => {\r\n\tit(\"should pass accessibility scans (Page)\", async () => {\r\n\t\tconst wrapper = mount(\r\n\t\t\t<HalfPublishProgress\r\n\t\t\t\t{...{\r\n\t\t\t\t\t...(HalfPublishProgress.args as PublishProgressProps),\r\n\t\t\t\t}}\r\n\t\t\t/>\r\n\t\t);\r\n\r\n\t\texpect(await accessibilityAssessor(wrapper)).to.be.true;\r\n\t});\r\n\tit(\"should show progress bar\", () => {\r\n\t\tconst wrapper = mount(\r\n\t\t\t<HalfPublishProgress\r\n\t\t\t\t{...{\r\n\t\t\t\t\t...(HalfPublishProgress.args as PublishProgressProps),\r\n\t\t\t\t}}\r\n\t\t\t/>\r\n\t\t);\r\n\r\n\t\texpect(wrapper.find(\".publish-progress-indicator\").length).to.equal(1);\r\n\t});\r\n});\r\n"]}

package/react/components/smartDesktopDesigner/tests/SmartDesktopDesigner.spec.js

@@ -7,7 +7,7 @@ import { waitTick } from "../sdd_helpers";
 import { accessibilityAssessor } from "./a11y_helper";
 describe("<SmartDesktopDesigner/>", () => {
     it("should pass accessibility scans (Page)", async () => {
-        const wrapper = mount(React.createElement(DefaultSDD, { ...DefaultSDD.args }));
+        const wrapper = mount(React.createElement(DefaultSDD, Object.assign({}, DefaultSDD.args)));
         expect(await accessibilityAssessor(wrapper)).to.be.true;
     });
     [
@@ -53,7 +53,7 @@ describe("<SmartDesktopDesigner/>", () => {
         },
     ].forEach((target) => {
         it(`should navigate to ${target.nav.title} from left navigation`, async () => {
-            const wrapper = mount(React.createElement(DefaultSDD, { ...DefaultSDD.args }));
+            const wrapper = mount(React.createElement(DefaultSDD, Object.assign({}, DefaultSDD.args)));
             await waitTick();
             wrapper.update();
             expect(wrapper.find(".nav-item.active #getting-started-nav-link").length, "Currently on Getting Started").to.equal(1);
@@ -65,7 +65,7 @@ describe("<SmartDesktopDesigner/>", () => {
         });
         if (target.ql) {
             it(`should navigate to ${target.ql.title} from quicklinks on GettingStarted`, async () => {
-                const wrapper = mount(React.createElement(DefaultSDD, { ...DefaultSDD.args }));
+                const wrapper = mount(React.createElement(DefaultSDD, Object.assign({}, DefaultSDD.args)));
                 await waitTick();
                 wrapper.update();
                 expect(wrapper.find(".nav-item.active #getting-started-nav-link").length, "Currently on Getting Started").to.equal(1);

package/react/components/smartDesktopDesigner/tests/SmartDesktopDesigner.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"SmartDesktopDesigner.spec.js","sourceRoot":"","sources":["../../../../src/components/smartDesktopDesigner/tests/SmartDesktopDesigner.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\r\nimport { mount } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport { DefaultSDD } from \"../stories/SmartDesktopDesigner.stories\";\r\nimport { waitTick } from \"../sdd_helpers\";\r\nimport { SmartDesktopDesignerProps } from \"../SmartDesktopDesigner\";\r\nimport { accessibilityAssessor } from \"./a11y_helper\";\r\n\r\ndescribe(\"<SmartDesktopDesigner/>\", () => {\r\n\tit(\"should pass accessibility scans (Page)\", async () => {\r\n\t\tconst wrapper = mount(<DefaultSDD {...(DefaultSDD.args as SmartDesktopDesignerProps)} />);\r\n\r\n\t\texpect(await accessibilityAssessor(wrapper)).to.be.true;\r\n\t});\r\n\r\n\t[\r\n\t\t{\r\n\t\t\tnav: {\r\n\t\t\t\tid: \"applications-nav-link\",\r\n\t\t\t\ttitle: \"Apps\",\r\n\t\t\t},\r\n\t\t\tql: {\r\n\t\t\t\tid: \"application\",\r\n\t\t\t\ttitle: \"Add an app\",\r\n\t\t\t},\r\n\t\t},\r\n\t\t{\r\n\t\t\tnav: {\r\n\t\t\t\tid: \"themes-nav-link\",\r\n\t\t\t\ttitle: \"Themes\",\r\n\t\t\t},\r\n\t\t\tql: {\r\n\t\t\t\tid: \"theme\",\r\n\t\t\t\ttitle: \"Themes\",\r\n\t\t\t},\r\n\t\t},\r\n\t\t{\r\n\t\t\tnav: {\r\n\t\t\t\tid: \"authentication-nav-link\",\r\n\t\t\t\ttitle: \"Authentication\",\r\n\t\t\t},\r\n\t\t\tql: {\r\n\t\t\t\tid: \"authentication\",\r\n\t\t\t\ttitle: \"Authentication\",\r\n\t\t\t},\r\n\t\t},\r\n\t\t{\r\n\t\t\tnav: {\r\n\t\t\t\tid: \"export-nav-link\",\r\n\t\t\t\ttitle: \"Publish\",\r\n\t\t\t},\r\n\t\t\tql: {\r\n\t\t\t\tid: \"publish\",\r\n\t\t\t\ttitle: \"Publish\",\r\n\t\t\t},\r\n\t\t},\r\n\t].forEach((target) => {\r\n\t\tit(`should navigate to ${target.nav.title} from left navigation`, async () => {\r\n\t\t\tconst wrapper = mount(<DefaultSDD {...(DefaultSDD.args as SmartDesktopDesignerProps)} />);\r\n\r\n\t\t\tawait waitTick();\r\n\t\t\twrapper.update();\r\n\r\n\t\t\texpect(\r\n\t\t\t\twrapper.find(\".nav-item.active #getting-started-nav-link\").length,\r\n\t\t\t\t\"Currently on Getting Started\"\r\n\t\t\t).to.equal(1);\r\n\r\n\t\t\twrapper.find(`.nav-item #${target.nav.id}`).at(0).simulate(\"click\");\r\n\r\n\t\t\tawait waitTick();\r\n\t\t\twrapper.update();\r\n\r\n\t\t\texpect(wrapper.find(`.nav-item.active #${target.nav.id}`).length, `${target.nav.id} is active`).to.equal(1);\r\n\t\t\texpect(wrapper.find(\".view-title .leftSide\").at(0).text(), `page title is \"${target.nav.title}\"`).contains(\r\n\t\t\t\ttarget.nav.title\r\n\t\t\t);\r\n\t\t});\r\n\r\n\t\tif (target.ql) {\r\n\t\t\tit(`should navigate to ${target.ql.title} from quicklinks on GettingStarted`, async () => {\r\n\t\t\t\tconst wrapper = mount(<DefaultSDD {...(DefaultSDD.args as SmartDesktopDesignerProps)} />);\r\n\r\n\t\t\t\tawait waitTick();\r\n\t\t\t\twrapper.update();\r\n\r\n\t\t\t\texpect(\r\n\t\t\t\t\twrapper.find(\".nav-item.active #getting-started-nav-link\").length,\r\n\t\t\t\t\t\"Currently on Getting Started\"\r\n\t\t\t\t).to.equal(1);\r\n\r\n\t\t\t\twrapper.find(`.button-container-tile.icon-${target.ql.id} button`).at(0).simulate(\"click\");\r\n\r\n\t\t\t\tawait waitTick();\r\n\t\t\t\twrapper.update();\r\n\r\n\t\t\t\texpect(wrapper.find(`.nav-item.active #${target.nav.id}`).length, `${target.nav.id} is active`).to.equal(1);\r\n\t\t\t\texpect(wrapper.find(\".view-title .leftSide\").at(0).text(), `page title is \"${target.ql.title}\"`).contains(\r\n\t\t\t\t\ttarget.ql.title\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t\t}\r\n\t});\r\n});\r\n"]}
+{"version":3,"file":"SmartDesktopDesigner.spec.js","sourceRoot":"","sources":["../../../../src/components/smartDesktopDesigner/tests/SmartDesktopDesigner.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\r\nimport { mount } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport { DefaultSDD } from \"../stories/SmartDesktopDesigner.stories\";\r\nimport { waitTick } from \"../sdd_helpers\";\r\nimport { SmartDesktopDesignerProps } from \"../SmartDesktopDesigner\";\r\nimport { accessibilityAssessor } from \"./a11y_helper\";\r\n\r\ndescribe(\"<SmartDesktopDesigner/>\", () => {\r\n\tit(\"should pass accessibility scans (Page)\", async () => {\r\n\t\tconst wrapper = mount(<DefaultSDD {...(DefaultSDD.args as SmartDesktopDesignerProps)} />);\r\n\r\n\t\texpect(await accessibilityAssessor(wrapper)).to.be.true;\r\n\t});\r\n\r\n\t[\r\n\t\t{\r\n\t\t\tnav: {\r\n\t\t\t\tid: \"applications-nav-link\",\r\n\t\t\t\ttitle: \"Apps\",\r\n\t\t\t},\r\n\t\t\tql: {\r\n\t\t\t\tid: \"application\",\r\n\t\t\t\ttitle: \"Add an app\",\r\n\t\t\t},\r\n\t\t},\r\n\t\t{\r\n\t\t\tnav: {\r\n\t\t\t\tid: \"themes-nav-link\",\r\n\t\t\t\ttitle: \"Themes\",\r\n\t\t\t},\r\n\t\t\tql: {\r\n\t\t\t\tid: \"theme\",\r\n\t\t\t\ttitle: \"Themes\",\r\n\t\t\t},\r\n\t\t},\r\n\t\t{\r\n\t\t\tnav: {\r\n\t\t\t\tid: \"authentication-nav-link\",\r\n\t\t\t\ttitle: \"Authentication\",\r\n\t\t\t},\r\n\t\t\tql: {\r\n\t\t\t\tid: \"authentication\",\r\n\t\t\t\ttitle: \"Authentication\",\r\n\t\t\t},\r\n\t\t},\r\n\t\t{\r\n\t\t\tnav: {\r\n\t\t\t\tid: \"export-nav-link\",\r\n\t\t\t\ttitle: \"Publish\",\r\n\t\t\t},\r\n\t\t\tql: {\r\n\t\t\t\tid: \"publish\",\r\n\t\t\t\ttitle: \"Publish\",\r\n\t\t\t},\r\n\t\t},\r\n\t].forEach((target) => {\r\n\t\tit(`should navigate to ${target.nav.title} from left navigation`, async () => {\r\n\t\t\tconst wrapper = mount(<DefaultSDD {...(DefaultSDD.args as SmartDesktopDesignerProps)} />);\r\n\r\n\t\t\tawait waitTick();\r\n\t\t\twrapper.update();\r\n\r\n\t\t\texpect(\r\n\t\t\t\twrapper.find(\".nav-item.active #getting-started-nav-link\").length,\r\n\t\t\t\t\"Currently on Getting Started\"\r\n\t\t\t).to.equal(1);\r\n\r\n\t\t\twrapper.find(`.nav-item #${target.nav.id}`).at(0).simulate(\"click\");\r\n\r\n\t\t\tawait waitTick();\r\n\t\t\twrapper.update();\r\n\r\n\t\t\texpect(wrapper.find(`.nav-item.active #${target.nav.id}`).length, `${target.nav.id} is active`).to.equal(1);\r\n\t\t\texpect(wrapper.find(\".view-title .leftSide\").at(0).text(), `page title is \"${target.nav.title}\"`).contains(\r\n\t\t\t\ttarget.nav.title\r\n\t\t\t);\r\n\t\t});\r\n\r\n\t\tif (target.ql) {\r\n\t\t\tit(`should navigate to ${target.ql.title} from quicklinks on GettingStarted`, async () => {\r\n\t\t\t\tconst wrapper = mount(<DefaultSDD {...(DefaultSDD.args as SmartDesktopDesignerProps)} />);\r\n\r\n\t\t\t\tawait waitTick();\r\n\t\t\t\twrapper.update();\r\n\r\n\t\t\t\texpect(\r\n\t\t\t\t\twrapper.find(\".nav-item.active #getting-started-nav-link\").length,\r\n\t\t\t\t\t\"Currently on Getting Started\"\r\n\t\t\t\t).to.equal(1);\r\n\r\n\t\t\t\twrapper.find(`.button-container-tile.icon-${target.ql.id} button`).at(0).simulate(\"click\");\r\n\r\n\t\t\t\tawait waitTick();\r\n\t\t\t\twrapper.update();\r\n\r\n\t\t\t\texpect(wrapper.find(`.nav-item.active #${target.nav.id}`).length, `${target.nav.id} is active`).to.equal(1);\r\n\t\t\t\texpect(wrapper.find(\".view-title .leftSide\").at(0).text(), `page title is \"${target.ql.title}\"`).contains(\r\n\t\t\t\t\ttarget.ql.title\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t\t}\r\n\t});\r\n});\r\n"]}

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

@@ -10,40 +10,40 @@ describe("<Themes/>", () => {
         sinon.restore();
     });
     it.skip("should pass accessibility scans", async () => {
-        const wrapper = mount(React.createElement(Page, { ...Page.args }));
+        const wrapper = mount(React.createElement(Page, Object.assign({}, Page.args)));
         expect(await accessibilityAssessor(wrapper)).to.be.true;
     }).timeout(5000);
     it("should change tab panels with the tab 'Images' is chosen", () => {
-        const wrapper = mount(React.createElement(Page, { ...Page.args }));
+        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, { ...Page.args }));
+        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, { ...Page.args }));
+        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, { ...Page.args }));
+        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, { ...Page.args }));
+        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, { ...Page.args }));
+        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");

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

@@ -1 +1 @@
-{"version":3,"file":"Themes.spec.js","sourceRoot":"","sources":["../../../../src/components/smartDesktopDesigner/tests/Themes.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\r\nimport { mount } from \"enzyme\";\r\nimport { afterEach, describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport sinon from \"sinon\";\r\nimport { ThemeProps } from \"../Themes\";\r\nimport { Page } from \"../stories/Themes.stories\";\r\nimport { accessibilityAssessor } from \"./a11y_helper\";\r\n\r\ndescribe(\"<Themes/>\", () => {\r\n\tafterEach(() => {\r\n\t\tsinon.restore();\r\n\t});\r\n\tit.skip(\"should pass accessibility scans\", async () => {\r\n\t\tconst wrapper = mount(<Page {...(Page.args as ThemeProps)} />);\r\n\r\n\t\texpect(await accessibilityAssessor(wrapper)).to.be.true;\r\n\t}).timeout(5000); // This scan is very heavy (4s)\r\n\r\n\tit(\"should change tab panels with the tab 'Images' is chosen\", () => {\r\n\t\tconst wrapper = mount(<Page {...(Page.args as ThemeProps)} />);\r\n\t\twrapper.find(\"[role='tab']\").at(1).simulate(\"click\");\r\n\t\texpect(wrapper.find(\".visible .images-section\").exists()).to.be.true;\r\n\t\texpect(wrapper.find(\".visible .theme-settings\").exists()).to.be.false;\r\n\t});\r\n\tit(\"should change tab panels with the tab 'Themes' is chosen\", () => {\r\n\t\tconst wrapper = mount(<Page {...(Page.args as ThemeProps)} />);\r\n\t\twrapper.find(\"[role='tab']\").at(0).simulate(\"click\");\r\n\t\texpect(wrapper.find(\".visible .images-section\").exists()).to.be.false;\r\n\t\texpect(wrapper.find(\".visible .theme-settings\").exists()).to.be.true;\r\n\t});\r\n\tit(\"should launch an Are You Sure dialog when the Dark Theme button is clicked\", () => {\r\n\t\tconst buttonSpy = sinon.spy(Page.args as ThemeProps, \"areYouSure\");\r\n\t\tconst wrapper = mount(<Page {...(Page.args as ThemeProps)} />);\r\n\t\twrapper.find(\".template-row button\").at(0).simulate(\"click\");\r\n\t\texpect(buttonSpy.calledOnce).to.be.true;\r\n\t});\r\n\tit(\"should launch an Are You Sure dialog when the Light Theme button is clicked\", () => {\r\n\t\tconst buttonSpy = sinon.spy(Page.args as ThemeProps, \"areYouSure\");\r\n\t\tconst wrapper = mount(<Page {...(Page.args as ThemeProps)} />);\r\n\t\twrapper.find(\".template-row button\").at(1).simulate(\"click\");\r\n\t\texpect(buttonSpy.calledOnce).to.be.true;\r\n\t});\r\n\tit(\"should change the color values when the Light Theme is chosen\", () => {\r\n\t\tconst wrapper = mount(<Page {...(Page.args as ThemeProps)} />);\r\n\t\twrapper.find(\".template-row button\").at(1).simulate(\"click\");\r\n\t\texpect(wrapper.find(\"[type='color']\").first().prop(\"value\")).to.equal(\"#2C2C2C\");\r\n\t});\r\n\tit(\"should change the color values when the Dark Theme is chosen\", () => {\r\n\t\tconst wrapper = mount(<Page {...(Page.args as ThemeProps)} />);\r\n\t\twrapper.find(\".template-row button\").at(1).simulate(\"click\");\r\n\t\twrapper.find(\".template-row button\").at(0).simulate(\"click\");\r\n\t\texpect(wrapper.find(\"[type='color']\").first().prop(\"value\")).to.equal(\"#ffffff\");\r\n\t});\r\n});\r\n"]}
+{"version":3,"file":"Themes.spec.js","sourceRoot":"","sources":["../../../../src/components/smartDesktopDesigner/tests/Themes.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\r\nimport { mount } from \"enzyme\";\r\nimport { afterEach, describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport sinon from \"sinon\";\r\nimport { ThemeProps } from \"../Themes\";\r\nimport { Page } from \"../stories/Themes.stories\";\r\nimport { accessibilityAssessor } from \"./a11y_helper\";\r\n\r\ndescribe(\"<Themes/>\", () => {\r\n\tafterEach(() => {\r\n\t\tsinon.restore();\r\n\t});\r\n\tit.skip(\"should pass accessibility scans\", async () => {\r\n\t\tconst wrapper = mount(<Page {...(Page.args as ThemeProps)} />);\r\n\r\n\t\texpect(await accessibilityAssessor(wrapper)).to.be.true;\r\n\t}).timeout(5000); // This scan is very heavy (4s)\r\n\r\n\tit(\"should change tab panels with the tab 'Images' is chosen\", () => {\r\n\t\tconst wrapper = mount(<Page {...(Page.args as ThemeProps)} />);\r\n\t\twrapper.find(\"[role='tab']\").at(1).simulate(\"click\");\r\n\t\texpect(wrapper.find(\".visible .images-section\").exists()).to.be.true;\r\n\t\texpect(wrapper.find(\".visible .theme-settings\").exists()).to.be.false;\r\n\t});\r\n\tit(\"should change tab panels with the tab 'Themes' is chosen\", () => {\r\n\t\tconst wrapper = mount(<Page {...(Page.args as ThemeProps)} />);\r\n\t\twrapper.find(\"[role='tab']\").at(0).simulate(\"click\");\r\n\t\texpect(wrapper.find(\".visible .images-section\").exists()).to.be.false;\r\n\t\texpect(wrapper.find(\".visible .theme-settings\").exists()).to.be.true;\r\n\t});\r\n\tit(\"should launch an Are You Sure dialog when the Dark Theme button is clicked\", () => {\r\n\t\tconst buttonSpy = sinon.spy(Page.args as ThemeProps, \"areYouSure\");\r\n\t\tconst wrapper = mount(<Page {...(Page.args as ThemeProps)} />);\r\n\t\twrapper.find(\".template-row button\").at(0).simulate(\"click\");\r\n\t\texpect(buttonSpy.calledOnce).to.be.true;\r\n\t});\r\n\tit(\"should launch an Are You Sure dialog when the Light Theme button is clicked\", () => {\r\n\t\tconst buttonSpy = sinon.spy(Page.args as ThemeProps, \"areYouSure\");\r\n\t\tconst wrapper = mount(<Page {...(Page.args as ThemeProps)} />);\r\n\t\twrapper.find(\".template-row button\").at(1).simulate(\"click\");\r\n\t\texpect(buttonSpy.calledOnce).to.be.true;\r\n\t});\r\n\tit(\"should change the color values when the Light Theme is chosen\", () => {\r\n\t\tconst wrapper = mount(<Page {...(Page.args as ThemeProps)} />);\r\n\t\twrapper.find(\".template-row button\").at(1).simulate(\"click\");\r\n\t\texpect(wrapper.find(\"[type='color']\").first().prop(\"value\")).to.equal(\"#2C2C2C\");\r\n\t});\r\n\tit(\"should change the color values when the Dark Theme is chosen\", () => {\r\n\t\tconst wrapper = mount(<Page {...(Page.args as ThemeProps)} />);\r\n\t\twrapper.find(\".template-row button\").at(1).simulate(\"click\");\r\n\t\twrapper.find(\".template-row button\").at(0).simulate(\"click\");\r\n\t\texpect(wrapper.find(\"[type='color']\").first().prop(\"value\")).to.equal(\"#ffffff\");\r\n\t});\r\n});\r\n"]}

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

@@ -1,5 +1,6 @@
 import axe from "axe-core";
 export const accessibilityAssessor = async (wrapper) => {
+    var _a;
     const id = "axeTestContainer";
     document.body.insertAdjacentHTML("beforeend", `<div id="${id}">${wrapper.html()}</div>`);
     const element = document.getElementById(id);
@@ -11,7 +12,7 @@ export const accessibilityAssessor = async (wrapper) => {
         runOnly: ["wcag2a", "wcag2aa"],
     };
     const results = await axe.run(element, options);
-    element.parentElement?.removeChild(element);
+    (_a = element.parentElement) === null || _a === void 0 ? void 0 : _a.removeChild(element);
     if (results.violations.length === 0) {
         return true;
     }

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

@@ -1 +1 @@
-{"version":3,"file":"a11y_helper.js","sourceRoot":"","sources":["../../../../src/components/smartDesktopDesigner/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;IAI9B,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;IAGD,MAAM,OAAO,GAAG;QACf,OAAO,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC;KAC9B,CAAC;IAGF,MAAM,OAAO,GAAG,MAAM,GAAG,CAAC,GAAG,CAAC,OAAsB,EAAE,OAAO,CAAC,CAAC;IAG/D,OAAO,CAAC,aAAa,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAG5C,IAAI,OAAO,CAAC,UAAU,CAAC,MAAM,KAAK,CAAC,EAAE;QACpC,OAAO,IAAI,CAAC;KACZ;IAGD,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IAEhC,OAAO,CAAC,GAAG,CAAC;GACV,OAAO,CAAC,UAAU,CAAC,GAAG,CACvB,CAAC,SAAS,EAAE,GAAG,EAAE,EAAE,CAAC,IAAI,GAAG,GAAG,CAAC,KAAK,SAAS,CAAC,IAAI;EAClD,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;CACpD,CACC,EAAE,CAAC,CAAC;IAGL,OAAO,KAAK,CAAC;AACd,CAAC,CAAC","sourcesContent":["import axe from \"axe-core\";\r\nimport { ReactWrapper } from \"enzyme\";\r\n\r\nexport const accessibilityAssessor = async (wrapper: ReactWrapper) => {\r\n\tconst id = \"axeTestContainer\";\r\n\r\n\t// Axe needs a DOM object\r\n\t// Create a DOM based on the ReactWrapper\r\n\tdocument.body.insertAdjacentHTML(\"beforeend\", `<div id=\"${id}\">${wrapper.html()}</div>`);\r\n\tconst element = document.getElementById(id);\r\n\tif (element === null) {\r\n\t\tconsole.log(\"Couldn't parse wrapper\");\r\n\t\treturn false;\r\n\t}\r\n\r\n\t// Only run WCAG 2.0 A and AA rules\r\n\tconst options = {\r\n\t\trunOnly: [\"wcag2a\", \"wcag2aa\"],\r\n\t};\r\n\r\n\t// Run the scan\r\n\tconst results = await axe.run(element as HTMLElement, options);\r\n\r\n\t// Tear down the created DOM\r\n\telement.parentElement?.removeChild(element);\r\n\r\n\t// If there are no violations, so this scan passes\r\n\tif (results.violations.length === 0) {\r\n\t\treturn true;\r\n\t}\r\n\r\n\t// If there are violations, print them out in a human-readable way\r\n\tconsole.log(results.violations);\r\n\r\n\tconsole.log(`Violations: \r\n\t${results.violations.map(\r\n\t\t(violation, key) => `#${key + 1}. ${violation.help}\r\n${violation.nodes.map((node) => node.html).join(\"\\n\")}\r\n`\r\n\t)}`);\r\n\r\n\t// There were violations, so this scan didn't pass\r\n\treturn false;\r\n};\r\n"]}
+{"version":3,"file":"a11y_helper.js","sourceRoot":"","sources":["../../../../src/components/smartDesktopDesigner/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;IAI9B,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;IAGD,MAAM,OAAO,GAAG;QACf,OAAO,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC;KAC9B,CAAC;IAGF,MAAM,OAAO,GAAG,MAAM,GAAG,CAAC,GAAG,CAAC,OAAsB,EAAE,OAAO,CAAC,CAAC;IAG/D,MAAA,OAAO,CAAC,aAAa,0CAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAG5C,IAAI,OAAO,CAAC,UAAU,CAAC,MAAM,KAAK,CAAC,EAAE;QACpC,OAAO,IAAI,CAAC;KACZ;IAGD,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IAEhC,OAAO,CAAC,GAAG,CAAC;GACV,OAAO,CAAC,UAAU,CAAC,GAAG,CACvB,CAAC,SAAS,EAAE,GAAG,EAAE,EAAE,CAAC,IAAI,GAAG,GAAG,CAAC,KAAK,SAAS,CAAC,IAAI;EAClD,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;CACpD,CACC,EAAE,CAAC,CAAC;IAGL,OAAO,KAAK,CAAC;AACd,CAAC,CAAC","sourcesContent":["import axe from \"axe-core\";\r\nimport { ReactWrapper } from \"enzyme\";\r\n\r\nexport const accessibilityAssessor = async (wrapper: ReactWrapper) => {\r\n\tconst id = \"axeTestContainer\";\r\n\r\n\t// Axe needs a DOM object\r\n\t// Create a DOM based on the ReactWrapper\r\n\tdocument.body.insertAdjacentHTML(\"beforeend\", `<div id=\"${id}\">${wrapper.html()}</div>`);\r\n\tconst element = document.getElementById(id);\r\n\tif (element === null) {\r\n\t\tconsole.log(\"Couldn't parse wrapper\");\r\n\t\treturn false;\r\n\t}\r\n\r\n\t// Only run WCAG 2.0 A and AA rules\r\n\tconst options = {\r\n\t\trunOnly: [\"wcag2a\", \"wcag2aa\"],\r\n\t};\r\n\r\n\t// Run the scan\r\n\tconst results = await axe.run(element as HTMLElement, options);\r\n\r\n\t// Tear down the created DOM\r\n\telement.parentElement?.removeChild(element);\r\n\r\n\t// If there are no violations, so this scan passes\r\n\tif (results.violations.length === 0) {\r\n\t\treturn true;\r\n\t}\r\n\r\n\t// If there are violations, print them out in a human-readable way\r\n\tconsole.log(results.violations);\r\n\r\n\tconsole.log(`Violations: \r\n\t${results.violations.map(\r\n\t\t(violation, key) => `#${key + 1}. ${violation.help}\r\n${violation.nodes.map((node) => node.html).join(\"\\n\")}\r\n`\r\n\t)}`);\r\n\r\n\t// There were violations, so this scan didn't pass\r\n\treturn false;\r\n};\r\n"]}

package/react/components/system/System.spec.js

@@ -5,7 +5,7 @@ import { expect } from "chai";
 import { Basic } from "./System.stories";
 describe("System Tray menu", () => {
     it("should display menu items text as expected", () => {
-        const wrapper = mount(React.createElement(Basic, { ...Basic.args }));
+        const wrapper = mount(React.createElement(Basic, Object.assign({}, Basic.args)));
         const menuItems = wrapper.find(".menu-item").map((elem) => elem.text());
         expect(menuItems, "Mocked up System file menu contains the expected items in the expected order").to.deep.equal([
             "Preferences",

package/react/components/system/System.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"System.spec.js","sourceRoot":"","sources":["../../../src/components/system/System.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IACjC,EAAE,CAAC,4CAA4C,EAAE,GAAG,EAAE;QACrD,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,KAAK,OAAK,KAAK,CAAC,IAAI,GAAI,CAAC,CAAC;QACjD,MAAM,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;QACxE,MAAM,CAAC,SAAS,EAAE,8EAA8E,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC;YAC/G,aAAa;YACb,YAAY;YACZ,gBAAgB;YAChB,eAAe;YACf,SAAS;YACT,OAAO;YACP,MAAM;SACN,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\r\nimport { mount } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport { Basic } from \"./System.stories\";\r\n\r\ndescribe(\"System Tray menu\", () => {\r\n\tit(\"should display menu items text as expected\", () => {\r\n\t\tconst wrapper = mount(<Basic {...Basic.args} />);\r\n\t\tconst menuItems = wrapper.find(\".menu-item\").map((elem) => elem.text());\r\n\t\texpect(menuItems, \"Mocked up System file menu contains the expected items in the expected order\").to.deep.equal([\r\n\t\t\t\"Preferences\",\r\n\t\t\t\"System Log\",\r\n\t\t\t\"Central Logger\",\r\n\t\t\t\"Documentation\",\r\n\t\t\t\"Restart\",\r\n\t\t\t\"Reset\",\r\n\t\t\t\"Quit\",\r\n\t\t]);\r\n\t});\r\n});\r\n"]}
+{"version":3,"file":"System.spec.js","sourceRoot":"","sources":["../../../src/components/system/System.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IACjC,EAAE,CAAC,4CAA4C,EAAE,GAAG,EAAE;QACrD,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,KAAK,oBAAK,KAAK,CAAC,IAAI,EAAI,CAAC,CAAC;QACjD,MAAM,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;QACxE,MAAM,CAAC,SAAS,EAAE,8EAA8E,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC;YAC/G,aAAa;YACb,YAAY;YACZ,gBAAgB;YAChB,eAAe;YACf,SAAS;YACT,OAAO;YACP,MAAM;SACN,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\r\nimport { mount } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport { Basic } from \"./System.stories\";\r\n\r\ndescribe(\"System Tray menu\", () => {\r\n\tit(\"should display menu items text as expected\", () => {\r\n\t\tconst wrapper = mount(<Basic {...Basic.args} />);\r\n\t\tconst menuItems = wrapper.find(\".menu-item\").map((elem) => elem.text());\r\n\t\texpect(menuItems, \"Mocked up System file menu contains the expected items in the expected order\").to.deep.equal([\r\n\t\t\t\"Preferences\",\r\n\t\t\t\"System Log\",\r\n\t\t\t\"Central Logger\",\r\n\t\t\t\"Documentation\",\r\n\t\t\t\"Restart\",\r\n\t\t\t\"Reset\",\r\n\t\t\t\"Quit\",\r\n\t\t]);\r\n\t});\r\n});\r\n"]}

package/react/components/system/SystemTrayComponentShell.js

@@ -6,7 +6,7 @@ export const SystemTrayComponentShell = (props) => {
     }, [props]);
     useEffect(() => {
         const hide = () => {
-            if (FSBL?.debug)
+            if (FSBL === null || FSBL === void 0 ? void 0 : FSBL.debug)
                 return;
             finsembleWindow.hide();
         };

package/react/components/system/SystemTrayComponentShell.js.map

@@ -1 +1 @@
-{"version":3,"file":"SystemTrayComponentShell.js","sourceRoot":"","sources":["../../../src/components/system/SystemTrayComponentShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;AAS5B,MAAM,CAAC,MAAM,wBAAwB,GAA2D,CAAC,KAAK,EAAE,EAAE;IAEzG,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC;IACtC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAGZ,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,IAAI,GAAG,GAAG,EAAE;YAEjB,IAAI,IAAI,EAAE,KAAK;gBAAE,OAAO;YACxB,eAAe,CAAC,IAAI,EAAE,CAAC;QACxB,CAAC,CAAC;QAEF,eAAe,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;QAClD,OAAO,GAAG,EAAE;YACX,eAAe,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;QACtD,CAAC,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,0CAAG,KAAK,CAAC,QAAQ,CAAI,CAAC;AAC9B,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\r\n\r\nconst { useEffect } = React;\r\ntype SystemTrayComponentShellProps = {};\r\n\r\n/**\r\n * This React component will automatically resize to the height of its DOM content and will hide itself when it loses focus.\r\n *\r\n * Note: Set FSBL.debug=true in order to override the window hide on blur effect, so that you can debug the window's contents.\r\n * @param {object} props\r\n */\r\nexport const SystemTrayComponentShell: React.FunctionComponent<SystemTrayComponentShellProps> = (props) => {\r\n\t// Resize window to fit the DOM height whenever the React children (window contents) change\r\n\tuseEffect(() => {\r\n\t\tFSBL.Clients.WindowClient.fitToDOM();\r\n\t}, [props]);\r\n\r\n\t// Hide window on blur.\r\n\tuseEffect(() => {\r\n\t\tconst hide = () => {\r\n\t\t\t// If FSBL.debug is set to true then bypass hide on blur effect\r\n\t\t\tif (FSBL?.debug) return;\r\n\t\t\tfinsembleWindow.hide();\r\n\t\t};\r\n\r\n\t\tfinsembleWindow.addEventListener(\"blurred\", hide);\r\n\t\treturn () => {\r\n\t\t\tfinsembleWindow.removeEventListener(\"blurred\", hide);\r\n\t\t};\r\n\t}, []);\r\n\r\n\treturn <>{props.children}</>;\r\n};\r\n"]}
+{"version":3,"file":"SystemTrayComponentShell.js","sourceRoot":"","sources":["../../../src/components/system/SystemTrayComponentShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;AAS5B,MAAM,CAAC,MAAM,wBAAwB,GAA2D,CAAC,KAAK,EAAE,EAAE;IAEzG,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC;IACtC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAGZ,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,IAAI,GAAG,GAAG,EAAE;YAEjB,IAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK;gBAAE,OAAO;YACxB,eAAe,CAAC,IAAI,EAAE,CAAC;QACxB,CAAC,CAAC;QAEF,eAAe,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;QAClD,OAAO,GAAG,EAAE;YACX,eAAe,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;QACtD,CAAC,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,0CAAG,KAAK,CAAC,QAAQ,CAAI,CAAC;AAC9B,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\r\n\r\nconst { useEffect } = React;\r\ntype SystemTrayComponentShellProps = {};\r\n\r\n/**\r\n * This React component will automatically resize to the height of its DOM content and will hide itself when it loses focus.\r\n *\r\n * Note: Set FSBL.debug=true in order to override the window hide on blur effect, so that you can debug the window's contents.\r\n * @param {object} props\r\n */\r\nexport const SystemTrayComponentShell: React.FunctionComponent<SystemTrayComponentShellProps> = (props) => {\r\n\t// Resize window to fit the DOM height whenever the React children (window contents) change\r\n\tuseEffect(() => {\r\n\t\tFSBL.Clients.WindowClient.fitToDOM();\r\n\t}, [props]);\r\n\r\n\t// Hide window on blur.\r\n\tuseEffect(() => {\r\n\t\tconst hide = () => {\r\n\t\t\t// If FSBL.debug is set to true then bypass hide on blur effect\r\n\t\t\tif (FSBL?.debug) return;\r\n\t\t\tfinsembleWindow.hide();\r\n\t\t};\r\n\r\n\t\tfinsembleWindow.addEventListener(\"blurred\", hide);\r\n\t\treturn () => {\r\n\t\t\tfinsembleWindow.removeEventListener(\"blurred\", hide);\r\n\t\t};\r\n\t}, []);\r\n\r\n\treturn <>{props.children}</>;\r\n};\r\n"]}

package/react/components/toolbar/MinimizeAll.spec.js

@@ -11,18 +11,18 @@ describe("<MinimizeAll/>", () => {
         sinon.restore();
     });
     it("should display icon", () => {
-        const wrapper = mount(React.createElement(Basic, { ...Basic.args }));
+        const wrapper = mount(React.createElement(Basic, Object.assign({}, Basic.args)));
         expect(wrapper.find("svg").exists()).to.be.true;
     });
     it("should call minimize action when clicked", () => {
         const buttonSpy = sinon.spy(Basic.args, "action");
-        const wrapper = mount(React.createElement(Basic, { ...Basic.args }));
+        const wrapper = mount(React.createElement(Basic, Object.assign({}, Basic.args)));
         wrapper.find(".finsemble-toolbar-button").first().simulate("click");
         expect(buttonSpy.calledOnce).to.be.true;
     });
     it("should call minimize action when user presses Enter", () => {
         const buttonSpy = sinon.spy(Basic.args, "action");
-        const wrapper = mount(React.createElement(Basic, { ...Basic.args }));
+        const wrapper = mount(React.createElement(Basic, Object.assign({}, Basic.args)));
         wrapper.find(".finsemble-toolbar-button").first().simulate("keydown", {
             key: "Enter",
         });
@@ -30,7 +30,7 @@ describe("<MinimizeAll/>", () => {
     });
     it("should call minimize action when user presses Space", () => {
         const buttonSpy = sinon.spy(Basic.args, "action");
-        const wrapper = mount(React.createElement(Basic, { ...Basic.args }));
+        const wrapper = mount(React.createElement(Basic, Object.assign({}, Basic.args)));
         wrapper.find(".finsemble-toolbar-button").first().simulate("keydown", {
             key: "Space",
         });
@@ -38,7 +38,7 @@ describe("<MinimizeAll/>", () => {
     });
     it("should not call minimize action when user presses a character other than Enter or Space", () => {
         const buttonSpy = sinon.spy(Basic.args, "action");
-        const wrapper = mount(React.createElement(Basic, { ...Basic.args }));
+        const wrapper = mount(React.createElement(Basic, Object.assign({}, Basic.args)));
         wrapper.find(".finsemble-toolbar-button").first().simulate("keydown", {
             key: "a",
         });

package/react/components/toolbar/MinimizeAll.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"MinimizeAll.spec.js","sourceRoot":"","sources":["../../../src/components/toolbar/MinimizeAll.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\r\nimport { mount } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport sinon from \"sinon\";\r\nimport { Basic } from \"./MinimizeAll.stories\";\r\n\r\n// Necessary to allow sinon to work with mocked actions (which are shown in the Actions panel in Storybook)\r\nimport addons, { mockChannel } from \"@storybook/addons\";\r\naddons.setChannel(mockChannel());\r\n\r\ndescribe(\"<MinimizeAll/>\", () => {\r\n\tafterEach(() => {\r\n\t\tsinon.restore();\r\n\t});\r\n\tit(\"should display icon\", () => {\r\n\t\tconst wrapper = mount(<Basic {...Basic.args} />);\r\n\t\texpect(wrapper.find(\"svg\").exists()).to.be.true;\r\n\t});\r\n\tit(\"should call minimize action when clicked\", () => {\r\n\t\tconst buttonSpy = sinon.spy(Basic.args as any, \"action\");\r\n\t\tconst wrapper = mount(<Basic {...Basic.args} />);\r\n\t\twrapper.find(\".finsemble-toolbar-button\").first().simulate(\"click\");\r\n\t\texpect(buttonSpy.calledOnce).to.be.true;\r\n\t});\r\n\tit(\"should call minimize action when user presses Enter\", () => {\r\n\t\tconst buttonSpy = sinon.spy(Basic.args as any, \"action\");\r\n\t\tconst wrapper = mount(<Basic {...Basic.args} />);\r\n\t\twrapper.find(\".finsemble-toolbar-button\").first().simulate(\"keydown\", {\r\n\t\t\tkey: \"Enter\",\r\n\t\t});\r\n\t\texpect(buttonSpy.calledOnce).to.be.true;\r\n\t});\r\n\tit(\"should call minimize action when user presses Space\", () => {\r\n\t\tconst buttonSpy = sinon.spy(Basic.args as any, \"action\");\r\n\t\tconst wrapper = mount(<Basic {...Basic.args} />);\r\n\t\twrapper.find(\".finsemble-toolbar-button\").first().simulate(\"keydown\", {\r\n\t\t\tkey: \"Space\",\r\n\t\t});\r\n\t\texpect(buttonSpy.calledOnce).to.be.true;\r\n\t});\r\n\tit(\"should not call minimize action when user presses a character other than Enter or Space\", () => {\r\n\t\tconst buttonSpy = sinon.spy(Basic.args as any, \"action\");\r\n\t\tconst wrapper = mount(<Basic {...Basic.args} />);\r\n\t\twrapper.find(\".finsemble-toolbar-button\").first().simulate(\"keydown\", {\r\n\t\t\tkey: \"a\",\r\n\t\t});\r\n\t\texpect(buttonSpy.calledOnce).to.be.false;\r\n\t});\r\n});\r\n"]}
+{"version":3,"file":"MinimizeAll.spec.js","sourceRoot":"","sources":["../../../src/components/toolbar/MinimizeAll.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\r\nimport { mount } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport sinon from \"sinon\";\r\nimport { Basic } from \"./MinimizeAll.stories\";\r\n\r\n// Necessary to allow sinon to work with mocked actions (which are shown in the Actions panel in Storybook)\r\nimport addons, { mockChannel } from \"@storybook/addons\";\r\naddons.setChannel(mockChannel());\r\n\r\ndescribe(\"<MinimizeAll/>\", () => {\r\n\tafterEach(() => {\r\n\t\tsinon.restore();\r\n\t});\r\n\tit(\"should display icon\", () => {\r\n\t\tconst wrapper = mount(<Basic {...Basic.args} />);\r\n\t\texpect(wrapper.find(\"svg\").exists()).to.be.true;\r\n\t});\r\n\tit(\"should call minimize action when clicked\", () => {\r\n\t\tconst buttonSpy = sinon.spy(Basic.args as any, \"action\");\r\n\t\tconst wrapper = mount(<Basic {...Basic.args} />);\r\n\t\twrapper.find(\".finsemble-toolbar-button\").first().simulate(\"click\");\r\n\t\texpect(buttonSpy.calledOnce).to.be.true;\r\n\t});\r\n\tit(\"should call minimize action when user presses Enter\", () => {\r\n\t\tconst buttonSpy = sinon.spy(Basic.args as any, \"action\");\r\n\t\tconst wrapper = mount(<Basic {...Basic.args} />);\r\n\t\twrapper.find(\".finsemble-toolbar-button\").first().simulate(\"keydown\", {\r\n\t\t\tkey: \"Enter\",\r\n\t\t});\r\n\t\texpect(buttonSpy.calledOnce).to.be.true;\r\n\t});\r\n\tit(\"should call minimize action when user presses Space\", () => {\r\n\t\tconst buttonSpy = sinon.spy(Basic.args as any, \"action\");\r\n\t\tconst wrapper = mount(<Basic {...Basic.args} />);\r\n\t\twrapper.find(\".finsemble-toolbar-button\").first().simulate(\"keydown\", {\r\n\t\t\tkey: \"Space\",\r\n\t\t});\r\n\t\texpect(buttonSpy.calledOnce).to.be.true;\r\n\t});\r\n\tit(\"should not call minimize action when user presses a character other than Enter or Space\", () => {\r\n\t\tconst buttonSpy = sinon.spy(Basic.args as any, \"action\");\r\n\t\tconst wrapper = mount(<Basic {...Basic.args} />);\r\n\t\twrapper.find(\".finsemble-toolbar-button\").first().simulate(\"keydown\", {\r\n\t\t\tkey: \"a\",\r\n\t\t});\r\n\t\texpect(buttonSpy.calledOnce).to.be.false;\r\n\t});\r\n});\r\n"]}

package/react/components/toolbar/NotificationControl.js

@@ -23,15 +23,16 @@ export const NotificationControl = ({ className, children }) => {
     }, []);
     useEffect(() => {
         async function computeDotIcon(error, response) {
+            var _a, _b;
             if (error) {
                 console.error("FinsembleUserPreferencesChannel: ", error);
             }
             else {
                 const { data } = response;
-                if (data?.notificationPreferences?.hasOwnProperty("disableDotOnToolbarIcon")) {
+                if ((_a = data === null || data === void 0 ? void 0 : data.notificationPreferences) === null || _a === void 0 ? void 0 : _a.hasOwnProperty("disableDotOnToolbarIcon")) {
                     setShowDotIcon(!data.notificationPreferences.disableDotOnToolbarIcon);
                 }
-                if (data?.notificationPreferences?.hasOwnProperty("showDotOnToolbarIconForMutedNotifications")) {
+                if ((_b = data === null || data === void 0 ? void 0 : data.notificationPreferences) === null || _b === void 0 ? void 0 : _b.hasOwnProperty("showDotOnToolbarIconForMutedNotifications")) {
                     setShowDotForMuted(data.notificationPreferences.showDotOnToolbarIconForMutedNotifications);
                 }
             }

package/react/components/toolbar/NotificationControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationControl.js","sourceRoot":"","sources":["../../../src/components/toolbar/NotificationControl.tsx"],"names":[],"mappings":"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","sourcesContent":["// disable eslint below because the svg in the icon definition will error if React is not imported\r\nimport * as React from \"react\"; // eslint-disable-line\r\nimport useNotifications, { initializeCenterToggle } from \"../../hooks/useNotifications\";\r\nimport { useEffect, useState } from \"react\";\r\nimport BellIcon from \"../shared/BellIcon\";\r\n\r\n/**\r\n * This control is responsible for the toggling of the notifcations drawer.\r\n *\r\n * @param {string} [className] - An optional CSS className to append.\r\n */\r\nexport const NotificationControl: React.FunctionComponent<{ className?: string }> = ({ className, children }) => {\r\n\tconst { toggleCenter } = initializeCenterToggle();\r\n\tconst { notifications, activeNotifications } = useNotifications({\r\n\t\tconfig: {\r\n\t\t\t// Get notification sent in previous session\r\n\t\t\tnotificationsHistory: true,\r\n\t\t},\r\n\t});\r\n\tconst [count, setCount] = useState(activeNotifications(notifications).length);\r\n\tconst [showDotIcon, setShowDotIcon] = useState(true);\r\n\tconst [showDotForMuted, setShowDotForMuted] = useState(false);\r\n\r\n\tuseEffect(() => {\r\n\t\tasync function getNotificationsPreferences() {\r\n\t\t\treturn await FSBL.Clients.NotificationClient.getPreferences();\r\n\t\t}\r\n\r\n\t\tgetNotificationsPreferences().then((preferences: any) => {\r\n\t\t\tsetShowDotIcon(!preferences.disableDotOnToolbarIcon);\r\n\t\t\tsetShowDotForMuted(preferences.showDotOnToolbarIconForMutedNotifications);\r\n\t\t});\r\n\t}, []);\r\n\r\n\tuseEffect(() => {\r\n\t\tasync function computeDotIcon(error: any, response: any) {\r\n\t\t\tif (error) {\r\n\t\t\t\tconsole.error(\"FinsembleUserPreferencesChannel: \", error);\r\n\t\t\t} else {\r\n\t\t\t\tconst { data } = response;\r\n\t\t\t\tif (data?.notificationPreferences?.hasOwnProperty(\"disableDotOnToolbarIcon\")) {\r\n\t\t\t\t\tsetShowDotIcon(!data.notificationPreferences.disableDotOnToolbarIcon);\r\n\t\t\t\t}\r\n\t\t\t\tif (data?.notificationPreferences?.hasOwnProperty(\"showDotOnToolbarIconForMutedNotifications\")) {\r\n\t\t\t\t\tsetShowDotForMuted(data.notificationPreferences.showDotOnToolbarIconForMutedNotifications);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tFSBL.Clients.RouterClient.addListener(\"FinsembleUserPreferencesChannel\", computeDotIcon);\r\n\r\n\t\treturn () => {\r\n\t\t\tFSBL.Clients.RouterClient.removeListener(\"FinsembleUserPreferencesChannel\", computeDotIcon);\r\n\t\t};\r\n\t}, []);\r\n\r\n\tuseEffect(() => {\r\n\t\tlet applyMuteFilterOverride = !showDotForMuted;\r\n\t\tsetCount(activeNotifications(notifications, applyMuteFilterOverride).length);\r\n\t}, [notifications]);\r\n\r\n\tconst wrapperClasses = `finsemble-toolbar-button icon-only ${className || \"\"}`.trim();\r\n\treturn (\r\n\t\t<div\r\n\t\t\tclassName={wrapperClasses}\r\n\t\t\ttitle=\"Notification Control\"\r\n\t\t\tonClick={toggleCenter}\r\n\t\t\ttabIndex={0}\r\n\t\t\trole=\"button\"\r\n\t\t\tonKeyDown={(e: React.KeyboardEvent<HTMLDivElement>) => {\r\n\t\t\t\tif ([\"Enter\", \"Space\"].includes(e.key)) {\r\n\t\t\t\t\ttoggleCenter();\r\n\t\t\t\t}\r\n\t\t\t}}\r\n\t\t>\r\n\t\t\t{showDotIcon && count > 0 && <div className=\"notification-alert-dot\" />}\r\n\t\t\t{children || <BellIcon />}\r\n\t\t</div>\r\n\t);\r\n};\r\n"]}
+{"version":3,"file":"NotificationControl.js","sourceRoot":"","sources":["../../../src/components/toolbar/NotificationControl.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,gBAAgB,EAAE,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AACxF,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,QAAQ,MAAM,oBAAoB,CAAC;AAO1C,MAAM,CAAC,MAAM,mBAAmB,GAAoD,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC/G,MAAM,EAAE,YAAY,EAAE,GAAG,sBAAsB,EAAE,CAAC;IAClD,MAAM,EAAE,aAAa,EAAE,mBAAmB,EAAE,GAAG,gBAAgB,CAAC;QAC/D,MAAM,EAAE;YAEP,oBAAoB,EAAE,IAAI;SAC1B;KACD,CAAC,CAAC;IACH,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,mBAAmB,CAAC,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;IAC9E,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACrD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9D,SAAS,CAAC,GAAG,EAAE;QACd,KAAK,UAAU,2BAA2B;YACzC,OAAO,MAAM,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,cAAc,EAAE,CAAC;QAC/D,CAAC;QAED,2BAA2B,EAAE,CAAC,IAAI,CAAC,CAAC,WAAgB,EAAE,EAAE;YACvD,cAAc,CAAC,CAAC,WAAW,CAAC,uBAAuB,CAAC,CAAC;YACrD,kBAAkB,CAAC,WAAW,CAAC,yCAAyC,CAAC,CAAC;QAC3E,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACd,KAAK,UAAU,cAAc,CAAC,KAAU,EAAE,QAAa;;YACtD,IAAI,KAAK,EAAE;gBACV,OAAO,CAAC,KAAK,CAAC,mCAAmC,EAAE,KAAK,CAAC,CAAC;aAC1D;iBAAM;gBACN,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC;gBAC1B,IAAI,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,uBAAuB,0CAAE,cAAc,CAAC,yBAAyB,CAAC,EAAE;oBAC7E,cAAc,CAAC,CAAC,IAAI,CAAC,uBAAuB,CAAC,uBAAuB,CAAC,CAAC;iBACtE;gBACD,IAAI,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,uBAAuB,0CAAE,cAAc,CAAC,2CAA2C,CAAC,EAAE;oBAC/F,kBAAkB,CAAC,IAAI,CAAC,uBAAuB,CAAC,yCAAyC,CAAC,CAAC;iBAC3F;aACD;QACF,CAAC;QAED,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,iCAAiC,EAAE,cAAc,CAAC,CAAC;QAEzF,OAAO,GAAG,EAAE;YACX,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,cAAc,CAAC,iCAAiC,EAAE,cAAc,CAAC,CAAC;QAC7F,CAAC,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,uBAAuB,GAAG,CAAC,eAAe,CAAC;QAC/C,QAAQ,CAAC,mBAAmB,CAAC,aAAa,EAAE,uBAAuB,CAAC,CAAC,MAAM,CAAC,CAAC;IAC9E,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,MAAM,cAAc,GAAG,sCAAsC,SAAS,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC;IACtF,OAAO,CACN,6BACC,SAAS,EAAE,cAAc,EACzB,KAAK,EAAC,sBAAsB,EAC5B,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,CAAC,EACX,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,CAAC,CAAsC,EAAE,EAAE;YACrD,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE;gBACvC,YAAY,EAAE,CAAC;aACf;QACF,CAAC;QAEA,WAAW,IAAI,KAAK,GAAG,CAAC,IAAI,6BAAK,SAAS,EAAC,wBAAwB,GAAG;QACtE,QAAQ,IAAI,oBAAC,QAAQ,OAAG,CACpB,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["// disable eslint below because the svg in the icon definition will error if React is not imported\r\nimport * as React from \"react\"; // eslint-disable-line\r\nimport useNotifications, { initializeCenterToggle } from \"../../hooks/useNotifications\";\r\nimport { useEffect, useState } from \"react\";\r\nimport BellIcon from \"../shared/BellIcon\";\r\n\r\n/**\r\n * This control is responsible for the toggling of the notifcations drawer.\r\n *\r\n * @param {string} [className] - An optional CSS className to append.\r\n */\r\nexport const NotificationControl: React.FunctionComponent<{ className?: string }> = ({ className, children }) => {\r\n\tconst { toggleCenter } = initializeCenterToggle();\r\n\tconst { notifications, activeNotifications } = useNotifications({\r\n\t\tconfig: {\r\n\t\t\t// Get notification sent in previous session\r\n\t\t\tnotificationsHistory: true,\r\n\t\t},\r\n\t});\r\n\tconst [count, setCount] = useState(activeNotifications(notifications).length);\r\n\tconst [showDotIcon, setShowDotIcon] = useState(true);\r\n\tconst [showDotForMuted, setShowDotForMuted] = useState(false);\r\n\r\n\tuseEffect(() => {\r\n\t\tasync function getNotificationsPreferences() {\r\n\t\t\treturn await FSBL.Clients.NotificationClient.getPreferences();\r\n\t\t}\r\n\r\n\t\tgetNotificationsPreferences().then((preferences: any) => {\r\n\t\t\tsetShowDotIcon(!preferences.disableDotOnToolbarIcon);\r\n\t\t\tsetShowDotForMuted(preferences.showDotOnToolbarIconForMutedNotifications);\r\n\t\t});\r\n\t}, []);\r\n\r\n\tuseEffect(() => {\r\n\t\tasync function computeDotIcon(error: any, response: any) {\r\n\t\t\tif (error) {\r\n\t\t\t\tconsole.error(\"FinsembleUserPreferencesChannel: \", error);\r\n\t\t\t} else {\r\n\t\t\t\tconst { data } = response;\r\n\t\t\t\tif (data?.notificationPreferences?.hasOwnProperty(\"disableDotOnToolbarIcon\")) {\r\n\t\t\t\t\tsetShowDotIcon(!data.notificationPreferences.disableDotOnToolbarIcon);\r\n\t\t\t\t}\r\n\t\t\t\tif (data?.notificationPreferences?.hasOwnProperty(\"showDotOnToolbarIconForMutedNotifications\")) {\r\n\t\t\t\t\tsetShowDotForMuted(data.notificationPreferences.showDotOnToolbarIconForMutedNotifications);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tFSBL.Clients.RouterClient.addListener(\"FinsembleUserPreferencesChannel\", computeDotIcon);\r\n\r\n\t\treturn () => {\r\n\t\t\tFSBL.Clients.RouterClient.removeListener(\"FinsembleUserPreferencesChannel\", computeDotIcon);\r\n\t\t};\r\n\t}, []);\r\n\r\n\tuseEffect(() => {\r\n\t\tlet applyMuteFilterOverride = !showDotForMuted;\r\n\t\tsetCount(activeNotifications(notifications, applyMuteFilterOverride).length);\r\n\t}, [notifications]);\r\n\r\n\tconst wrapperClasses = `finsemble-toolbar-button icon-only ${className || \"\"}`.trim();\r\n\treturn (\r\n\t\t<div\r\n\t\t\tclassName={wrapperClasses}\r\n\t\t\ttitle=\"Notification Control\"\r\n\t\t\tonClick={toggleCenter}\r\n\t\t\ttabIndex={0}\r\n\t\t\trole=\"button\"\r\n\t\t\tonKeyDown={(e: React.KeyboardEvent<HTMLDivElement>) => {\r\n\t\t\t\tif ([\"Enter\", \"Space\"].includes(e.key)) {\r\n\t\t\t\t\ttoggleCenter();\r\n\t\t\t\t}\r\n\t\t\t}}\r\n\t\t>\r\n\t\t\t{showDotIcon && count > 0 && <div className=\"notification-alert-dot\" />}\r\n\t\t\t{children || <BellIcon />}\r\n\t\t</div>\r\n\t);\r\n};\r\n"]}