@finsemble/finsemble-ui 6.6.1 → 7.0.0-beta-X

package/react/components/common/helpers.js

@@ -8,6 +8,7 @@ export const uploadFunction = (fileObject) => new Promise((resolve) => {
     });
 });
 export const initFSBL = (windowObject) => {
+    // Poor man's global that can take any appendage
     const globalAsAny = global;
     if (!windowObject) {
         windowObject = globalAsAny.window = {};
@@ -24,8 +25,13 @@ export const initFSBL = (windowObject) => {
         addEventListener: (name, callback) => {
             callback();
         },
+        getFSBLInfo: () => new Promise((resolve) => {
+            resolve({
+                FSBLVersion: "1.0.0",
+            });
+        }),
         Clients: {
-            SmartDesktopClient: {
+            TmpSmartDesktopClient: {
                 checkValidURL(url) {
                     if (url.length === 0) {
                         return true;
@@ -67,6 +73,9 @@ export const initFSBL = (windowObject) => {
                 addListener: () => { },
                 subscribe: () => { },
             },
+            SearchClient: {
+                invokeItemAction: () => { },
+            },
             StorageClient: {
                 save: () => { },
                 clearCache: () => { },
@@ -75,7 +84,9 @@ export const initFSBL = (windowObject) => {
                 fitToDOM: () => { },
             },
             WorkspaceClient: {
+                addEventListener: () => { },
                 bringWindowsToFront: () => { },
+                autoArrange: () => { },
                 minimizeAll: () => { },
                 activeWorkspace: {
                     name: " ",

package/react/components/common/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/components/common/helpers.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { FileInputUploadCb } from \"./FileInput\";\nimport { Story } from \"@storybook/react/types-6-0\";\n\nimport { SDServerInfo } from \"../../types/smartDesktopDesignerTypes\";\nimport { Provider } from \"react-redux\";\nimport { createStore } from \"../../store\";\n\nexport const uploadFunction: FileInputUploadCb = (fileObject: File) =>\n\tnew Promise((resolve) => {\n\t\tresolve({\n\t\t\terr: \"\",\n\t\t\tpath: fileObject.name,\n\t\t});\n\t});\n\nexport const initFSBL = (windowObject?: any) => {\n\t// Poor man's global that can take any appendage\n\tconst globalAsAny: any = global;\n\n\tif (!windowObject) {\n\t\twindowObject = globalAsAny.window = {} as any;\n\t} else {\n\t\twindowObject = window;\n\n\t\tsetTimeout(() => {\n\t\t\tconst event = window.document.createEvent(\"Event\");\n\n\t\t\tevent?.initEvent(\"FSBLReady\", true, true);\n\n\t\t\twindow.dispatchEvent(event);\n\t\t});\n\t}\n\n\tglobalAsAny.FSBL = windowObject.FSBL = {\n\t\taddEventListener: (name: String, callback: () => void) => {\n\t\t\tcallback();\n\t\t},\n\t\tClients: {\n\t\t\tSmartDesktopClient: {\n\t\t\t\tcheckValidURL(url: string) {\n\t\t\t\t\tif (url.length === 0) {\n\t\t\t\t\t\treturn true;\n\t\t\t\t\t}\n\t\t\t\t\treturn /^https?:\\/\\/[^\\s]+$/.test(url);\n\t\t\t\t},\n\t\t\t\tcheckValidProjectName(name: string) {\n\t\t\t\t\treturn /^[a-zA-Z0-9 \\-_.]{1,}$/.test(name) && /[a-zA-Z0-9]{1,}/.test(name);\n\t\t\t\t},\n\t\t\t} as unknown,\n\t\t\tConfigClient: {\n\t\t\t\tsetPreference: () => {},\n\t\t\t\tgetValues: () => {},\n\t\t\t\tgetPreferences: () => {},\n\t\t\t},\n\t\t\tDialogManager: {\n\t\t\t\tspawnDialog: (obj1: any) => {\n\t\t\t\t\tconsole.table(obj1);\n\t\t\t\t},\n\t\t\t\tregisterDialogCallback: () => {},\n\t\t\t\trespondToOpener: () => {},\n\t\t\t},\n\t\t\tLauncherClient: {\n\t\t\t\tshowWindow: () => {},\n\t\t\t},\n\t\t\tLogger: {\n\t\t\t\tlog: () => {},\n\t\t\t\terror: () => {},\n\t\t\t\tsystem: {\n\t\t\t\t\tdebug: () => {},\n\t\t\t\t\tlog: () => {},\n\t\t\t\t\terror: () => {},\n\t\t\t\t\tverbose: () => {},\n\t\t\t\t\tdeprecated: () => {},\n\t\t\t\t},\n\t\t\t},\n\t\t\tRouterClient: {\n\t\t\t\ttransmit: () => {},\n\t\t\t\taddListener: () => {},\n\t\t\t\tsubscribe: () => {},\n\t\t\t},\n\t\t\tStorageClient: {\n\t\t\t\tsave: () => {},\n\t\t\t\tclearCache: () => {},\n\t\t\t},\n\t\t\tWindowClient: {\n\t\t\t\tfitToDOM: () => {},\n\t\t\t},\n\t\t\tWorkspaceClient: {\n\t\t\t\tbringWindowsToFront: () => {},\n\t\t\t\tminimizeAll: () => {},\n\t\t\t\tactiveWorkspace: {\n\t\t\t\t\tname: \" \",\n\t\t\t\t},\n\t\t\t\tgetWorkspaceDefinition: (obj: Object, cb: Function) => {\n\t\t\t\t\tcb(null, null);\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t\tonShutdown: () => {},\n\t\tSystem: {\n\t\t\tgetSDServerInfo: () =>\n\t\t\t\tnew Promise((resolve) => {\n\t\t\t\t\tresolve({} as SDServerInfo);\n\t\t\t\t}),\n\t\t},\n\t\tSystemManagerClient: {\n\t\t\tpublishCheckpointState: () => {},\n\t\t},\n\t} as any;\n\n\tglobalAsAny.FSBL.Clients = {\n\t\t...globalAsAny.FSBL.Clients,\n\t\tWindowClient: {\n\t\t\tfitToDOM: () => {},\n\t\t} as any,\n\t};\n\n\tglobalAsAny.finsembleWindow = windowObject.finsembleWindow = {\n\t\tsetAlwaysOnTop: () => {},\n\t\taddEventListener: () => {},\n\t\tremoveEventListener: () => {},\n\t};\n};\n\nexport function createStory<T>(Component: Function, args: T) {\n\tconst template: Story<T> = (props: T) => {\n\t\tinitFSBL(window);\n\n\t\treturn (\n\t\t\t<Provider store={createStore()}>\n\t\t\t\t<Component {...{ ...args, ...props }} />\n\t\t\t</Provider>\n\t\t);\n\t};\n\n\ttemplate.args = args;\n\n\treturn template;\n}\n"]}
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/components/common/helpers.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { FileInputUploadCb } from \"./FileInput\";\nimport { Story } from \"@storybook/react/types-6-0\";\n\nimport { SDServerInfo } from \"../../types/smartDesktopDesignerTypes\";\nimport { Provider } from \"react-redux\";\nimport { createStore } from \"../../store\";\n\nexport const uploadFunction: FileInputUploadCb = (fileObject: File) =>\n\tnew Promise((resolve) => {\n\t\tresolve({\n\t\t\terr: \"\",\n\t\t\tpath: fileObject.name,\n\t\t});\n\t});\n\nexport const initFSBL = (windowObject?: any) => {\n\t// Poor man's global that can take any appendage\n\tconst globalAsAny: any = global;\n\n\tif (!windowObject) {\n\t\twindowObject = globalAsAny.window = {} as any;\n\t} else {\n\t\twindowObject = window;\n\n\t\tsetTimeout(() => {\n\t\t\tconst event = window.document.createEvent(\"Event\");\n\n\t\t\tevent?.initEvent(\"FSBLReady\", true, true);\n\n\t\t\twindow.dispatchEvent(event);\n\t\t});\n\t}\n\n\tglobalAsAny.FSBL = windowObject.FSBL = {\n\t\taddEventListener: (name: String, callback: () => void) => {\n\t\t\tcallback();\n\t\t},\n\t\tgetFSBLInfo: () =>\n\t\t\tnew Promise((resolve) => {\n\t\t\t\tresolve({\n\t\t\t\t\tFSBLVersion: \"1.0.0\",\n\t\t\t\t});\n\t\t\t}),\n\t\tClients: {\n\t\t\tTmpSmartDesktopClient: {\n\t\t\t\tcheckValidURL(url: string) {\n\t\t\t\t\tif (url.length === 0) {\n\t\t\t\t\t\treturn true;\n\t\t\t\t\t}\n\t\t\t\t\treturn /^https?:\\/\\/[^\\s]+$/.test(url);\n\t\t\t\t},\n\t\t\t\tcheckValidProjectName(name: string) {\n\t\t\t\t\treturn /^[a-zA-Z0-9 \\-_.]{1,}$/.test(name) && /[a-zA-Z0-9]{1,}/.test(name);\n\t\t\t\t},\n\t\t\t} as unknown,\n\t\t\tConfigClient: {\n\t\t\t\tsetPreference: () => {},\n\t\t\t\tgetValues: () => {},\n\t\t\t\tgetPreferences: () => {},\n\t\t\t},\n\t\t\tDialogManager: {\n\t\t\t\tspawnDialog: (obj1: any) => {\n\t\t\t\t\tconsole.table(obj1);\n\t\t\t\t},\n\t\t\t\tregisterDialogCallback: () => {},\n\t\t\t\trespondToOpener: () => {},\n\t\t\t},\n\t\t\tLauncherClient: {\n\t\t\t\tshowWindow: () => {},\n\t\t\t},\n\t\t\tLogger: {\n\t\t\t\tlog: () => {},\n\t\t\t\terror: () => {},\n\t\t\t\tsystem: {\n\t\t\t\t\tdebug: () => {},\n\t\t\t\t\tlog: () => {},\n\t\t\t\t\terror: () => {},\n\t\t\t\t\tverbose: () => {},\n\t\t\t\t\tdeprecated: () => {},\n\t\t\t\t},\n\t\t\t},\n\t\t\tRouterClient: {\n\t\t\t\ttransmit: () => {},\n\t\t\t\taddListener: () => {},\n\t\t\t\tsubscribe: () => {},\n\t\t\t},\n\t\t\tSearchClient: {\n\t\t\t\tinvokeItemAction: () => {},\n\t\t\t},\n\t\t\tStorageClient: {\n\t\t\t\tsave: () => {},\n\t\t\t\tclearCache: () => {},\n\t\t\t},\n\t\t\tWindowClient: {\n\t\t\t\tfitToDOM: () => {},\n\t\t\t},\n\t\t\tWorkspaceClient: {\n\t\t\t\taddEventListener: () => {},\n\t\t\t\tbringWindowsToFront: () => {},\n\t\t\t\tautoArrange: () => {},\n\t\t\t\tminimizeAll: () => {},\n\t\t\t\tactiveWorkspace: {\n\t\t\t\t\tname: \" \",\n\t\t\t\t},\n\t\t\t\tgetWorkspaceDefinition: (obj: Object, cb: Function) => {\n\t\t\t\t\tcb(null, null);\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t\tonShutdown: () => {},\n\t\tSystem: {\n\t\t\tgetSDServerInfo: () =>\n\t\t\t\tnew Promise((resolve) => {\n\t\t\t\t\tresolve({} as SDServerInfo);\n\t\t\t\t}),\n\t\t},\n\t\tSystemManagerClient: {\n\t\t\tpublishCheckpointState: () => {},\n\t\t},\n\t} as any;\n\n\tglobalAsAny.FSBL.Clients = {\n\t\t...globalAsAny.FSBL.Clients,\n\t\tWindowClient: {\n\t\t\tfitToDOM: () => {},\n\t\t} as any,\n\t};\n\n\tglobalAsAny.finsembleWindow = windowObject.finsembleWindow = {\n\t\tsetAlwaysOnTop: () => {},\n\t\taddEventListener: () => {},\n\t\tremoveEventListener: () => {},\n\t};\n};\n\nexport function createStory<T>(Component: Function, args: T) {\n\tconst template: Story<T> = (props: T) => {\n\t\tinitFSBL(window);\n\n\t\treturn (\n\t\t\t<Provider store={createStore()}>\n\t\t\t\t<Component {...{ ...args, ...props }} />\n\t\t\t</Provider>\n\t\t);\n\t};\n\n\ttemplate.args = args;\n\n\treturn template;\n}\n"]}

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

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { useState } from "react";
 import { ColorPicker } from "../ColorPicker";
 import "../../../assets/css/finsemble.css";
 import "../css/styles.css";
@@ -6,26 +6,24 @@ export default {
     title: "Common/ColorPicker",
     component: ColorPicker,
 };
-const Template = (args) => React.createElement(ColorPicker, Object.assign({}, args));
+const Template = (args) => {
+    var _a;
+    // The colorpicker was changed to not update its internal state
+    // but only fire the event and instead rely on props, so for the purpose of unit testing
+    // and storybook, let's define a mock component that synchonizes them
+    const [startColor, setColor] = useState(args.startColor);
+    return React.createElement(ColorPicker, { id: args.id, startColor: startColor, updateColor: (_a = args.updateColor) !== null && _a !== void 0 ? _a : setColor });
+};
 export const EmptyField = Template.bind({});
 EmptyField.args = {
     startColor: "",
-    updateColor: (newColor) => {
-        console.log(newColor);
-    },
 };
 export const ValidColor = Template.bind({});
 ValidColor.args = {
     startColor: "#FF0000",
-    updateColor: (newColor) => {
-        console.log(newColor);
-    },
 };
 export const InvalidColor = Template.bind({});
 InvalidColor.args = {
     startColor: "#ZZZZZZ",
-    updateColor: (newColor) => {
-        console.log(newColor);
-    },
 };
 //# sourceMappingURL=ColorPicker.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/ColorPicker.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAoB,MAAM,gBAAgB,CAAC;AAC/D,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mBAAmB,CAAC;AAG3B,eAAe;IACd,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,WAAW;CACtB,CAAC;AAEF,MAAM,QAAQ,GAA4B,CAAC,IAAsB,EAAE,EAAE,CAAC,oBAAC,WAAW,oBAAK,IAAI,EAAI,CAAC;AAEhG,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5C,UAAU,CAAC,IAAI,GAAG;IACjB,UAAU,EAAE,EAAE;IACd,WAAW,EAAE,CAAC,QAAQ,EAAE,EAAE;QACzB,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IACvB,CAAC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5C,UAAU,CAAC,IAAI,GAAG;IACjB,UAAU,EAAE,SAAS;IACrB,WAAW,EAAE,CAAC,QAAQ,EAAE,EAAE;QACzB,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IACvB,CAAC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC9C,YAAY,CAAC,IAAI,GAAG;IACnB,UAAU,EAAE,SAAS;IACrB,WAAW,EAAE,CAAC,QAAQ,EAAE,EAAE;QACzB,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IACvB,CAAC;CACD,CAAC","sourcesContent":["import React from \"react\";\nimport { ColorPicker, ColorPickerProps } from \"../ColorPicker\";\nimport \"../../../assets/css/finsemble.css\";\nimport \"../css/styles.css\";\nimport { Story } from \"@storybook/react/types-6-0\";\n\nexport default {\n\ttitle: \"Common/ColorPicker\",\n\tcomponent: ColorPicker,\n};\n\nconst Template: Story<ColorPickerProps> = (args: ColorPickerProps) => <ColorPicker {...args} />;\n\nexport const EmptyField = Template.bind({});\nEmptyField.args = {\n\tstartColor: \"\",\n\tupdateColor: (newColor) => {\n\t\tconsole.log(newColor);\n\t},\n};\n\nexport const ValidColor = Template.bind({});\nValidColor.args = {\n\tstartColor: \"#FF0000\",\n\tupdateColor: (newColor) => {\n\t\tconsole.log(newColor);\n\t},\n};\n\nexport const InvalidColor = Template.bind({});\nInvalidColor.args = {\n\tstartColor: \"#ZZZZZZ\",\n\tupdateColor: (newColor) => {\n\t\tconsole.log(newColor);\n\t},\n};\n"]}
+{"version":3,"file":"ColorPicker.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/ColorPicker.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,WAAW,EAAoB,MAAM,gBAAgB,CAAC;AAC/D,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mBAAmB,CAAC;AAG3B,eAAe;IACd,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,WAAW;CACtB,CAAC;AAEF,MAAM,QAAQ,GAA4B,CAAC,IAAsB,EAAE,EAAE;;IACpE,+DAA+D;IAC/D,wFAAwF;IACxF,qEAAqE;IACrE,MAAM,CAAC,UAAU,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IACzD,OAAO,oBAAC,WAAW,IAAC,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,MAAA,IAAI,CAAC,WAAW,mCAAI,QAAQ,GAAI,CAAC;AACxG,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5C,UAAU,CAAC,IAAI,GAAG;IACjB,UAAU,EAAE,EAAE;CACd,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5C,UAAU,CAAC,IAAI,GAAG;IACjB,UAAU,EAAE,SAAS;CACrB,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC9C,YAAY,CAAC,IAAI,GAAG;IACnB,UAAU,EAAE,SAAS;CACrB,CAAC","sourcesContent":["import React, { useState } from \"react\";\nimport { ColorPicker, ColorPickerProps } from \"../ColorPicker\";\nimport \"../../../assets/css/finsemble.css\";\nimport \"../css/styles.css\";\nimport { Story } from \"@storybook/react/types-6-0\";\n\nexport default {\n\ttitle: \"Common/ColorPicker\",\n\tcomponent: ColorPicker,\n};\n\nconst Template: Story<ColorPickerProps> = (args: ColorPickerProps) => {\n\t// The colorpicker was changed to not update its internal state\n\t// but only fire the event and instead rely on props, so for the purpose of unit testing\n\t// and storybook, let's define a mock component that synchonizes them\n\tconst [startColor, setColor] = useState(args.startColor);\n\treturn <ColorPicker id={args.id} startColor={startColor} updateColor={args.updateColor ?? setColor} />;\n};\n\nexport const EmptyField = Template.bind({});\nEmptyField.args = {\n\tstartColor: \"\",\n};\n\nexport const ValidColor = Template.bind({});\nValidColor.args = {\n\tstartColor: \"#FF0000\",\n};\n\nexport const InvalidColor = Template.bind({});\nInvalidColor.args = {\n\tstartColor: \"#ZZZZZZ\",\n};\n"]}

package/react/components/common/stories/FileInput.stories.d.ts

@@ -4,7 +4,7 @@ import "../../../assets/css/finsemble.css";
 import "../css/styles.css";
 declare const _default: {
     title: string;
-    component: ({ acceptTypes, value, onSetValue, id, shouldUpload, uploadFunction, presetFile, suppressDropzone, disabled, allowClearing, }: FileInputProps) => JSX.Element;
+    component: ({ acceptTypes, value, onSetValue, id, shouldUpload, uploadFunction, presetFile, suppressDropzone, disabled, allowClearing, textEditable, }: FileInputProps) => JSX.Element;
 };
 export default _default;
 export declare const EmptyField: import("@storybook/react").Story<FileInputProps>;
@@ -14,3 +14,5 @@ export declare const PreFilledInvalidField: import("@storybook/react").Story<Fil
 export declare const anyField: import("@storybook/react").Story<FileInputProps>;
 export declare const hasId: import("@storybook/react").Story<FileInputProps>;
 export declare const PreFilledFieldNoClearing: import("@storybook/react").Story<FileInputProps>;
+export declare const TextEditable: import("@storybook/react").Story<FileInputProps>;
+export declare const TextEditablePrefilled: import("@storybook/react").Story<FileInputProps>;

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

@@ -44,4 +44,16 @@ export const PreFilledFieldNoClearing = createStory(FileInput, {
     uploadFunction,
     allowClearing: false,
 });
+export const TextEditable = createStory(FileInput, {
+    acceptTypes: ["*"],
+    value: "",
+    uploadFunction,
+    textEditable: true,
+});
+export const TextEditablePrefilled = createStory(FileInput, {
+    acceptTypes: ["*"],
+    value: "%windir%/System32/mspaint.exe",
+    uploadFunction,
+    textEditable: true,
+});
 //# sourceMappingURL=FileInput.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FileInput.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/FileInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AACzD,OAAO,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAC;AACzD,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mBAAmB,CAAC;AAE3B,eAAe;IACd,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,SAAS;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,WAAW,CAAiB,SAAS,EAAE;IAChE,KAAK,EAAE,EAAE;IACT,WAAW,EAAE,CAAC,WAAW,CAAC;IAC1B,cAAc;CACd,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,WAAW,CAAiB,SAAS,EAAE;IAC9D,KAAK,EAAE,EAAE;IACT,WAAW,EAAE,CAAC,WAAW,CAAC;IAC1B,cAAc;IACd,QAAQ,EAAE,IAAI;CACd,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,cAAc,GAAG,WAAW,CAAiB,SAAS,EAAE;IACpE,WAAW,EAAE,CAAC,WAAW,CAAC;IAC1B,KAAK,EAAE,iBAAiB;IACxB,cAAc;CACd,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,qBAAqB,GAAG,WAAW,CAAiB,SAAS,EAAE;IAC3E,WAAW,EAAE,CAAC,WAAW,CAAC;IAC1B,KAAK,EAAE,eAAe;IACtB,cAAc;CACd,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,WAAW,CAAiB,SAAS,EAAE;IAC9D,WAAW,EAAE,CAAC,GAAG,CAAC;IAClB,KAAK,EAAE,SAAS;IAChB,cAAc;CACd,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,KAAK,GAAG,WAAW,CAAiB,SAAS,EAAE;IAC3D,WAAW,EAAE,CAAC,GAAG,CAAC;IAClB,KAAK,EAAE,EAAE;IACT,cAAc;IACd,EAAE,EAAE,MAAM;CACV,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,wBAAwB,GAAG,WAAW,CAAiB,SAAS,EAAE;IAC9E,WAAW,EAAE,CAAC,WAAW,CAAC;IAC1B,KAAK,EAAE,iBAAiB;IACxB,cAAc;IACd,aAAa,EAAE,KAAK;CACpB,CAAC,CAAC","sourcesContent":["import { createStory, uploadFunction } from \"../helpers\";\nimport { FileInput, FileInputProps } from \"../FileInput\";\nimport \"../../../assets/css/finsemble.css\";\nimport \"../css/styles.css\";\n\nexport default {\n\ttitle: \"Common/FileInput\",\n\tcomponent: FileInput,\n};\n\nexport const EmptyField = createStory<FileInputProps>(FileInput, {\n\tvalue: \"\",\n\tacceptTypes: [\"image/png\"],\n\tuploadFunction,\n});\n\nexport const Disabled = createStory<FileInputProps>(FileInput, {\n\tvalue: \"\",\n\tacceptTypes: [\"image/png\"],\n\tuploadFunction,\n\tdisabled: true,\n});\n\nexport const PreFilledField = createStory<FileInputProps>(FileInput, {\n\tacceptTypes: [\"image/png\"],\n\tvalue: \"ThisIsATest.png\",\n\tuploadFunction,\n});\n\nexport const PreFilledInvalidField = createStory<FileInputProps>(FileInput, {\n\tacceptTypes: [\"image/png\"],\n\tvalue: \"MyBadPath.jpg\",\n\tuploadFunction,\n});\n\nexport const anyField = createStory<FileInputProps>(FileInput, {\n\tacceptTypes: [\"*\"],\n\tvalue: \"abc.exe\",\n\tuploadFunction,\n});\n\nexport const hasId = createStory<FileInputProps>(FileInput, {\n\tacceptTypes: [\"*\"],\n\tvalue: \"\",\n\tuploadFunction,\n\tid: \"myId\",\n});\n\nexport const PreFilledFieldNoClearing = createStory<FileInputProps>(FileInput, {\n\tacceptTypes: [\"image/png\"],\n\tvalue: \"ThisIsATest.png\",\n\tuploadFunction,\n\tallowClearing: false,\n});\n"]}
+{"version":3,"file":"FileInput.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/FileInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AACzD,OAAO,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAC;AACzD,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mBAAmB,CAAC;AAE3B,eAAe;IACd,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,SAAS;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,WAAW,CAAiB,SAAS,EAAE;IAChE,KAAK,EAAE,EAAE;IACT,WAAW,EAAE,CAAC,WAAW,CAAC;IAC1B,cAAc;CACd,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,WAAW,CAAiB,SAAS,EAAE;IAC9D,KAAK,EAAE,EAAE;IACT,WAAW,EAAE,CAAC,WAAW,CAAC;IAC1B,cAAc;IACd,QAAQ,EAAE,IAAI;CACd,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,cAAc,GAAG,WAAW,CAAiB,SAAS,EAAE;IACpE,WAAW,EAAE,CAAC,WAAW,CAAC;IAC1B,KAAK,EAAE,iBAAiB;IACxB,cAAc;CACd,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,qBAAqB,GAAG,WAAW,CAAiB,SAAS,EAAE;IAC3E,WAAW,EAAE,CAAC,WAAW,CAAC;IAC1B,KAAK,EAAE,eAAe;IACtB,cAAc;CACd,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,WAAW,CAAiB,SAAS,EAAE;IAC9D,WAAW,EAAE,CAAC,GAAG,CAAC;IAClB,KAAK,EAAE,SAAS;IAChB,cAAc;CACd,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,KAAK,GAAG,WAAW,CAAiB,SAAS,EAAE;IAC3D,WAAW,EAAE,CAAC,GAAG,CAAC;IAClB,KAAK,EAAE,EAAE;IACT,cAAc;IACd,EAAE,EAAE,MAAM;CACV,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,wBAAwB,GAAG,WAAW,CAAiB,SAAS,EAAE;IAC9E,WAAW,EAAE,CAAC,WAAW,CAAC;IAC1B,KAAK,EAAE,iBAAiB;IACxB,cAAc;IACd,aAAa,EAAE,KAAK;CACpB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,YAAY,GAAG,WAAW,CAAiB,SAAS,EAAE;IAClE,WAAW,EAAE,CAAC,GAAG,CAAC;IAClB,KAAK,EAAE,EAAE;IACT,cAAc;IACd,YAAY,EAAE,IAAI;CAClB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,qBAAqB,GAAG,WAAW,CAAiB,SAAS,EAAE;IAC3E,WAAW,EAAE,CAAC,GAAG,CAAC;IAClB,KAAK,EAAE,+BAA+B;IACtC,cAAc;IACd,YAAY,EAAE,IAAI;CAClB,CAAC,CAAC","sourcesContent":["import { createStory, uploadFunction } from \"../helpers\";\nimport { FileInput, FileInputProps } from \"../FileInput\";\nimport \"../../../assets/css/finsemble.css\";\nimport \"../css/styles.css\";\n\nexport default {\n\ttitle: \"Common/FileInput\",\n\tcomponent: FileInput,\n};\n\nexport const EmptyField = createStory<FileInputProps>(FileInput, {\n\tvalue: \"\",\n\tacceptTypes: [\"image/png\"],\n\tuploadFunction,\n});\n\nexport const Disabled = createStory<FileInputProps>(FileInput, {\n\tvalue: \"\",\n\tacceptTypes: [\"image/png\"],\n\tuploadFunction,\n\tdisabled: true,\n});\n\nexport const PreFilledField = createStory<FileInputProps>(FileInput, {\n\tacceptTypes: [\"image/png\"],\n\tvalue: \"ThisIsATest.png\",\n\tuploadFunction,\n});\n\nexport const PreFilledInvalidField = createStory<FileInputProps>(FileInput, {\n\tacceptTypes: [\"image/png\"],\n\tvalue: \"MyBadPath.jpg\",\n\tuploadFunction,\n});\n\nexport const anyField = createStory<FileInputProps>(FileInput, {\n\tacceptTypes: [\"*\"],\n\tvalue: \"abc.exe\",\n\tuploadFunction,\n});\n\nexport const hasId = createStory<FileInputProps>(FileInput, {\n\tacceptTypes: [\"*\"],\n\tvalue: \"\",\n\tuploadFunction,\n\tid: \"myId\",\n});\n\nexport const PreFilledFieldNoClearing = createStory<FileInputProps>(FileInput, {\n\tacceptTypes: [\"image/png\"],\n\tvalue: \"ThisIsATest.png\",\n\tuploadFunction,\n\tallowClearing: false,\n});\n\nexport const TextEditable = createStory<FileInputProps>(FileInput, {\n\tacceptTypes: [\"*\"],\n\tvalue: \"\",\n\tuploadFunction,\n\ttextEditable: true,\n});\n\nexport const TextEditablePrefilled = createStory<FileInputProps>(FileInput, {\n\tacceptTypes: [\"*\"],\n\tvalue: \"%windir%/System32/mspaint.exe\",\n\tuploadFunction,\n\ttextEditable: true,\n});\n"]}

package/react/components/common/stories/FinsembleToggle.stories.d.ts

@@ -5,10 +5,9 @@ import "../css/styles.css";
 import { Story } from "@storybook/react/types-6-0";
 declare const _default: {
     title: string;
-    component: ({ checked, onChange, label, enabled, textToggle }: FinsembleToggleProps) => JSX.Element;
+    component: ({ checked, onChange, label, enabled }: FinsembleToggleProps) => JSX.Element;
 };
 export default _default;
 export declare const Unchecked: Story<FinsembleToggleProps>;
 export declare const Checked: Story<FinsembleToggleProps>;
 export declare const Disabled: Story<FinsembleToggleProps>;
-export declare const TextLabels: Story<FinsembleToggleProps>;

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

@@ -25,11 +25,4 @@ Disabled.args = {
     enabled: false,
     label: "Pre-checked test",
 };
-export const TextLabels = Template.bind({});
-TextLabels.args = {
-    checked: true,
-    onChange: action("Selected values"),
-    label: "Pre-checked test",
-    textToggle: ["Daily", "Weekly"],
-};
 //# 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,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;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,GAAG;IACf,OAAO,EAAE,KAAK;IACd,KAAK,EAAE,kBAAkB;CACzB,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5C,UAAU,CAAC,IAAI,GAAG;IACjB,OAAO,EAAE,IAAI;IACb,QAAQ,EAAE,MAAM,CAAC,iBAAiB,CAAC;IACnC,KAAK,EAAE,kBAAkB;IACzB,UAAU,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC;CAC/B,CAAC","sourcesContent":["import React from \"react\";\nimport { FinsembleToggle, FinsembleToggleProps } from \"../FinsembleToggle\";\nimport \"../../../assets/css/finsemble.css\";\nimport \"../css/styles.css\";\nimport { Story } from \"@storybook/react/types-6-0\";\nimport { action } from \"@storybook/addon-actions\";\n\nexport default {\n\ttitle: \"Common/FinsembleToggle\",\n\tcomponent: FinsembleToggle,\n};\n\nconst Template: Story<FinsembleToggleProps> = (args: FinsembleToggleProps) => <FinsembleToggle {...args} />;\n\nexport const Unchecked = Template.bind({});\nUnchecked.args = {\n\tchecked: false,\n\tonChange: action(\"Selected values\"),\n\tlabel: \"Test\",\n};\nexport const Checked = Template.bind({});\nChecked.args = {\n\tchecked: true,\n\tonChange: action(\"Selected values\"),\n\tlabel: \"Pre-checked test\",\n};\n\nexport const Disabled = Template.bind({});\nDisabled.args = {\n\tenabled: false,\n\tlabel: \"Pre-checked test\",\n};\n\nexport const TextLabels = Template.bind({});\nTextLabels.args = {\n\tchecked: true,\n\tonChange: action(\"Selected values\"),\n\tlabel: \"Pre-checked test\",\n\ttextToggle: [\"Daily\", \"Weekly\"],\n};\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;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,GAAG;IACf,OAAO,EAAE,KAAK;IACd,KAAK,EAAE,kBAAkB;CACzB,CAAC","sourcesContent":["import React from \"react\";\nimport { FinsembleToggle, FinsembleToggleProps } from \"../FinsembleToggle\";\nimport \"../../../assets/css/finsemble.css\";\nimport \"../css/styles.css\";\nimport { Story } from \"@storybook/react/types-6-0\";\nimport { action } from \"@storybook/addon-actions\";\n\nexport default {\n\ttitle: \"Common/FinsembleToggle\",\n\tcomponent: FinsembleToggle,\n};\n\nconst Template: Story<FinsembleToggleProps> = (args: FinsembleToggleProps) => <FinsembleToggle {...args} />;\n\nexport const Unchecked = Template.bind({});\nUnchecked.args = {\n\tchecked: false,\n\tonChange: action(\"Selected values\"),\n\tlabel: \"Test\",\n};\nexport const Checked = Template.bind({});\nChecked.args = {\n\tchecked: true,\n\tonChange: action(\"Selected values\"),\n\tlabel: \"Pre-checked test\",\n};\n\nexport const Disabled = Template.bind({});\nDisabled.args = {\n\tenabled: false,\n\tlabel: \"Pre-checked test\",\n};\n"]}

package/react/components/common/stories/FinsembleToggleButtonBar.stories.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { FinsembleToggleButtonBarProps } from "../FinsembleToggleButtonBar";
+import "../../../assets/css/finsemble.css";
+import "../css/styles.css";
+import { Story } from "@storybook/react/types-6-0";
+declare const _default: {
+    title: string;
+    component: ({ selected, options, onChange, enabled, }: FinsembleToggleButtonBarProps) => JSX.Element;
+};
+export default _default;
+export declare const TextLabels: Story<FinsembleToggleButtonBarProps>;
+export declare const Disabled: Story<FinsembleToggleButtonBarProps>;
+export declare const MoreThanTwo: Story<FinsembleToggleButtonBarProps>;
+export declare const LabelsWithChildren: Story<FinsembleToggleButtonBarProps>;

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

@@ -0,0 +1,97 @@
+import React, { useState } from "react";
+import { FinsembleToggleButtonBar } from "../FinsembleToggleButtonBar";
+import "../../../assets/css/finsemble.css";
+import "../css/styles.css";
+import { action } from "@storybook/addon-actions";
+import { FinsembleIcon } from "../FinsembleIcon";
+export default {
+    title: "Common/FinsembleToggleButtonBar",
+    component: FinsembleToggleButtonBar,
+};
+const Template = (args) => {
+    var _a;
+    const [selected, setSelected] = useState(args.selected);
+    const doSetSelected = (newValue) => {
+        args.onChange(newValue);
+        setSelected(newValue);
+    };
+    return (React.createElement(FinsembleToggleButtonBar, { selected: selected, options: args.options, onChange: doSetSelected, enabled: (_a = args.enabled) !== null && _a !== void 0 ? _a : true }));
+};
+export const TextLabels = Template.bind({});
+TextLabels.args = {
+    options: [
+        {
+            label: "Daily",
+            value: true,
+        },
+        {
+            label: "Weekly",
+            value: false,
+        },
+    ],
+    selected: true,
+    onChange: action("onChange"),
+};
+export const Disabled = Template.bind({});
+Disabled.args = {
+    options: [
+        {
+            label: "Daily",
+            value: true,
+        },
+        {
+            label: "Weekly",
+            value: false,
+        },
+    ],
+    selected: true,
+    onChange: action("onChange"),
+    enabled: false,
+};
+export const MoreThanTwo = Template.bind({});
+MoreThanTwo.args = {
+    options: [
+        {
+            label: "1",
+            value: 1,
+        },
+        {
+            label: "2",
+            value: 2,
+        },
+        {
+            label: "3",
+            value: 3,
+        },
+        {
+            label: "4",
+            value: 4,
+        },
+    ],
+    selected: 2,
+    onChange: action("onChange"),
+};
+export const LabelsWithChildren = Template.bind({});
+LabelsWithChildren.args = {
+    options: [
+        {
+            label: (React.createElement("span", null,
+                React.createElement(FinsembleIcon, { icon: "linker" }),
+                " URL")),
+            value: "web",
+        },
+        {
+            label: (React.createElement("span", null,
+                React.createElement(FinsembleIcon, { icon: "folder" }),
+                " Path")),
+            value: "native",
+        },
+        {
+            label: "Citrix",
+            value: "citrix",
+        },
+    ],
+    selected: "web",
+    onChange: action("onChange"),
+};
+//# sourceMappingURL=FinsembleToggleButtonBar.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FinsembleToggleButtonBar.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/FinsembleToggleButtonBar.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState } from \"react\";\nimport { FinsembleToggleButtonBar, FinsembleToggleButtonBarProps } from \"../FinsembleToggleButtonBar\";\nimport \"../../../assets/css/finsemble.css\";\nimport \"../css/styles.css\";\nimport { Story } from \"@storybook/react/types-6-0\";\nimport { action } from \"@storybook/addon-actions\";\nimport { FinsembleIcon } from \"../FinsembleIcon\";\n\nexport default {\n\ttitle: \"Common/FinsembleToggleButtonBar\",\n\tcomponent: FinsembleToggleButtonBar,\n};\n\nconst Template: Story<FinsembleToggleButtonBarProps> = (args: FinsembleToggleButtonBarProps) => {\n\tconst [selected, setSelected] = useState<any>(args.selected);\n\n\tconst doSetSelected = (newValue: any) => {\n\t\targs.onChange(newValue);\n\t\tsetSelected(newValue);\n\t};\n\n\treturn (\n\t\t<FinsembleToggleButtonBar\n\t\t\tselected={selected}\n\t\t\toptions={args.options}\n\t\t\tonChange={doSetSelected}\n\t\t\tenabled={args.enabled ?? true}\n\t\t/>\n\t);\n};\n\nexport const TextLabels = Template.bind({});\nTextLabels.args = {\n\toptions: [\n\t\t{\n\t\t\tlabel: \"Daily\",\n\t\t\tvalue: true,\n\t\t},\n\t\t{\n\t\t\tlabel: \"Weekly\",\n\t\t\tvalue: false,\n\t\t},\n\t],\n\tselected: true,\n\tonChange: action(\"onChange\"),\n};\n\nexport const Disabled = Template.bind({});\nDisabled.args = {\n\toptions: [\n\t\t{\n\t\t\tlabel: \"Daily\",\n\t\t\tvalue: true,\n\t\t},\n\t\t{\n\t\t\tlabel: \"Weekly\",\n\t\t\tvalue: false,\n\t\t},\n\t],\n\tselected: true,\n\tonChange: action(\"onChange\"),\n\tenabled: false,\n};\n\nexport const MoreThanTwo = Template.bind({});\nMoreThanTwo.args = {\n\toptions: [\n\t\t{\n\t\t\tlabel: \"1\",\n\t\t\tvalue: 1,\n\t\t},\n\t\t{\n\t\t\tlabel: \"2\",\n\t\t\tvalue: 2,\n\t\t},\n\t\t{\n\t\t\tlabel: \"3\",\n\t\t\tvalue: 3,\n\t\t},\n\t\t{\n\t\t\tlabel: \"4\",\n\t\t\tvalue: 4,\n\t\t},\n\t],\n\tselected: 2,\n\tonChange: action(\"onChange\"),\n};\n\nexport const LabelsWithChildren = Template.bind({});\nLabelsWithChildren.args = {\n\toptions: [\n\t\t{\n\t\t\tlabel: (\n\t\t\t\t<span>\n\t\t\t\t\t<FinsembleIcon icon=\"linker\" /> URL\n\t\t\t\t</span>\n\t\t\t),\n\t\t\tvalue: \"web\",\n\t\t},\n\t\t{\n\t\t\tlabel: (\n\t\t\t\t<span>\n\t\t\t\t\t<FinsembleIcon icon=\"folder\" /> Path\n\t\t\t\t</span>\n\t\t\t),\n\t\t\tvalue: \"native\",\n\t\t},\n\t\t{\n\t\t\tlabel: \"Citrix\",\n\t\t\tvalue: \"citrix\",\n\t\t},\n\t],\n\tselected: \"web\",\n\tonChange: action(\"onChange\"),\n};\n"]}

package/react/components/common/stories/InputTable.stories.d.ts

@@ -1,12 +1,13 @@
 /// <reference types="react" />
+import { Story } from "@storybook/react/types-6-0";
 import { InputTableProps } from "../InputTable";
 import "../../../assets/css/finsemble.css";
 import "../css/styles.css";
 import "../css/tooltip.css";
 declare const _default: {
     title: string;
-    component: ({ tableHeaders, onUpdate, startingData }: InputTableProps) => JSX.Element;
+    component: ({ tableHeaders, setData, data }: InputTableProps) => JSX.Element;
 };
 export default _default;
-export declare const Basic: import("@storybook/react").Story<InputTableProps>;
-export declare const StartingData: import("@storybook/react").Story<InputTableProps>;
+export declare const Basic: Story<InputTableProps>;
+export declare const StartingData: Story<InputTableProps>;

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

@@ -1,5 +1,4 @@
 import React from "react";
-import { createStory } from "../helpers";
 import { Tooltip } from "../Tooltip";
 import { InputTable } from "../InputTable";
 import { action } from "@storybook/addon-actions";
@@ -10,7 +9,16 @@ export default {
     title: "Common/InputTable",
     component: InputTable,
 };
-export const Basic = createStory(InputTable, {
+const Template = (args) => {
+    const [data, setData] = React.useState(args.data);
+    const doSetData = (updateData) => {
+        args.setData(updateData);
+        setData(updateData);
+    };
+    return React.createElement(InputTable, { tableHeaders: args.tableHeaders, data: data, setData: doSetData });
+};
+export const Basic = Template.bind({});
+Basic.args = {
     tableHeaders: [
         React.createElement(React.Fragment, null,
             "Contexts",
@@ -22,14 +30,16 @@ export const Basic = createStory(InputTable, {
             "Name",
             React.createElement(Tooltip, null, "Tooltip")),
     ],
-    onUpdate: action("update"),
-});
-export const StartingData = createStory(InputTable, {
+    data: [],
+    setData: action("update"),
+};
+export const StartingData = Template.bind({});
+StartingData.args = {
     tableHeaders: ["Letter", "Number"],
-    startingData: [
+    data: [
         ["A", "1"],
         ["B", "2"],
     ],
-    onUpdate: action("update"),
-});
+    setData: action("update"),
+};
 //# sourceMappingURL=InputTable.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InputTable.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/InputTable.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,UAAU,EAAmB,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mBAAmB,CAAC;AAC3B,OAAO,oBAAoB,CAAC;AAE5B,eAAe;IACd,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,UAAU;CACrB,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,WAAW,CAAkB,UAAU,EAAE;IAC7D,YAAY,EAAE;QACb;;YAEC,oBAAC,OAAO,kBAAkB,CACxB;QACH;;YAEC,oBAAC,OAAO,kBAAkB,CACxB;QACH;;YAEC,oBAAC,OAAO,kBAAkB,CACxB;KACH;IACD,QAAQ,EAAE,MAAM,CAAC,QAAQ,CAAC;CAC1B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,YAAY,GAAG,WAAW,CAAkB,UAAU,EAAE;IACpE,YAAY,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAClC,YAAY,EAAE;QACb,CAAC,GAAG,EAAE,GAAG,CAAC;QACV,CAAC,GAAG,EAAE,GAAG,CAAC;KACV;IACD,QAAQ,EAAE,MAAM,CAAC,QAAQ,CAAC;CAC1B,CAAC,CAAC","sourcesContent":["import React from \"react\";\nimport { createStory } from \"../helpers\";\nimport { Tooltip } from \"../Tooltip\";\nimport { InputTable, InputTableProps } from \"../InputTable\";\nimport { action } from \"@storybook/addon-actions\";\nimport \"../../../assets/css/finsemble.css\";\nimport \"../css/styles.css\";\nimport \"../css/tooltip.css\";\n\nexport default {\n\ttitle: \"Common/InputTable\",\n\tcomponent: InputTable,\n};\n\nexport const Basic = createStory<InputTableProps>(InputTable, {\n\ttableHeaders: [\n\t\t<>\n\t\t\tContexts\n\t\t\t<Tooltip>Tooltip</Tooltip>\n\t\t</>,\n\t\t<>\n\t\t\tDisplay name\n\t\t\t<Tooltip>Tooltip</Tooltip>\n\t\t</>,\n\t\t<>\n\t\t\tName\n\t\t\t<Tooltip>Tooltip</Tooltip>\n\t\t</>,\n\t],\n\tonUpdate: action(\"update\"),\n});\n\nexport const StartingData = createStory<InputTableProps>(InputTable, {\n\ttableHeaders: [\"Letter\", \"Number\"],\n\tstartingData: [\n\t\t[\"A\", \"1\"],\n\t\t[\"B\", \"2\"],\n\t],\n\tonUpdate: action(\"update\"),\n});\n"]}
+{"version":3,"file":"InputTable.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/InputTable.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,UAAU,EAAmB,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mBAAmB,CAAC;AAC3B,OAAO,oBAAoB,CAAC;AAE5B,eAAe;IACd,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,UAAU;CACrB,CAAC;AAEF,MAAM,QAAQ,GAA2B,CAAC,IAAI,EAAE,EAAE;IACjD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAClD,MAAM,SAAS,GAAG,CAAC,UAAsB,EAAE,EAAE;QAC5C,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;QACzB,OAAO,CAAC,UAAU,CAAC,CAAC;IACrB,CAAC,CAAC;IACF,OAAO,oBAAC,UAAU,IAAC,YAAY,EAAE,IAAI,CAAC,YAAY,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,GAAI,CAAC;AACxF,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG;IACZ,YAAY,EAAE;QACb;;YAEC,oBAAC,OAAO,kBAAkB,CACxB;QACH;;YAEC,oBAAC,OAAO,kBAAkB,CACxB;QACH;;YAEC,oBAAC,OAAO,kBAAkB,CACxB;KACH;IACD,IAAI,EAAE,EAAE;IACR,OAAO,EAAE,MAAM,CAAC,QAAQ,CAAC;CACzB,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC9C,YAAY,CAAC,IAAI,GAAG;IACnB,YAAY,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAClC,IAAI,EAAE;QACL,CAAC,GAAG,EAAE,GAAG,CAAC;QACV,CAAC,GAAG,EAAE,GAAG,CAAC;KACV;IACD,OAAO,EAAE,MAAM,CAAC,QAAQ,CAAC;CACzB,CAAC","sourcesContent":["import React from \"react\";\nimport { Story } from \"@storybook/react/types-6-0\";\nimport { Tooltip } from \"../Tooltip\";\nimport { InputTable, InputTableProps } from \"../InputTable\";\nimport { action } from \"@storybook/addon-actions\";\nimport \"../../../assets/css/finsemble.css\";\nimport \"../css/styles.css\";\nimport \"../css/tooltip.css\";\n\nexport default {\n\ttitle: \"Common/InputTable\",\n\tcomponent: InputTable,\n};\n\nconst Template: Story<InputTableProps> = (args) => {\n\tconst [data, setData] = React.useState(args.data);\n\tconst doSetData = (updateData: string[][]) => {\n\t\targs.setData(updateData);\n\t\tsetData(updateData);\n\t};\n\treturn <InputTable tableHeaders={args.tableHeaders} data={data} setData={doSetData} />;\n};\n\nexport const Basic = Template.bind({});\nBasic.args = {\n\ttableHeaders: [\n\t\t<>\n\t\t\tContexts\n\t\t\t<Tooltip>Tooltip</Tooltip>\n\t\t</>,\n\t\t<>\n\t\t\tDisplay name\n\t\t\t<Tooltip>Tooltip</Tooltip>\n\t\t</>,\n\t\t<>\n\t\t\tName\n\t\t\t<Tooltip>Tooltip</Tooltip>\n\t\t</>,\n\t],\n\tdata: [],\n\tsetData: action(\"update\"),\n};\n\nexport const StartingData = Template.bind({});\nStartingData.args = {\n\ttableHeaders: [\"Letter\", \"Number\"],\n\tdata: [\n\t\t[\"A\", \"1\"],\n\t\t[\"B\", \"2\"],\n\t],\n\tsetData: action(\"update\"),\n};\n"]}

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

@@ -3,14 +3,19 @@ import { mount } from "enzyme";
 import { describe, it, afterEach } from "mocha";
 import { expect } from "chai";
 import { BasicAccordion, BasicAccordionOpen, BasicAccordionWithSummary, NestedAccordion, } from "../stories/Accordion.stories";
+// For running accessibility scans
 import { accessibilityAssessor } from "../../sdd/tests/a11y_helper";
+// For testing user interactions (like click events):
 import sinon from "sinon";
+// Necessary to allow sinon to work with mocked actions (which are shown in the Actions panel in Storybook)
 import addons, { mockChannel } from "@storybook/addons";
 addons.setChannel(mockChannel());
 describe("<Accordion/>", () => {
+    // Used to clear after each interactive test using sinon
     afterEach(() => {
         sinon.restore();
     });
+    // Example basic test
     it("should display the label", () => {
         const wrapper = mount(React.createElement(BasicAccordion, Object.assign({}, BasicAccordion.args)));
         expect(wrapper.find(".accordion-summary").exists(), "The does not exist").to.be.false;
@@ -45,6 +50,7 @@ describe("<Accordion/>", () => {
         const checkbox = wrapper.find({ type: "checkbox" });
         expect(checkbox.props().checked).to.equal(true);
     });
+    // Example accessibility scan
     it("should pass accessibility scans", async () => {
         const wrapper = mount(React.createElement(NestedAccordion, Object.assign({}, NestedAccordion.args)));
         expect(await accessibilityAssessor(wrapper)).to.be.true;

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

@@ -1 +1 @@
-{"version":3,"file":"Accordion.spec.js","sourceRoot":"","sources":["../../../../src/components/common/tests/Accordion.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { mount } from \"enzyme\";\nimport { describe, it, afterEach } from \"mocha\";\nimport { expect } from \"chai\";\nimport { AccordionProps } from \"../Accordion\";\nimport {\n\tBasicAccordion,\n\tBasicAccordionOpen,\n\tBasicAccordionWithSummary,\n\tNestedAccordion,\n} from \"../stories/Accordion.stories\";\n\n// For running accessibility scans\nimport { accessibilityAssessor } from \"../../sdd/tests/a11y_helper\";\n\n// For testing user interactions (like click events):\nimport sinon from \"sinon\";\n// Necessary to allow sinon to work with mocked actions (which are shown in the Actions panel in Storybook)\nimport addons, { mockChannel } from \"@storybook/addons\";\naddons.setChannel(mockChannel());\n\ndescribe(\"<Accordion/>\", () => {\n\t// Used to clear after each interactive test using sinon\n\tafterEach(() => {\n\t\tsinon.restore();\n\t});\n\n\t// Example basic test\n\tit(\"should display the label\", () => {\n\t\tconst wrapper = mount(<BasicAccordion {...(BasicAccordion.args as AccordionProps)} />);\n\n\t\texpect(wrapper.find(\".accordion-summary\").exists(), \"The does not exist\").to.be.false;\n\t\texpect(wrapper.find(\"button\").exists(), \"The button exists\").to.be.true;\n\t\texpect(wrapper.find(\"button\").text(), \"The button's text\").to.equal(\"Accordion Label\");\n\t});\n\n\tit(\"should display the summary\", () => {\n\t\tconst wrapper = mount(<BasicAccordionWithSummary {...(BasicAccordionWithSummary.args as AccordionProps)} />);\n\n\t\texpect(wrapper.find(\".accordion-summary\").exists(), \"The summary exists\").to.be.true;\n\t\texpect(wrapper.find(\".accordion-summary\").text(), \"The Summary text\").to.equal(\n\t\t\t\"A summary of what the accordion contains\"\n\t\t);\n\t});\n\n\tit(\"should accept react as a summary\", () => {\n\t\tconst summary = (\n\t\t\t<div>\n\t\t\t\tI am a summary <a>Link</a>\n\t\t\t</div>\n\t\t);\n\t\tconst props = { ...(BasicAccordionOpen.args as AccordionProps), summary };\n\t\tconst wrapper = mount(<BasicAccordionOpen {...props} />);\n\n\t\texpect(wrapper.find(\".accordion-summary\").exists(), \"The summary exists\").to.be.true;\n\t\texpect(wrapper.find(\"a\").exists(), \"link exists in the summary\").to.be.true;\n\t\texpect(wrapper.find(\".accordion-summary\").text(), \"The Summary text\").to.equal(\"I am a summary Link\");\n\t});\n\n\tit(\"should change state when clicked\", () => {\n\t\tconst wrapper = mount(<BasicAccordion {...(BasicAccordion.args as AccordionProps)} />);\n\n\t\tlet checkbox = wrapper.find({ type: \"checkbox\" });\n\t\texpect(checkbox.props().checked).to.equal(false);\n\t\twrapper.find(\"button\").simulate(\"click\");\n\t\tcheckbox = wrapper.find({ type: \"checkbox\" });\n\t\texpect(checkbox.props().checked).to.equal(true);\n\t});\n\n\tit(\"should start open\", () => {\n\t\tconst wrapper = mount(<BasicAccordionOpen {...(BasicAccordionOpen.args as AccordionProps)} />);\n\n\t\tconst checkbox = wrapper.find({ type: \"checkbox\" });\n\t\texpect(checkbox.props().checked).to.equal(true);\n\t});\n\n\t// Example accessibility scan\n\tit(\"should pass accessibility scans\", async () => {\n\t\tconst wrapper = mount(<NestedAccordion {...(NestedAccordion.args as AccordionProps)} />);\n\n\t\texpect(await accessibilityAssessor(wrapper)).to.be.true;\n\t});\n});\n"]}
+{"version":3,"file":"Accordion.spec.js","sourceRoot":"","sources":["../../../../src/components/common/tests/Accordion.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { mount } from \"enzyme\";\nimport { describe, it, afterEach } from \"mocha\";\nimport { expect } from \"chai\";\nimport { AccordionProps } from \"../Accordion\";\nimport {\n\tBasicAccordion,\n\tBasicAccordionOpen,\n\tBasicAccordionWithSummary,\n\tNestedAccordion,\n} from \"../stories/Accordion.stories\";\n\n// For running accessibility scans\nimport { accessibilityAssessor } from \"../../sdd/tests/a11y_helper\";\n\n// For testing user interactions (like click events):\nimport sinon from \"sinon\";\n// Necessary to allow sinon to work with mocked actions (which are shown in the Actions panel in Storybook)\nimport addons, { mockChannel } from \"@storybook/addons\";\naddons.setChannel(mockChannel());\n\ndescribe(\"<Accordion/>\", () => {\n\t// Used to clear after each interactive test using sinon\n\tafterEach(() => {\n\t\tsinon.restore();\n\t});\n\n\t// Example basic test\n\tit(\"should display the label\", () => {\n\t\tconst wrapper = mount(<BasicAccordion {...(BasicAccordion.args as AccordionProps)} />);\n\n\t\texpect(wrapper.find(\".accordion-summary\").exists(), \"The does not exist\").to.be.false;\n\t\texpect(wrapper.find(\"button\").exists(), \"The button exists\").to.be.true;\n\t\texpect(wrapper.find(\"button\").text(), \"The button's text\").to.equal(\"Accordion Label\");\n\t});\n\n\tit(\"should display the summary\", () => {\n\t\tconst wrapper = mount(<BasicAccordionWithSummary {...(BasicAccordionWithSummary.args as AccordionProps)} />);\n\n\t\texpect(wrapper.find(\".accordion-summary\").exists(), \"The summary exists\").to.be.true;\n\t\texpect(wrapper.find(\".accordion-summary\").text(), \"The Summary text\").to.equal(\n\t\t\t\"A summary of what the accordion contains\"\n\t\t);\n\t});\n\n\tit(\"should accept react as a summary\", () => {\n\t\tconst summary = (\n\t\t\t<div>\n\t\t\t\tI am a summary <a>Link</a>\n\t\t\t</div>\n\t\t);\n\t\tconst props = { ...(BasicAccordionOpen.args as AccordionProps), summary };\n\t\tconst wrapper = mount(<BasicAccordionOpen {...props} />);\n\n\t\texpect(wrapper.find(\".accordion-summary\").exists(), \"The summary exists\").to.be.true;\n\t\texpect(wrapper.find(\"a\").exists(), \"link exists in the summary\").to.be.true;\n\t\texpect(wrapper.find(\".accordion-summary\").text(), \"The Summary text\").to.equal(\"I am a summary Link\");\n\t});\n\n\tit(\"should change state when clicked\", () => {\n\t\tconst wrapper = mount(<BasicAccordion {...(BasicAccordion.args as AccordionProps)} />);\n\n\t\tlet checkbox = wrapper.find({ type: \"checkbox\" });\n\t\texpect(checkbox.props().checked).to.equal(false);\n\t\twrapper.find(\"button\").simulate(\"click\");\n\t\tcheckbox = wrapper.find({ type: \"checkbox\" });\n\t\texpect(checkbox.props().checked).to.equal(true);\n\t});\n\n\tit(\"should start open\", () => {\n\t\tconst wrapper = mount(<BasicAccordionOpen {...(BasicAccordionOpen.args as AccordionProps)} />);\n\n\t\tconst checkbox = wrapper.find({ type: \"checkbox\" });\n\t\texpect(checkbox.props().checked).to.equal(true);\n\t});\n\n\t// Example accessibility scan\n\tit(\"should pass accessibility scans\", async () => {\n\t\tconst wrapper = mount(<NestedAccordion {...(NestedAccordion.args as AccordionProps)} />);\n\n\t\texpect(await accessibilityAssessor(wrapper)).to.be.true;\n\t});\n});\n"]}

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

@@ -3,7 +3,12 @@ import { mount } from "enzyme";
 import { describe, it } from "mocha";
 import { expect } from "chai";
 import ButtonRow from "../ButtonRow";
+import { accessibilityAssessor } from "../../sdd/tests/a11y_helper";
 describe("<ButtonRow/>", () => {
+    it("should pass accessibility scans", async () => {
+        const wrapper = mount(React.createElement(ButtonRow, { onClick: () => { }, label: "Hello World" }));
+        expect(await accessibilityAssessor(wrapper)).to.be.true;
+    });
     it("should display the correct label", () => {
         const wrapper = mount(React.createElement(ButtonRow, { onClick: () => { }, label: "Hello World" }));
         expect(wrapper.find("span.row__lbl").text()).to.equal("Hello World");

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonRow.spec.js","sourceRoot":"","sources":["../../../../src/components/common/tests/ButtonRow.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,SAAS,MAAM,cAAc,CAAC;AAErC,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC7B,EAAE,CAAC,kCAAkC,EAAE,GAAG,EAAE;QAC3C,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,SAAS,IAAC,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,KAAK,EAAE,aAAa,GAAI,CAAC,CAAC;QAC9E,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;IACtE,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,wFAAwF,EAAE,GAAG,EAAE;QACjG,MAAM,OAAO,GAAG,KAAK,CACpB,oBAAC,SAAS,IACT,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,EACjB,eAAe,EAAE,IAAI,EACrB,GAAG,EAAE,8DAA8D,GAClE,CACF,CAAC;QACF,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC3D,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,mEAAmE,EAAE,GAAG,EAAE;QAC5E,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,SAAS,IAAC,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,eAAe,EAAE,KAAK,GAAI,CAAC,CAAC;QAChF,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC3D,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,2GAA2G,EAAE,GAAG,EAAE;QACpH,MAAM,OAAO,GAAG,KAAK,CACpB,oBAAC,SAAS,IACT,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,EACjB,eAAe,EAAE,KAAK,EACtB,GAAG,EAAE,8DAA8D,GAClE,CACF,CAAC;QACF,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QAC1D,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACjD,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\nimport { mount } from \"enzyme\";\nimport { describe, it } from \"mocha\";\nimport { expect } from \"chai\";\nimport ButtonRow from \"../ButtonRow\";\n\ndescribe(\"<ButtonRow/>\", () => {\n\tit(\"should display the correct label\", () => {\n\t\tconst wrapper = mount(<ButtonRow onClick={() => {}} label={\"Hello World\"} />);\n\t\texpect(wrapper.find(\"span.row__lbl\").text()).to.equal(\"Hello World\");\n\t});\n\tit(\"should display the Finsemble Icon if showDefaultIcon is true even if there is an image\", () => {\n\t\tconst wrapper = mount(\n\t\t\t<ButtonRow\n\t\t\t\tonClick={() => {}}\n\t\t\t\tshowDefaultIcon={true}\n\t\t\t\timg={\"https://cosaic.io/wp-content/uploads/2020/07/cosiac-blog.png\"}\n\t\t\t/>\n\t\t);\n\t\texpect(wrapper.find(\".ff-finsemble\")).to.have.lengthOf(1);\n\t});\n\tit(\"should not display the Finsemble Icon if showDefaultIcon is false\", () => {\n\t\tconst wrapper = mount(<ButtonRow onClick={() => {}} showDefaultIcon={false} />);\n\t\texpect(wrapper.find(\".ff-finsemble\")).to.have.lengthOf(0);\n\t});\n\tit(\"should display given image and not display the Finsemble Icon if image url given does not result in error\", () => {\n\t\tconst wrapper = mount(\n\t\t\t<ButtonRow\n\t\t\t\tonClick={() => {}}\n\t\t\t\tshowDefaultIcon={false}\n\t\t\t\timg={\"https://cosaic.io/wp-content/uploads/2020/07/cosiac-blog.png\"}\n\t\t\t/>\n\t\t);\n\t\texpect(wrapper.find(\".ff-finsemble\")).to.have.lengthOf(0);\n\t\texpect(wrapper.find(\"img\")).to.have.lengthOf(1);\n\t});\n});\n"]}
+{"version":3,"file":"ButtonRow.spec.js","sourceRoot":"","sources":["../../../../src/components/common/tests/ButtonRow.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,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAEpE,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC7B,EAAE,CAAC,iCAAiC,EAAE,KAAK,IAAI,EAAE;QAChD,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,SAAS,IAAC,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,KAAK,EAAE,aAAa,GAAI,CAAC,CAAC;QAE9E,MAAM,CAAC,MAAM,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IACzD,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,kCAAkC,EAAE,GAAG,EAAE;QAC3C,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,SAAS,IAAC,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,KAAK,EAAE,aAAa,GAAI,CAAC,CAAC;QAC9E,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;IACtE,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,wFAAwF,EAAE,GAAG,EAAE;QACjG,MAAM,OAAO,GAAG,KAAK,CACpB,oBAAC,SAAS,IACT,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,EACjB,eAAe,EAAE,IAAI,EACrB,GAAG,EAAE,8DAA8D,GAClE,CACF,CAAC;QACF,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC3D,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,mEAAmE,EAAE,GAAG,EAAE;QAC5E,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,SAAS,IAAC,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,eAAe,EAAE,KAAK,GAAI,CAAC,CAAC;QAChF,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC3D,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,2GAA2G,EAAE,GAAG,EAAE;QACpH,MAAM,OAAO,GAAG,KAAK,CACpB,oBAAC,SAAS,IACT,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,EACjB,eAAe,EAAE,KAAK,EACtB,GAAG,EAAE,8DAA8D,GAClE,CACF,CAAC;QACF,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QAC1D,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACjD,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\nimport { mount } from \"enzyme\";\nimport { describe, it } from \"mocha\";\nimport { expect } from \"chai\";\nimport ButtonRow from \"../ButtonRow\";\nimport { accessibilityAssessor } from \"../../sdd/tests/a11y_helper\";\n\ndescribe(\"<ButtonRow/>\", () => {\n\tit(\"should pass accessibility scans\", async () => {\n\t\tconst wrapper = mount(<ButtonRow onClick={() => {}} label={\"Hello World\"} />);\n\n\t\texpect(await accessibilityAssessor(wrapper)).to.be.true;\n\t});\n\tit(\"should display the correct label\", () => {\n\t\tconst wrapper = mount(<ButtonRow onClick={() => {}} label={\"Hello World\"} />);\n\t\texpect(wrapper.find(\"span.row__lbl\").text()).to.equal(\"Hello World\");\n\t});\n\tit(\"should display the Finsemble Icon if showDefaultIcon is true even if there is an image\", () => {\n\t\tconst wrapper = mount(\n\t\t\t<ButtonRow\n\t\t\t\tonClick={() => {}}\n\t\t\t\tshowDefaultIcon={true}\n\t\t\t\timg={\"https://cosaic.io/wp-content/uploads/2020/07/cosiac-blog.png\"}\n\t\t\t/>\n\t\t);\n\t\texpect(wrapper.find(\".ff-finsemble\")).to.have.lengthOf(1);\n\t});\n\tit(\"should not display the Finsemble Icon if showDefaultIcon is false\", () => {\n\t\tconst wrapper = mount(<ButtonRow onClick={() => {}} showDefaultIcon={false} />);\n\t\texpect(wrapper.find(\".ff-finsemble\")).to.have.lengthOf(0);\n\t});\n\tit(\"should display given image and not display the Finsemble Icon if image url given does not result in error\", () => {\n\t\tconst wrapper = mount(\n\t\t\t<ButtonRow\n\t\t\t\tonClick={() => {}}\n\t\t\t\tshowDefaultIcon={false}\n\t\t\t\timg={\"https://cosaic.io/wp-content/uploads/2020/07/cosiac-blog.png\"}\n\t\t\t/>\n\t\t);\n\t\texpect(wrapper.find(\".ff-finsemble\")).to.have.lengthOf(0);\n\t\texpect(wrapper.find(\"img\")).to.have.lengthOf(1);\n\t});\n});\n"]}

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

@@ -4,6 +4,7 @@ import { describe, it } from "mocha";
 import { expect } from "chai";
 import sinon from "sinon";
 import { Checked, Unchecked, Disabled } from "../stories/Checkbox.stories";
+// Necessary to allow sinon to work with mocked actions (which are shown in the Actions panel in Storybook)
 import addons, { mockChannel } from "@storybook/addons";
 addons.setChannel(mockChannel());
 const CHECKMARK_LOCATOR = "[role='checkbox'] .finsemble-icon-check";

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,MAAM,iBAAiB,GAAG,yCAAyC,CAAC;AAEpE,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;QACvE,OAAO,CAAC,MAAM,EAAE,CAAC;QAEjB,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACzD,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,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACzD,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,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACzD,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\";\nimport { mount } from \"enzyme\";\nimport { describe, it } from \"mocha\";\nimport { expect } from \"chai\";\nimport sinon from \"sinon\";\nimport { CheckboxProps } from \"../Checkbox\";\nimport { Checked, Unchecked, Disabled } from \"../stories/Checkbox.stories\";\n\n// Necessary to allow sinon to work with mocked actions (which are shown in the Actions panel in Storybook)\nimport addons, { mockChannel } from \"@storybook/addons\";\n\naddons.setChannel(mockChannel());\n\nconst CHECKMARK_LOCATOR = \"[role='checkbox'] .finsemble-icon-check\";\n\ndescribe(\"<Checkbox/>\", () => {\n\tafterEach(() => {\n\t\tsinon.restore();\n\t});\n\n\tit(\"should be checked items if checked prop is updated after initial render\", async () => {\n\t\tconst wrapper = mount(<Unchecked {...(Unchecked.args as CheckboxProps)} />);\n\n\t\twrapper.find(\".complex-menu-checkbox-wrapper\").at(0).simulate(\"click\");\n\t\twrapper.update();\n\n\t\texpect(wrapper.find(CHECKMARK_LOCATOR)).to.be.length(1);\n\t});\n\n\tit(\"should be unchecked items if checked prop is updated after initial render\", async () => {\n\t\tconst wrapper = mount(<Checked {...(Checked.args as CheckboxProps)} />);\n\n\t\twrapper.find(\".complex-menu-checkbox-wrapper\").at(0).simulate(\"click\");\n\n\t\texpect(wrapper.find(CHECKMARK_LOCATOR)).to.be.length(0);\n\t});\n\n\tit(\"shouldn't be clickable when disabled\", async () => {\n\t\tconst wrapper = mount(<Disabled {...(Disabled.args as CheckboxProps)} />);\n\n\t\twrapper.find(\".complex-menu-checkbox-wrapper\").at(0).simulate(\"click\");\n\n\t\texpect(wrapper.find(CHECKMARK_LOCATOR)).to.be.length(0);\n\t});\n\n\tit(\"should display a label\", async () => {\n\t\tconst wrapper = mount(<Checked {...(Checked.args as CheckboxProps)} />);\n\n\t\texpect(wrapper.find(\".complex-menu-checkbox-label\").at(0).text()).to.equal(\"Label\");\n\t});\n});\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;AAE3E,2GAA2G;AAC3G,OAAO,MAAM,EAAE,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAExD,MAAM,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC,CAAC;AAEjC,MAAM,iBAAiB,GAAG,yCAAyC,CAAC;AAEpE,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;QACvE,OAAO,CAAC,MAAM,EAAE,CAAC;QAEjB,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACzD,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,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACzD,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,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACzD,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\";\nimport { mount } from \"enzyme\";\nimport { describe, it } from \"mocha\";\nimport { expect } from \"chai\";\nimport sinon from \"sinon\";\nimport { CheckboxProps } from \"../Checkbox\";\nimport { Checked, Unchecked, Disabled } from \"../stories/Checkbox.stories\";\n\n// Necessary to allow sinon to work with mocked actions (which are shown in the Actions panel in Storybook)\nimport addons, { mockChannel } from \"@storybook/addons\";\n\naddons.setChannel(mockChannel());\n\nconst CHECKMARK_LOCATOR = \"[role='checkbox'] .finsemble-icon-check\";\n\ndescribe(\"<Checkbox/>\", () => {\n\tafterEach(() => {\n\t\tsinon.restore();\n\t});\n\n\tit(\"should be checked items if checked prop is updated after initial render\", async () => {\n\t\tconst wrapper = mount(<Unchecked {...(Unchecked.args as CheckboxProps)} />);\n\n\t\twrapper.find(\".complex-menu-checkbox-wrapper\").at(0).simulate(\"click\");\n\t\twrapper.update();\n\n\t\texpect(wrapper.find(CHECKMARK_LOCATOR)).to.be.length(1);\n\t});\n\n\tit(\"should be unchecked items if checked prop is updated after initial render\", async () => {\n\t\tconst wrapper = mount(<Checked {...(Checked.args as CheckboxProps)} />);\n\n\t\twrapper.find(\".complex-menu-checkbox-wrapper\").at(0).simulate(\"click\");\n\n\t\texpect(wrapper.find(CHECKMARK_LOCATOR)).to.be.length(0);\n\t});\n\n\tit(\"shouldn't be clickable when disabled\", async () => {\n\t\tconst wrapper = mount(<Disabled {...(Disabled.args as CheckboxProps)} />);\n\n\t\twrapper.find(\".complex-menu-checkbox-wrapper\").at(0).simulate(\"click\");\n\n\t\texpect(wrapper.find(CHECKMARK_LOCATOR)).to.be.length(0);\n\t});\n\n\tit(\"should display a label\", async () => {\n\t\tconst wrapper = mount(<Checked {...(Checked.args as CheckboxProps)} />);\n\n\t\texpect(wrapper.find(\".complex-menu-checkbox-label\").at(0).text()).to.equal(\"Label\");\n\t});\n});\n"]}

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

@@ -4,12 +4,15 @@ import { describe, it } from "mocha";
 import { expect } from "chai";
 import { EmptyField, ValidColor } from "../stories/ColorPicker.stories";
 function getColorInputElement(wrapper) {
+    // Return the color picker control DOM element.
     return wrapper.find("input[type='color']").at(0);
 }
 function getColorInputValue(wrapper) {
+    // Return the current value of the color picker control.
     return getColorInputElement(wrapper).prop("value");
 }
 function changeColorInput(wrapper, newColor) {
+    // Simulate changing the color picker control.
     getColorInputElement(wrapper).simulate("change", {
         target: {
             value: newColor,
@@ -17,12 +20,15 @@ function changeColorInput(wrapper, newColor) {
     });
 }
 function getTextInputElement(wrapper) {
+    // Return the text input field DOM element.
     return wrapper.find("input[type='text']");
 }
 function getTextInputValue(wrapper) {
+    // Return the current value of the text input field.
     return getTextInputElement(wrapper).prop("value");
 }
 function changeTextInput(wrapper, newColor) {
+    // Simulate changing the text input field.
     getTextInputElement(wrapper).simulate("change", {
         target: {
             value: newColor,