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

package/react/components/common/stories/FinsembleSelect.stories.js

@@ -7,7 +7,7 @@ export default {
     title: "Common/FinsembleSelect",
     component: FinsembleSelect,
 };
-const Template = (args) => React.createElement(FinsembleSelect, { ...args });
+const Template = (args) => React.createElement(FinsembleSelect, Object.assign({}, args));
 export const Sample = Template.bind({});
 Sample.args = {
     options: ["A", "B", "C", "D"],

package/react/components/common/stories/FinsembleSelect.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"FinsembleSelect.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/FinsembleSelect.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport { FinsembleSelect, FinsembleSelectProps } from \"../FinsembleSelect\";\r\nimport \"../../../assets/css/finsemble.css\";\r\nimport \"../css/styles.css\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\nimport { action } from \"@storybook/addon-actions\";\r\n\r\nexport default {\r\n\ttitle: \"Common/FinsembleSelect\",\r\n\tcomponent: FinsembleSelect,\r\n};\r\n\r\nconst Template: Story<FinsembleSelectProps> = (args: FinsembleSelectProps) => <FinsembleSelect {...args} />;\r\n\r\nexport const Sample = Template.bind({});\r\nSample.args = {\r\n\toptions: [\"A\", \"B\", \"C\", \"D\"],\r\n\tupdateCallback: action(\"Selected values\"),\r\n};\r\nexport const Adjustable = Template.bind({});\r\nAdjustable.args = {\r\n\toptions: [\"A\", \"B\", \"C\", \"D\"],\r\n\tupdateCallback: action(\"Selected values\"),\r\n\tsize: 3,\r\n};\r\nexport const LongText = Template.bind({});\r\nLongText.args = {\r\n\toptions: [\r\n\t\t\"AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA\",\r\n\t\t\"BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB\",\r\n\t\t\"!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!\",\r\n\t\t\"nope\",\r\n\t],\r\n\tupdateCallback: action(\"Selected values\"),\r\n\tsize: 3,\r\n};\r\nexport const SeperateValuesFromText = Template.bind({});\r\nSeperateValuesFromText.args = {\r\n\toptions: [\"A\", \"B\", \"C\", \"D\"],\r\n\tvalues: [\"1\", \"2\", \"3\", \"4\"],\r\n\tupdateCallback: action(\"Selected values\"),\r\n};\r\nexport const PreSelected = Template.bind({});\r\nPreSelected.args = {\r\n\toptions: [\"A\", \"B\", \"C\", \"D\"],\r\n\tselected: [\"C\", \"B\"],\r\n\tupdateCallback: action(\"Selected values\"),\r\n};\r\nexport const InvalidPreSelected = Template.bind({});\r\nInvalidPreSelected.args = {\r\n\toptions: [\"A\", \"B\", \"C\", \"D\"],\r\n\tselected: [\"E\"],\r\n\tupdateCallback: action(\"Selected values\"),\r\n};\r\nexport const PreSelectedValues = Template.bind({});\r\nPreSelectedValues.args = {\r\n\toptions: [\"A\", \"B\", \"C\", \"D\"],\r\n\tvalues: [\"1\", \"2\", \"3\", \"4\"],\r\n\tselected: [\"3\", \"2\"],\r\n\tupdateCallback: action(\"Selected values\"),\r\n};\r\n\r\nconst stateNames = [\r\n\t\"Alabama\",\r\n\t\"Alaska\",\r\n\t\"Arizona\",\r\n\t\"Arkansas\",\r\n\t\"California\",\r\n\t\"Colorado\",\r\n\t\"Connecticut\",\r\n\t\"Delaware\",\r\n\t\"Florida\",\r\n\t\"Georgia\",\r\n\t\"Hawaii\",\r\n\t\"Idaho\",\r\n\t\"Illinois\",\r\n\t\"Indiana\",\r\n\t\"Iowa\",\r\n\t\"Kansas\",\r\n\t\"Kentucky\",\r\n\t\"Louisiana\",\r\n\t\"Maine\",\r\n\t\"Maryland\",\r\n\t\"Massachusetts\",\r\n\t\"Michigan\",\r\n\t\"Minnesota\",\r\n\t\"Mississippi\",\r\n\t\"Missouri\",\r\n\t\"Montana\",\r\n\t\"Nebraska\",\r\n\t\"Nevada\",\r\n\t\"New Hampshire\",\r\n\t\"New Jersey\",\r\n\t\"New Mexico\",\r\n\t\"New York\",\r\n\t\"North Carolina\",\r\n\t\"North Dakota\",\r\n\t\"Ohio\",\r\n\t\"Oklahoma\",\r\n\t\"Oregon\",\r\n\t\"Pennsylvania\",\r\n\t\"Rhode Island\",\r\n\t\"South Carolina\",\r\n\t\"South Dakota\",\r\n\t\"Tennessee\",\r\n\t\"Texas\",\r\n\t\"Utah\",\r\n\t\"Vermont\",\r\n\t\"Virginia\",\r\n\t\"Washington\",\r\n\t\"West Virginia\",\r\n\t\"Wisconsin\",\r\n\t\"Wyoming\",\r\n];\r\nconst stateCodes = [\r\n\t\"AL\",\r\n\t\"AK\",\r\n\t\"AZ\",\r\n\t\"AR\",\r\n\t\"CA\",\r\n\t\"CO\",\r\n\t\"CT\",\r\n\t\"DE\",\r\n\t\"FL\",\r\n\t\"GA\",\r\n\t\"HI\",\r\n\t\"ID\",\r\n\t\"IL\",\r\n\t\"IN\",\r\n\t\"IA\",\r\n\t\"KS\",\r\n\t\"KY\",\r\n\t\"LA\",\r\n\t\"ME\",\r\n\t\"MD\",\r\n\t\"MA\",\r\n\t\"MI\",\r\n\t\"MN\",\r\n\t\"MS\",\r\n\t\"MO\",\r\n\t\"MT\",\r\n\t\"NE\",\r\n\t\"NV\",\r\n\t\"NH\",\r\n\t\"NJ\",\r\n\t\"NM\",\r\n\t\"NY\",\r\n\t\"NC\",\r\n\t\"ND\",\r\n\t\"OH\",\r\n\t\"OK\",\r\n\t\"OR\",\r\n\t\"PA\",\r\n\t\"RI\",\r\n\t\"SC\",\r\n\t\"SD\",\r\n\t\"TN\",\r\n\t\"TX\",\r\n\t\"UT\",\r\n\t\"VT\",\r\n\t\"VA\",\r\n\t\"WA\",\r\n\t\"WV\",\r\n\t\"WI\",\r\n\t\"WY\",\r\n];\r\nexport const Searchable = Template.bind({});\r\nSearchable.args = {\r\n\toptions: stateNames,\r\n\tvalues: stateCodes,\r\n\tupdateCallback: action(\"Selected values\"),\r\n\tsize: 6,\r\n\tshowSearch: true,\r\n};\r\n\r\nexport const Limit1 = Template.bind({});\r\nLimit1.args = {\r\n\tlimit: 1,\r\n\toptions: stateNames,\r\n\tvalues: stateCodes,\r\n\tupdateCallback: action(\"Selected values\"),\r\n\tsize: 6,\r\n\tshowSearch: true,\r\n};\r\n\r\nexport const Limit2 = Template.bind({});\r\nLimit2.args = {\r\n\tlimit: 2,\r\n\toptions: stateNames,\r\n\tvalues: stateCodes,\r\n\tupdateCallback: action(\"Selected values\"),\r\n\tsize: 6,\r\n\tshowSearch: true,\r\n};\r\n"]}
+{"version":3,"file":"FinsembleSelect.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/FinsembleSelect.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport { FinsembleSelect, FinsembleSelectProps } from \"../FinsembleSelect\";\r\nimport \"../../../assets/css/finsemble.css\";\r\nimport \"../css/styles.css\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\nimport { action } from \"@storybook/addon-actions\";\r\n\r\nexport default {\r\n\ttitle: \"Common/FinsembleSelect\",\r\n\tcomponent: FinsembleSelect,\r\n};\r\n\r\nconst Template: Story<FinsembleSelectProps> = (args: FinsembleSelectProps) => <FinsembleSelect {...args} />;\r\n\r\nexport const Sample = Template.bind({});\r\nSample.args = {\r\n\toptions: [\"A\", \"B\", \"C\", \"D\"],\r\n\tupdateCallback: action(\"Selected values\"),\r\n};\r\nexport const Adjustable = Template.bind({});\r\nAdjustable.args = {\r\n\toptions: [\"A\", \"B\", \"C\", \"D\"],\r\n\tupdateCallback: action(\"Selected values\"),\r\n\tsize: 3,\r\n};\r\nexport const LongText = Template.bind({});\r\nLongText.args = {\r\n\toptions: [\r\n\t\t\"AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA\",\r\n\t\t\"BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB\",\r\n\t\t\"!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!\",\r\n\t\t\"nope\",\r\n\t],\r\n\tupdateCallback: action(\"Selected values\"),\r\n\tsize: 3,\r\n};\r\nexport const SeperateValuesFromText = Template.bind({});\r\nSeperateValuesFromText.args = {\r\n\toptions: [\"A\", \"B\", \"C\", \"D\"],\r\n\tvalues: [\"1\", \"2\", \"3\", \"4\"],\r\n\tupdateCallback: action(\"Selected values\"),\r\n};\r\nexport const PreSelected = Template.bind({});\r\nPreSelected.args = {\r\n\toptions: [\"A\", \"B\", \"C\", \"D\"],\r\n\tselected: [\"C\", \"B\"],\r\n\tupdateCallback: action(\"Selected values\"),\r\n};\r\nexport const InvalidPreSelected = Template.bind({});\r\nInvalidPreSelected.args = {\r\n\toptions: [\"A\", \"B\", \"C\", \"D\"],\r\n\tselected: [\"E\"],\r\n\tupdateCallback: action(\"Selected values\"),\r\n};\r\nexport const PreSelectedValues = Template.bind({});\r\nPreSelectedValues.args = {\r\n\toptions: [\"A\", \"B\", \"C\", \"D\"],\r\n\tvalues: [\"1\", \"2\", \"3\", \"4\"],\r\n\tselected: [\"3\", \"2\"],\r\n\tupdateCallback: action(\"Selected values\"),\r\n};\r\n\r\nconst stateNames = [\r\n\t\"Alabama\",\r\n\t\"Alaska\",\r\n\t\"Arizona\",\r\n\t\"Arkansas\",\r\n\t\"California\",\r\n\t\"Colorado\",\r\n\t\"Connecticut\",\r\n\t\"Delaware\",\r\n\t\"Florida\",\r\n\t\"Georgia\",\r\n\t\"Hawaii\",\r\n\t\"Idaho\",\r\n\t\"Illinois\",\r\n\t\"Indiana\",\r\n\t\"Iowa\",\r\n\t\"Kansas\",\r\n\t\"Kentucky\",\r\n\t\"Louisiana\",\r\n\t\"Maine\",\r\n\t\"Maryland\",\r\n\t\"Massachusetts\",\r\n\t\"Michigan\",\r\n\t\"Minnesota\",\r\n\t\"Mississippi\",\r\n\t\"Missouri\",\r\n\t\"Montana\",\r\n\t\"Nebraska\",\r\n\t\"Nevada\",\r\n\t\"New Hampshire\",\r\n\t\"New Jersey\",\r\n\t\"New Mexico\",\r\n\t\"New York\",\r\n\t\"North Carolina\",\r\n\t\"North Dakota\",\r\n\t\"Ohio\",\r\n\t\"Oklahoma\",\r\n\t\"Oregon\",\r\n\t\"Pennsylvania\",\r\n\t\"Rhode Island\",\r\n\t\"South Carolina\",\r\n\t\"South Dakota\",\r\n\t\"Tennessee\",\r\n\t\"Texas\",\r\n\t\"Utah\",\r\n\t\"Vermont\",\r\n\t\"Virginia\",\r\n\t\"Washington\",\r\n\t\"West Virginia\",\r\n\t\"Wisconsin\",\r\n\t\"Wyoming\",\r\n];\r\nconst stateCodes = [\r\n\t\"AL\",\r\n\t\"AK\",\r\n\t\"AZ\",\r\n\t\"AR\",\r\n\t\"CA\",\r\n\t\"CO\",\r\n\t\"CT\",\r\n\t\"DE\",\r\n\t\"FL\",\r\n\t\"GA\",\r\n\t\"HI\",\r\n\t\"ID\",\r\n\t\"IL\",\r\n\t\"IN\",\r\n\t\"IA\",\r\n\t\"KS\",\r\n\t\"KY\",\r\n\t\"LA\",\r\n\t\"ME\",\r\n\t\"MD\",\r\n\t\"MA\",\r\n\t\"MI\",\r\n\t\"MN\",\r\n\t\"MS\",\r\n\t\"MO\",\r\n\t\"MT\",\r\n\t\"NE\",\r\n\t\"NV\",\r\n\t\"NH\",\r\n\t\"NJ\",\r\n\t\"NM\",\r\n\t\"NY\",\r\n\t\"NC\",\r\n\t\"ND\",\r\n\t\"OH\",\r\n\t\"OK\",\r\n\t\"OR\",\r\n\t\"PA\",\r\n\t\"RI\",\r\n\t\"SC\",\r\n\t\"SD\",\r\n\t\"TN\",\r\n\t\"TX\",\r\n\t\"UT\",\r\n\t\"VT\",\r\n\t\"VA\",\r\n\t\"WA\",\r\n\t\"WV\",\r\n\t\"WI\",\r\n\t\"WY\",\r\n];\r\nexport const Searchable = Template.bind({});\r\nSearchable.args = {\r\n\toptions: stateNames,\r\n\tvalues: stateCodes,\r\n\tupdateCallback: action(\"Selected values\"),\r\n\tsize: 6,\r\n\tshowSearch: true,\r\n};\r\n\r\nexport const Limit1 = Template.bind({});\r\nLimit1.args = {\r\n\tlimit: 1,\r\n\toptions: stateNames,\r\n\tvalues: stateCodes,\r\n\tupdateCallback: action(\"Selected values\"),\r\n\tsize: 6,\r\n\tshowSearch: true,\r\n};\r\n\r\nexport const Limit2 = Template.bind({});\r\nLimit2.args = {\r\n\tlimit: 2,\r\n\toptions: stateNames,\r\n\tvalues: stateCodes,\r\n\tupdateCallback: action(\"Selected values\"),\r\n\tsize: 6,\r\n\tshowSearch: true,\r\n};\r\n"]}

