@finsemble/finsemble-ui 6.1.3 → 6.2.0

package/react/components/common/helpers.js

@@ -35,6 +35,11 @@ export const initFSBL = (windowObject) => {
                     return /^[a-zA-Z0-9 \-_.]{1,}$/.test(name) && /[a-zA-Z0-9]{1,}/.test(name);
                 },
             },
+            ConfigClient: {
+                setPreference: () => { },
+                getValues: () => { },
+                getPreferences: () => { },
+            },
             DialogManager: {
                 spawnDialog: (obj1) => {
                     console.table(obj1);
@@ -54,6 +59,7 @@ export const initFSBL = (windowObject) => {
             },
             RouterClient: {
                 transmit: () => { },
+                addListener: () => { },
             },
             StorageClient: {
                 save: () => { },
@@ -65,6 +71,12 @@ export const initFSBL = (windowObject) => {
             WorkspaceClient: {
                 bringWindowsToFront: () => { },
                 minimizeAll: () => { },
+                activeWorkspace: {
+                    name: " ",
+                },
+                getWorkspaceDefinition: (obj, cb) => {
+                    cb(null, null);
+                },
             },
         },
         onShutdown: () => { },

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, { ComponentType } from \"react\";\r\nimport { FileInputUploadCb } from \"./FileInput\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\n\r\n// @todo: fix storybook typescript ambient module problem\r\n// import SmartDesktopClient from \"clients/smartDesktopClient\";\r\n// import SmartDesktopClient from \"@finsemble/finsemble-core/src/clients/smartDesktopClient\";\r\nimport { SDServerInfo } from \"../../types/smartDesktopDesignerTypes\";\r\nimport { Provider } from \"react-redux\";\r\nimport { createStore } from \"../../store\";\r\n\r\nexport const uploadFunction: FileInputUploadCb = (fileObject: File) =>\r\n\tnew Promise((resolve) => {\r\n\t\tresolve({\r\n\t\t\terr: \"\",\r\n\t\t\tpath: fileObject.name,\r\n\t\t});\r\n\t});\r\n\r\nexport const initFSBL = (windowObject?: any) => {\r\n\tif (!windowObject) {\r\n\t\twindowObject = global.window = {} as any;\r\n\t} else {\r\n\t\twindowObject = window;\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tconst event = window.document.createEvent(\"Event\");\r\n\r\n\t\t\tevent?.initEvent(\"FSBLReady\", true, true);\r\n\r\n\t\t\twindow.dispatchEvent(event);\r\n\t\t});\r\n\t}\r\n\r\n\tglobal.FSBL = windowObject.FSBL = {\r\n\t\taddEventListener: (name: String, callback: () => void) => {\r\n\t\t\tcallback();\r\n\t\t},\r\n\t\tClients: {\r\n\t\t\tSmartDesktopClient: {\r\n\t\t\t\tcheckValidURL(url: string) {\r\n\t\t\t\t\tif (url.length === 0) {\r\n\t\t\t\t\t\treturn true;\r\n\t\t\t\t\t}\r\n\t\t\t\t\treturn /^https?:\\/\\/[^\\s]+$/.test(url);\r\n\t\t\t\t},\r\n\t\t\t\tcheckValidProjectName(name: string) {\r\n\t\t\t\t\treturn /^[a-zA-Z0-9 \\-_.]{1,}$/.test(name) && /[a-zA-Z0-9]{1,}/.test(name);\r\n\t\t\t\t},\r\n\t\t\t} as unknown,\r\n\t\t\tDialogManager: {\r\n\t\t\t\tspawnDialog: (obj1: any) => {\r\n\t\t\t\t\tconsole.table(obj1);\r\n\t\t\t\t},\r\n\t\t\t\tregisterDialogCallback: () => {},\r\n\t\t\t\trespondToOpener: () => {},\r\n\t\t\t},\r\n\t\t\tLauncherClient: {\r\n\t\t\t\tshowWindow: () => {},\r\n\t\t\t},\r\n\t\t\tLogger: {\r\n\t\t\t\tlog: () => {},\r\n\t\t\t\terror: () => {},\r\n\t\t\t\tsystem: {\r\n\t\t\t\t\tdebug: () => {},\r\n\t\t\t\t},\r\n\t\t\t},\r\n\t\t\tRouterClient: {\r\n\t\t\t\ttransmit: () => {},\r\n\t\t\t},\r\n\t\t\tStorageClient: {\r\n\t\t\t\tsave: () => {},\r\n\t\t\t\tclearCache: () => {},\r\n\t\t\t},\r\n\t\t\tWindowClient: {\r\n\t\t\t\tfitToDOM: () => {},\r\n\t\t\t},\r\n\t\t\tWorkspaceClient: {\r\n\t\t\t\tbringWindowsToFront: () => {},\r\n\t\t\t\tminimizeAll: () => {},\r\n\t\t\t},\r\n\t\t},\r\n\t\tonShutdown: () => {},\r\n\t\tSystem: {\r\n\t\t\tgetSDServerInfo: () =>\r\n\t\t\t\tnew Promise((resolve) => {\r\n\t\t\t\t\tresolve({} as SDServerInfo);\r\n\t\t\t\t}),\r\n\t\t},\r\n\t\tSystemManagerClient: {\r\n\t\t\tpublishCheckpointState: () => {},\r\n\t\t},\r\n\t} as any;\r\n\r\n\t// @todo imesner: 20210426: The following errors existed within the github actions build when WindowClient was declared above.\r\n\t// Error: src/components/common/helpers.tsx(84,4): error TS1117: An object literal cannot have multiple properties with the same name in strict mode.\r\n\t// Error: src/components/common/helpers.tsx(84,4): error TS2300: Duplicate identifier 'WindowClient'.\r\n\tglobal.FSBL.Clients = {\r\n\t\t...global.FSBL.Clients,\r\n\t\tWindowClient: {\r\n\t\t\tfitToDOM: () => {},\r\n\t\t} as any,\r\n\t};\r\n\r\n\t// @ts-ignore\r\n\tglobal.finsembleWindow = windowObject.finsembleWindow = {\r\n\t\tsetAlwaysOnTop: () => {},\r\n\t\taddEventListener: () => {},\r\n\t\tremoveEventListener: () => {},\r\n\t};\r\n};\r\n\r\nexport function createStory<T>(Component: Function, args: T) {\r\n\tconst template: Story<T> = (props: T) => {\r\n\t\tinitFSBL(window);\r\n\r\n\t\treturn (\r\n\t\t\t<Provider store={createStore()}>\r\n\t\t\t\t<Component {...{ ...args, ...props }} />\r\n\t\t\t</Provider>\r\n\t\t);\r\n\t};\r\n\r\n\ttemplate.args = args;\r\n\r\n\treturn template;\r\n}\r\n"]}
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/components/common/helpers.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport { FileInputUploadCb } from \"./FileInput\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\n\r\nimport { SDServerInfo } from \"../../types/smartDesktopDesignerTypes\";\r\nimport { Provider } from \"react-redux\";\r\nimport { createStore } from \"../../store\";\r\n\r\nexport const uploadFunction: FileInputUploadCb = (fileObject: File) =>\r\n\tnew Promise((resolve) => {\r\n\t\tresolve({\r\n\t\t\terr: \"\",\r\n\t\t\tpath: fileObject.name,\r\n\t\t});\r\n\t});\r\n\r\nexport const initFSBL = (windowObject?: any) => {\r\n\tif (!windowObject) {\r\n\t\twindowObject = global.window = {} as any;\r\n\t} else {\r\n\t\twindowObject = window;\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tconst event = window.document.createEvent(\"Event\");\r\n\r\n\t\t\tevent?.initEvent(\"FSBLReady\", true, true);\r\n\r\n\t\t\twindow.dispatchEvent(event);\r\n\t\t});\r\n\t}\r\n\r\n\tglobal.FSBL = windowObject.FSBL = {\r\n\t\taddEventListener: (name: String, callback: () => void) => {\r\n\t\t\tcallback();\r\n\t\t},\r\n\t\tClients: {\r\n\t\t\tSmartDesktopClient: {\r\n\t\t\t\tcheckValidURL(url: string) {\r\n\t\t\t\t\tif (url.length === 0) {\r\n\t\t\t\t\t\treturn true;\r\n\t\t\t\t\t}\r\n\t\t\t\t\treturn /^https?:\\/\\/[^\\s]+$/.test(url);\r\n\t\t\t\t},\r\n\t\t\t\tcheckValidProjectName(name: string) {\r\n\t\t\t\t\treturn /^[a-zA-Z0-9 \\-_.]{1,}$/.test(name) && /[a-zA-Z0-9]{1,}/.test(name);\r\n\t\t\t\t},\r\n\t\t\t} as unknown,\r\n\t\t\tConfigClient: {\r\n\t\t\t\tsetPreference: () => {},\r\n\t\t\t\tgetValues: () => {},\r\n\t\t\t\tgetPreferences: () => {},\r\n\t\t\t},\r\n\t\t\tDialogManager: {\r\n\t\t\t\tspawnDialog: (obj1: any) => {\r\n\t\t\t\t\tconsole.table(obj1);\r\n\t\t\t\t},\r\n\t\t\t\tregisterDialogCallback: () => {},\r\n\t\t\t\trespondToOpener: () => {},\r\n\t\t\t},\r\n\t\t\tLauncherClient: {\r\n\t\t\t\tshowWindow: () => {},\r\n\t\t\t},\r\n\t\t\tLogger: {\r\n\t\t\t\tlog: () => {},\r\n\t\t\t\terror: () => {},\r\n\t\t\t\tsystem: {\r\n\t\t\t\t\tdebug: () => {},\r\n\t\t\t\t},\r\n\t\t\t},\r\n\t\t\tRouterClient: {\r\n\t\t\t\ttransmit: () => {},\r\n\t\t\t\taddListener: () => {},\r\n\t\t\t},\r\n\t\t\tStorageClient: {\r\n\t\t\t\tsave: () => {},\r\n\t\t\t\tclearCache: () => {},\r\n\t\t\t},\r\n\t\t\tWindowClient: {\r\n\t\t\t\tfitToDOM: () => {},\r\n\t\t\t},\r\n\t\t\tWorkspaceClient: {\r\n\t\t\t\tbringWindowsToFront: () => {},\r\n\t\t\t\tminimizeAll: () => {},\r\n\t\t\t\tactiveWorkspace: {\r\n\t\t\t\t\tname: \" \",\r\n\t\t\t\t},\r\n\t\t\t\tgetWorkspaceDefinition: (obj: Object, cb: Function) => {\r\n\t\t\t\t\tcb(null, null);\r\n\t\t\t\t},\r\n\t\t\t},\r\n\t\t},\r\n\t\tonShutdown: () => {},\r\n\t\tSystem: {\r\n\t\t\tgetSDServerInfo: () =>\r\n\t\t\t\tnew Promise((resolve) => {\r\n\t\t\t\t\tresolve({} as SDServerInfo);\r\n\t\t\t\t}),\r\n\t\t},\r\n\t\tSystemManagerClient: {\r\n\t\t\tpublishCheckpointState: () => {},\r\n\t\t},\r\n\t} as any;\r\n\r\n\t// @todo imesner: 20210426: The following errors existed within the github actions build when WindowClient was declared above.\r\n\t// Error: src/components/common/helpers.tsx(84,4): error TS1117: An object literal cannot have multiple properties with the same name in strict mode.\r\n\t// Error: src/components/common/helpers.tsx(84,4): error TS2300: Duplicate identifier 'WindowClient'.\r\n\tglobal.FSBL.Clients = {\r\n\t\t...global.FSBL.Clients,\r\n\t\tWindowClient: {\r\n\t\t\tfitToDOM: () => {},\r\n\t\t} as any,\r\n\t};\r\n\r\n\t// @ts-ignore\r\n\tglobal.finsembleWindow = windowObject.finsembleWindow = {\r\n\t\tsetAlwaysOnTop: () => {},\r\n\t\taddEventListener: () => {},\r\n\t\tremoveEventListener: () => {},\r\n\t};\r\n};\r\n\r\nexport function createStory<T>(Component: Function, args: T) {\r\n\tconst template: Story<T> = (props: T) => {\r\n\t\tinitFSBL(window);\r\n\r\n\t\treturn (\r\n\t\t\t<Provider store={createStore()}>\r\n\t\t\t\t<Component {...{ ...args, ...props }} />\r\n\t\t\t</Provider>\r\n\t\t);\r\n\t};\r\n\r\n\ttemplate.args = args;\r\n\r\n\treturn template;\r\n}\r\n"]}

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

