@finsemble/finsemble-ui 6.2.1 → 6.3.1-beta-1

package/react/components/common/tests/Checkbox.spec.js

@@ -11,22 +11,22 @@ describe("<Checkbox/>", () => {
         sinon.restore();
     });
     it("should be checked items if checked prop is updated after initial render", async () => {
-        const wrapper = mount(React.createElement(Unchecked, { ...Unchecked.args }));
+        const wrapper = mount(React.createElement(Unchecked, Object.assign({}, Unchecked.args)));
         wrapper.find(".complex-menu-checkbox-wrapper").at(0).simulate("click");
         expect(wrapper.find(".ff-check-mark")).to.be.length(1);
     });
     it("should be unchecked items if checked prop is updated after initial render", async () => {
-        const wrapper = mount(React.createElement(Checked, { ...Checked.args }));
+        const wrapper = mount(React.createElement(Checked, Object.assign({}, Checked.args)));
         wrapper.find(".complex-menu-checkbox-wrapper").at(0).simulate("click");
         expect(wrapper.find(".ff-check-mark")).to.be.length(0);
     });
     it("shouldn't be clickable when disabled", async () => {
-        const wrapper = mount(React.createElement(Disabled, { ...Disabled.args }));
+        const wrapper = mount(React.createElement(Disabled, Object.assign({}, Disabled.args)));
         wrapper.find(".complex-menu-checkbox-wrapper").at(0).simulate("click");
         expect(wrapper.find(".ff-check-mark")).to.be.length(0);
     });
     it("should display a label", async () => {
-        const wrapper = mount(React.createElement(Checked, { ...Checked.args }));
+        const wrapper = mount(React.createElement(Checked, Object.assign({}, Checked.args)));
         expect(wrapper.find(".complex-menu-checkbox-label").at(0).text()).to.equal("Label");
     });
 });

package/react/components/common/tests/Checkbox.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.spec.js","sourceRoot":"","sources":["../../../../src/components/common/tests/Checkbox.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;AAE1B,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAG3E,OAAO,MAAM,EAAE,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAExD,MAAM,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC,CAAC;AAEjC,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC5B,SAAS,CAAC,GAAG,EAAE;QACd,KAAK,CAAC,OAAO,EAAE,CAAC;IACjB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yEAAyE,EAAE,KAAK,IAAI,EAAE;QACxF,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,SAAS,OAAM,SAAS,CAAC,IAAsB,GAAI,CAAC,CAAC;QAE5E,OAAO,CAAC,IAAI,CAAC,gCAAgC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAEvE,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2EAA2E,EAAE,KAAK,IAAI,EAAE;QAC1F,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,OAAO,OAAM,OAAO,CAAC,IAAsB,GAAI,CAAC,CAAC;QAExE,OAAO,CAAC,IAAI,CAAC,gCAAgC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAEvE,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,KAAK,IAAI,EAAE;QACrD,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,QAAQ,OAAM,QAAQ,CAAC,IAAsB,GAAI,CAAC,CAAC;QAE1E,OAAO,CAAC,IAAI,CAAC,gCAAgC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAEvE,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wBAAwB,EAAE,KAAK,IAAI,EAAE;QACvC,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,OAAO,OAAM,OAAO,CAAC,IAAsB,GAAI,CAAC,CAAC;QAExE,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,8BAA8B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IACrF,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 { CheckboxProps } from \"../Checkbox\";\r\nimport { Checked, Unchecked, Disabled } from \"../stories/Checkbox.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\n\r\naddons.setChannel(mockChannel());\r\n\r\ndescribe(\"<Checkbox/>\", () => {\r\n\tafterEach(() => {\r\n\t\tsinon.restore();\r\n\t});\r\n\r\n\tit(\"should be checked items if checked prop is updated after initial render\", async () => {\r\n\t\tconst wrapper = mount(<Unchecked {...(Unchecked.args as CheckboxProps)} />);\r\n\r\n\t\twrapper.find(\".complex-menu-checkbox-wrapper\").at(0).simulate(\"click\");\r\n\r\n\t\texpect(wrapper.find(\".ff-check-mark\")).to.be.length(1);\r\n\t});\r\n\r\n\tit(\"should be unchecked items if checked prop is updated after initial render\", async () => {\r\n\t\tconst wrapper = mount(<Checked {...(Checked.args as CheckboxProps)} />);\r\n\r\n\t\twrapper.find(\".complex-menu-checkbox-wrapper\").at(0).simulate(\"click\");\r\n\r\n\t\texpect(wrapper.find(\".ff-check-mark\")).to.be.length(0);\r\n\t});\r\n\r\n\tit(\"shouldn't be clickable when disabled\", async () => {\r\n\t\tconst wrapper = mount(<Disabled {...(Disabled.args as CheckboxProps)} />);\r\n\r\n\t\twrapper.find(\".complex-menu-checkbox-wrapper\").at(0).simulate(\"click\");\r\n\r\n\t\texpect(wrapper.find(\".ff-check-mark\")).to.be.length(0);\r\n\t});\r\n\r\n\tit(\"should display a label\", async () => {\r\n\t\tconst wrapper = mount(<Checked {...(Checked.args as CheckboxProps)} />);\r\n\r\n\t\texpect(wrapper.find(\".complex-menu-checkbox-label\").at(0).text()).to.equal(\"Label\");\r\n\t});\r\n});\r\n"]}
+{"version":3,"file":"Checkbox.spec.js","sourceRoot":"","sources":["../../../../src/components/common/tests/Checkbox.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;AAE1B,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAG3E,OAAO,MAAM,EAAE,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAExD,MAAM,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC,CAAC;AAEjC,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC5B,SAAS,CAAC,GAAG,EAAE;QACd,KAAK,CAAC,OAAO,EAAE,CAAC;IACjB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yEAAyE,EAAE,KAAK,IAAI,EAAE;QACxF,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,SAAS,oBAAM,SAAS,CAAC,IAAsB,EAAI,CAAC,CAAC;QAE5E,OAAO,CAAC,IAAI,CAAC,gCAAgC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAEvE,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2EAA2E,EAAE,KAAK,IAAI,EAAE;QAC1F,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,OAAO,oBAAM,OAAO,CAAC,IAAsB,EAAI,CAAC,CAAC;QAExE,OAAO,CAAC,IAAI,CAAC,gCAAgC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAEvE,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,KAAK,IAAI,EAAE;QACrD,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,QAAQ,oBAAM,QAAQ,CAAC,IAAsB,EAAI,CAAC,CAAC;QAE1E,OAAO,CAAC,IAAI,CAAC,gCAAgC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAEvE,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wBAAwB,EAAE,KAAK,IAAI,EAAE;QACvC,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,OAAO,oBAAM,OAAO,CAAC,IAAsB,EAAI,CAAC,CAAC;QAExE,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,8BAA8B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IACrF,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 { CheckboxProps } from \"../Checkbox\";\r\nimport { Checked, Unchecked, Disabled } from \"../stories/Checkbox.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\n\r\naddons.setChannel(mockChannel());\r\n\r\ndescribe(\"<Checkbox/>\", () => {\r\n\tafterEach(() => {\r\n\t\tsinon.restore();\r\n\t});\r\n\r\n\tit(\"should be checked items if checked prop is updated after initial render\", async () => {\r\n\t\tconst wrapper = mount(<Unchecked {...(Unchecked.args as CheckboxProps)} />);\r\n\r\n\t\twrapper.find(\".complex-menu-checkbox-wrapper\").at(0).simulate(\"click\");\r\n\r\n\t\texpect(wrapper.find(\".ff-check-mark\")).to.be.length(1);\r\n\t});\r\n\r\n\tit(\"should be unchecked items if checked prop is updated after initial render\", async () => {\r\n\t\tconst wrapper = mount(<Checked {...(Checked.args as CheckboxProps)} />);\r\n\r\n\t\twrapper.find(\".complex-menu-checkbox-wrapper\").at(0).simulate(\"click\");\r\n\r\n\t\texpect(wrapper.find(\".ff-check-mark\")).to.be.length(0);\r\n\t});\r\n\r\n\tit(\"shouldn't be clickable when disabled\", async () => {\r\n\t\tconst wrapper = mount(<Disabled {...(Disabled.args as CheckboxProps)} />);\r\n\r\n\t\twrapper.find(\".complex-menu-checkbox-wrapper\").at(0).simulate(\"click\");\r\n\r\n\t\texpect(wrapper.find(\".ff-check-mark\")).to.be.length(0);\r\n\t});\r\n\r\n\tit(\"should display a label\", async () => {\r\n\t\tconst wrapper = mount(<Checked {...(Checked.args as CheckboxProps)} />);\r\n\r\n\t\texpect(wrapper.find(\".complex-menu-checkbox-label\").at(0).text()).to.equal(\"Label\");\r\n\t});\r\n});\r\n"]}

package/react/components/common/tests/ColorPicker.spec.js