package/react/components/common/stories/FinsembleToggle.stories.js

@@ -7,15 +7,17 @@ export default {
     title: "Common/FinsembleToggle",
     component: FinsembleToggle,
 };
-const Template = (args) => React.createElement(FinsembleToggle, { ...args });
+const Template = (args) => React.createElement(FinsembleToggle, Object.assign({}, args));
 export const Unchecked = Template.bind({});
 Unchecked.args = {
     checked: false,
     onChange: action("Selected values"),
+    label: "Test",
 };
 export const Checked = Template.bind({});
 Checked.args = {
     checked: true,
     onChange: action("Selected values"),
+    label: "Pre-checked test",
 };
 //# sourceMappingURL=FinsembleToggle.stories.js.map

package/react/components/common/stories/FinsembleToggle.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"FinsembleToggle.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/FinsembleToggle.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAwB,MAAM,oBAAoB,CAAC;AAC3E,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mBAAmB,CAAC;AAE3B,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAElD,eAAe;IACd,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,eAAe;CAC1B,CAAC;AAEF,MAAM,QAAQ,GAAgC,CAAC,IAA0B,EAAE,EAAE,CAAC,oBAAC,eAAe,OAAK,IAAI,GAAI,CAAC;AAE5G,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,SAAS,CAAC,IAAI,GAAG;IAChB,OAAO,EAAE,KAAK;IACd,QAAQ,EAAE,MAAM,CAAC,iBAAiB,CAAC;CACnC,CAAC;AACF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG;IACd,OAAO,EAAE,IAAI;IACb,QAAQ,EAAE,MAAM,CAAC,iBAAiB,CAAC;CACnC,CAAC","sourcesContent":["import React from \"react\";\r\nimport { FinsembleToggle, FinsembleToggleProps } from \"../FinsembleToggle\";\r\nimport \"../../../assets/css/finsemble.css\";\r\nimport \"../css/styles.css\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\nimport { action } from \"@storybook/addon-actions\";\r\n\r\nexport default {\r\n\ttitle: \"Common/FinsembleToggle\",\r\n\tcomponent: FinsembleToggle,\r\n};\r\n\r\nconst Template: Story<FinsembleToggleProps> = (args: FinsembleToggleProps) => <FinsembleToggle {...args} />;\r\n\r\nexport const Unchecked = Template.bind({});\r\nUnchecked.args = {\r\n\tchecked: false,\r\n\tonChange: action(\"Selected values\"),\r\n};\r\nexport const Checked = Template.bind({});\r\nChecked.args = {\r\n\tchecked: true,\r\n\tonChange: action(\"Selected values\"),\r\n};\r\n"]}
+{"version":3,"file":"FinsembleToggle.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/FinsembleToggle.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAwB,MAAM,oBAAoB,CAAC;AAC3E,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mBAAmB,CAAC;AAE3B,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAElD,eAAe;IACd,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,eAAe;CAC1B,CAAC;AAEF,MAAM,QAAQ,GAAgC,CAAC,IAA0B,EAAE,EAAE,CAAC,oBAAC,eAAe,oBAAK,IAAI,EAAI,CAAC;AAE5G,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,SAAS,CAAC,IAAI,GAAG;IAChB,OAAO,EAAE,KAAK;IACd,QAAQ,EAAE,MAAM,CAAC,iBAAiB,CAAC;IACnC,KAAK,EAAE,MAAM;CACb,CAAC;AACF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG;IACd,OAAO,EAAE,IAAI;IACb,QAAQ,EAAE,MAAM,CAAC,iBAAiB,CAAC;IACnC,KAAK,EAAE,kBAAkB;CACzB,CAAC","sourcesContent":["import React from \"react\";\r\nimport { FinsembleToggle, FinsembleToggleProps } from \"../FinsembleToggle\";\r\nimport \"../../../assets/css/finsemble.css\";\r\nimport \"../css/styles.css\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\nimport { action } from \"@storybook/addon-actions\";\r\n\r\nexport default {\r\n\ttitle: \"Common/FinsembleToggle\",\r\n\tcomponent: FinsembleToggle,\r\n};\r\n\r\nconst Template: Story<FinsembleToggleProps> = (args: FinsembleToggleProps) => <FinsembleToggle {...args} />;\r\n\r\nexport const Unchecked = Template.bind({});\r\nUnchecked.args = {\r\n\tchecked: false,\r\n\tonChange: action(\"Selected values\"),\r\n\tlabel: \"Test\",\r\n};\r\nexport const Checked = Template.bind({});\r\nChecked.args = {\r\n\tchecked: true,\r\n\tonChange: action(\"Selected values\"),\r\n\tlabel: \"Pre-checked test\",\r\n};\r\n"]}