@@ -0,0 +1,14 @@
+import React from "react";
+import { ButtonRowProps } from "../ButtonRow";
+import "../../../assets/css/finsemble.css";
+import "../css/styles.css";
+import { Story } from "@storybook/react/types-6-0";
+declare const _default: {
+    title: string;
+    component: React.FC<ButtonRowProps>;
+    decorators: ((StoryDisplay: any) => JSX.Element)[];
+};
+export default _default;
+export declare const Default: Story<ButtonRowProps>;
+export declare const WithImage: Story<ButtonRowProps>;
+export declare const ImageError: Story<ButtonRowProps>;

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

@@ -0,0 +1,39 @@
+import React from "react";
+import ButtonRow from "../ButtonRow";
+import "../../../assets/css/finsemble.css";
+import "../css/styles.css";
+export default {
+    title: "Common/Button/Row",
+    component: ButtonRow,
+    decorators: [
+        (StoryDisplay) => (React.createElement("div", { className: "row-section", style: { width: 300, height: 40 } },
+            React.createElement(StoryDisplay, null))),
+    ],
+};
+const Template = (args) => React.createElement(ButtonRow, { ...args });
+export const Default = Template.bind({});
+Default.args = {
+    label: "Notification Sources",
+    onClick: () => { },
+    iconClass: "ff-caret-up rotate-90",
+    disabled: false,
+};
+export const WithImage = Template.bind({});
+WithImage.args = {
+    label: "ChartIQ",
+    onClick: () => { },
+    iconClass: "ff-caret-up rotate-90",
+    disabled: false,
+    img: "https://documentation.chartiq.com/img/CIQ_logo_negative.png",
+    showDefaultIcon: false,
+};
+export const ImageError = Template.bind({});
+ImageError.args = {
+    label: "Finsemble",
+    onClick: () => { },
+    iconClass: "ff-caret-up rotate-90",
+    disabled: false,
+    img: "https://thiswillresultinanerrorbutdontworrythatswhatwewant",
+    showDefaultIcon: false,
+};
+//# sourceMappingURL=ButtonRow.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonRow.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/ButtonRow.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAA6B,MAAM,cAAc,CAAC;AACzD,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mBAAmB,CAAC;AAG3B,eAAe;IACd,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE;QACX,CAAC,YAAiB,EAAE,EAAE,CAAC,CACtB,6BAAK,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE;YAC7D,oBAAC,YAAY,OAAG,CACX,CACN;KACD;CACD,CAAC;AAEF,MAAM,QAAQ,GAA0B,CAAC,IAAoB,EAAE,EAAE,CAAC,oBAAC,SAAS,OAAK,IAAI,GAAI,CAAC;AAE1F,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG;IACd,KAAK,EAAE,sBAAsB;IAC7B,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;IACjB,SAAS,EAAE,uBAAuB;IAClC,QAAQ,EAAE,KAAK;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,SAAS,CAAC,IAAI,GAAG;IAChB,KAAK,EAAE,SAAS;IAChB,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;IACjB,SAAS,EAAE,uBAAuB;IAClC,QAAQ,EAAE,KAAK;IACf,GAAG,EAAE,6DAA6D;IAClE,eAAe,EAAE,KAAK;CACtB,CAAC;AACF,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5C,UAAU,CAAC,IAAI,GAAG;IACjB,KAAK,EAAE,WAAW;IAClB,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;IACjB,SAAS,EAAE,uBAAuB;IAClC,QAAQ,EAAE,KAAK;IACf,GAAG,EAAE,4DAA4D;IACjE,eAAe,EAAE,KAAK;CACtB,CAAC","sourcesContent":["import React from \"react\";\r\nimport ButtonRow, { ButtonRowProps } from \"../ButtonRow\";\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/Button/Row\",\r\n\tcomponent: ButtonRow,\r\n\tdecorators: [\r\n\t\t(StoryDisplay: any) => (\r\n\t\t\t<div className=\"row-section\" style={{ width: 300, height: 40 }}>\r\n\t\t\t\t<StoryDisplay />\r\n\t\t\t</div>\r\n\t\t),\r\n\t],\r\n};\r\n\r\nconst Template: Story<ButtonRowProps> = (args: ButtonRowProps) => <ButtonRow {...args} />;\r\n\r\nexport const Default = Template.bind({});\r\nDefault.args = {\r\n\tlabel: \"Notification Sources\",\r\n\tonClick: () => {},\r\n\ticonClass: \"ff-caret-up rotate-90\",\r\n\tdisabled: false,\r\n};\r\n\r\nexport const WithImage = Template.bind({});\r\nWithImage.args = {\r\n\tlabel: \"ChartIQ\",\r\n\tonClick: () => {},\r\n\ticonClass: \"ff-caret-up rotate-90\",\r\n\tdisabled: false,\r\n\timg: \"https://documentation.chartiq.com/img/CIQ_logo_negative.png\",\r\n\tshowDefaultIcon: false,\r\n};\r\nexport const ImageError = Template.bind({});\r\nImageError.args = {\r\n\tlabel: \"Finsemble\",\r\n\tonClick: () => {},\r\n\ticonClass: \"ff-caret-up rotate-90\",\r\n\tdisabled: false,\r\n\timg: \"https://thiswillresultinanerrorbutdontworrythatswhatwewant\",\r\n\tshowDefaultIcon: false,\r\n};\r\n"]}

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