@@ -31,38 +31,38 @@ function changeTextInput(wrapper, newColor) {
 }
 describe("<ColorPicker/>", () => {
     it("should display matching color values for both the color and text inputs", () => {
-        const wrapper = mount(React.createElement(ValidColor, { ...ValidColor.args }));
+        const wrapper = mount(React.createElement(ValidColor, Object.assign({}, ValidColor.args)));
         expect(getColorInputValue(wrapper)).to.equal(getTextInputValue(wrapper));
     });
     it("should default to black when no color is provided", () => {
         const BLACK = "#000000";
-        const wrapper = mount(React.createElement(EmptyField, { ...EmptyField.args }));
+        const wrapper = mount(React.createElement(EmptyField, Object.assign({}, EmptyField.args)));
         expect(getColorInputValue(wrapper)).to.equal(BLACK);
         expect(getTextInputValue(wrapper)).to.equal(BLACK);
     });
     it("should update the text field when the color picker is changed", () => {
         const NEW_COLOR = "#00aa00";
-        const wrapper = mount(React.createElement(EmptyField, { ...EmptyField.args }));
+        const wrapper = mount(React.createElement(EmptyField, Object.assign({}, EmptyField.args)));
         changeColorInput(wrapper, NEW_COLOR);
         expect(getColorInputValue(wrapper)).to.equal(NEW_COLOR);
         expect(getTextInputValue(wrapper)).to.equal(NEW_COLOR);
     });
     it("should update the color picker when the text field is changed", () => {
         const NEW_COLOR = "#0000cc";
-        const wrapper = mount(React.createElement(EmptyField, { ...EmptyField.args }));
+        const wrapper = mount(React.createElement(EmptyField, Object.assign({}, EmptyField.args)));
         changeTextInput(wrapper, NEW_COLOR);
         expect(getColorInputValue(wrapper)).to.equal(NEW_COLOR);
         expect(getTextInputValue(wrapper)).to.equal(NEW_COLOR);
     });
     it("should display an error when an invalid color is selected", () => {
         const NEW_COLOR = "#ZZZZZZ";
-        const wrapper = mount(React.createElement(ValidColor, { ...ValidColor.args }));
+        const wrapper = mount(React.createElement(ValidColor, Object.assign({}, ValidColor.args)));
         changeTextInput(wrapper, NEW_COLOR);
         expect(getTextInputElement(wrapper).prop("aria-invalid")).to.be.true;
     });
     it("should display no error when a valid color is selected", () => {
         const NEW_COLOR = "#abc123";
-        const wrapper = mount(React.createElement(ValidColor, { ...ValidColor.args }));
+        const wrapper = mount(React.createElement(ValidColor, Object.assign({}, ValidColor.args)));
         changeTextInput(wrapper, NEW_COLOR);
         expect(getTextInputElement(wrapper).prop("aria-invalid")).to.be.false;
     });

package/react/components/common/tests/ColorPicker.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.spec.js","sourceRoot":"","sources":["../../../../src/components/common/tests/ColorPicker.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAgB,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAE9B,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAExE,SAAS,oBAAoB,CAAC,OAAqB;IAElD,OAAO,OAAO,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAClD,CAAC;AAED,SAAS,kBAAkB,CAAC,OAAqB;IAEhD,OAAO,oBAAoB,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;AACpD,CAAC;AAED,SAAS,gBAAgB,CAAC,OAAqB,EAAE,QAAgB;IAEhE,oBAAoB,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,QAAQ,EAAE;QAChD,MAAM,EAAE;YACP,KAAK,EAAE,QAAQ;SACf;KACD,CAAC,CAAC;AACJ,CAAC;AAED,SAAS,mBAAmB,CAAC,OAAoC;IAEhE,OAAO,OAAO,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC;AAC3C,CAAC;AAED,SAAS,iBAAiB,CAAC,OAAqB;IAE/C,OAAO,mBAAmB,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;AACnD,CAAC;AAED,SAAS,eAAe,CAAC,OAAoC,EAAE,QAAgB;IAE9E,mBAAmB,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,QAAQ,EAAE;QAC/C,MAAM,EAAE;YACP,KAAK,EAAE,QAAQ;SACf;KACD,CAAC,CAAC;AACJ,CAAC;AAED,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC/B,EAAE,CAAC,yEAAyE,EAAE,GAAG,EAAE;QAClF,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,UAAU,OAAM,UAAU,CAAC,IAAyB,GAAI,CAAC,CAAC;QAEjF,MAAM,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC;IAC1E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mDAAmD,EAAE,GAAG,EAAE;QAC5D,MAAM,KAAK,GAAG,SAAS,CAAC;QAExB,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,UAAU,OAAM,UAAU,CAAC,IAAyB,GAAI,CAAC,CAAC;QAEjF,MAAM,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACpD,MAAM,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACpD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+DAA+D,EAAE,GAAG,EAAE;QACxE,MAAM,SAAS,GAAG,SAAS,CAAC;QAE5B,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,UAAU,OAAM,UAAU,CAAC,IAAyB,GAAI,CAAC,CAAC;QACjF,gBAAgB,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;QAErC,MAAM,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACxD,MAAM,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+DAA+D,EAAE,GAAG,EAAE;QACxE,MAAM,SAAS,GAAG,SAAS,CAAC;QAE5B,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,UAAU,OAAM,UAAU,CAAC,IAAyB,GAAI,CAAC,CAAC;QACjF,eAAe,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;QAEpC,MAAM,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACxD,MAAM,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2DAA2D,EAAE,GAAG,EAAE;QACpE,MAAM,SAAS,GAAG,SAAS,CAAC;QAE5B,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,UAAU,OAAM,UAAU,CAAC,IAAyB,GAAI,CAAC,CAAC;QACjF,eAAe,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;QAEpC,MAAM,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IACtE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wDAAwD,EAAE,GAAG,EAAE;QACjE,MAAM,SAAS,GAAG,SAAS,CAAC;QAE5B,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,UAAU,OAAM,UAAU,CAAC,IAAyB,GAAI,CAAC,CAAC;QACjF,eAAe,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;QAEpC,MAAM,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;IACvE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wDAAwD,EAAE,GAAG,EAAE;QACjE,MAAM,cAAc,GAAG,SAAS,CAAC;QACjC,MAAM,SAAS,GAAG,SAAS,CAAC;QAC5B,IAAI,iBAAiB,GAAG,cAAc,CAAC;QAEvC,MAAM,OAAO,GAAG,KAAK,CACpB,oBAAC,UAAU,IACV,UAAU,EAAE,cAAc,EAC1B,WAAW,EAAE,CAAC,QAAQ,EAAE,EAAE;gBACzB,iBAAiB,GAAG,QAAQ,CAAC;YAC9B,CAAC,GACA,CACF,CAAC;QACF,eAAe,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;QAEpC,MAAM,CAAC,iBAAiB,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gEAAgE,EAAE,GAAG,EAAE;QACzE,MAAM,cAAc,GAAG,SAAS,CAAC;QACjC,MAAM,SAAS,GAAG,QAAQ,CAAC;QAC3B,IAAI,iBAAiB,GAAG,cAAc,CAAC;QAEvC,MAAM,OAAO,GAAG,KAAK,CACpB,oBAAC,UAAU,IACV,UAAU,EAAE,cAAc,EAC1B,WAAW,EAAE,CAAC,QAAQ,EAAE,EAAE;gBACzB,iBAAiB,GAAG,QAAQ,CAAC;YAC9B,CAAC,GACA,CACF,CAAC;QACF,eAAe,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;QAEpC,MAAM,CAAC,iBAAiB,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;IACpD,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\r\nimport { ReactWrapper, mount } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport { ColorPickerProps } from \"../ColorPicker\";\r\nimport { EmptyField, ValidColor } from \"../stories/ColorPicker.stories\";\r\n\r\nfunction getColorInputElement(wrapper: ReactWrapper): ReactWrapper {\r\n\t// Return the color picker control DOM element.\r\n\treturn wrapper.find(\"input[type='color']\").at(0);\r\n}\r\n\r\nfunction getColorInputValue(wrapper: ReactWrapper): ReactWrapper {\r\n\t// Return the current value of the color picker control.\r\n\treturn getColorInputElement(wrapper).prop(\"value\");\r\n}\r\n\r\nfunction changeColorInput(wrapper: ReactWrapper, newColor: string) {\r\n\t// Simulate changing the color picker control.\r\n\tgetColorInputElement(wrapper).simulate(\"change\", {\r\n\t\ttarget: {\r\n\t\t\tvalue: newColor,\r\n\t\t},\r\n\t});\r\n}\r\n\r\nfunction getTextInputElement(wrapper: ReactWrapper | ReactWrapper): ReactWrapper | ReactWrapper {\r\n\t// Return the text input field DOM element.\r\n\treturn wrapper.find(\"input[type='text']\");\r\n}\r\n\r\nfunction getTextInputValue(wrapper: ReactWrapper): ReactWrapper {\r\n\t// Return the current value of the text input field.\r\n\treturn getTextInputElement(wrapper).prop(\"value\");\r\n}\r\n\r\nfunction changeTextInput(wrapper: ReactWrapper | ReactWrapper, newColor: string) {\r\n\t// Simulate changing the text input field.\r\n\tgetTextInputElement(wrapper).simulate(\"change\", {\r\n\t\ttarget: {\r\n\t\t\tvalue: newColor,\r\n\t\t},\r\n\t});\r\n}\r\n\r\ndescribe(\"<ColorPicker/>\", () => {\r\n\tit(\"should display matching color values for both the color and text inputs\", () => {\r\n\t\tconst wrapper = mount(<ValidColor {...(ValidColor.args as ColorPickerProps)} />);\r\n\r\n\t\texpect(getColorInputValue(wrapper)).to.equal(getTextInputValue(wrapper));\r\n\t});\r\n\r\n\tit(\"should default to black when no color is provided\", () => {\r\n\t\tconst BLACK = \"#000000\";\r\n\r\n\t\tconst wrapper = mount(<EmptyField {...(EmptyField.args as ColorPickerProps)} />);\r\n\r\n\t\texpect(getColorInputValue(wrapper)).to.equal(BLACK);\r\n\t\texpect(getTextInputValue(wrapper)).to.equal(BLACK);\r\n\t});\r\n\r\n\tit(\"should update the text field when the color picker is changed\", () => {\r\n\t\tconst NEW_COLOR = \"#00aa00\";\r\n\r\n\t\tconst wrapper = mount(<EmptyField {...(EmptyField.args as ColorPickerProps)} />);\r\n\t\tchangeColorInput(wrapper, NEW_COLOR);\r\n\r\n\t\texpect(getColorInputValue(wrapper)).to.equal(NEW_COLOR);\r\n\t\texpect(getTextInputValue(wrapper)).to.equal(NEW_COLOR);\r\n\t});\r\n\r\n\tit(\"should update the color picker when the text field is changed\", () => {\r\n\t\tconst NEW_COLOR = \"#0000cc\";\r\n\r\n\t\tconst wrapper = mount(<EmptyField {...(EmptyField.args as ColorPickerProps)} />);\r\n\t\tchangeTextInput(wrapper, NEW_COLOR);\r\n\r\n\t\texpect(getColorInputValue(wrapper)).to.equal(NEW_COLOR);\r\n\t\texpect(getTextInputValue(wrapper)).to.equal(NEW_COLOR);\r\n\t});\r\n\r\n\tit(\"should display an error when an invalid color is selected\", () => {\r\n\t\tconst NEW_COLOR = \"#ZZZZZZ\";\r\n\r\n\t\tconst wrapper = mount(<ValidColor {...(ValidColor.args as ColorPickerProps)} />);\r\n\t\tchangeTextInput(wrapper, NEW_COLOR);\r\n\r\n\t\texpect(getTextInputElement(wrapper).prop(\"aria-invalid\")).to.be.true;\r\n\t});\r\n\r\n\tit(\"should display no error when a valid color is selected\", () => {\r\n\t\tconst NEW_COLOR = \"#abc123\";\r\n\r\n\t\tconst wrapper = mount(<ValidColor {...(ValidColor.args as ColorPickerProps)} />);\r\n\t\tchangeTextInput(wrapper, NEW_COLOR);\r\n\r\n\t\texpect(getTextInputElement(wrapper).prop(\"aria-invalid\")).to.be.false;\r\n\t});\r\n\r\n\tit(\"should trigger an event when a valid color is selected\", () => {\r\n\t\tconst ORIGINAL_COLOR = \"#123456\";\r\n\t\tconst NEW_COLOR = \"#abc123\";\r\n\t\tvar currentColorState = ORIGINAL_COLOR;\r\n\r\n\t\tconst wrapper = mount(\r\n\t\t\t<EmptyField\r\n\t\t\t\tstartColor={ORIGINAL_COLOR}\r\n\t\t\t\tupdateColor={(newColor) => {\r\n\t\t\t\t\tcurrentColorState = newColor;\r\n\t\t\t\t}}\r\n\t\t\t/>\r\n\t\t);\r\n\t\tchangeTextInput(wrapper, NEW_COLOR);\r\n\r\n\t\texpect(currentColorState).to.equal(NEW_COLOR);\r\n\t});\r\n\r\n\tit(\"should not trigger any event when an invalid color is selected\", () => {\r\n\t\tconst ORIGINAL_COLOR = \"#123456\";\r\n\t\tconst NEW_COLOR = \"foobar\";\r\n\t\tvar currentColorState = ORIGINAL_COLOR;\r\n\r\n\t\tconst wrapper = mount(\r\n\t\t\t<EmptyField\r\n\t\t\t\tstartColor={ORIGINAL_COLOR}\r\n\t\t\t\tupdateColor={(newColor) => {\r\n\t\t\t\t\tcurrentColorState = newColor;\r\n\t\t\t\t}}\r\n\t\t\t/>\r\n\t\t);\r\n\t\tchangeTextInput(wrapper, NEW_COLOR);\r\n\r\n\t\texpect(currentColorState).to.equal(ORIGINAL_COLOR);\r\n\t});\r\n});\r\n"]}
+{"version":3,"file":"ColorPicker.spec.js","sourceRoot":"","sources":["../../../../src/components/common/tests/ColorPicker.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\r\nimport { ReactWrapper, mount } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport { ColorPickerProps } from \"../ColorPicker\";\r\nimport { EmptyField, ValidColor } from \"../stories/ColorPicker.stories\";\r\n\r\nfunction getColorInputElement(wrapper: ReactWrapper): ReactWrapper {\r\n\t// Return the color picker control DOM element.\r\n\treturn wrapper.find(\"input[type='color']\").at(0);\r\n}\r\n\r\nfunction getColorInputValue(wrapper: ReactWrapper): ReactWrapper {\r\n\t// Return the current value of the color picker control.\r\n\treturn getColorInputElement(wrapper).prop(\"value\");\r\n}\r\n\r\nfunction changeColorInput(wrapper: ReactWrapper, newColor: string) {\r\n\t// Simulate changing the color picker control.\r\n\tgetColorInputElement(wrapper).simulate(\"change\", {\r\n\t\ttarget: {\r\n\t\t\tvalue: newColor,\r\n\t\t},\r\n\t});\r\n}\r\n\r\nfunction getTextInputElement(wrapper: ReactWrapper | ReactWrapper): ReactWrapper | ReactWrapper {\r\n\t// Return the text input field DOM element.\r\n\treturn wrapper.find(\"input[type='text']\");\r\n}\r\n\r\nfunction getTextInputValue(wrapper: ReactWrapper): ReactWrapper {\r\n\t// Return the current value of the text input field.\r\n\treturn getTextInputElement(wrapper).prop(\"value\");\r\n}\r\n\r\nfunction changeTextInput(wrapper: ReactWrapper | ReactWrapper, newColor: string) {\r\n\t// Simulate changing the text input field.\r\n\tgetTextInputElement(wrapper).simulate(\"change\", {\r\n\t\ttarget: {\r\n\t\t\tvalue: newColor,\r\n\t\t},\r\n\t});\r\n}\r\n\r\ndescribe(\"<ColorPicker/>\", () => {\r\n\tit(\"should display matching color values for both the color and text inputs\", () => {\r\n\t\tconst wrapper = mount(<ValidColor {...(ValidColor.args as ColorPickerProps)} />);\r\n\r\n\t\texpect(getColorInputValue(wrapper)).to.equal(getTextInputValue(wrapper));\r\n\t});\r\n\r\n\tit(\"should default to black when no color is provided\", () => {\r\n\t\tconst BLACK = \"#000000\";\r\n\r\n\t\tconst wrapper = mount(<EmptyField {...(EmptyField.args as ColorPickerProps)} />);\r\n\r\n\t\texpect(getColorInputValue(wrapper)).to.equal(BLACK);\r\n\t\texpect(getTextInputValue(wrapper)).to.equal(BLACK);\r\n\t});\r\n\r\n\tit(\"should update the text field when the color picker is changed\", () => {\r\n\t\tconst NEW_COLOR = \"#00aa00\";\r\n\r\n\t\tconst wrapper = mount(<EmptyField {...(EmptyField.args as ColorPickerProps)} />);\r\n\t\tchangeColorInput(wrapper, NEW_COLOR);\r\n\r\n\t\texpect(getColorInputValue(wrapper)).to.equal(NEW_COLOR);\r\n\t\texpect(getTextInputValue(wrapper)).to.equal(NEW_COLOR);\r\n\t});\r\n\r\n\tit(\"should update the color picker when the text field is changed\", () => {\r\n\t\tconst NEW_COLOR = \"#0000cc\";\r\n\r\n\t\tconst wrapper = mount(<EmptyField {...(EmptyField.args as ColorPickerProps)} />);\r\n\t\tchangeTextInput(wrapper, NEW_COLOR);\r\n\r\n\t\texpect(getColorInputValue(wrapper)).to.equal(NEW_COLOR);\r\n\t\texpect(getTextInputValue(wrapper)).to.equal(NEW_COLOR);\r\n\t});\r\n\r\n\tit(\"should display an error when an invalid color is selected\", () => {\r\n\t\tconst NEW_COLOR = \"#ZZZZZZ\";\r\n\r\n\t\tconst wrapper = mount(<ValidColor {...(ValidColor.args as ColorPickerProps)} />);\r\n\t\tchangeTextInput(wrapper, NEW_COLOR);\r\n\r\n\t\texpect(getTextInputElement(wrapper).prop(\"aria-invalid\")).to.be.true;\r\n\t});\r\n\r\n\tit(\"should display no error when a valid color is selected\", () => {\r\n\t\tconst NEW_COLOR = \"#abc123\";\r\n\r\n\t\tconst wrapper = mount(<ValidColor {...(ValidColor.args as ColorPickerProps)} />);\r\n\t\tchangeTextInput(wrapper, NEW_COLOR);\r\n\r\n\t\texpect(getTextInputElement(wrapper).prop(\"aria-invalid\")).to.be.false;\r\n\t});\r\n\r\n\tit(\"should trigger an event when a valid color is selected\", () => {\r\n\t\tconst ORIGINAL_COLOR = \"#123456\";\r\n\t\tconst NEW_COLOR = \"#abc123\";\r\n\t\tvar currentColorState = ORIGINAL_COLOR;\r\n\r\n\t\tconst wrapper = mount(\r\n\t\t\t<EmptyField\r\n\t\t\t\tstartColor={ORIGINAL_COLOR}\r\n\t\t\t\tupdateColor={(newColor) => {\r\n\t\t\t\t\tcurrentColorState = newColor;\r\n\t\t\t\t}}\r\n\t\t\t/>\r\n\t\t);\r\n\t\tchangeTextInput(wrapper, NEW_COLOR);\r\n\r\n\t\texpect(currentColorState).to.equal(NEW_COLOR);\r\n\t});\r\n\r\n\tit(\"should not trigger any event when an invalid color is selected\", () => {\r\n\t\tconst ORIGINAL_COLOR = \"#123456\";\r\n\t\tconst NEW_COLOR = \"foobar\";\r\n\t\tvar currentColorState = ORIGINAL_COLOR;\r\n\r\n\t\tconst wrapper = mount(\r\n\t\t\t<EmptyField\r\n\t\t\t\tstartColor={ORIGINAL_COLOR}\r\n\t\t\t\tupdateColor={(newColor) => {\r\n\t\t\t\t\tcurrentColorState = newColor;\r\n\t\t\t\t}}\r\n\t\t\t/>\r\n\t\t);\r\n\t\tchangeTextInput(wrapper, NEW_COLOR);\r\n\r\n\t\texpect(currentColorState).to.equal(ORIGINAL_COLOR);\r\n\t});\r\n});\r\n"]}