package/react/components/common/stories/FontSizeSelector.stories.js

@@ -6,7 +6,7 @@ export default {
     title: "Common/FontSize",
     component: FontSize,
 };
-const Template = (args) => React.createElement(FontSize, { ...args });
+const Template = (args) => React.createElement(FontSize, Object.assign({}, args));
 export const EmptyField = Template.bind({});
 EmptyField.args = {
     startSize: "",

package/react/components/common/stories/FontSizeSelector.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"FontSizeSelector.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/FontSizeSelector.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAiB,MAAM,qBAAqB,CAAC;AAC9D,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mBAAmB,CAAC;AAG3B,eAAe;IACd,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,QAAQ;CACnB,CAAC;AAEF,MAAM,QAAQ,GAAyB,CAAC,IAAmB,EAAE,EAAE,CAAC,oBAAC,QAAQ,OAAK,IAAI,GAAI,CAAC;AAEvF,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5C,UAAU,CAAC,IAAI,GAAG;IACjB,SAAS,EAAE,EAAE;IACb,UAAU,EAAE,CAAC,OAAO,EAAE,EAAE;QACvB,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IACtB,CAAC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG;IACZ,SAAS,EAAE,OAAO;IAClB,UAAU,EAAE,CAAC,OAAO,EAAE,EAAE;QACvB,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IACtB,CAAC;CACD,CAAC","sourcesContent":["import React from \"react\";\r\nimport { FontSize, FontSizeProps } from \"../FontSizeSelector\";\r\nimport \"../../../assets/css/finsemble.css\";\r\nimport \"../css/styles.css\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\n\r\nexport default {\r\n\ttitle: \"Common/FontSize\",\r\n\tcomponent: FontSize,\r\n};\r\n\r\nconst Template: Story<FontSizeProps> = (args: FontSizeProps) => <FontSize {...args} />;\r\n\r\nexport const EmptyField = Template.bind({});\r\nEmptyField.args = {\r\n\tstartSize: \"\",\r\n\tupdateSize: (newSize) => {\r\n\t\tconsole.log(newSize);\r\n\t},\r\n};\r\n\r\nexport const Large = Template.bind({});\r\nLarge.args = {\r\n\tstartSize: \"large\",\r\n\tupdateSize: (newSize) => {\r\n\t\tconsole.log(newSize);\r\n\t},\r\n};\r\n"]}
+{"version":3,"file":"FontSizeSelector.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/FontSizeSelector.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAiB,MAAM,qBAAqB,CAAC;AAC9D,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mBAAmB,CAAC;AAG3B,eAAe;IACd,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,QAAQ;CACnB,CAAC;AAEF,MAAM,QAAQ,GAAyB,CAAC,IAAmB,EAAE,EAAE,CAAC,oBAAC,QAAQ,oBAAK,IAAI,EAAI,CAAC;AAEvF,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5C,UAAU,CAAC,IAAI,GAAG;IACjB,SAAS,EAAE,EAAE;IACb,UAAU,EAAE,CAAC,OAAO,EAAE,EAAE;QACvB,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IACtB,CAAC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG;IACZ,SAAS,EAAE,OAAO;IAClB,UAAU,EAAE,CAAC,OAAO,EAAE,EAAE;QACvB,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IACtB,CAAC;CACD,CAAC","sourcesContent":["import React from \"react\";\r\nimport { FontSize, FontSizeProps } from \"../FontSizeSelector\";\r\nimport \"../../../assets/css/finsemble.css\";\r\nimport \"../css/styles.css\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\n\r\nexport default {\r\n\ttitle: \"Common/FontSize\",\r\n\tcomponent: FontSize,\r\n};\r\n\r\nconst Template: Story<FontSizeProps> = (args: FontSizeProps) => <FontSize {...args} />;\r\n\r\nexport const EmptyField = Template.bind({});\r\nEmptyField.args = {\r\n\tstartSize: \"\",\r\n\tupdateSize: (newSize) => {\r\n\t\tconsole.log(newSize);\r\n\t},\r\n};\r\n\r\nexport const Large = Template.bind({});\r\nLarge.args = {\r\n\tstartSize: \"large\",\r\n\tupdateSize: (newSize) => {\r\n\t\tconsole.log(newSize);\r\n\t},\r\n};\r\n"]}