@@ -0,0 +1,13 @@
+import React from "react";
+import { CheckboxProps } from "../Checkbox";
+import "../../../assets/css/finsemble.css";
+import "../css/styles.css";
+import { Story } from "@storybook/react/types-6-0";
+declare const _default: {
+    title: string;
+    component: React.FC<CheckboxProps>;
+};
+export default _default;
+export declare const Unchecked: Story<CheckboxProps>;
+export declare const Checked: Story<CheckboxProps>;
+export declare const Disabled: Story<CheckboxProps>;

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

@@ -0,0 +1,29 @@
+import React from "react";
+import { Checkbox } from "../Checkbox";
+import "../../../assets/css/finsemble.css";
+import "../css/styles.css";
+export default {
+    title: "Common/Checkbox",
+    component: Checkbox,
+};
+const Template = (args) => {
+    const [toggle, setToggle] = React.useState(args.checked);
+    return React.createElement(Checkbox, { ...args, onClick: () => setToggle((t) => !t), checked: toggle });
+};
+export const Unchecked = Template.bind({});
+Unchecked.args = {
+    checked: false,
+    label: "Label",
+};
+export const Checked = Template.bind({});
+Checked.args = {
+    checked: true,
+    label: "Label",
+};
+export const Disabled = Template.bind({});
+Disabled.args = {
+    checked: false,
+    label: "Label",
+    disabled: true,
+};
+//# sourceMappingURL=Checkbox.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/Checkbox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAiB,MAAM,aAAa,CAAC;AACtD,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mBAAmB,CAAC;AAI3B,eAAe;IACd,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,QAAQ;CACnB,CAAC;AAEF,MAAM,QAAQ,GAAyB,CAAC,IAAmB,EAAE,EAAE;IAC9D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAEzD,OAAO,oBAAC,QAAQ,OAAK,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,GAAI,CAAC;AACrF,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,SAAS,CAAC,IAAI,GAAG;IAChB,OAAO,EAAE,KAAK;IACd,KAAK,EAAE,OAAO;CACd,CAAC;AACF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG;IACd,OAAO,EAAE,IAAI;IACb,KAAK,EAAE,OAAO;CACd,CAAC;AACF,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,GAAG;IACf,OAAO,EAAE,KAAK;IACd,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,IAAI;CACd,CAAC","sourcesContent":["import React from \"react\";\r\nimport { Checkbox, CheckboxProps } from \"../Checkbox\";\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/Checkbox\",\r\n\tcomponent: Checkbox,\r\n};\r\n\r\nconst Template: Story<CheckboxProps> = (args: CheckboxProps) => {\r\n\tconst [toggle, setToggle] = React.useState(args.checked);\r\n\r\n\treturn <Checkbox {...args} onClick={() => setToggle((t) => !t)} checked={toggle} />;\r\n};\r\n\r\nexport const Unchecked = Template.bind({});\r\nUnchecked.args = {\r\n\tchecked: false,\r\n\tlabel: \"Label\",\r\n};\r\nexport const Checked = Template.bind({});\r\nChecked.args = {\r\n\tchecked: true,\r\n\tlabel: \"Label\",\r\n};\r\nexport const Disabled = Template.bind({});\r\nDisabled.args = {\r\n\tchecked: false,\r\n\tlabel: \"Label\",\r\n\tdisabled: true,\r\n};\r\n"]}

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

@@ -0,0 +1,22 @@
+import "../../../assets/css/finsemble.css";
+import "../css/styles.css";
+import React from "react";
+declare const _default: {
+    title: string;
+    component: React.FunctionComponent<import("../DropdownButton").IFinsembleDropdownActionButtonProps>;
+};
+export default _default;
+export declare const dropdownButton: import("@storybook/react").Story<{
+    buttonLabel: string;
+    buttonOptions: {
+        buttonLabel: string;
+    }[];
+}>;
+export declare const defaultDropdownButton: import("@storybook/react").Story<{
+    buttonLabel: string;
+    buttonOptions: {
+        optionLabel: string;
+    }[];
+    caretLocation: string;
+    classNames: string;
+}>;

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