package/react/components/common/tests/DropZone.spec.js

@@ -12,7 +12,7 @@ describe("<DropZone />", () => {
     });
     it("should process 1 file", () => {
         const buttonSpy = sinon.spy(Default.args, "processFile");
-        const wrapper = mount(React.createElement(Default, { ...Default.args }));
+        const wrapper = mount(React.createElement(Default, Object.assign({}, Default.args)));
         wrapper.find(".dropZone").simulate("drop", {
             dataTransfer: {
                 files: [{}],
@@ -22,7 +22,7 @@ describe("<DropZone />", () => {
     });
     it("should process 2 files", () => {
         const buttonSpy = sinon.spy(Default.args, "processFile");
-        const wrapper = mount(React.createElement(Default, { ...Default.args }));
+        const wrapper = mount(React.createElement(Default, Object.assign({}, Default.args)));
         wrapper.find(".dropZone").simulate("drop", {
             dataTransfer: {
                 files: [{}, {}],
@@ -32,7 +32,7 @@ describe("<DropZone />", () => {
     });
     it("should process 0 files", () => {
         const buttonSpy = sinon.spy(Default.args, "processFile");
-        const wrapper = mount(React.createElement(Default, { ...Default.args }));
+        const wrapper = mount(React.createElement(Default, Object.assign({}, Default.args)));
         wrapper.find(".dropZone").simulate("drop", {
             dataTransfer: {
                 files: [],
@@ -42,7 +42,7 @@ describe("<DropZone />", () => {
     });
     it("should process 2 mixed files", () => {
         const buttonSpy = sinon.spy(Default.args, "processFile");
-        const wrapper = mount(React.createElement(Default, { ...Default.args }));
+        const wrapper = mount(React.createElement(Default, Object.assign({}, Default.args)));
         wrapper.find(".dropZone").simulate("drop", {
             dataTransfer: {
                 files: [null, {}],

package/react/components/common/tests/DropZone.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropZone.spec.js","sourceRoot":"","sources":["../../../../src/components/common/tests/DropZone.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 { DropZoneProps } from \"../DropZone\";\r\nimport { Default } from \"../stories/DropZone.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(\"<DropZone />\", () => {\r\n\tafterEach(() => {\r\n\t\tsinon.restore();\r\n\t});\r\n\r\n\tit(\"should process 1 file\", () => {\r\n\t\tconst buttonSpy = sinon.spy(Default.args as DropZoneProps, \"processFile\");\r\n\t\tconst wrapper = mount(<Default {...(Default.args as DropZoneProps)} />);\r\n\t\twrapper.find(\".dropZone\").simulate(\"drop\", {\r\n\t\t\tdataTransfer: {\r\n\t\t\t\tfiles: [{}],\r\n\t\t\t},\r\n\t\t});\r\n\t\texpect(buttonSpy.calledOnce).to.be.true;\r\n\t});\r\n\r\n\tit(\"should process 2 files\", () => {\r\n\t\tconst buttonSpy = sinon.spy(Default.args as DropZoneProps, \"processFile\");\r\n\t\tconst wrapper = mount(<Default {...(Default.args as DropZoneProps)} />);\r\n\t\twrapper.find(\".dropZone\").simulate(\"drop\", {\r\n\t\t\tdataTransfer: {\r\n\t\t\t\tfiles: [{}, {}],\r\n\t\t\t},\r\n\t\t});\r\n\t\texpect(buttonSpy.getCall(1)).to.not.be.null;\r\n\t});\r\n\r\n\tit(\"should process 0 files\", () => {\r\n\t\tconst buttonSpy = sinon.spy(Default.args as DropZoneProps, \"processFile\");\r\n\t\tconst wrapper = mount(<Default {...(Default.args as DropZoneProps)} />);\r\n\t\twrapper.find(\".dropZone\").simulate(\"drop\", {\r\n\t\t\tdataTransfer: {\r\n\t\t\t\tfiles: [],\r\n\t\t\t},\r\n\t\t});\r\n\t\texpect(buttonSpy.calledOnce).to.be.false;\r\n\t});\r\n\r\n\tit(\"should process 2 mixed files\", () => {\r\n\t\tconst buttonSpy = sinon.spy(Default.args as DropZoneProps, \"processFile\");\r\n\t\tconst wrapper = mount(<Default {...(Default.args as DropZoneProps)} />);\r\n\t\twrapper.find(\".dropZone\").simulate(\"drop\", {\r\n\t\t\tdataTransfer: {\r\n\t\t\t\tfiles: [null, {}],\r\n\t\t\t},\r\n\t\t});\r\n\t\texpect(buttonSpy.calledOnce).to.not.be.null;\r\n\t});\r\n});\r\n"]}
+{"version":3,"file":"DropZone.spec.js","sourceRoot":"","sources":["../../../../src/components/common/tests/DropZone.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 { DropZoneProps } from \"../DropZone\";\r\nimport { Default } from \"../stories/DropZone.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(\"<DropZone />\", () => {\r\n\tafterEach(() => {\r\n\t\tsinon.restore();\r\n\t});\r\n\r\n\tit(\"should process 1 file\", () => {\r\n\t\tconst buttonSpy = sinon.spy(Default.args as DropZoneProps, \"processFile\");\r\n\t\tconst wrapper = mount(<Default {...(Default.args as DropZoneProps)} />);\r\n\t\twrapper.find(\".dropZone\").simulate(\"drop\", {\r\n\t\t\tdataTransfer: {\r\n\t\t\t\tfiles: [{}],\r\n\t\t\t},\r\n\t\t});\r\n\t\texpect(buttonSpy.calledOnce).to.be.true;\r\n\t});\r\n\r\n\tit(\"should process 2 files\", () => {\r\n\t\tconst buttonSpy = sinon.spy(Default.args as DropZoneProps, \"processFile\");\r\n\t\tconst wrapper = mount(<Default {...(Default.args as DropZoneProps)} />);\r\n\t\twrapper.find(\".dropZone\").simulate(\"drop\", {\r\n\t\t\tdataTransfer: {\r\n\t\t\t\tfiles: [{}, {}],\r\n\t\t\t},\r\n\t\t});\r\n\t\texpect(buttonSpy.getCall(1)).to.not.be.null;\r\n\t});\r\n\r\n\tit(\"should process 0 files\", () => {\r\n\t\tconst buttonSpy = sinon.spy(Default.args as DropZoneProps, \"processFile\");\r\n\t\tconst wrapper = mount(<Default {...(Default.args as DropZoneProps)} />);\r\n\t\twrapper.find(\".dropZone\").simulate(\"drop\", {\r\n\t\t\tdataTransfer: {\r\n\t\t\t\tfiles: [],\r\n\t\t\t},\r\n\t\t});\r\n\t\texpect(buttonSpy.calledOnce).to.be.false;\r\n\t});\r\n\r\n\tit(\"should process 2 mixed files\", () => {\r\n\t\tconst buttonSpy = sinon.spy(Default.args as DropZoneProps, \"processFile\");\r\n\t\tconst wrapper = mount(<Default {...(Default.args as DropZoneProps)} />);\r\n\t\twrapper.find(\".dropZone\").simulate(\"drop\", {\r\n\t\t\tdataTransfer: {\r\n\t\t\t\tfiles: [null, {}],\r\n\t\t\t},\r\n\t\t});\r\n\t\texpect(buttonSpy.calledOnce).to.not.be.null;\r\n\t});\r\n});\r\n"]}

package/react/components/common/tests/FileInput.spec.js

@@ -5,23 +5,23 @@ import { expect } from "chai";
 import { EmptyField, PreFilledField, PreFilledInvalidField } from "../stories/FileInput.stories";
 describe("<FileInput/>", () => {
     it("should display an empty string in its default state", () => {
-        const wrapper = mount(React.createElement(EmptyField, { ...EmptyField.args }));
+        const wrapper = mount(React.createElement(EmptyField, Object.assign({}, EmptyField.args)));
         expect(wrapper.find("input[type='text']").prop("value")).to.equal("");
     });
     it("should display the chosen file name", () => {
-        const wrapper = mount(React.createElement(PreFilledField, { ...PreFilledField.args }));
+        const wrapper = mount(React.createElement(PreFilledField, Object.assign({}, PreFilledField.args)));
         expect(wrapper.find("input[type='text']").prop("value")).to.equal("ThisIsATest.png");
     });
     it("should display an error for invalid file types", () => {
-        const wrapper = mount(React.createElement(PreFilledInvalidField, { ...PreFilledInvalidField.args }));
+        const wrapper = mount(React.createElement(PreFilledInvalidField, Object.assign({}, PreFilledInvalidField.args)));
         expect(wrapper.find("input[type='text']").prop("aria-invalid")).to.be.true;
     });
     it("should display no error for valid file types", () => {
-        const wrapper = mount(React.createElement(PreFilledField, { ...PreFilledField.args }));
+        const wrapper = mount(React.createElement(PreFilledField, Object.assign({}, PreFilledField.args)));
         expect(wrapper.find("input[type='text']").prop("aria-invalid")).to.be.false;
     });
     it("should display no error when no file is chosen", () => {
-        const wrapper = mount(React.createElement(EmptyField, { ...EmptyField.args }));
+        const wrapper = mount(React.createElement(EmptyField, Object.assign({}, EmptyField.args)));
         expect(wrapper.find("input[type='text']").prop("aria-invalid")).to.be.false;
     });
 });

package/react/components/common/tests/FileInput.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileInput.spec.js","sourceRoot":"","sources":["../../../../src/components/common/tests/FileInput.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAa,MAAM,QAAQ,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAE9B,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAEjG,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC7B,EAAE,CAAC,qDAAqD,EAAE,GAAG,EAAE;QAC9D,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,UAAU,OAAM,UAAU,CAAC,IAAuB,GAAI,CAAC,CAAC;QAC/E,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACvE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;QAC9C,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,cAAc,OAAM,cAAc,CAAC,IAAuB,GAAI,CAAC,CAAC;QACvF,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;IACtF,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,qBAAqB,OAAM,qBAAqB,CAAC,IAAuB,GAAI,CAAC,CAAC;QACrG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IAC5E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8CAA8C,EAAE,GAAG,EAAE;QACvD,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,cAAc,OAAM,cAAc,CAAC,IAAuB,GAAI,CAAC,CAAC;QACvF,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;IAC7E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,UAAU,OAAM,UAAU,CAAC,IAAuB,GAAI,CAAC,CAAC;QAC/E,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;IAC7E,CAAC,CAAC,CAAC;AAyBJ,CAAC,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\r\nimport { mount, configure } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport { FileInput, FileInputProps } from \"../FileInput\";\r\nimport { EmptyField, PreFilledField, PreFilledInvalidField } from \"../stories/FileInput.stories\";\r\n\r\ndescribe(\"<FileInput/>\", () => {\r\n\tit(\"should display an empty string in its default state\", () => {\r\n\t\tconst wrapper = mount(<EmptyField {...(EmptyField.args as FileInputProps)} />);\r\n\t\texpect(wrapper.find(\"input[type='text']\").prop(\"value\")).to.equal(\"\");\r\n\t});\r\n\r\n\tit(\"should display the chosen file name\", () => {\r\n\t\tconst wrapper = mount(<PreFilledField {...(PreFilledField.args as FileInputProps)} />);\r\n\t\texpect(wrapper.find(\"input[type='text']\").prop(\"value\")).to.equal(\"ThisIsATest.png\");\r\n\t});\r\n\r\n\tit(\"should display an error for invalid file types\", () => {\r\n\t\tconst wrapper = mount(<PreFilledInvalidField {...(PreFilledInvalidField.args as FileInputProps)} />);\r\n\t\texpect(wrapper.find(\"input[type='text']\").prop(\"aria-invalid\")).to.be.true;\r\n\t});\r\n\r\n\tit(\"should display no error for valid file types\", () => {\r\n\t\tconst wrapper = mount(<PreFilledField {...(PreFilledField.args as FileInputProps)} />);\r\n\t\texpect(wrapper.find(\"input[type='text']\").prop(\"aria-invalid\")).to.be.false;\r\n\t});\r\n\r\n\tit(\"should display no error when no file is chosen\", () => {\r\n\t\tconst wrapper = mount(<EmptyField {...(EmptyField.args as FileInputProps)} />);\r\n\t\texpect(wrapper.find(\"input[type='text']\").prop(\"aria-invalid\")).to.be.false;\r\n\t});\r\n\r\n\t// it(\"should update the display when the file is changed\", () => {\r\n\t// \tconst oldFileName = \"old.txt\";\r\n\t// \tconst newFileName = \"newimage/png\";\r\n\r\n\t// \tconst uploadFunction = (fileObject: File) =>\r\n\t// \t\tnew Promise((resolve) => {\r\n\t// \t\t\tresolve({\r\n\t// \t\t\t\terr: \"\",\r\n\t// \t\t\t\tpath: fileObject.name,\r\n\t// \t\t\t});\r\n\t// \t\t});\r\n\r\n\t// \tconst wrapper = mount(<FileInput uploadFunction value={oldFileName} acceptTypes={[\"image/png\", \"image/jpg\", \"image/ico\"]} />);\r\n\t// \twrapper.find(\"input[type='file']\").simulate('change', {\r\n\t// \t\ttarget: {\r\n\t// \t\t\tfiles: [\r\n\t// \t\t\t\tnewFileName\r\n\t// \t\t\t]\r\n\t// \t\t}\r\n\t// \t});\r\n\r\n\t// \texpect(wrapper.find(\"input[type='text']\").prop(\"value\")).to.equal(newFileName);\r\n\t// });\r\n});\r\n"]}
+{"version":3,"file":"FileInput.spec.js","sourceRoot":"","sources":["../../../../src/components/common/tests/FileInput.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,UAAU,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAEjG,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC7B,EAAE,CAAC,qDAAqD,EAAE,GAAG,EAAE;QAC9D,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,UAAU,oBAAM,UAAU,CAAC,IAAuB,EAAI,CAAC,CAAC;QAC/E,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACvE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;QAC9C,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,cAAc,oBAAM,cAAc,CAAC,IAAuB,EAAI,CAAC,CAAC;QACvF,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;IACtF,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,qBAAqB,oBAAM,qBAAqB,CAAC,IAAuB,EAAI,CAAC,CAAC;QACrG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IAC5E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8CAA8C,EAAE,GAAG,EAAE;QACvD,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,cAAc,oBAAM,cAAc,CAAC,IAAuB,EAAI,CAAC,CAAC;QACvF,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;IAC7E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,UAAU,oBAAM,UAAU,CAAC,IAAuB,EAAI,CAAC,CAAC;QAC/E,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;IAC7E,CAAC,CAAC,CAAC;AAyBJ,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 { FileInputProps } from \"../FileInput\";\r\nimport { EmptyField, PreFilledField, PreFilledInvalidField } from \"../stories/FileInput.stories\";\r\n\r\ndescribe(\"<FileInput/>\", () => {\r\n\tit(\"should display an empty string in its default state\", () => {\r\n\t\tconst wrapper = mount(<EmptyField {...(EmptyField.args as FileInputProps)} />);\r\n\t\texpect(wrapper.find(\"input[type='text']\").prop(\"value\")).to.equal(\"\");\r\n\t});\r\n\r\n\tit(\"should display the chosen file name\", () => {\r\n\t\tconst wrapper = mount(<PreFilledField {...(PreFilledField.args as FileInputProps)} />);\r\n\t\texpect(wrapper.find(\"input[type='text']\").prop(\"value\")).to.equal(\"ThisIsATest.png\");\r\n\t});\r\n\r\n\tit(\"should display an error for invalid file types\", () => {\r\n\t\tconst wrapper = mount(<PreFilledInvalidField {...(PreFilledInvalidField.args as FileInputProps)} />);\r\n\t\texpect(wrapper.find(\"input[type='text']\").prop(\"aria-invalid\")).to.be.true;\r\n\t});\r\n\r\n\tit(\"should display no error for valid file types\", () => {\r\n\t\tconst wrapper = mount(<PreFilledField {...(PreFilledField.args as FileInputProps)} />);\r\n\t\texpect(wrapper.find(\"input[type='text']\").prop(\"aria-invalid\")).to.be.false;\r\n\t});\r\n\r\n\tit(\"should display no error when no file is chosen\", () => {\r\n\t\tconst wrapper = mount(<EmptyField {...(EmptyField.args as FileInputProps)} />);\r\n\t\texpect(wrapper.find(\"input[type='text']\").prop(\"aria-invalid\")).to.be.false;\r\n\t});\r\n\r\n\t// it(\"should update the display when the file is changed\", () => {\r\n\t// \tconst oldFileName = \"old.txt\";\r\n\t// \tconst newFileName = \"newimage/png\";\r\n\r\n\t// \tconst uploadFunction = (fileObject: File) =>\r\n\t// \t\tnew Promise((resolve) => {\r\n\t// \t\t\tresolve({\r\n\t// \t\t\t\terr: \"\",\r\n\t// \t\t\t\tpath: fileObject.name,\r\n\t// \t\t\t});\r\n\t// \t\t});\r\n\r\n\t// \tconst wrapper = mount(<FileInput uploadFunction value={oldFileName} acceptTypes={[\"image/png\", \"image/jpg\", \"image/ico\"]} />);\r\n\t// \twrapper.find(\"input[type='file']\").simulate('change', {\r\n\t// \t\ttarget: {\r\n\t// \t\t\tfiles: [\r\n\t// \t\t\t\tnewFileName\r\n\t// \t\t\t]\r\n\t// \t\t}\r\n\t// \t});\r\n\r\n\t// \texpect(wrapper.find(\"input[type='text']\").prop(\"value\")).to.equal(newFileName);\r\n\t// });\r\n});\r\n"]}

package/react/components/common/tests/FinsembleSelect.spec.js

@@ -12,26 +12,26 @@ describe("<FinsembleSelect/>", () => {
         sinon.restore();
     });
     it("should display text and a checkbox", () => {
-        const wrapper = mount(React.createElement(Sample, { ...Sample.args }));
+        const wrapper = mount(React.createElement(Sample, Object.assign({}, Sample.args)));
         expect(wrapper.find(".emperorOption span").exists(), "Options have text").to.be.true;
         expect(wrapper.find(".emperorOption input[type='checkbox']").exists(), "Options have checkboxes").to.be.true;
     });
     it("should call a function when checkbox is checked", () => {
         const buttonSpy = sinon.spy(Sample.args, "updateCallback");
-        const wrapper = mount(React.createElement(Sample, { ...Sample.args }));
+        const wrapper = mount(React.createElement(Sample, Object.assign({}, Sample.args)));
         wrapper.find(".emperorOption input[type='checkbox']").at(1).simulate("change");
         expect(buttonSpy.getCall(0)).to.not.be.null;
     });
     it("should return all items checked when multiple items have been checked", () => {
         const buttonSpy = sinon.spy(Sample.args, "updateCallback");
-        const wrapper = mount(React.createElement(Sample, { ...Sample.args }));
+        const wrapper = mount(React.createElement(Sample, Object.assign({}, Sample.args)));
         wrapper.find(".emperorOption input[type='checkbox']").at(0).simulate("change");
         wrapper.find(".emperorOption input[type='checkbox']").at(2).simulate("change");
         expect(buttonSpy.getCall(1).args[0]).lengthOf(2);
     });
     it("should limit checked selection", () => {
         const buttonSpy = sinon.spy(Sample.args, "updateCallback");
-        const wrapper = mount(React.createElement(Sample, { ...{ ...Sample.args, limit: 2 } }));
+        const wrapper = mount(React.createElement(Sample, Object.assign({}, Object.assign(Object.assign({}, Sample.args), { limit: 2 }))));
         wrapper.find(".emperorOption input[type='checkbox']").at(0).simulate("change");
         wrapper.find(".emperorOption input[type='checkbox']").at(1).simulate("change");
         wrapper.find(".emperorOption input[type='checkbox']").at(2).simulate("change");
@@ -39,30 +39,31 @@ describe("<FinsembleSelect/>", () => {
     });
     it("should return values, not display text, if values are provided", () => {
         const buttonSpy = sinon.spy(SeperateValuesFromText.args, "updateCallback");
-        const wrapper = mount(React.createElement(SeperateValuesFromText, { ...SeperateValuesFromText.args }));
+        const wrapper = mount(React.createElement(SeperateValuesFromText, Object.assign({}, SeperateValuesFromText.args)));
         wrapper.find(".emperorOption input[type='checkbox']").at(0).simulate("change");
         expect(buttonSpy.getCall(0).args[0]).to.deep.equal(["1"]);
     });
     it("should start with selected items if pre-selected items are provided", () => {
-        const wrapper = mount(React.createElement(PreSelected, { ...PreSelected.args }));
+        const wrapper = mount(React.createElement(PreSelected, Object.assign({}, PreSelected.args)));
         expect(wrapper.find(".emperorOption input[type='checkbox']").at(1).prop("checked")).to.be.true;
     });
     it("should show selected items if pre-selected items are provided after initial render", async () => {
-        const wrapper = mount(React.createElement(PreSelected, { ...Sample.args }));
+        var _a;
+        const wrapper = mount(React.createElement(PreSelected, Object.assign({}, Sample.args)));
         await waitTime(10);
-        wrapper.setProps({ selected: PreSelected.args?.selected });
+        wrapper.setProps({ selected: (_a = PreSelected.args) === null || _a === void 0 ? void 0 : _a.selected });
         wrapper.update();
         expect(wrapper.find(".emperorOption input[type='checkbox']").at(1).prop("checked")).to.be.true;
     });
     it("should start with selected values if both values and pre-selected values are provided", () => {
-        const wrapper = mount(React.createElement(PreSelectedValues, { ...PreSelectedValues.args }));
+        const wrapper = mount(React.createElement(PreSelectedValues, Object.assign({}, PreSelectedValues.args)));
         expect(wrapper.find(".emperorOption input[type='checkbox']").at(0).prop("checked")).to.be.false;
         expect(wrapper.find(".emperorOption input[type='checkbox']").at(1).prop("checked")).to.be.true;
         expect(wrapper.find(".emperorOption input[type='checkbox']").at(2).prop("checked")).to.be.true;
         expect(wrapper.find(".emperorOption input[type='checkbox']").at(3).prop("checked")).to.be.false;
     });
     it("should ignore invalid pre-selected items", () => {
-        const wrapper = mount(React.createElement(InvalidPreSelected, { ...InvalidPreSelected.args }));
+        const wrapper = mount(React.createElement(InvalidPreSelected, Object.assign({}, InvalidPreSelected.args)));
         expect(wrapper.find(".emperorOption input[type='checkbox']").at(0).prop("checked")).to.be.false;
         expect(wrapper.find(".emperorOption input[type='checkbox']").at(1).prop("checked")).to.be.false;
         expect(wrapper.find(".emperorOption input[type='checkbox']").at(2).prop("checked")).to.be.false;
@@ -70,7 +71,7 @@ describe("<FinsembleSelect/>", () => {
     });
     it("should filter list on input (case-insensitive)", () => {
         const buttonSpy = sinon.spy(Searchable.args, "updateCallback");
-        const wrapper = mount(React.createElement(Searchable, { ...Searchable.args }));
+        const wrapper = mount(React.createElement(Searchable, Object.assign({}, Searchable.args)));
         wrapper
             .find("input.search")
             .at(0)

package/react/components/common/tests/FinsembleSelect.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"FinsembleSelect.spec.js","sourceRoot":"","sources":["../../../../src/components/common/tests/FinsembleSelect.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 { FinsembleSelectProps } from \"../FinsembleSelect\";\r\nimport {\r\n\tSample,\r\n\tSeperateValuesFromText,\r\n\tPreSelected,\r\n\tPreSelectedValues,\r\n\tInvalidPreSelected,\r\n\tSearchable,\r\n} from \"../stories/FinsembleSelect.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\nimport { waitTime } from \"../../smartDesktopDesigner/sdd_helpers\";\r\naddons.setChannel(mockChannel());\r\n\r\ndescribe(\"<FinsembleSelect/>\", () => {\r\n\tafterEach(() => {\r\n\t\tsinon.restore();\r\n\t});\r\n\r\n\tit(\"should display text and a checkbox\", () => {\r\n\t\tconst wrapper = mount(<Sample {...(Sample.args as FinsembleSelectProps)} />);\r\n\r\n\t\texpect(wrapper.find(\".emperorOption span\").exists(), \"Options have text\").to.be.true;\r\n\t\texpect(wrapper.find(\".emperorOption input[type='checkbox']\").exists(), \"Options have checkboxes\").to.be.true;\r\n\t});\r\n\tit(\"should call a function when checkbox is checked\", () => {\r\n\t\tconst buttonSpy = sinon.spy(Sample.args as FinsembleSelectProps, \"updateCallback\");\r\n\t\tconst wrapper = mount(<Sample {...(Sample.args as FinsembleSelectProps)} />);\r\n\t\twrapper.find(\".emperorOption input[type='checkbox']\").at(1).simulate(\"change\");\r\n\t\texpect(buttonSpy.getCall(0)).to.not.be.null;\r\n\t});\r\n\tit(\"should return all items checked when multiple items have been checked\", () => {\r\n\t\tconst buttonSpy = sinon.spy(Sample.args as FinsembleSelectProps, \"updateCallback\");\r\n\t\tconst wrapper = mount(<Sample {...(Sample.args as FinsembleSelectProps)} />);\r\n\t\twrapper.find(\".emperorOption input[type='checkbox']\").at(0).simulate(\"change\");\r\n\t\twrapper.find(\".emperorOption input[type='checkbox']\").at(2).simulate(\"change\");\r\n\t\texpect(buttonSpy.getCall(1).args[0]).lengthOf(2);\r\n\t});\r\n\tit(\"should limit checked selection\", () => {\r\n\t\tconst buttonSpy = sinon.spy(Sample.args as FinsembleSelectProps, \"updateCallback\");\r\n\t\tconst wrapper = mount(<Sample {...{ ...(Sample.args as FinsembleSelectProps), limit: 2 }} />);\r\n\t\twrapper.find(\".emperorOption input[type='checkbox']\").at(0).simulate(\"change\");\r\n\t\twrapper.find(\".emperorOption input[type='checkbox']\").at(1).simulate(\"change\");\r\n\t\twrapper.find(\".emperorOption input[type='checkbox']\").at(2).simulate(\"change\");\r\n\t\texpect(buttonSpy.getCall(1).args[0]).lengthOf(2);\r\n\t});\r\n\tit(\"should return values, not display text, if values are provided\", () => {\r\n\t\tconst buttonSpy = sinon.spy(SeperateValuesFromText.args as FinsembleSelectProps, \"updateCallback\");\r\n\t\tconst wrapper = mount(<SeperateValuesFromText {...(SeperateValuesFromText.args as FinsembleSelectProps)} />);\r\n\t\twrapper.find(\".emperorOption input[type='checkbox']\").at(0).simulate(\"change\");\r\n\t\texpect(buttonSpy.getCall(0).args[0]).to.deep.equal([\"1\"]);\r\n\t});\r\n\tit(\"should start with selected items if pre-selected items are provided\", () => {\r\n\t\tconst wrapper = mount(<PreSelected {...(PreSelected.args as FinsembleSelectProps)} />);\r\n\t\texpect(wrapper.find(\".emperorOption input[type='checkbox']\").at(1).prop(\"checked\")).to.be.true;\r\n\t});\r\n\tit(\"should show selected items if pre-selected items are provided after initial render\", async () => {\r\n\t\tconst wrapper = mount(<PreSelected {...(Sample.args as FinsembleSelectProps)} />);\r\n\r\n\t\tawait waitTime(10);\r\n\r\n\t\twrapper.setProps({ selected: PreSelected.args?.selected });\r\n\r\n\t\twrapper.update();\r\n\r\n\t\texpect(wrapper.find(\".emperorOption input[type='checkbox']\").at(1).prop(\"checked\")).to.be.true;\r\n\t});\r\n\tit(\"should start with selected values if both values and pre-selected values are provided\", () => {\r\n\t\tconst wrapper = mount(<PreSelectedValues {...(PreSelectedValues.args as FinsembleSelectProps)} />);\r\n\t\texpect(wrapper.find(\".emperorOption input[type='checkbox']\").at(0).prop(\"checked\")).to.be.false;\r\n\t\texpect(wrapper.find(\".emperorOption input[type='checkbox']\").at(1).prop(\"checked\")).to.be.true;\r\n\t\texpect(wrapper.find(\".emperorOption input[type='checkbox']\").at(2).prop(\"checked\")).to.be.true;\r\n\t\texpect(wrapper.find(\".emperorOption input[type='checkbox']\").at(3).prop(\"checked\")).to.be.false;\r\n\t});\r\n\tit(\"should ignore invalid pre-selected items\", () => {\r\n\t\tconst wrapper = mount(<InvalidPreSelected {...(InvalidPreSelected.args as FinsembleSelectProps)} />);\r\n\t\texpect(wrapper.find(\".emperorOption input[type='checkbox']\").at(0).prop(\"checked\")).to.be.false;\r\n\t\texpect(wrapper.find(\".emperorOption input[type='checkbox']\").at(1).prop(\"checked\")).to.be.false;\r\n\t\texpect(wrapper.find(\".emperorOption input[type='checkbox']\").at(2).prop(\"checked\")).to.be.false;\r\n\t\texpect(wrapper.find(\".emperorOption input[type='checkbox']\").at(3).prop(\"checked\")).to.be.false;\r\n\t});\r\n\tit(\"should filter list on input (case-insensitive)\", () => {\r\n\t\tconst buttonSpy = sinon.spy(Searchable.args as FinsembleSelectProps, \"updateCallback\");\r\n\t\tconst wrapper = mount(<Searchable {...(Searchable.args as FinsembleSelectProps)} />);\r\n\t\twrapper\r\n\t\t\t.find(\"input.search\")\r\n\t\t\t.at(0)\r\n\t\t\t.simulate(\"input\", {\r\n\t\t\t\ttarget: {\r\n\t\t\t\t\tvalue: \"north\",\r\n\t\t\t\t},\r\n\t\t\t});\r\n\t\texpect(wrapper.find(\".emperorOption\")).lengthOf(2);\r\n\t\twrapper.find(\".emperorOption input[type='checkbox']\").at(0).simulate(\"change\");\r\n\t\texpect(buttonSpy.getCall(0).args[0]).to.deep.equal([\"NC\"]);\r\n\t});\r\n});\r\n"]}
+{"version":3,"file":"FinsembleSelect.spec.js","sourceRoot":"","sources":["../../../../src/components/common/tests/FinsembleSelect.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 { FinsembleSelectProps } from \"../FinsembleSelect\";\r\nimport {\r\n\tSample,\r\n\tSeperateValuesFromText,\r\n\tPreSelected,\r\n\tPreSelectedValues,\r\n\tInvalidPreSelected,\r\n\tSearchable,\r\n} from \"../stories/FinsembleSelect.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\nimport { waitTime } from \"../../smartDesktopDesigner/sdd_helpers\";\r\naddons.setChannel(mockChannel());\r\n\r\ndescribe(\"<FinsembleSelect/>\", () => {\r\n\tafterEach(() => {\r\n\t\tsinon.restore();\r\n\t});\r\n\r\n\tit(\"should display text and a checkbox\", () => {\r\n\t\tconst wrapper = mount(<Sample {...(Sample.args as FinsembleSelectProps)} />);\r\n\r\n\t\texpect(wrapper.find(\".emperorOption span\").exists(), \"Options have text\").to.be.true;\r\n\t\texpect(wrapper.find(\".emperorOption input[type='checkbox']\").exists(), \"Options have checkboxes\").to.be.true;\r\n\t});\r\n\tit(\"should call a function when checkbox is checked\", () => {\r\n\t\tconst buttonSpy = sinon.spy(Sample.args as FinsembleSelectProps, \"updateCallback\");\r\n\t\tconst wrapper = mount(<Sample {...(Sample.args as FinsembleSelectProps)} />);\r\n\t\twrapper.find(\".emperorOption input[type='checkbox']\").at(1).simulate(\"change\");\r\n\t\texpect(buttonSpy.getCall(0)).to.not.be.null;\r\n\t});\r\n\tit(\"should return all items checked when multiple items have been checked\", () => {\r\n\t\tconst buttonSpy = sinon.spy(Sample.args as FinsembleSelectProps, \"updateCallback\");\r\n\t\tconst wrapper = mount(<Sample {...(Sample.args as FinsembleSelectProps)} />);\r\n\t\twrapper.find(\".emperorOption input[type='checkbox']\").at(0).simulate(\"change\");\r\n\t\twrapper.find(\".emperorOption input[type='checkbox']\").at(2).simulate(\"change\");\r\n\t\texpect(buttonSpy.getCall(1).args[0]).lengthOf(2);\r\n\t});\r\n\tit(\"should limit checked selection\", () => {\r\n\t\tconst buttonSpy = sinon.spy(Sample.args as FinsembleSelectProps, \"updateCallback\");\r\n\t\tconst wrapper = mount(<Sample {...{ ...(Sample.args as FinsembleSelectProps), limit: 2 }} />);\r\n\t\twrapper.find(\".emperorOption input[type='checkbox']\").at(0).simulate(\"change\");\r\n\t\twrapper.find(\".emperorOption input[type='checkbox']\").at(1).simulate(\"change\");\r\n\t\twrapper.find(\".emperorOption input[type='checkbox']\").at(2).simulate(\"change\");\r\n\t\texpect(buttonSpy.getCall(1).args[0]).lengthOf(2);\r\n\t});\r\n\tit(\"should return values, not display text, if values are provided\", () => {\r\n\t\tconst buttonSpy = sinon.spy(SeperateValuesFromText.args as FinsembleSelectProps, \"updateCallback\");\r\n\t\tconst wrapper = mount(<SeperateValuesFromText {...(SeperateValuesFromText.args as FinsembleSelectProps)} />);\r\n\t\twrapper.find(\".emperorOption input[type='checkbox']\").at(0).simulate(\"change\");\r\n\t\texpect(buttonSpy.getCall(0).args[0]).to.deep.equal([\"1\"]);\r\n\t});\r\n\tit(\"should start with selected items if pre-selected items are provided\", () => {\r\n\t\tconst wrapper = mount(<PreSelected {...(PreSelected.args as FinsembleSelectProps)} />);\r\n\t\texpect(wrapper.find(\".emperorOption input[type='checkbox']\").at(1).prop(\"checked\")).to.be.true;\r\n\t});\r\n\tit(\"should show selected items if pre-selected items are provided after initial render\", async () => {\r\n\t\tconst wrapper = mount(<PreSelected {...(Sample.args as FinsembleSelectProps)} />);\r\n\r\n\t\tawait waitTime(10);\r\n\r\n\t\twrapper.setProps({ selected: PreSelected.args?.selected });\r\n\r\n\t\twrapper.update();\r\n\r\n\t\texpect(wrapper.find(\".emperorOption input[type='checkbox']\").at(1).prop(\"checked\")).to.be.true;\r\n\t});\r\n\tit(\"should start with selected values if both values and pre-selected values are provided\", () => {\r\n\t\tconst wrapper = mount(<PreSelectedValues {...(PreSelectedValues.args as FinsembleSelectProps)} />);\r\n\t\texpect(wrapper.find(\".emperorOption input[type='checkbox']\").at(0).prop(\"checked\")).to.be.false;\r\n\t\texpect(wrapper.find(\".emperorOption input[type='checkbox']\").at(1).prop(\"checked\")).to.be.true;\r\n\t\texpect(wrapper.find(\".emperorOption input[type='checkbox']\").at(2).prop(\"checked\")).to.be.true;\r\n\t\texpect(wrapper.find(\".emperorOption input[type='checkbox']\").at(3).prop(\"checked\")).to.be.false;\r\n\t});\r\n\tit(\"should ignore invalid pre-selected items\", () => {\r\n\t\tconst wrapper = mount(<InvalidPreSelected {...(InvalidPreSelected.args as FinsembleSelectProps)} />);\r\n\t\texpect(wrapper.find(\".emperorOption input[type='checkbox']\").at(0).prop(\"checked\")).to.be.false;\r\n\t\texpect(wrapper.find(\".emperorOption input[type='checkbox']\").at(1).prop(\"checked\")).to.be.false;\r\n\t\texpect(wrapper.find(\".emperorOption input[type='checkbox']\").at(2).prop(\"checked\")).to.be.false;\r\n\t\texpect(wrapper.find(\".emperorOption input[type='checkbox']\").at(3).prop(\"checked\")).to.be.false;\r\n\t});\r\n\tit(\"should filter list on input (case-insensitive)\", () => {\r\n\t\tconst buttonSpy = sinon.spy(Searchable.args as FinsembleSelectProps, \"updateCallback\");\r\n\t\tconst wrapper = mount(<Searchable {...(Searchable.args as FinsembleSelectProps)} />);\r\n\t\twrapper\r\n\t\t\t.find(\"input.search\")\r\n\t\t\t.at(0)\r\n\t\t\t.simulate(\"input\", {\r\n\t\t\t\ttarget: {\r\n\t\t\t\t\tvalue: \"north\",\r\n\t\t\t\t},\r\n\t\t\t});\r\n\t\texpect(wrapper.find(\".emperorOption\")).lengthOf(2);\r\n\t\twrapper.find(\".emperorOption input[type='checkbox']\").at(0).simulate(\"change\");\r\n\t\texpect(buttonSpy.getCall(0).args[0]).to.deep.equal([\"NC\"]);\r\n\t});\r\n});\r\n"]}

package/react/components/common/tests/FinsembleToggle.spec.js

@@ -4,6 +4,7 @@ import { describe, it } from "mocha";
 import { expect } from "chai";
 import sinon from "sinon";
 import { Checked, Unchecked } from "../stories/FinsembleToggle.stories";
+import { accessibilityAssessor } from "../../smartDesktopDesigner/tests/a11y_helper";
 import addons, { mockChannel } from "@storybook/addons";
 import { waitTime } from "../../smartDesktopDesigner/sdd_helpers";
 addons.setChannel(mockChannel());
@@ -11,10 +12,15 @@ describe("<FinsembleToggle/>", () => {
     afterEach(() => {
         sinon.restore();
     });
+    it("should pass accessibility scans", async () => {
+        const wrapper = mount(React.createElement(Unchecked, Object.assign({}, Unchecked.args)));
+        expect(await accessibilityAssessor(wrapper)).to.be.true;
+    });
     it("should be checked items if checked prop is updated after initial render", async () => {
-        const wrapper = mount(React.createElement(Unchecked, { ...Unchecked.args }));
+        var _a;
+        const wrapper = mount(React.createElement(Unchecked, Object.assign({}, Unchecked.args)));
         await waitTime(10);
-        wrapper.setProps({ checked: Checked.args?.checked });
+        wrapper.setProps({ checked: (_a = Checked.args) === null || _a === void 0 ? void 0 : _a.checked });
         wrapper.update();
         expect(wrapper.find("input[type='checkbox']").at(0).prop("checked")).to.be.true;
     });

package/react/components/common/tests/FinsembleToggle.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"FinsembleToggle.spec.js","sourceRoot":"","sources":["../../../../src/components/common/tests/FinsembleToggle.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;AAE1B,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAGxE,OAAO,MAAM,EAAE,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAClE,MAAM,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC,CAAC;AAEjC,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;IACnC,SAAS,CAAC,GAAG,EAAE;QACd,KAAK,CAAC,OAAO,EAAE,CAAC;IACjB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yEAAyE,EAAE,KAAK,IAAI,EAAE;QACxF,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,SAAS,OAAM,SAAS,CAAC,IAA6B,GAAI,CAAC,CAAC;QAEnF,MAAM,QAAQ,CAAC,EAAE,CAAC,CAAC;QAEnB,OAAO,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;QAErD,OAAO,CAAC,MAAM,EAAE,CAAC;QAEjB,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IACjF,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 { FinsembleToggleProps } from \"../FinsembleToggle\";\r\nimport { Checked, Unchecked } from \"../stories/FinsembleToggle.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\nimport { waitTime } from \"../../smartDesktopDesigner/sdd_helpers\";\r\naddons.setChannel(mockChannel());\r\n\r\ndescribe(\"<FinsembleToggle/>\", () => {\r\n\tafterEach(() => {\r\n\t\tsinon.restore();\r\n\t});\r\n\r\n\tit(\"should be checked items if checked prop is updated after initial render\", async () => {\r\n\t\tconst wrapper = mount(<Unchecked {...(Unchecked.args as FinsembleToggleProps)} />);\r\n\r\n\t\tawait waitTime(10);\r\n\r\n\t\twrapper.setProps({ checked: Checked.args?.checked });\r\n\r\n\t\twrapper.update();\r\n\r\n\t\texpect(wrapper.find(\"input[type='checkbox']\").at(0).prop(\"checked\")).to.be.true;\r\n\t});\r\n});\r\n"]}
+{"version":3,"file":"FinsembleToggle.spec.js","sourceRoot":"","sources":["../../../../src/components/common/tests/FinsembleToggle.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;AAE1B,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,qBAAqB,EAAE,MAAM,8CAA8C,CAAC;AAGrF,OAAO,MAAM,EAAE,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAClE,MAAM,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC,CAAC;AAEjC,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;IACnC,SAAS,CAAC,GAAG,EAAE;QACd,KAAK,CAAC,OAAO,EAAE,CAAC;IACjB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iCAAiC,EAAE,KAAK,IAAI,EAAE;QAChD,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,SAAS,oBAAM,SAAS,CAAC,IAA6B,EAAI,CAAC,CAAC;QAEnF,MAAM,CAAC,MAAM,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IACzD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yEAAyE,EAAE,KAAK,IAAI,EAAE;;QACxF,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,SAAS,oBAAM,SAAS,CAAC,IAA6B,EAAI,CAAC,CAAC;QAEnF,MAAM,QAAQ,CAAC,EAAE,CAAC,CAAC;QAEnB,OAAO,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,MAAA,OAAO,CAAC,IAAI,0CAAE,OAAO,EAAE,CAAC,CAAC;QAErD,OAAO,CAAC,MAAM,EAAE,CAAC;QAEjB,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IACjF,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 { FinsembleToggleProps } from \"../FinsembleToggle\";\r\nimport { Checked, Unchecked } from \"../stories/FinsembleToggle.stories\";\r\nimport { accessibilityAssessor } from \"../../smartDesktopDesigner/tests/a11y_helper\";\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\nimport { waitTime } from \"../../smartDesktopDesigner/sdd_helpers\";\r\naddons.setChannel(mockChannel());\r\n\r\ndescribe(\"<FinsembleToggle/>\", () => {\r\n\tafterEach(() => {\r\n\t\tsinon.restore();\r\n\t});\r\n\r\n\tit(\"should pass accessibility scans\", async () => {\r\n\t\tconst wrapper = mount(<Unchecked {...(Unchecked.args as FinsembleToggleProps)} />);\r\n\r\n\t\texpect(await accessibilityAssessor(wrapper)).to.be.true;\r\n\t});\r\n\r\n\tit(\"should be checked items if checked prop is updated after initial render\", async () => {\r\n\t\tconst wrapper = mount(<Unchecked {...(Unchecked.args as FinsembleToggleProps)} />);\r\n\r\n\t\tawait waitTime(10);\r\n\r\n\t\twrapper.setProps({ checked: Checked.args?.checked });\r\n\r\n\t\twrapper.update();\r\n\r\n\t\texpect(wrapper.find(\"input[type='checkbox']\").at(0).prop(\"checked\")).to.be.true;\r\n\t});\r\n});\r\n"]}

package/react/components/common/tests/Header.spec.js

@@ -5,15 +5,15 @@ import { expect } from "chai";
 import { BasicHeader, HeaderWithBackButton } from "../stories/Header.stories";
 describe("<Header/>", () => {
     it("should display text", () => {
-        const wrapper = mount(React.createElement(BasicHeader, { ...BasicHeader.args }));
+        const wrapper = mount(React.createElement(BasicHeader, Object.assign({}, BasicHeader.args)));
         expect(wrapper.find(".view-title").first().text()).to.contain("This is a Header");
     });
     it("should contain a button when a back function is provided", () => {
-        const wrapper = mount(React.createElement(HeaderWithBackButton, { ...HeaderWithBackButton.args }));
+        const wrapper = mount(React.createElement(HeaderWithBackButton, Object.assign({}, HeaderWithBackButton.args)));
         expect(wrapper.find("button").text()).to.contain("Back");
     });
     it("should not contain a button when no back function is provided", () => {
-        const wrapper = mount(React.createElement(BasicHeader, { ...BasicHeader.args }));
+        const wrapper = mount(React.createElement(BasicHeader, Object.assign({}, BasicHeader.args)));
         expect(wrapper.find("button")).to.have.lengthOf(0);
     });
 });

package/react/components/common/tests/Header.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.spec.js","sourceRoot":"","sources":["../../../../src/components/common/tests/Header.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,WAAW,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAG9E,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IAC1B,EAAE,CAAC,qBAAqB,EAAE,GAAG,EAAE;QAC9B,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,WAAW,OAAM,WAAW,CAAC,IAAoB,GAAI,CAAC,CAAC;QAC9E,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACnF,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,0DAA0D,EAAE,GAAG,EAAE;QACnE,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,oBAAoB,OAAM,oBAAoB,CAAC,IAAoB,GAAI,CAAC,CAAC;QAChG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,+DAA+D,EAAE,GAAG,EAAE;QACxE,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,WAAW,OAAM,WAAW,CAAC,IAAoB,GAAI,CAAC,CAAC;QAC9E,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACpD,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 { BasicHeader, HeaderWithBackButton } from \"../stories/Header.stories\";\r\nimport { HeaderProps } from \"../Header\";\r\n\r\ndescribe(\"<Header/>\", () => {\r\n\tit(\"should display text\", () => {\r\n\t\tconst wrapper = mount(<BasicHeader {...(BasicHeader.args as HeaderProps)} />);\r\n\t\texpect(wrapper.find(\".view-title\").first().text()).to.contain(\"This is a Header\");\r\n\t});\r\n\tit(\"should contain a button when a back function is provided\", () => {\r\n\t\tconst wrapper = mount(<HeaderWithBackButton {...(HeaderWithBackButton.args as HeaderProps)} />);\r\n\t\texpect(wrapper.find(\"button\").text()).to.contain(\"Back\");\r\n\t});\r\n\tit(\"should not contain a button when no back function is provided\", () => {\r\n\t\tconst wrapper = mount(<BasicHeader {...(BasicHeader.args as HeaderProps)} />);\r\n\t\texpect(wrapper.find(\"button\")).to.have.lengthOf(0);\r\n\t});\r\n});\r\n"]}
+{"version":3,"file":"Header.spec.js","sourceRoot":"","sources":["../../../../src/components/common/tests/Header.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,WAAW,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAG9E,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IAC1B,EAAE,CAAC,qBAAqB,EAAE,GAAG,EAAE;QAC9B,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,WAAW,oBAAM,WAAW,CAAC,IAAoB,EAAI,CAAC,CAAC;QAC9E,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACnF,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,0DAA0D,EAAE,GAAG,EAAE;QACnE,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,oBAAoB,oBAAM,oBAAoB,CAAC,IAAoB,EAAI,CAAC,CAAC;QAChG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,+DAA+D,EAAE,GAAG,EAAE;QACxE,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,WAAW,oBAAM,WAAW,CAAC,IAAoB,EAAI,CAAC,CAAC;QAC9E,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACpD,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 { BasicHeader, HeaderWithBackButton } from \"../stories/Header.stories\";\r\nimport { HeaderProps } from \"../Header\";\r\n\r\ndescribe(\"<Header/>\", () => {\r\n\tit(\"should display text\", () => {\r\n\t\tconst wrapper = mount(<BasicHeader {...(BasicHeader.args as HeaderProps)} />);\r\n\t\texpect(wrapper.find(\".view-title\").first().text()).to.contain(\"This is a Header\");\r\n\t});\r\n\tit(\"should contain a button when a back function is provided\", () => {\r\n\t\tconst wrapper = mount(<HeaderWithBackButton {...(HeaderWithBackButton.args as HeaderProps)} />);\r\n\t\texpect(wrapper.find(\"button\").text()).to.contain(\"Back\");\r\n\t});\r\n\tit(\"should not contain a button when no back function is provided\", () => {\r\n\t\tconst wrapper = mount(<BasicHeader {...(BasicHeader.args as HeaderProps)} />);\r\n\t\texpect(wrapper.find(\"button\")).to.have.lengthOf(0);\r\n\t});\r\n});\r\n"]}

package/react/components/common/tests/ImagePreview.spec.js

@@ -5,34 +5,34 @@ import { expect } from "chai";
 import { SmallEmptyField, SmallPreFilledField, SmallPreFilledFieldFullURL, LargeEmptyField, LargePreFilledField, } from "../stories/ImagePreview.stories";
 describe("<ImagePreview/>", () => {
     it("should display no preview image in its default state", () => {
-        const wrapper = mount(React.createElement(SmallEmptyField, { ...SmallEmptyField.args }));
+        const wrapper = mount(React.createElement(SmallEmptyField, Object.assign({}, SmallEmptyField.args)));
         expect(wrapper.exists("img")).to.be.false;
         expect(wrapper.exists(".empty-preview")).to.be.true;
     });
     it("should display a preview image when a path is provided", () => {
-        const wrapper = mount(React.createElement(SmallPreFilledField, { ...SmallPreFilledField.args }));
+        const wrapper = mount(React.createElement(SmallPreFilledField, Object.assign({}, SmallPreFilledField.args)));
         expect(wrapper.exists("img")).to.be.true;
         expect(wrapper.exists(".empty-preview")).to.be.false;
     });
     it("should display with a small preview container", () => {
-        const wrapper = mount(React.createElement(SmallEmptyField, { ...SmallEmptyField.args }));
+        const wrapper = mount(React.createElement(SmallEmptyField, Object.assign({}, SmallEmptyField.args)));
         expect(wrapper.find(".image-preview-container").hasClass("image-preview-size-small")).to.be.true;
     });
     it("should display with a large preview container", () => {
-        const wrapper = mount(React.createElement(LargeEmptyField, { ...LargeEmptyField.args }));
+        const wrapper = mount(React.createElement(LargeEmptyField, Object.assign({}, LargeEmptyField.args)));
         expect(wrapper.find(".image-preview-container").hasClass("image-preview-size-large")).to.be.true;
     });
     it("should display a preview image when given a partial path", () => {
-        const wrapper = mount(React.createElement(SmallPreFilledField, { ...SmallPreFilledField.args }));
+        const wrapper = mount(React.createElement(SmallPreFilledField, Object.assign({}, SmallPreFilledField.args)));
         expect(wrapper.find("img").prop("src")).to.have.string("https://cosaic.io/wp-content/uploads/2020/07//cosiac-blog.png");
     });
     it("should display a preview image when given a full path", () => {
-        const wrapper = mount(React.createElement(SmallPreFilledFieldFullURL, { ...SmallPreFilledFieldFullURL.args }));
+        const wrapper = mount(React.createElement(SmallPreFilledFieldFullURL, Object.assign({}, SmallPreFilledFieldFullURL.args)));
         expect(wrapper.find("img").prop("src")).to.have.string("https://cosaic.io/wp-content/uploads/2020/07//cosiac-blog.png");
     });
     it("globally increment the cache index for every valid image", () => {
-        const wrapper1 = mount(React.createElement(LargePreFilledField, { ...LargePreFilledField.args }));
-        const wrapper2 = mount(React.createElement(LargePreFilledField, { ...LargePreFilledField.args }));
+        const wrapper1 = mount(React.createElement(LargePreFilledField, Object.assign({}, LargePreFilledField.args)));
+        const wrapper2 = mount(React.createElement(LargePreFilledField, Object.assign({}, LargePreFilledField.args)));
         const imgSrc1 = wrapper1.find("img").prop("src");
         const imgSrc2 = wrapper2.find("img").prop("src");
         if (!imgSrc1 || !imgSrc2) {

package/react/components/common/tests/ImagePreview.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImagePreview.spec.js","sourceRoot":"","sources":["../../../../src/components/common/tests/ImagePreview.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\r\nimport { mount, configure } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport {\r\n\tSmallEmptyField,\r\n\tSmallPreFilledField,\r\n\tSmallPreFilledFieldFullURL,\r\n\tSmallPreFilledInvalidField,\r\n\tLargeEmptyField,\r\n\tLargePreFilledField,\r\n\tLargePreFilledInvalidField,\r\n} from \"../stories/ImagePreview.stories\";\r\nimport { ImagePreviewProps } from \"../ImagePreview\";\r\n\r\ndescribe(\"<ImagePreview/>\", () => {\r\n\tit(\"should display no preview image in its default state\", () => {\r\n\t\tconst wrapper = mount(<SmallEmptyField {...(SmallEmptyField.args as ImagePreviewProps)} />);\r\n\t\texpect(wrapper.exists(\"img\")).to.be.false;\r\n\t\texpect(wrapper.exists(\".empty-preview\")).to.be.true;\r\n\t});\r\n\r\n\tit(\"should display a preview image when a path is provided\", () => {\r\n\t\tconst wrapper = mount(<SmallPreFilledField {...(SmallPreFilledField.args as ImagePreviewProps)} />);\r\n\t\texpect(wrapper.exists(\"img\")).to.be.true;\r\n\t\texpect(wrapper.exists(\".empty-preview\")).to.be.false;\r\n\t});\r\n\r\n\tit(\"should display with a small preview container\", () => {\r\n\t\tconst wrapper = mount(<SmallEmptyField {...(SmallEmptyField.args as ImagePreviewProps)} />);\r\n\t\texpect(wrapper.find(\".image-preview-container\").hasClass(\"image-preview-size-small\")).to.be.true;\r\n\t});\r\n\r\n\tit(\"should display with a large preview container\", () => {\r\n\t\tconst wrapper = mount(<LargeEmptyField {...(LargeEmptyField.args as ImagePreviewProps)} />);\r\n\t\texpect(wrapper.find(\".image-preview-container\").hasClass(\"image-preview-size-large\")).to.be.true;\r\n\t});\r\n\r\n\tit(\"should display a preview image when given a partial path\", () => {\r\n\t\tconst wrapper = mount(<SmallPreFilledField {...(SmallPreFilledField.args as ImagePreviewProps)} />);\r\n\t\texpect(wrapper.find(\"img\").prop(\"src\")).to.have.string(\r\n\t\t\t\"https://cosaic.io/wp-content/uploads/2020/07//cosiac-blog.png\"\r\n\t\t);\r\n\t});\r\n\r\n\tit(\"should display a preview image when given a full path\", () => {\r\n\t\tconst wrapper = mount(<SmallPreFilledFieldFullURL {...(SmallPreFilledFieldFullURL.args as ImagePreviewProps)} />);\r\n\t\texpect(wrapper.find(\"img\").prop(\"src\")).to.have.string(\r\n\t\t\t\"https://cosaic.io/wp-content/uploads/2020/07//cosiac-blog.png\"\r\n\t\t);\r\n\t});\r\n\r\n\tit(\"globally increment the cache index for every valid image\", () => {\r\n\t\tconst wrapper1 = mount(<LargePreFilledField {...(LargePreFilledField.args as ImagePreviewProps)} />);\r\n\t\tconst wrapper2 = mount(<LargePreFilledField {...(LargePreFilledField.args as ImagePreviewProps)} />);\r\n\r\n\t\tconst imgSrc1 = wrapper1.find(\"img\").prop(\"src\");\r\n\t\tconst imgSrc2 = wrapper2.find(\"img\").prop(\"src\");\r\n\r\n\t\tif (!imgSrc1 || !imgSrc2) {\r\n\t\t\tthrow new Error(\"Image source not found!\");\r\n\t\t}\r\n\r\n\t\tconst cacheIndex1 = parseInt(imgSrc1.split(\"?\")[1]);\r\n\t\tconst cacheIndex2 = parseInt(imgSrc2.split(\"?\")[1]);\r\n\r\n\t\texpect(cacheIndex2).to.equal(cacheIndex1 + 1);\r\n\t});\r\n});\r\n"]}
+{"version":3,"file":"ImagePreview.spec.js","sourceRoot":"","sources":["../../../../src/components/common/tests/ImagePreview.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 {\r\n\tSmallEmptyField,\r\n\tSmallPreFilledField,\r\n\tSmallPreFilledFieldFullURL,\r\n\tLargeEmptyField,\r\n\tLargePreFilledField,\r\n} from \"../stories/ImagePreview.stories\";\r\nimport { ImagePreviewProps } from \"../ImagePreview\";\r\n\r\ndescribe(\"<ImagePreview/>\", () => {\r\n\tit(\"should display no preview image in its default state\", () => {\r\n\t\tconst wrapper = mount(<SmallEmptyField {...(SmallEmptyField.args as ImagePreviewProps)} />);\r\n\t\texpect(wrapper.exists(\"img\")).to.be.false;\r\n\t\texpect(wrapper.exists(\".empty-preview\")).to.be.true;\r\n\t});\r\n\r\n\tit(\"should display a preview image when a path is provided\", () => {\r\n\t\tconst wrapper = mount(<SmallPreFilledField {...(SmallPreFilledField.args as ImagePreviewProps)} />);\r\n\t\texpect(wrapper.exists(\"img\")).to.be.true;\r\n\t\texpect(wrapper.exists(\".empty-preview\")).to.be.false;\r\n\t});\r\n\r\n\tit(\"should display with a small preview container\", () => {\r\n\t\tconst wrapper = mount(<SmallEmptyField {...(SmallEmptyField.args as ImagePreviewProps)} />);\r\n\t\texpect(wrapper.find(\".image-preview-container\").hasClass(\"image-preview-size-small\")).to.be.true;\r\n\t});\r\n\r\n\tit(\"should display with a large preview container\", () => {\r\n\t\tconst wrapper = mount(<LargeEmptyField {...(LargeEmptyField.args as ImagePreviewProps)} />);\r\n\t\texpect(wrapper.find(\".image-preview-container\").hasClass(\"image-preview-size-large\")).to.be.true;\r\n\t});\r\n\r\n\tit(\"should display a preview image when given a partial path\", () => {\r\n\t\tconst wrapper = mount(<SmallPreFilledField {...(SmallPreFilledField.args as ImagePreviewProps)} />);\r\n\t\texpect(wrapper.find(\"img\").prop(\"src\")).to.have.string(\r\n\t\t\t\"https://cosaic.io/wp-content/uploads/2020/07//cosiac-blog.png\"\r\n\t\t);\r\n\t});\r\n\r\n\tit(\"should display a preview image when given a full path\", () => {\r\n\t\tconst wrapper = mount(<SmallPreFilledFieldFullURL {...(SmallPreFilledFieldFullURL.args as ImagePreviewProps)} />);\r\n\t\texpect(wrapper.find(\"img\").prop(\"src\")).to.have.string(\r\n\t\t\t\"https://cosaic.io/wp-content/uploads/2020/07//cosiac-blog.png\"\r\n\t\t);\r\n\t});\r\n\r\n\tit(\"globally increment the cache index for every valid image\", () => {\r\n\t\tconst wrapper1 = mount(<LargePreFilledField {...(LargePreFilledField.args as ImagePreviewProps)} />);\r\n\t\tconst wrapper2 = mount(<LargePreFilledField {...(LargePreFilledField.args as ImagePreviewProps)} />);\r\n\r\n\t\tconst imgSrc1 = wrapper1.find(\"img\").prop(\"src\");\r\n\t\tconst imgSrc2 = wrapper2.find(\"img\").prop(\"src\");\r\n\r\n\t\tif (!imgSrc1 || !imgSrc2) {\r\n\t\t\tthrow new Error(\"Image source not found!\");\r\n\t\t}\r\n\r\n\t\tconst cacheIndex1 = parseInt(imgSrc1.split(\"?\")[1]);\r\n\t\tconst cacheIndex2 = parseInt(imgSrc2.split(\"?\")[1]);\r\n\r\n\t\texpect(cacheIndex2).to.equal(cacheIndex1 + 1);\r\n\t});\r\n});\r\n"]}

package/react/components/common/tests/Tab.spec.js

@@ -5,19 +5,19 @@ import { expect } from "chai";
 import { Plain, AutoFocus } from "../stories/Tab.stories";
 describe("<Tab/>", () => {
     it("should change tab panels with the tab 'Number' is chosen", () => {
-        const wrapper = mount(React.createElement(Plain, { ...Plain.args }));
+        const wrapper = mount(React.createElement(Plain, Object.assign({}, Plain.args)));
         wrapper.find("[role='tab']").at(1).simulate("click");
         expect(wrapper.find(".visible div[data-label='Number']").exists()).to.be.true;
         expect(wrapper.find(".visible div[data-label='Letter']").exists()).to.be.false;
     });
     it("should change tab panels with the tab 'Letter' is chosen", () => {
-        const wrapper = mount(React.createElement(Plain, { ...Plain.args }));
+        const wrapper = mount(React.createElement(Plain, Object.assign({}, Plain.args)));
         wrapper.find("[role='tab']").at(0).simulate("click");
         expect(wrapper.find(".visible div[data-label='Number']").exists()).to.be.false;
         expect(wrapper.find(".visible div[data-label='Letter']").exists()).to.be.true;
     });
     it("should display autofocused tab panels when autofocus is provided", () => {
-        const wrapper = mount(React.createElement(AutoFocus, { ...AutoFocus.args }));
+        const wrapper = mount(React.createElement(AutoFocus, Object.assign({}, AutoFocus.args)));
         expect(wrapper.find(".visible div[data-label='Number']").exists()).to.be.true;
         expect(wrapper.find(".visible div[data-label='Letter']").exists()).to.be.false;
     });