package/react/components/common/stories/Header.stories.js

@@ -6,7 +6,7 @@ export default {
     title: "Common/Header",
     component: Header,
 };
-const Template = (args) => React.createElement(Header, { ...args });
+const Template = (args) => React.createElement(Header, Object.assign({}, args));
 export const BasicHeader = Template.bind({});
 BasicHeader.args = {
     children: "This is a Header",

package/react/components/common/stories/Header.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/Header.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAe,MAAM,WAAW,CAAC;AAChD,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mBAAmB,CAAC;AAG3B,eAAe;IACd,KAAK,EAAE,eAAe;IACtB,SAAS,EAAE,MAAM;CACjB,CAAC;AAEF,MAAM,QAAQ,GAAuB,CAAC,IAAiB,EAAE,EAAE,CAAC,oBAAC,MAAM,OAAK,IAAI,GAAI,CAAC;AAEjF,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC7C,WAAW,CAAC,IAAI,GAAG;IAClB,QAAQ,EAAE,kBAAkB;CAC5B,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACtD,oBAAoB,CAAC,IAAI,GAAG;IAC3B,QAAQ,EAAE,WAAW;IACrB,YAAY,EAAE,GAAG,EAAE;QAClB,KAAK,CAAC,yBAAyB,CAAC,CAAC;IAClC,CAAC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAChD,cAAc,CAAC,IAAI,GAAG;IACrB,QAAQ,EAAE,WAAW;IACrB,YAAY,EAAE,GAAG,EAAE;QAClB,KAAK,CAAC,yBAAyB,CAAC,CAAC;IAClC,CAAC;CACD,CAAC;AACF,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC7C,WAAW,CAAC,IAAI,GAAG;IAClB,QAAQ,EAAE,WAAW;IACrB,YAAY,EAAE,GAAG,EAAE;QAClB,KAAK,CAAC,yBAAyB,CAAC,CAAC;IAClC,CAAC;IACD,YAAY,EAAE,GAAG,EAAE;QAClB,KAAK,CAAC,yBAAyB,CAAC,CAAC;IAClC,CAAC;CACD,CAAC","sourcesContent":["import React from \"react\";\r\nimport { Header, HeaderProps } from \"../Header\";\r\nimport \"../../../assets/css/finsemble.css\";\r\nimport \"../css/styles.css\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\n\r\nexport default {\r\n\ttitle: \"Common/Header\",\r\n\tcomponent: Header,\r\n};\r\n\r\nconst Template: Story<HeaderProps> = (args: HeaderProps) => <Header {...args} />;\r\n\r\nexport const BasicHeader = Template.bind({});\r\nBasicHeader.args = {\r\n\tchildren: \"This is a Header\",\r\n};\r\n\r\nexport const HeaderWithBackButton = Template.bind({});\r\nHeaderWithBackButton.args = {\r\n\tchildren: \"My Header\",\r\n\tbackFunction: () => {\r\n\t\talert(\"Clicked the back button\");\r\n\t},\r\n};\r\n\r\nexport const HeaderWithHelp = Template.bind({});\r\nHeaderWithHelp.args = {\r\n\tchildren: \"My Header\",\r\n\thelpFunction: () => {\r\n\t\talert(\"Clicked the help button\");\r\n\t},\r\n};\r\nexport const KitchenSink = Template.bind({});\r\nKitchenSink.args = {\r\n\tchildren: \"My Header\",\r\n\tbackFunction: () => {\r\n\t\talert(\"Clicked the back button\");\r\n\t},\r\n\thelpFunction: () => {\r\n\t\talert(\"Clicked the help button\");\r\n\t},\r\n};\r\n"]}
+{"version":3,"file":"Header.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/Header.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAe,MAAM,WAAW,CAAC;AAChD,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mBAAmB,CAAC;AAG3B,eAAe;IACd,KAAK,EAAE,eAAe;IACtB,SAAS,EAAE,MAAM;CACjB,CAAC;AAEF,MAAM,QAAQ,GAAuB,CAAC,IAAiB,EAAE,EAAE,CAAC,oBAAC,MAAM,oBAAK,IAAI,EAAI,CAAC;AAEjF,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC7C,WAAW,CAAC,IAAI,GAAG;IAClB,QAAQ,EAAE,kBAAkB;CAC5B,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACtD,oBAAoB,CAAC,IAAI,GAAG;IAC3B,QAAQ,EAAE,WAAW;IACrB,YAAY,EAAE,GAAG,EAAE;QAClB,KAAK,CAAC,yBAAyB,CAAC,CAAC;IAClC,CAAC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAChD,cAAc,CAAC,IAAI,GAAG;IACrB,QAAQ,EAAE,WAAW;IACrB,YAAY,EAAE,GAAG,EAAE;QAClB,KAAK,CAAC,yBAAyB,CAAC,CAAC;IAClC,CAAC;CACD,CAAC;AACF,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC7C,WAAW,CAAC,IAAI,GAAG;IAClB,QAAQ,EAAE,WAAW;IACrB,YAAY,EAAE,GAAG,EAAE;QAClB,KAAK,CAAC,yBAAyB,CAAC,CAAC;IAClC,CAAC;IACD,YAAY,EAAE,GAAG,EAAE;QAClB,KAAK,CAAC,yBAAyB,CAAC,CAAC;IAClC,CAAC;CACD,CAAC","sourcesContent":["import React from \"react\";\r\nimport { Header, HeaderProps } from \"../Header\";\r\nimport \"../../../assets/css/finsemble.css\";\r\nimport \"../css/styles.css\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\n\r\nexport default {\r\n\ttitle: \"Common/Header\",\r\n\tcomponent: Header,\r\n};\r\n\r\nconst Template: Story<HeaderProps> = (args: HeaderProps) => <Header {...args} />;\r\n\r\nexport const BasicHeader = Template.bind({});\r\nBasicHeader.args = {\r\n\tchildren: \"This is a Header\",\r\n};\r\n\r\nexport const HeaderWithBackButton = Template.bind({});\r\nHeaderWithBackButton.args = {\r\n\tchildren: \"My Header\",\r\n\tbackFunction: () => {\r\n\t\talert(\"Clicked the back button\");\r\n\t},\r\n};\r\n\r\nexport const HeaderWithHelp = Template.bind({});\r\nHeaderWithHelp.args = {\r\n\tchildren: \"My Header\",\r\n\thelpFunction: () => {\r\n\t\talert(\"Clicked the help button\");\r\n\t},\r\n};\r\nexport const KitchenSink = Template.bind({});\r\nKitchenSink.args = {\r\n\tchildren: \"My Header\",\r\n\tbackFunction: () => {\r\n\t\talert(\"Clicked the back button\");\r\n\t},\r\n\thelpFunction: () => {\r\n\t\talert(\"Clicked the help button\");\r\n\t},\r\n};\r\n"]}

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":"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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"]}
+{"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":"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,MAAM,6BAA6B,CAAC;AAGtD,OAAO,MAAM,EAAE,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACxD,MAAM,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC,CAAC;AAEjC,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC7B,SAAS,CAAC,GAAG,EAAE;QACd,KAAK,CAAC,OAAO,EAAE,CAAC;IACjB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uBAAuB,EAAE,GAAG,EAAE;QAChC,MAAM,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,IAAqB,EAAE,aAAa,CAAC,CAAC;QAC1E,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,OAAO,OAAM,OAAO,CAAC,IAAsB,GAAI,CAAC,CAAC;QACxE,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC,MAAM,EAAE;YAC1C,YAAY,EAAE;gBACb,KAAK,EAAE,CAAC,EAAE,CAAC;aACX;SACD,CAAC,CAAC;QACH,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IACzC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;QACjC,MAAM,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,IAAqB,EAAE,aAAa,CAAC,CAAC;QAC1E,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,OAAO,OAAM,OAAO,CAAC,IAAsB,GAAI,CAAC,CAAC;QACxE,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC,MAAM,EAAE;YAC1C,YAAY,EAAE;gBACb,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC;aACf;SACD,CAAC,CAAC;QACH,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC;IAC7C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;QACjC,MAAM,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,IAAqB,EAAE,aAAa,CAAC,CAAC;QAC1E,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,OAAO,OAAM,OAAO,CAAC,IAAsB,GAAI,CAAC,CAAC;QACxE,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC,MAAM,EAAE;YAC1C,YAAY,EAAE;gBACb,KAAK,EAAE,EAAE;aACT;SACD,CAAC,CAAC;QACH,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;IAC1C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACvC,MAAM,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,IAAqB,EAAE,aAAa,CAAC,CAAC;QAC1E,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,OAAO,OAAM,OAAO,CAAC,IAAsB,GAAI,CAAC,CAAC;QACxE,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC,MAAM,EAAE;YAC1C,YAAY,EAAE;gBACb,KAAK,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC;aACjB;SACD,CAAC,CAAC;QACH,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC;IAC7C,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 { 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"]}