@@ -0,0 +1,29 @@
+import DropdownButton from "../DropdownButton";
+import DefaultDropdownButton from "../../shared/DefaultDropdownButton";
+import { createStory } from "../helpers";
+import "../../../assets/css/finsemble.css";
+import "../css/styles.css";
+import React from "react";
+export default {
+    title: "Common/DropdownButton",
+    component: DropdownButton,
+};
+export const dropdownButton = createStory(DropdownButton, {
+    buttonLabel: "Label",
+    buttonOptions: [{ buttonLabel: "Alpha" }, { buttonLabel: "Bravo" }, { buttonLabel: "Charlie" }],
+});
+dropdownButton.decorators = [
+    (Story) => (React.createElement("div", { style: { width: 80 } },
+        React.createElement(Story, null))),
+];
+export const defaultDropdownButton = createStory(DefaultDropdownButton, {
+    buttonLabel: "Label",
+    buttonOptions: [{ optionLabel: "Alpha" }, { optionLabel: "Bravo" }, { optionLabel: "Charlie" }],
+    caretLocation: "right",
+    classNames: "push-right",
+});
+defaultDropdownButton.decorators = [
+    (Story) => (React.createElement("div", { style: { width: 150 } },
+        React.createElement(Story, null))),
+];
+//# sourceMappingURL=DropdownButton.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownButton.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/DropdownButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,mBAAmB,CAAC;AAC/C,OAAO,qBAAqB,MAAM,oCAAoC,CAAC;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mBAAmB,CAAC;AAC3B,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAe;IACd,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,cAAc;CACzB,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,WAAW,CAAC,cAAc,EAAE;IACzD,WAAW,EAAE,OAAO;IACpB,aAAa,EAAE,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC;CAC/F,CAAC,CAAC;AACH,cAAc,CAAC,UAAU,GAAG;IAC3B,CAAC,KAAK,EAAE,EAAE,CAAC,CACV,6BAAK,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;QACxB,oBAAC,KAAK,OAAG,CACJ,CACN;CACD,CAAC;AACF,MAAM,CAAC,MAAM,qBAAqB,GAAG,WAAW,CAAC,qBAAqB,EAAE;IACvE,WAAW,EAAE,OAAO;IACpB,aAAa,EAAE,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC;IAC/F,aAAa,EAAE,OAAO;IACtB,UAAU,EAAE,YAAY;CACxB,CAAC,CAAC;AACH,qBAAqB,CAAC,UAAU,GAAG;IAClC,CAAC,KAAK,EAAE,EAAE,CAAC,CACV,6BAAK,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE;QACzB,oBAAC,KAAK,OAAG,CACJ,CACN;CACD,CAAC","sourcesContent":["import DropdownButton from \"../DropdownButton\";\r\nimport DefaultDropdownButton from \"../../shared/DefaultDropdownButton\";\r\nimport { createStory } from \"../helpers\";\r\nimport \"../../../assets/css/finsemble.css\";\r\nimport \"../css/styles.css\";\r\nimport React from \"react\";\r\n\r\nexport default {\r\n\ttitle: \"Common/DropdownButton\",\r\n\tcomponent: DropdownButton,\r\n};\r\n\r\nexport const dropdownButton = createStory(DropdownButton, {\r\n\tbuttonLabel: \"Label\",\r\n\tbuttonOptions: [{ buttonLabel: \"Alpha\" }, { buttonLabel: \"Bravo\" }, { buttonLabel: \"Charlie\" }],\r\n});\r\ndropdownButton.decorators = [\r\n\t(Story) => (\r\n\t\t<div style={{ width: 80 }}>\r\n\t\t\t<Story />\r\n\t\t</div>\r\n\t),\r\n];\r\nexport const defaultDropdownButton = createStory(DefaultDropdownButton, {\r\n\tbuttonLabel: \"Label\",\r\n\tbuttonOptions: [{ optionLabel: \"Alpha\" }, { optionLabel: \"Bravo\" }, { optionLabel: \"Charlie\" }],\r\n\tcaretLocation: \"right\",\r\n\tclassNames: \"push-right\",\r\n});\r\ndefaultDropdownButton.decorators = [\r\n\t(Story) => (\r\n\t\t<div style={{ width: 150 }}>\r\n\t\t\t<Story />\r\n\t\t</div>\r\n\t),\r\n];\r\n"]}

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

@@ -7,6 +7,7 @@ import { storiesOf } from "@storybook/react";
 const stories = storiesOf("Common/FinsembleIcon", module);
 [
     "check",
+    "check-square",
     "chevron-left",
     "chevron-right",
     "copy",
@@ -19,6 +20,7 @@ const stories = storiesOf("Common/FinsembleIcon", module);
     "hdd",
     "key",
     "life-ring",
+    "lock",
     "magic",
     "moon",
     "paint-roller",

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

@@ -1 +1 @@
-{"version":3,"file":"FinsembleIcon.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/FinsembleIcon.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,mCAAmC,CAAC;AAC3C,OAAO,+BAA+B,CAAC;AACvC,OAAO,mBAAmB,CAAC;AAC3B,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,MAAM,OAAO,GAAG,SAAS,CAAC,sBAAsB,EAAE,MAAM,CAAC,CAAC;AAGzD;IACC,OAAO;IACP,cAAc;IACd,eAAe;IACf,MAAM;IACN,oBAAoB;IACpB,eAAe;IACf,MAAM;IACN,QAAQ;IACR,MAAM;IACN,OAAO;IACP,KAAK;IACL,KAAK;IACL,WAAW;IACX,OAAO;IACP,MAAM;IACN,cAAc;IACd,QAAQ;IACR,MAAM;IACN,iBAAiB;IACjB,QAAQ;IACR,KAAK;IACL,OAAO;IACP,YAAY;IACZ,WAAW;IACX,OAAO;IACP,OAAO;IACP,QAAQ;IACR,QAAQ;CAET,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;IAClB,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,oBAAC,aAAa,IAAC,SAAS,EAAC,qBAAqB,EAAC,IAAI,EAAE,IAAI,GAAkB,CAAC,CAAC;AACtG,CAAC,CAAC,CAAC","sourcesContent":["import React from \"react\";\r\nimport { FinsembleIcon } from \"../FinsembleIcon\";\r\nimport \"../../../assets/css/finsemble.css\";\r\nimport \"../fixtures/FinsembleIcon.css\";\r\nimport \"../css/styles.css\";\r\nimport { storiesOf } from \"@storybook/react\";\r\n\r\nconst stories = storiesOf(\"Common/FinsembleIcon\", module);\r\n\r\n(\r\n\t[\r\n\t\t\"check\",\r\n\t\t\"chevron-left\",\r\n\t\t\"chevron-right\",\r\n\t\t\"copy\",\r\n\t\t\"exclamation-circle\",\r\n\t\t\"external-link\",\r\n\t\t\"flag\",\r\n\t\t\"folder\",\r\n\t\t\"font\",\r\n\t\t\"globe\",\r\n\t\t\"hdd\",\r\n\t\t\"key\",\r\n\t\t\"life-ring\",\r\n\t\t\"magic\",\r\n\t\t\"moon\",\r\n\t\t\"paint-roller\",\r\n\t\t\"pencil\",\r\n\t\t\"plus\",\r\n\t\t\"question-circle\",\r\n\t\t\"search\",\r\n\t\t\"sun\",\r\n\t\t\"times\",\r\n\t\t\"toggle-off\",\r\n\t\t\"toggle-on\",\r\n\t\t\"tools\",\r\n\t\t\"trash\",\r\n\t\t\"upload\",\r\n\t\t\"window\",\r\n\t] as FinsembleIcon[]\r\n).forEach((icon) => {\r\n\tstories.add(icon, () => <FinsembleIcon className=\"test-finsemble-icon\" icon={icon}></FinsembleIcon>);\r\n});\r\n"]}
+{"version":3,"file":"FinsembleIcon.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/FinsembleIcon.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,mCAAmC,CAAC;AAC3C,OAAO,+BAA+B,CAAC;AACvC,OAAO,mBAAmB,CAAC;AAC3B,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,MAAM,OAAO,GAAG,SAAS,CAAC,sBAAsB,EAAE,MAAM,CAAC,CAAC;AAGzD;IACC,OAAO;IACP,cAAc;IACd,cAAc;IACd,eAAe;IACf,MAAM;IACN,oBAAoB;IACpB,eAAe;IACf,MAAM;IACN,QAAQ;IACR,MAAM;IACN,OAAO;IACP,KAAK;IACL,KAAK;IACL,WAAW;IACX,MAAM;IACN,OAAO;IACP,MAAM;IACN,cAAc;IACd,QAAQ;IACR,MAAM;IACN,iBAAiB;IACjB,QAAQ;IACR,KAAK;IACL,OAAO;IACP,YAAY;IACZ,WAAW;IACX,OAAO;IACP,OAAO;IACP,QAAQ;IACR,QAAQ;CAET,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;IAClB,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,oBAAC,aAAa,IAAC,SAAS,EAAC,qBAAqB,EAAC,IAAI,EAAE,IAAI,GAAkB,CAAC,CAAC;AACtG,CAAC,CAAC,CAAC","sourcesContent":["import React from \"react\";\r\nimport { FinsembleIcon } from \"../FinsembleIcon\";\r\nimport \"../../../assets/css/finsemble.css\";\r\nimport \"../fixtures/FinsembleIcon.css\";\r\nimport \"../css/styles.css\";\r\nimport { storiesOf } from \"@storybook/react\";\r\n\r\nconst stories = storiesOf(\"Common/FinsembleIcon\", module);\r\n\r\n(\r\n\t[\r\n\t\t\"check\",\r\n\t\t\"check-square\",\r\n\t\t\"chevron-left\",\r\n\t\t\"chevron-right\",\r\n\t\t\"copy\",\r\n\t\t\"exclamation-circle\",\r\n\t\t\"external-link\",\r\n\t\t\"flag\",\r\n\t\t\"folder\",\r\n\t\t\"font\",\r\n\t\t\"globe\",\r\n\t\t\"hdd\",\r\n\t\t\"key\",\r\n\t\t\"life-ring\",\r\n\t\t\"lock\",\r\n\t\t\"magic\",\r\n\t\t\"moon\",\r\n\t\t\"paint-roller\",\r\n\t\t\"pencil\",\r\n\t\t\"plus\",\r\n\t\t\"question-circle\",\r\n\t\t\"search\",\r\n\t\t\"sun\",\r\n\t\t\"times\",\r\n\t\t\"toggle-off\",\r\n\t\t\"toggle-on\",\r\n\t\t\"tools\",\r\n\t\t\"trash\",\r\n\t\t\"upload\",\r\n\t\t\"window\",\r\n\t] as FinsembleIcon[]\r\n).forEach((icon) => {\r\n\tstories.add(icon, () => <FinsembleIcon className=\"test-finsemble-icon\" icon={icon}></FinsembleIcon>);\r\n});\r\n"]}

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

@@ -5,7 +5,7 @@ import "../css/styles.css";
 import { Story } from "@storybook/react/types-6-0";
 declare const _default: {
     title: string;
-    component: ({ options, updateCallback, selected, size, values, showSearch, limit, }: FinsembleSelectProps) => JSX.Element;
+    component: ({ options, optionComponents, updateCallback, selected, size, values, showSearch, limit, }: FinsembleSelectProps) => JSX.Element;
 };
 export default _default;
 export declare const Sample: Story<FinsembleSelectProps>;

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

@@ -5,7 +5,7 @@ import "../css/styles.css";
 import "../css/tooltip.css";
 declare const _default: {
     title: string;
-    component: ({ type, position, children, altClassName }: TooltipProps) => JSX.Element;
+    component: ({ type, position, children, altClassName, onClick, }: TooltipProps) => JSX.Element;
     argTypes: {
         type: {
             type: string;

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

@@ -0,0 +1,25 @@
+import * as React from "react";
+import { mount } from "enzyme";
+import { describe, it } from "mocha";
+import { expect } from "chai";
+import ButtonRow from "../ButtonRow";
+describe("<ButtonRow/>", () => {
+    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");
+    });
+    it("should display the Finsemble Icon if showDefaultIcon is true even if there is an image", () => {
+        const wrapper = mount(React.createElement(ButtonRow, { onClick: () => { }, showDefaultIcon: true, img: "https://cosaic.io/wp-content/uploads/2020/07/cosiac-blog.png" }));
+        expect(wrapper.find(".ff-finsemble")).to.have.lengthOf(1);
+    });
+    it("should not display the Finsemble Icon if showDefaultIcon is false", () => {
+        const wrapper = mount(React.createElement(ButtonRow, { onClick: () => { }, showDefaultIcon: false }));
+        expect(wrapper.find(".ff-finsemble")).to.have.lengthOf(0);
+    });
+    it("should display given image and not display the Finsemble Icon if image url given does not result in error", () => {
+        const wrapper = mount(React.createElement(ButtonRow, { onClick: () => { }, showDefaultIcon: false, img: "https://cosaic.io/wp-content/uploads/2020/07/cosiac-blog.png" }));
+        expect(wrapper.find(".ff-finsemble")).to.have.lengthOf(0);
+        expect(wrapper.find("img")).to.have.lengthOf(1);
+    });
+});
+//# sourceMappingURL=ButtonRow.spec.js.map

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

@@ -0,0 +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\";\r\nimport { mount } from \"enzyme\";\r\nimport { describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport ButtonRow from \"../ButtonRow\";\r\n\r\ndescribe(\"<ButtonRow/>\", () => {\r\n\tit(\"should display the correct label\", () => {\r\n\t\tconst wrapper = mount(<ButtonRow onClick={() => {}} label={\"Hello World\"} />);\r\n\t\texpect(wrapper.find(\"span.row__lbl\").text()).to.equal(\"Hello World\");\r\n\t});\r\n\tit(\"should display the Finsemble Icon if showDefaultIcon is true even if there is an image\", () => {\r\n\t\tconst wrapper = mount(\r\n\t\t\t<ButtonRow\r\n\t\t\t\tonClick={() => {}}\r\n\t\t\t\tshowDefaultIcon={true}\r\n\t\t\t\timg={\"https://cosaic.io/wp-content/uploads/2020/07/cosiac-blog.png\"}\r\n\t\t\t/>\r\n\t\t);\r\n\t\texpect(wrapper.find(\".ff-finsemble\")).to.have.lengthOf(1);\r\n\t});\r\n\tit(\"should not display the Finsemble Icon if showDefaultIcon is false\", () => {\r\n\t\tconst wrapper = mount(<ButtonRow onClick={() => {}} showDefaultIcon={false} />);\r\n\t\texpect(wrapper.find(\".ff-finsemble\")).to.have.lengthOf(0);\r\n\t});\r\n\tit(\"should display given image and not display the Finsemble Icon if image url given does not result in error\", () => {\r\n\t\tconst wrapper = mount(\r\n\t\t\t<ButtonRow\r\n\t\t\t\tonClick={() => {}}\r\n\t\t\t\tshowDefaultIcon={false}\r\n\t\t\t\timg={\"https://cosaic.io/wp-content/uploads/2020/07/cosiac-blog.png\"}\r\n\t\t\t/>\r\n\t\t);\r\n\t\texpect(wrapper.find(\".ff-finsemble\")).to.have.lengthOf(0);\r\n\t\texpect(wrapper.find(\"img\")).to.have.lengthOf(1);\r\n\t});\r\n});\r\n"]}

package/react/components/common/tests/Checkbox.spec.d.ts

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

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

@@ -0,0 +1,33 @@
+import * as React from "react";
+import { mount } from "enzyme";
+import { describe, it } from "mocha";
+import { expect } from "chai";
+import sinon from "sinon";
+import { Checked, Unchecked, Disabled } from "../stories/Checkbox.stories";
+import addons, { mockChannel } from "@storybook/addons";
+addons.setChannel(mockChannel());
+describe("<Checkbox/>", () => {
+    afterEach(() => {
+        sinon.restore();
+    });
+    it("should be checked items if checked prop is updated after initial render", async () => {
+        const wrapper = mount(React.createElement(Unchecked, { ...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 }));
+        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 }));
+        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 }));
+        expect(wrapper.find(".complex-menu-checkbox-label").at(0).text()).to.equal("Label");
+    });
+});
+//# sourceMappingURL=Checkbox.spec.js.map

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

@@ -0,0 +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"]}

package/react/components/fdc3Resolver/ResolverDialog.css

@@ -88,6 +88,7 @@ h2 {
 .tileHeader {
 	color: var(--font-color);
 	font-size: 14px;
+	overflow-wrap: break-word;
 }
 .tileNote {
 	font-size: 12px;

package/react/components/fdc3Resolver/ResolverDialog.js

@@ -6,7 +6,7 @@ export const ResolverDialog = ({ intentRaiser, onSend, onCancel, resolutionList
     const [intentNumber, setIntentNumber] = useState(0);
     const intent = resolutionList[intentNumber]?.intent?.displayName || "";
     const contextType = resolutionList[intentNumber]?.context?.type ?? "data";
-    const receivingApps = resolutionList[intentNumber]?.apps || [];
+    const receivingApps = resolutionList[intentNumber]?.launchableApps || [];
     const openApps = (resolutionList[intentNumber]?.openApps || []).map((app, key) => {
         return {
             ...app,
@@ -40,11 +40,11 @@ export const ResolverDialog = ({ intentRaiser, onSend, onCancel, resolutionList
                 "."),
             React.createElement("p", null, "How do you want to handle this?"))),
         React.createElement("h2", null, "Open a new app..."),
-        React.createElement("div", { className: "appListGrid" }, receivingApps.map((app, key) => (React.createElement(Tile, { key: key, text: app.name, callback: () => {
+        React.createElement("div", { className: "appListGrid" }, receivingApps.map((app, key) => (React.createElement(Tile, { key: key, text: app.meta.name, callback: () => {
                 onSend({
                     intent: resolutionList[intentNumber]?.intent?.name,
                     selectedApp: {
-                        name: app.name,
+                        name: app.meta.name,
                     },
                 });
             } })))),
@@ -61,7 +61,6 @@ export const ResolverDialog = ({ intentRaiser, onSend, onCancel, resolutionList
         React.createElement("div", { className: "actionGroupRight" },
             React.createElement(Button, { fashion: "ghost", text: "Cancel", onClick: onCancel }))));
 };
-const tile_text_limit = 8;
 const Tile = ({ text, callback }) => (React.createElement("button", { className: "appTile", onClick: callback, title: text },
-    React.createElement("span", { className: "tileHeader" }, text.length > tile_text_limit ? `${text.substr(0, tile_text_limit)}...` : text)));
+    React.createElement("span", { className: "tileHeader" }, text)));
 //# sourceMappingURL=ResolverDialog.js.map

package/react/components/fdc3Resolver/ResolverDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResolverDialog.js","sourceRoot":"","sources":["../../../src/components/fdc3Resolver/ResolverDialog.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState } from \"react\";\r\nimport { Button } from \"../common/Button\";\r\nimport \"./ResolverDialog.css\";\r\nimport { ResolutionList } from \"../../types/fdc3\";\r\nimport { FinsembleSelect } from \"../common/FinsembleSelect\";\r\n\r\ntype openApp = {\r\n\tname: string;\r\n\tid: string;\r\n};\r\nexport type ReceivingAppType = {\r\n\tname: string;\r\n\topen: openApp[];\r\n};\r\nexport type ResolverProps = {\r\n\tintentRaiser: string;\r\n\tonSend: any;\r\n\tonCancel: any;\r\n\tresolutionList?: ResolutionList[];\r\n};\r\n\r\nexport const ResolverDialog = ({ intentRaiser, onSend, onCancel, resolutionList = [] }: ResolverProps) => {\r\n\tconst [intentNumber, setIntentNumber] = useState(0);\r\n\tconst intent = resolutionList[intentNumber]?.intent?.displayName || \"\";\r\n\tconst contextType = resolutionList[intentNumber]?.context?.type ?? \"data\";\r\n\tconst receivingApps = resolutionList[intentNumber]?.apps || [];\r\n\tconst openApps = (resolutionList[intentNumber]?.openApps || []).map((app, key) => {\r\n\t\treturn {\r\n\t\t\t...app,\r\n\t\t\tindex: key,\r\n\t\t};\r\n\t});\r\n\r\n\treturn (\r\n\t\t<div className=\"resolverDialog\">\r\n\t\t\t{resolutionList.length > 1 ? (\r\n\t\t\t\t<>\r\n\t\t\t\t\t<h3>\r\n\t\t\t\t\t\t<span className=\"sourceText\">{intentRaiser}</span> wants to send{\" \"}\r\n\t\t\t\t\t\t<span className=\"intentText\">&quot;{contextType}&quot;</span> to another app.\r\n\t\t\t\t\t</h3>\r\n\t\t\t\t\t<p>How do you want to handle this?</p>\r\n\r\n\t\t\t\t\t<h2>Choose an action:</h2>\r\n\r\n\t\t\t\t\t<FinsembleSelect\r\n\t\t\t\t\t\tselected={[`${intentNumber}`]}\r\n\t\t\t\t\t\toptions={resolutionList.map((item) => item.intent?.displayName || \"\")}\r\n\t\t\t\t\t\tvalues={resolutionList.map((item, key) => `${key}`)}\r\n\t\t\t\t\t\tupdateCallback={(values: string[]) => {\r\n\t\t\t\t\t\t\tsetIntentNumber(+values[0]);\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\tsize={Math.min(resolutionList.length, 5)}\r\n\t\t\t\t\t\tlimit={1}\r\n\t\t\t\t\t/>\r\n\t\t\t\t</>\r\n\t\t\t) : (\r\n\t\t\t\t<>\r\n\t\t\t\t\t<h3>\r\n\t\t\t\t\t\t<span className=\"sourceText\">{intentRaiser}</span> wants to{\" \"}\r\n\t\t\t\t\t\t<span className=\"intentText\">&quot;{intent}&quot;</span>.\r\n\t\t\t\t\t</h3>\r\n\t\t\t\t\t<p>How do you want to handle this?</p>\r\n\t\t\t\t</>\r\n\t\t\t)}\r\n\r\n\t\t\t<h2>Open a new app...</h2>\r\n\r\n\t\t\t<div className=\"appListGrid\">\r\n\t\t\t\t{receivingApps.map((app, key) => (\r\n\t\t\t\t\t<Tile\r\n\t\t\t\t\t\tkey={key}\r\n\t\t\t\t\t\ttext={app.name}\r\n\t\t\t\t\t\tcallback={() => {\r\n\t\t\t\t\t\t\tonSend({\r\n\t\t\t\t\t\t\t\tintent: resolutionList[intentNumber]?.intent?.name,\r\n\t\t\t\t\t\t\t\tselectedApp: {\r\n\t\t\t\t\t\t\t\t\tname: app.name,\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t/>\r\n\t\t\t\t))}\r\n\t\t\t</div>\r\n\r\n\t\t\t{openApps.length ? (\r\n\t\t\t\t<>\r\n\t\t\t\t\t<h2>...or, send to a running app</h2>\r\n\r\n\t\t\t\t\t<div className=\"appSelector\">\r\n\t\t\t\t\t\t<ul>\r\n\t\t\t\t\t\t\t{openApps.map((app, index) => (\r\n\t\t\t\t\t\t\t\t<li\r\n\t\t\t\t\t\t\t\t\tkey={index}\r\n\t\t\t\t\t\t\t\t\ttabIndex={0}\r\n\t\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\t\tonSend({\r\n\t\t\t\t\t\t\t\t\t\t\tintent: resolutionList[intentNumber]?.intent?.name,\r\n\t\t\t\t\t\t\t\t\t\t\tselectedApp: { name: app.meta.name },\r\n\t\t\t\t\t\t\t\t\t\t\twindowName: app.windowName,\r\n\t\t\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t{`${app.index + 1} - ${app.meta.name}`}\r\n\t\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t</ul>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</>\r\n\t\t\t) : (\r\n\t\t\t\t<></>\r\n\t\t\t)}\r\n\r\n\t\t\t<div className=\"actionGroupRight\">\r\n\t\t\t\t<Button fashion=\"ghost\" text=\"Cancel\" onClick={onCancel} />\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\ntype TileProps = {\r\n\ttext: string;\r\n\tcallback: () => void;\r\n};\r\n\r\nconst tile_text_limit = 8;\r\nconst Tile = ({ text, callback }: TileProps) => (\r\n\t<button className=\"appTile\" onClick={callback} title={text}>\r\n\t\t<span className=\"tileHeader\">{text.length > tile_text_limit ? `${text.substr(0, tile_text_limit)}...` : text}</span>\r\n\t</button>\r\n);\r\n"]}
+{"version":3,"file":"ResolverDialog.js","sourceRoot":"","sources":["../../../src/components/fdc3Resolver/ResolverDialog.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState } from \"react\";\r\nimport { Button } from \"../common/Button\";\r\nimport \"./ResolverDialog.css\";\r\nimport { ResolutionList } from \"../../types/fdc3\";\r\nimport { FinsembleSelect } from \"../common/FinsembleSelect\";\r\n\r\ntype openApp = {\r\n\tname: string;\r\n\tid: string;\r\n};\r\nexport type ReceivingAppType = {\r\n\tname: string;\r\n\topen: openApp[];\r\n};\r\nexport type ResolverProps = {\r\n\tintentRaiser: string;\r\n\tonSend: any;\r\n\tonCancel: any;\r\n\tresolutionList?: ResolutionList[];\r\n};\r\n\r\nexport const ResolverDialog = ({ intentRaiser, onSend, onCancel, resolutionList = [] }: ResolverProps) => {\r\n\tconst [intentNumber, setIntentNumber] = useState(0);\r\n\tconst intent = resolutionList[intentNumber]?.intent?.displayName || \"\";\r\n\tconst contextType = resolutionList[intentNumber]?.context?.type ?? \"data\";\r\n\tconst receivingApps = resolutionList[intentNumber]?.launchableApps || [];\r\n\tconst openApps = (resolutionList[intentNumber]?.openApps || []).map((app, key) => {\r\n\t\treturn {\r\n\t\t\t...app,\r\n\t\t\tindex: key,\r\n\t\t};\r\n\t});\r\n\r\n\treturn (\r\n\t\t<div className=\"resolverDialog\">\r\n\t\t\t{resolutionList.length > 1 ? (\r\n\t\t\t\t<>\r\n\t\t\t\t\t<h3>\r\n\t\t\t\t\t\t<span className=\"sourceText\">{intentRaiser}</span> wants to send{\" \"}\r\n\t\t\t\t\t\t<span className=\"intentText\">&quot;{contextType}&quot;</span> to another app.\r\n\t\t\t\t\t</h3>\r\n\t\t\t\t\t<p>How do you want to handle this?</p>\r\n\r\n\t\t\t\t\t<h2>Choose an action:</h2>\r\n\r\n\t\t\t\t\t<FinsembleSelect\r\n\t\t\t\t\t\tselected={[`${intentNumber}`]}\r\n\t\t\t\t\t\toptions={resolutionList.map((item) => item.intent?.displayName || \"\")}\r\n\t\t\t\t\t\tvalues={resolutionList.map((item, key) => `${key}`)}\r\n\t\t\t\t\t\tupdateCallback={(values: string[]) => {\r\n\t\t\t\t\t\t\tsetIntentNumber(+values[0]);\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\tsize={Math.min(resolutionList.length, 5)}\r\n\t\t\t\t\t\tlimit={1}\r\n\t\t\t\t\t/>\r\n\t\t\t\t</>\r\n\t\t\t) : (\r\n\t\t\t\t<>\r\n\t\t\t\t\t<h3>\r\n\t\t\t\t\t\t<span className=\"sourceText\">{intentRaiser}</span> wants to{\" \"}\r\n\t\t\t\t\t\t<span className=\"intentText\">&quot;{intent}&quot;</span>.\r\n\t\t\t\t\t</h3>\r\n\t\t\t\t\t<p>How do you want to handle this?</p>\r\n\t\t\t\t</>\r\n\t\t\t)}\r\n\r\n\t\t\t<h2>Open a new app...</h2>\r\n\r\n\t\t\t<div className=\"appListGrid\">\r\n\t\t\t\t{receivingApps.map((app, key) => (\r\n\t\t\t\t\t<Tile\r\n\t\t\t\t\t\tkey={key}\r\n\t\t\t\t\t\ttext={app.meta.name}\r\n\t\t\t\t\t\tcallback={() => {\r\n\t\t\t\t\t\t\tonSend({\r\n\t\t\t\t\t\t\t\tintent: resolutionList[intentNumber]?.intent?.name,\r\n\t\t\t\t\t\t\t\tselectedApp: {\r\n\t\t\t\t\t\t\t\t\tname: app.meta.name,\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t/>\r\n\t\t\t\t))}\r\n\t\t\t</div>\r\n\r\n\t\t\t{openApps.length ? (\r\n\t\t\t\t<>\r\n\t\t\t\t\t<h2>...or, send to a running app</h2>\r\n\r\n\t\t\t\t\t<div className=\"appSelector\">\r\n\t\t\t\t\t\t<ul>\r\n\t\t\t\t\t\t\t{openApps.map((app, index) => (\r\n\t\t\t\t\t\t\t\t<li\r\n\t\t\t\t\t\t\t\t\tkey={index}\r\n\t\t\t\t\t\t\t\t\ttabIndex={0}\r\n\t\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\t\tonSend({\r\n\t\t\t\t\t\t\t\t\t\t\tintent: resolutionList[intentNumber]?.intent?.name,\r\n\t\t\t\t\t\t\t\t\t\t\tselectedApp: { name: app.meta.name },\r\n\t\t\t\t\t\t\t\t\t\t\twindowName: app.windowName,\r\n\t\t\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t{`${app.index + 1} - ${app.meta.name}`}\r\n\t\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t</ul>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</>\r\n\t\t\t) : (\r\n\t\t\t\t<></>\r\n\t\t\t)}\r\n\r\n\t\t\t<div className=\"actionGroupRight\">\r\n\t\t\t\t<Button fashion=\"ghost\" text=\"Cancel\" onClick={onCancel} />\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\ntype TileProps = {\r\n\ttext: string;\r\n\tcallback: () => void;\r\n};\r\n\r\nconst Tile = ({ text, callback }: TileProps) => (\r\n\t<button className=\"appTile\" onClick={callback} title={text}>\r\n\t\t<span className=\"tileHeader\">{text}</span>\r\n\t</button>\r\n);\r\n"]}

package/react/components/fdc3Resolver/ResolverDialog.spec.js

@@ -3,7 +3,7 @@ import { mount } from "enzyme";
 import { afterEach, describe, it } from "mocha";
 import { expect } from "chai";
 import sinon from "sinon";
-import { LongNames, Short } from "./ResolverDialog.stories";
+import { Short } from "./ResolverDialog.stories";
 import { accessibilityAssessor } from "../smartDesktopDesigner/tests/a11y_helper";
 import addons, { mockChannel } from "@storybook/addons";
 addons.setChannel(mockChannel());
@@ -47,12 +47,5 @@ describe("Resolver UI", () => {
         wrapper.find(".button-container-ghost button").simulate("click");
         expect(buttonSpy.calledOnce, "The send callback was called").to.be.true;
     });
-    it("names longer than 8 letters should be truncated", () => {
-        const wrapper = mount(React.createElement(LongNames, { ...LongNames.args }));
-        expect(wrapper.find(".appTile").at(0).text(), "No ellipses on 7-character name").to.equal("jacuzzi");
-        expect(wrapper.find(".appTile").at(1).text(), "No ellipses on 8-character name").to.equal("blizzard");
-        expect(wrapper.find(".appTile").at(2).text(), "Ellipses on truncated name").to.equal("quizzica...");
-        expect(wrapper.find(".appTile").at(2).prop("title"), "Truncated name has title with full name").to.equal("quizzical");
-    });
 });
 //# sourceMappingURL=ResolverDialog.spec.js.map

package/react/components/fdc3Resolver/ResolverDialog.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResolverDialog.spec.js","sourceRoot":"","sources":["../../../src/components/fdc3Resolver/ResolverDialog.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\r\nimport { mount } from \"enzyme\";\r\nimport { afterEach, describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport sinon from \"sinon\";\r\nimport { ResolverProps } from \"./ResolverDialog\";\r\nimport { LongNames, Short } from \"./ResolverDialog.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\naddons.setChannel(mockChannel());\r\n\r\ndescribe(\"Resolver UI\", () => {\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(<Short {...(Short.args as ResolverProps)} />);\r\n\r\n\t\texpect(await accessibilityAssessor(wrapper)).to.be.true;\r\n\t});\r\n\r\n\tit(\"should fill in data as expected\", () => {\r\n\t\tconst wrapper = mount(<Short {...(Short.args as ResolverProps)} />);\r\n\r\n\t\texpect(wrapper.find(\".appTile\").length, \"Only show 2 tiles\").to.equal(2);\r\n\t\texpect(wrapper.find(\".appTile\").at(0).find(\".tileHeader\").text(), \"First tile says Chart\").to.equal(\"Chart\");\r\n\t\texpect(wrapper.find(\".appTile\").at(1).find(\".tileHeader\").text(), \"Second tile says Grid\").to.equal(\"Grid\");\r\n\t\texpect(wrapper.find(\".appSelector li\").length, \"App list should have 2 items\").to.equal(2);\r\n\t\texpect(wrapper.find(\".appSelector li\").at(0).text(), \"First app list item should say Chart #1\").to.equal(\r\n\t\t\t\"1 - Chart\"\r\n\t\t);\r\n\t});\r\n\r\n\tit(\"should include info in the Send payload - selecting new item\", () => {\r\n\t\tconst buttonSpy = sinon.spy(Short.args as ResolverProps, \"onSend\");\r\n\t\tconst wrapper = mount(<Short {...(Short.args as ResolverProps)} />);\r\n\r\n\t\twrapper.find(\".appTile\").at(0).simulate(\"click\");\r\n\t\tconst { args }: { args: any[] } = buttonSpy.getCall(0);\r\n\t\texpect(buttonSpy.calledOnce, \"The send callback was called\").to.be.true;\r\n\t\texpect(args.length, \"Only 1 window was provided\").to.be.equal(1);\r\n\t\texpect(args[0].selectedApp.name, \"Provides name = Chart\").to.equal(\"Chart\");\r\n\t});\r\n\r\n\tit(\"should include the selected items in the Send payload\", () => {\r\n\t\tconst buttonSpy = sinon.spy(Short.args as ResolverProps, \"onSend\");\r\n\t\tconst wrapper = mount(<Short {...(Short.args as ResolverProps)} />);\r\n\r\n\t\twrapper.find(\".appSelector li\").at(0).simulate(\"click\");\r\n\r\n\t\tconst { args }: { args: any[] } = buttonSpy.getCall(0);\r\n\t\texpect(buttonSpy.calledOnce, \"The send callback was called\").to.be.true;\r\n\t\texpect(args.length, \"Only 1 window was provided\").to.be.equal(1);\r\n\t\texpect(args[0].windowName, \"The name of the provided window was 'Chart-1-'Finsemble'\").to.equal(\r\n\t\t\t\"Chart-1-Finsemble\"\r\n\t\t);\r\n\t});\r\n\r\n\tit(\"should call the cancel function if the Cancel button is clicked\", () => {\r\n\t\tconst buttonSpy = sinon.spy(Short.args as ResolverProps, \"onCancel\");\r\n\t\tconst wrapper = mount(<Short {...(Short.args as ResolverProps)} />);\r\n\t\twrapper.find(\".button-container-ghost button\").simulate(\"click\");\r\n\t\texpect(buttonSpy.calledOnce, \"The send callback was called\").to.be.true;\r\n\t});\r\n\r\n\tit(\"names longer than 8 letters should be truncated\", () => {\r\n\t\tconst wrapper = mount(<LongNames {...(LongNames.args as ResolverProps)} />);\r\n\r\n\t\texpect(wrapper.find(\".appTile\").at(0).text(), \"No ellipses on 7-character name\").to.equal(\"jacuzzi\");\r\n\t\texpect(wrapper.find(\".appTile\").at(1).text(), \"No ellipses on 8-character name\").to.equal(\"blizzard\");\r\n\t\texpect(wrapper.find(\".appTile\").at(2).text(), \"Ellipses on truncated name\").to.equal(\"quizzica...\");\r\n\t\texpect(wrapper.find(\".appTile\").at(2).prop(\"title\"), \"Truncated name has title with full name\").to.equal(\r\n\t\t\t\"quizzical\"\r\n\t\t);\r\n\t});\r\n});\r\n"]}
+{"version":3,"file":"ResolverDialog.spec.js","sourceRoot":"","sources":["../../../src/components/fdc3Resolver/ResolverDialog.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\r\nimport { mount } from \"enzyme\";\r\nimport { afterEach, describe, it } from \"mocha\";\r\nimport { expect } from \"chai\";\r\nimport sinon from \"sinon\";\r\nimport { ResolverProps } from \"./ResolverDialog\";\r\nimport { LongNames, Short } from \"./ResolverDialog.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\naddons.setChannel(mockChannel());\r\n\r\ndescribe(\"Resolver UI\", () => {\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(<Short {...(Short.args as ResolverProps)} />);\r\n\r\n\t\texpect(await accessibilityAssessor(wrapper)).to.be.true;\r\n\t});\r\n\r\n\tit(\"should fill in data as expected\", () => {\r\n\t\tconst wrapper = mount(<Short {...(Short.args as ResolverProps)} />);\r\n\r\n\t\texpect(wrapper.find(\".appTile\").length, \"Only show 2 tiles\").to.equal(2);\r\n\t\texpect(wrapper.find(\".appTile\").at(0).find(\".tileHeader\").text(), \"First tile says Chart\").to.equal(\"Chart\");\r\n\t\texpect(wrapper.find(\".appTile\").at(1).find(\".tileHeader\").text(), \"Second tile says Grid\").to.equal(\"Grid\");\r\n\t\texpect(wrapper.find(\".appSelector li\").length, \"App list should have 2 items\").to.equal(2);\r\n\t\texpect(wrapper.find(\".appSelector li\").at(0).text(), \"First app list item should say Chart #1\").to.equal(\r\n\t\t\t\"1 - Chart\"\r\n\t\t);\r\n\t});\r\n\r\n\tit(\"should include info in the Send payload - selecting new item\", () => {\r\n\t\tconst buttonSpy = sinon.spy(Short.args as ResolverProps, \"onSend\");\r\n\t\tconst wrapper = mount(<Short {...(Short.args as ResolverProps)} />);\r\n\r\n\t\twrapper.find(\".appTile\").at(0).simulate(\"click\");\r\n\t\tconst { args }: { args: any[] } = buttonSpy.getCall(0);\r\n\t\texpect(buttonSpy.calledOnce, \"The send callback was called\").to.be.true;\r\n\t\texpect(args.length, \"Only 1 window was provided\").to.be.equal(1);\r\n\t\texpect(args[0].selectedApp.name, \"Provides name = Chart\").to.equal(\"Chart\");\r\n\t});\r\n\r\n\tit(\"should include the selected items in the Send payload\", () => {\r\n\t\tconst buttonSpy = sinon.spy(Short.args as ResolverProps, \"onSend\");\r\n\t\tconst wrapper = mount(<Short {...(Short.args as ResolverProps)} />);\r\n\r\n\t\twrapper.find(\".appSelector li\").at(0).simulate(\"click\");\r\n\r\n\t\tconst { args }: { args: any[] } = buttonSpy.getCall(0);\r\n\t\texpect(buttonSpy.calledOnce, \"The send callback was called\").to.be.true;\r\n\t\texpect(args.length, \"Only 1 window was provided\").to.be.equal(1);\r\n\t\texpect(args[0].windowName, \"The name of the provided window was 'Chart-1-'Finsemble'\").to.equal(\r\n\t\t\t\"Chart-1-Finsemble\"\r\n\t\t);\r\n\t});\r\n\r\n\tit(\"should call the cancel function if the Cancel button is clicked\", () => {\r\n\t\tconst buttonSpy = sinon.spy(Short.args as ResolverProps, \"onCancel\");\r\n\t\tconst wrapper = mount(<Short {...(Short.args as ResolverProps)} />);\r\n\t\twrapper.find(\".button-container-ghost button\").simulate(\"click\");\r\n\t\texpect(buttonSpy.calledOnce, \"The send callback was called\").to.be.true;\r\n\t});\r\n});\r\n"]}