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

package/react/components/common/file_helpers.js

@@ -11,8 +11,9 @@ export const VALID_APP_EXTENSIONS = ["application/x-msdos-program"];
 export const validateFilename = (acceptTypes, filename) => {
     const ext_re = /(?:\.([^.]+))?$/;
     const matches = acceptTypes.filter((mimeType) => {
-        const ext = ext_re.exec(filename)?.[1];
-        return mimeType === "*" || (ext && mimeType?.toLowerCase() == mimeTypes[ext]);
+        var _a;
+        const ext = (_a = ext_re.exec(filename)) === null || _a === void 0 ? void 0 : _a[1];
+        return mimeType === "*" || (ext && (mimeType === null || mimeType === void 0 ? void 0 : mimeType.toLowerCase()) == mimeTypes[ext]);
     });
     return filename !== "" && matches.length === 0;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"file_helpers.js","sourceRoot":"","sources":["../../../src/components/common/file_helpers.ts"],"names":[],"mappings":"AACA,MAAM,SAAS,GAA2B;IACzC,GAAG,EAAE,cAAc;IACnB,GAAG,EAAE,WAAW;IAChB,IAAI,EAAE,YAAY;IAClB,GAAG,EAAE,YAAY;IACjB,GAAG,EAAE,YAAY;IACjB,GAAG,EAAE,WAAW;IAChB,GAAG,EAAE,6BAA6B;CAClC,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,6BAA6B,CAAC,CAAC;AAEpE,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,WAAqB,EAAE,QAAgB,EAAE,EAAE;IAE3E,MAAM,MAAM,GAAG,iBAAiB,CAAC;IACjC,MAAM,OAAO,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC,QAAgB,EAAE,EAAE;QACvD,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;QACvC,OAAO,QAAQ,KAAK,GAAG,IAAI,CAAC,GAAG,IAAI,QAAQ,EAAE,WAAW,EAAE,IAAI,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC;IAC/E,CAAC,CAAC,CAAC;IACH,OAAO,QAAQ,KAAK,EAAE,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,CAAC;AAChD,CAAC,CAAC","sourcesContent":["// Dictionary to match extensions (eg, \"png\") to mimetypes (eg, \"image/png\")\r\nconst mimeTypes: Record<string, string> = {\r\n\tico: \"image/x-icon\",\r\n\tpng: \"image/png\",\r\n\tjpeg: \"image/jpeg\",\r\n\tjpg: \"image/jpeg\",\r\n\tjpe: \"image/jpeg\",\r\n\tgif: \"image/gif\",\r\n\texe: \"application/x-msdos-program\",\r\n};\r\n\r\nexport const VALID_APP_EXTENSIONS = [\"application/x-msdos-program\"];\r\n\r\nexport const validateFilename = (acceptTypes: string[], filename: string) => {\r\n\t// regular express to extract extension (eg, \"png\")\r\n\tconst ext_re = /(?:\\.([^.]+))?$/;\r\n\tconst matches = acceptTypes.filter((mimeType: string) => {\r\n\t\tconst ext = ext_re.exec(filename)?.[1];\r\n\t\treturn mimeType === \"*\" || (ext && mimeType?.toLowerCase() == mimeTypes[ext]);\r\n\t});\r\n\treturn filename !== \"\" && matches.length === 0;\r\n};\r\n"]}
+{"version":3,"file":"file_helpers.js","sourceRoot":"","sources":["../../../src/components/common/file_helpers.ts"],"names":[],"mappings":"AACA,MAAM,SAAS,GAA2B;IACzC,GAAG,EAAE,cAAc;IACnB,GAAG,EAAE,WAAW;IAChB,IAAI,EAAE,YAAY;IAClB,GAAG,EAAE,YAAY;IACjB,GAAG,EAAE,YAAY;IACjB,GAAG,EAAE,WAAW;IAChB,GAAG,EAAE,6BAA6B;CAClC,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,6BAA6B,CAAC,CAAC;AAEpE,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,WAAqB,EAAE,QAAgB,EAAE,EAAE;IAE3E,MAAM,MAAM,GAAG,iBAAiB,CAAC;IACjC,MAAM,OAAO,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC,QAAgB,EAAE,EAAE;;QACvD,MAAM,GAAG,GAAG,MAAA,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,0CAAG,CAAC,CAAC,CAAC;QACvC,OAAO,QAAQ,KAAK,GAAG,IAAI,CAAC,GAAG,IAAI,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,WAAW,EAAE,KAAI,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC;IAC/E,CAAC,CAAC,CAAC;IACH,OAAO,QAAQ,KAAK,EAAE,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,CAAC;AAChD,CAAC,CAAC","sourcesContent":["// Dictionary to match extensions (eg, \"png\") to mimetypes (eg, \"image/png\")\r\nconst mimeTypes: Record<string, string> = {\r\n\tico: \"image/x-icon\",\r\n\tpng: \"image/png\",\r\n\tjpeg: \"image/jpeg\",\r\n\tjpg: \"image/jpeg\",\r\n\tjpe: \"image/jpeg\",\r\n\tgif: \"image/gif\",\r\n\texe: \"application/x-msdos-program\",\r\n};\r\n\r\nexport const VALID_APP_EXTENSIONS = [\"application/x-msdos-program\"];\r\n\r\nexport const validateFilename = (acceptTypes: string[], filename: string) => {\r\n\t// regular express to extract extension (eg, \"png\")\r\n\tconst ext_re = /(?:\\.([^.]+))?$/;\r\n\tconst matches = acceptTypes.filter((mimeType: string) => {\r\n\t\tconst ext = ext_re.exec(filename)?.[1];\r\n\t\treturn mimeType === \"*\" || (ext && mimeType?.toLowerCase() == mimeTypes[ext]);\r\n\t});\r\n\treturn filename !== \"\" && matches.length === 0;\r\n};\r\n"]}

package/react/components/common/helpers.js

@@ -8,18 +8,19 @@ export const uploadFunction = (fileObject) => new Promise((resolve) => {
     });
 });
 export const initFSBL = (windowObject) => {
+    const globalAsAny = global;
     if (!windowObject) {
-        windowObject = global.window = {};
+        windowObject = globalAsAny.window = {};
     }
     else {
         windowObject = window;
         setTimeout(() => {
             const event = window.document.createEvent("Event");
-            event?.initEvent("FSBLReady", true, true);
+            event === null || event === void 0 ? void 0 : event.initEvent("FSBLReady", true, true);
             window.dispatchEvent(event);
         });
     }
-    global.FSBL = windowObject.FSBL = {
+    globalAsAny.FSBL = windowObject.FSBL = {
         addEventListener: (name, callback) => {
             callback();
         },
@@ -35,6 +36,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 +60,7 @@ export const initFSBL = (windowObject) => {
             },
             RouterClient: {
                 transmit: () => { },
+                addListener: () => { },
             },
             StorageClient: {
                 save: () => { },
@@ -65,6 +72,12 @@ export const initFSBL = (windowObject) => {
             WorkspaceClient: {
                 bringWindowsToFront: () => { },
                 minimizeAll: () => { },
+                activeWorkspace: {
+                    name: " ",
+                },
+                getWorkspaceDefinition: (obj, cb) => {
+                    cb(null, null);
+                },
             },
         },
         onShutdown: () => { },
@@ -77,13 +90,10 @@ export const initFSBL = (windowObject) => {
             publishCheckpointState: () => { },
         },
     };
-    global.FSBL.Clients = {
-        ...global.FSBL.Clients,
-        WindowClient: {
+    globalAsAny.FSBL.Clients = Object.assign(Object.assign({}, globalAsAny.FSBL.Clients), { WindowClient: {
             fitToDOM: () => { },
-        },
-    };
-    global.finsembleWindow = windowObject.finsembleWindow = {
+        } });
+    globalAsAny.finsembleWindow = windowObject.finsembleWindow = {
         setAlwaysOnTop: () => { },
         addEventListener: () => { },
         removeEventListener: () => { },
@@ -93,7 +103,7 @@ export function createStory(Component, args) {
     const template = (props) => {
         initFSBL(window);
         return (React.createElement(Provider, { store: createStore() },
-            React.createElement(Component, { ...{ ...args, ...props } })));
+            React.createElement(Component, Object.assign({}, Object.assign(Object.assign({}, args), props)))));
     };
     template.args = args;
     return template;

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\t// Poor man's global that can take any appendage\r\n\tconst globalAsAny: any = global;\r\n\r\n\tif (!windowObject) {\r\n\t\twindowObject = globalAsAny.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\tglobalAsAny.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\tglobalAsAny.FSBL.Clients = {\r\n\t\t...globalAsAny.FSBL.Clients,\r\n\t\tWindowClient: {\r\n\t\t\tfitToDOM: () => {},\r\n\t\t} as any,\r\n\t};\r\n\r\n\tglobalAsAny.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/Button.stories.js

@@ -6,7 +6,7 @@ export default {
     title: "Common/Button/Text",
     component: Button,
 };
-const Template = (args) => React.createElement(Button, { ...args });
+const Template = (args) => React.createElement(Button, Object.assign({}, args));
 export const PrimaryButton = Template.bind({});
 PrimaryButton.args = {
     fashion: "primary",

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

@@ -1 +1 @@
-{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/Button.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport { Button, ButtonProps } from \"../Button\";\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/Text\",\r\n\tcomponent: Button,\r\n};\r\n\r\nconst Template: Story<ButtonProps> = (args: ButtonProps) => <Button {...args} />;\r\n\r\nexport const PrimaryButton = Template.bind({});\r\nPrimaryButton.args = {\r\n\tfashion: \"primary\",\r\n\ttext: \"Jagged\",\r\n};\r\nexport const PrimaryButtonDisabled = Template.bind({});\r\nPrimaryButtonDisabled.args = {\r\n\tdisabled: true,\r\n\tfashion: \"primary\",\r\n\ttext: \"Jagged\",\r\n};\r\nexport const PrimaryButtonBack = Template.bind({});\r\nPrimaryButtonBack.args = {\r\n\tfashion: \"primary\",\r\n\ticonBefore: \"chevron-left\",\r\n\ttext: \"Back\",\r\n};\r\nexport const PrimaryButtonForward = Template.bind({});\r\nPrimaryButtonForward.args = {\r\n\tfashion: \"primary\",\r\n\ticonAfter: \"chevron-right\",\r\n\ttext: \"Forward\",\r\n};\r\nexport const PrimaryButtonThemeLight = Template.bind({});\r\nPrimaryButtonThemeLight.args = {\r\n\tfashion: \"primary\",\r\n\ticonBefore: \"sun\",\r\n\ttext: \"Light theme\",\r\n};\r\nexport const PrimaryButtonThemeDark = Template.bind({});\r\nPrimaryButtonThemeDark.args = {\r\n\tfashion: \"primary\",\r\n\ticonBefore: \"moon\",\r\n\ttext: \"Dark theme\",\r\n};\r\nexport const PrimaryButtonAdd = Template.bind({});\r\nPrimaryButtonAdd.args = {\r\n\tfashion: \"primary\",\r\n\ticonBefore: \"plus\",\r\n\ttext: \"Add\",\r\n};\r\n\r\nexport const SecondaryButton = Template.bind({});\r\nSecondaryButton.args = {\r\n\tfashion: \"secondary\",\r\n\ttext: \"Next\",\r\n};\r\nexport const SecondaryButtonDisabled = Template.bind({});\r\nSecondaryButtonDisabled.args = {\r\n\tfashion: \"secondary\",\r\n\ttext: \"Next\",\r\n\tdisabled: true,\r\n};\r\nexport const SecondaryButtonNegative = Template.bind({});\r\nSecondaryButtonNegative.args = {\r\n\tfashion: \"danger\",\r\n\ttext: \"Remove app\",\r\n};\r\nexport const GhostButton = Template.bind({});\r\nGhostButton.args = {\r\n\tfashion: \"ghost\",\r\n\ttext: \"Cancel\",\r\n};\r\nexport const GhostButtonNegative = Template.bind({});\r\nGhostButtonNegative.args = {\r\n\tfashion: \"danger ghost\",\r\n\ttext: \"Reset project\",\r\n};\r\n"]}
+{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/Button.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport { Button, ButtonProps } from \"../Button\";\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/Text\",\r\n\tcomponent: Button,\r\n};\r\n\r\nconst Template: Story<ButtonProps> = (args: ButtonProps) => <Button {...args} />;\r\n\r\nexport const PrimaryButton = Template.bind({});\r\nPrimaryButton.args = {\r\n\tfashion: \"primary\",\r\n\ttext: \"Jagged\",\r\n};\r\nexport const PrimaryButtonDisabled = Template.bind({});\r\nPrimaryButtonDisabled.args = {\r\n\tdisabled: true,\r\n\tfashion: \"primary\",\r\n\ttext: \"Jagged\",\r\n};\r\nexport const PrimaryButtonBack = Template.bind({});\r\nPrimaryButtonBack.args = {\r\n\tfashion: \"primary\",\r\n\ticonBefore: \"chevron-left\",\r\n\ttext: \"Back\",\r\n};\r\nexport const PrimaryButtonForward = Template.bind({});\r\nPrimaryButtonForward.args = {\r\n\tfashion: \"primary\",\r\n\ticonAfter: \"chevron-right\",\r\n\ttext: \"Forward\",\r\n};\r\nexport const PrimaryButtonThemeLight = Template.bind({});\r\nPrimaryButtonThemeLight.args = {\r\n\tfashion: \"primary\",\r\n\ticonBefore: \"sun\",\r\n\ttext: \"Light theme\",\r\n};\r\nexport const PrimaryButtonThemeDark = Template.bind({});\r\nPrimaryButtonThemeDark.args = {\r\n\tfashion: \"primary\",\r\n\ticonBefore: \"moon\",\r\n\ttext: \"Dark theme\",\r\n};\r\nexport const PrimaryButtonAdd = Template.bind({});\r\nPrimaryButtonAdd.args = {\r\n\tfashion: \"primary\",\r\n\ticonBefore: \"plus\",\r\n\ttext: \"Add\",\r\n};\r\n\r\nexport const SecondaryButton = Template.bind({});\r\nSecondaryButton.args = {\r\n\tfashion: \"secondary\",\r\n\ttext: \"Next\",\r\n};\r\nexport const SecondaryButtonDisabled = Template.bind({});\r\nSecondaryButtonDisabled.args = {\r\n\tfashion: \"secondary\",\r\n\ttext: \"Next\",\r\n\tdisabled: true,\r\n};\r\nexport const SecondaryButtonNegative = Template.bind({});\r\nSecondaryButtonNegative.args = {\r\n\tfashion: \"danger\",\r\n\ttext: \"Remove app\",\r\n};\r\nexport const GhostButton = Template.bind({});\r\nGhostButton.args = {\r\n\tfashion: \"ghost\",\r\n\ttext: \"Cancel\",\r\n};\r\nexport const GhostButtonNegative = Template.bind({});\r\nGhostButtonNegative.args = {\r\n\tfashion: \"danger ghost\",\r\n\ttext: \"Reset project\",\r\n};\r\n"]}

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

@@ -6,7 +6,7 @@ export default {
     title: "Common/Button/Icon",
     component: ButtonIcon,
 };
-const Template = (args) => React.createElement(ButtonIcon, { ...args });
+const Template = (args) => React.createElement(ButtonIcon, Object.assign({}, args));
 export const DeleteIcon = Template.bind({});
 DeleteIcon.args = {
     text: "Delete",

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonIcon.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/ButtonIcon.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mBAAmB,CAAC;AAI3B,eAAe;IACd,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,UAAU;CACrB,CAAC;AAEF,MAAM,QAAQ,GAA+B,CAAC,IAAyB,EAAE,EAAE,CAAC,oBAAC,UAAU,OAAK,IAAI,GAAI,CAAC;AAErG,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5C,UAAU,CAAC,IAAI,GAAG;IACjB,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,OAAO;CACb,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,GAAG;IACf,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;CACZ,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,GAAG;IACf,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,WAAW;CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC7C,WAAW,CAAC,IAAI,GAAG;IAClB,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,OAAO;CACb,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5C,UAAU,CAAC,IAAI,GAAG;IACjB,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,OAAO;CACb,CAAC","sourcesContent":["import React from \"react\";\r\nimport { ButtonIcon } from \"../ButtonIcon\";\r\nimport \"../../../assets/css/finsemble.css\";\r\nimport \"../css/styles.css\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\nimport { AdvancedButtonProps } from \"../Button\";\r\n\r\nexport default {\r\n\ttitle: \"Common/Button/Icon\",\r\n\tcomponent: ButtonIcon,\r\n};\r\n\r\nconst Template: Story<AdvancedButtonProps> = (args: AdvancedButtonProps) => <ButtonIcon {...args} />;\r\n\r\nexport const DeleteIcon = Template.bind({});\r\nDeleteIcon.args = {\r\n\ttext: \"Delete\",\r\n\ticon: \"trash\",\r\n};\r\n\r\nexport const CopyIcon = Template.bind({});\r\nCopyIcon.args = {\r\n\ttext: \"Copy\",\r\n\ticon: \"copy\",\r\n};\r\n\r\nexport const HelpIcon = Template.bind({});\r\nHelpIcon.args = {\r\n\ttext: \"Help\",\r\n\ticon: \"life-ring\",\r\n};\r\n\r\nexport const ConfirmIcon = Template.bind({});\r\nConfirmIcon.args = {\r\n\ttext: \"Confirm\",\r\n\ticon: \"check\",\r\n};\r\n\r\nexport const CancelIcon = Template.bind({});\r\nCancelIcon.args = {\r\n\ttext: \"Cancel\",\r\n\ticon: \"times\",\r\n};\r\n"]}
+{"version":3,"file":"ButtonIcon.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/ButtonIcon.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mBAAmB,CAAC;AAI3B,eAAe;IACd,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,UAAU;CACrB,CAAC;AAEF,MAAM,QAAQ,GAA+B,CAAC,IAAyB,EAAE,EAAE,CAAC,oBAAC,UAAU,oBAAK,IAAI,EAAI,CAAC;AAErG,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5C,UAAU,CAAC,IAAI,GAAG;IACjB,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,OAAO;CACb,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,GAAG;IACf,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;CACZ,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,GAAG;IACf,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,WAAW;CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC7C,WAAW,CAAC,IAAI,GAAG;IAClB,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,OAAO;CACb,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5C,UAAU,CAAC,IAAI,GAAG;IACjB,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,OAAO;CACb,CAAC","sourcesContent":["import React from \"react\";\r\nimport { ButtonIcon } from \"../ButtonIcon\";\r\nimport \"../../../assets/css/finsemble.css\";\r\nimport \"../css/styles.css\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\nimport { AdvancedButtonProps } from \"../Button\";\r\n\r\nexport default {\r\n\ttitle: \"Common/Button/Icon\",\r\n\tcomponent: ButtonIcon,\r\n};\r\n\r\nconst Template: Story<AdvancedButtonProps> = (args: AdvancedButtonProps) => <ButtonIcon {...args} />;\r\n\r\nexport const DeleteIcon = Template.bind({});\r\nDeleteIcon.args = {\r\n\ttext: \"Delete\",\r\n\ticon: \"trash\",\r\n};\r\n\r\nexport const CopyIcon = Template.bind({});\r\nCopyIcon.args = {\r\n\ttext: \"Copy\",\r\n\ticon: \"copy\",\r\n};\r\n\r\nexport const HelpIcon = Template.bind({});\r\nHelpIcon.args = {\r\n\ttext: \"Help\",\r\n\ticon: \"life-ring\",\r\n};\r\n\r\nexport const ConfirmIcon = Template.bind({});\r\nConfirmIcon.args = {\r\n\ttext: \"Confirm\",\r\n\ticon: \"check\",\r\n};\r\n\r\nexport const CancelIcon = Template.bind({});\r\nCancelIcon.args = {\r\n\ttext: \"Cancel\",\r\n\ticon: \"times\",\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, Object.assign({}, 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,oBAAK,IAAI,EAAI,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/ButtonTile.stories.js

@@ -6,7 +6,7 @@ export default {
     title: "Common/Button/Tile",
     component: ButtonTile,
 };
-const Template = (args) => React.createElement(ButtonTile, { ...args });
+const Template = (args) => React.createElement(ButtonTile, Object.assign({}, args));
 export const AddApplications = Template.bind({});
 AddApplications.args = {
     icon: "window",

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonTile.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/ButtonTile.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mBAAmB,CAAC;AAG3B,eAAe;IACd,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,UAAU;CACrB,CAAC;AAEF,MAAM,QAAQ,GAA+B,CAAC,IAAyB,EAAE,EAAE,CAAC,oBAAC,UAAU,OAAK,IAAI,GAAI,CAAC;AAErG,MAAM,CAAC,MAAM,eAAe,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACjD,eAAe,CAAC,IAAI,GAAG;IACtB,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,UAAU;CAChB,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,SAAS,CAAC,IAAI,GAAG;IAChB,IAAI,EAAE,cAAc;IACpB,IAAI,EAAE,YAAY;CAClB,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAChD,cAAc,CAAC,IAAI,GAAG;IACrB,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,iBAAiB;CACvB,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACnD,iBAAiB,CAAC,IAAI,GAAG;IACxB,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,YAAY;CAClB,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC7C,WAAW,CAAC,IAAI,GAAG;IAClB,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,yBAAyB;CAC/B,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAChD,cAAc,CAAC,IAAI,GAAG;IACrB,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,SAAS;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACnD,iBAAiB,CAAC,IAAI,GAAG;IACxB,IAAI,EAAE,KAAK;IACX,IAAI,EAAE,YAAY;CAClB,CAAC","sourcesContent":["import React from \"react\";\r\nimport { ButtonTile } from \"../ButtonTile\";\r\nimport { AdvancedButtonProps } from \"../Button\";\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/Tile\",\r\n\tcomponent: ButtonTile,\r\n};\r\n\r\nconst Template: Story<AdvancedButtonProps> = (args: AdvancedButtonProps) => <ButtonTile {...args} />;\r\n\r\nexport const AddApplications = Template.bind({});\r\nAddApplications.args = {\r\n\ticon: \"window\",\r\n\ttext: \"Add apps\",\r\n};\r\n\r\nexport const EditTheme = Template.bind({});\r\nEditTheme.args = {\r\n\ticon: \"paint-roller\",\r\n\ttext: \"Edit theme\",\r\n};\r\n\r\nexport const PublishDesktop = Template.bind({});\r\nPublishDesktop.args = {\r\n\ticon: \"upload\",\r\n\ttext: \"Publish desktop\",\r\n};\r\n\r\nexport const ApplicationWizard = Template.bind({});\r\nApplicationWizard.args = {\r\n\ticon: \"magic\",\r\n\ttext: \"App wizard\",\r\n};\r\n\r\nexport const ManualSetup = Template.bind({});\r\nManualSetup.args = {\r\n\ticon: \"tools\",\r\n\ttext: \"Manual setup (advanced)\",\r\n};\r\n\r\nexport const WebApplication = Template.bind({});\r\nWebApplication.args = {\r\n\ticon: \"globe\",\r\n\ttext: \"Web app\",\r\n};\r\n\r\nexport const NativeApplication = Template.bind({});\r\nNativeApplication.args = {\r\n\ticon: \"hdd\",\r\n\ttext: \"Native app\",\r\n};\r\n"]}
+{"version":3,"file":"ButtonTile.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/ButtonTile.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mBAAmB,CAAC;AAG3B,eAAe;IACd,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,UAAU;CACrB,CAAC;AAEF,MAAM,QAAQ,GAA+B,CAAC,IAAyB,EAAE,EAAE,CAAC,oBAAC,UAAU,oBAAK,IAAI,EAAI,CAAC;AAErG,MAAM,CAAC,MAAM,eAAe,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACjD,eAAe,CAAC,IAAI,GAAG;IACtB,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,UAAU;CAChB,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,SAAS,CAAC,IAAI,GAAG;IAChB,IAAI,EAAE,cAAc;IACpB,IAAI,EAAE,YAAY;CAClB,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAChD,cAAc,CAAC,IAAI,GAAG;IACrB,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,iBAAiB;CACvB,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACnD,iBAAiB,CAAC,IAAI,GAAG;IACxB,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,YAAY;CAClB,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC7C,WAAW,CAAC,IAAI,GAAG;IAClB,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,yBAAyB;CAC/B,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAChD,cAAc,CAAC,IAAI,GAAG;IACrB,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,SAAS;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACnD,iBAAiB,CAAC,IAAI,GAAG;IACxB,IAAI,EAAE,KAAK;IACX,IAAI,EAAE,YAAY;CAClB,CAAC","sourcesContent":["import React from \"react\";\r\nimport { ButtonTile } from \"../ButtonTile\";\r\nimport { AdvancedButtonProps } from \"../Button\";\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/Tile\",\r\n\tcomponent: ButtonTile,\r\n};\r\n\r\nconst Template: Story<AdvancedButtonProps> = (args: AdvancedButtonProps) => <ButtonTile {...args} />;\r\n\r\nexport const AddApplications = Template.bind({});\r\nAddApplications.args = {\r\n\ticon: \"window\",\r\n\ttext: \"Add apps\",\r\n};\r\n\r\nexport const EditTheme = Template.bind({});\r\nEditTheme.args = {\r\n\ticon: \"paint-roller\",\r\n\ttext: \"Edit theme\",\r\n};\r\n\r\nexport const PublishDesktop = Template.bind({});\r\nPublishDesktop.args = {\r\n\ticon: \"upload\",\r\n\ttext: \"Publish desktop\",\r\n};\r\n\r\nexport const ApplicationWizard = Template.bind({});\r\nApplicationWizard.args = {\r\n\ticon: \"magic\",\r\n\ttext: \"App wizard\",\r\n};\r\n\r\nexport const ManualSetup = Template.bind({});\r\nManualSetup.args = {\r\n\ticon: \"tools\",\r\n\ttext: \"Manual setup (advanced)\",\r\n};\r\n\r\nexport const WebApplication = Template.bind({});\r\nWebApplication.args = {\r\n\ticon: \"globe\",\r\n\ttext: \"Web app\",\r\n};\r\n\r\nexport const NativeApplication = Template.bind({});\r\nNativeApplication.args = {\r\n\ticon: \"hdd\",\r\n\ttext: \"Native app\",\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, Object.assign({}, 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;AAG3B,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,oBAAK,IAAI,IAAE,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,IAAI,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\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/ColorPicker.stories.js

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

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,OAAK,IAAI,GAAI,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\";\r\nimport { ColorPicker, ColorPickerProps } from \"../ColorPicker\";\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/ColorPicker\",\r\n\tcomponent: ColorPicker,\r\n};\r\n\r\nconst Template: Story<ColorPickerProps> = (args: ColorPickerProps) => <ColorPicker {...args} />;\r\n\r\nexport const EmptyField = Template.bind({});\r\nEmptyField.args = {\r\n\tstartColor: \"\",\r\n\tupdateColor: (newColor) => {\r\n\t\tconsole.log(newColor);\r\n\t},\r\n};\r\n\r\nexport const ValidColor = Template.bind({});\r\nValidColor.args = {\r\n\tstartColor: \"#FF0000\",\r\n\tupdateColor: (newColor) => {\r\n\t\tconsole.log(newColor);\r\n\t},\r\n};\r\n\r\nexport const InvalidColor = Template.bind({});\r\nInvalidColor.args = {\r\n\tstartColor: \"#ZZZZZZ\",\r\n\tupdateColor: (newColor) => {\r\n\t\tconsole.log(newColor);\r\n\t},\r\n};\r\n"]}
+{"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\";\r\nimport { ColorPicker, ColorPickerProps } from \"../ColorPicker\";\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/ColorPicker\",\r\n\tcomponent: ColorPicker,\r\n};\r\n\r\nconst Template: Story<ColorPickerProps> = (args: ColorPickerProps) => <ColorPicker {...args} />;\r\n\r\nexport const EmptyField = Template.bind({});\r\nEmptyField.args = {\r\n\tstartColor: \"\",\r\n\tupdateColor: (newColor) => {\r\n\t\tconsole.log(newColor);\r\n\t},\r\n};\r\n\r\nexport const ValidColor = Template.bind({});\r\nValidColor.args = {\r\n\tstartColor: \"#FF0000\",\r\n\tupdateColor: (newColor) => {\r\n\t\tconsole.log(newColor);\r\n\t},\r\n};\r\n\r\nexport const InvalidColor = Template.bind({});\r\nInvalidColor.args = {\r\n\tstartColor: \"#ZZZZZZ\",\r\n\tupdateColor: (newColor) => {\r\n\t\tconsole.log(newColor);\r\n\t},\r\n};\r\n"]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"DropZone.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/DropZone.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;AAE3B,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAElD,eAAe;IACd,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,QAAQ;CACnB,CAAC;AAEF,MAAM,QAAQ,GAAyB,CAAC,IAAmB,EAAE,EAAE,CAAC,oBAAC,QAAQ,OAAK,IAAI,GAAI,CAAC;AAEvF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG;IACd,QAAQ,EAAE,kDAAyB;IACnC,WAAW,EAAE,MAAM,CAAC,QAAQ,CAAC;CAC7B,CAAC","sourcesContent":["import React from \"react\";\r\nimport { DropZone, DropZoneProps } from \"../DropZone\";\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/DropZone\",\r\n\tcomponent: DropZone,\r\n};\r\n\r\nconst Template: Story<DropZoneProps> = (args: DropZoneProps) => <DropZone {...args} />;\r\n\r\nexport const Default = Template.bind({});\r\nDefault.args = {\r\n\tchildren: <div>This is a test</div>,\r\n\tprocessFile: action(\"update\"),\r\n};\r\n"]}
+{"version":3,"file":"DropZone.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/DropZone.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;AAE3B,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAElD,eAAe;IACd,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,QAAQ;CACnB,CAAC;AAEF,MAAM,QAAQ,GAAyB,CAAC,IAAmB,EAAE,EAAE,CAAC,oBAAC,QAAQ,oBAAK,IAAI,EAAI,CAAC;AAEvF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG;IACd,QAAQ,EAAE,kDAAyB;IACnC,WAAW,EAAE,MAAM,CAAC,QAAQ,CAAC;CAC7B,CAAC","sourcesContent":["import React from \"react\";\r\nimport { DropZone, DropZoneProps } from \"../DropZone\";\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/DropZone\",\r\n\tcomponent: DropZone,\r\n};\r\n\r\nconst Template: Story<DropZoneProps> = (args: DropZoneProps) => <DropZone {...args} />;\r\n\r\nexport const Default = Template.bind({});\r\nDefault.args = {\r\n\tchildren: <div>This is a test</div>,\r\n\tprocessFile: action(\"update\"),\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,EAAqB,MAAM,kBAAkB,CAAC;AACpE,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, FinsembleIconType } 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 FinsembleIconType[]\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/FinsembleSelect.stories.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"FinsembleSelect.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/FinsembleSelect.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport { FinsembleSelect, FinsembleSelectProps } from \"../FinsembleSelect\";\r\nimport \"../../../assets/css/finsemble.css\";\r\nimport \"../css/styles.css\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\nimport { action } from \"@storybook/addon-actions\";\r\n\r\nexport default {\r\n\ttitle: \"Common/FinsembleSelect\",\r\n\tcomponent: FinsembleSelect,\r\n};\r\n\r\nconst Template: Story<FinsembleSelectProps> = (args: FinsembleSelectProps) => <FinsembleSelect {...args} />;\r\n\r\nexport const Sample = Template.bind({});\r\nSample.args = {\r\n\toptions: [\"A\", \"B\", \"C\", \"D\"],\r\n\tupdateCallback: action(\"Selected values\"),\r\n};\r\nexport const Adjustable = Template.bind({});\r\nAdjustable.args = {\r\n\toptions: [\"A\", \"B\", \"C\", \"D\"],\r\n\tupdateCallback: action(\"Selected values\"),\r\n\tsize: 3,\r\n};\r\nexport const LongText = Template.bind({});\r\nLongText.args = {\r\n\toptions: [\r\n\t\t\"AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA\",\r\n\t\t\"BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB\",\r\n\t\t\"!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!\",\r\n\t\t\"nope\",\r\n\t],\r\n\tupdateCallback: action(\"Selected values\"),\r\n\tsize: 3,\r\n};\r\nexport const SeperateValuesFromText = Template.bind({});\r\nSeperateValuesFromText.args = {\r\n\toptions: [\"A\", \"B\", \"C\", \"D\"],\r\n\tvalues: [\"1\", \"2\", \"3\", \"4\"],\r\n\tupdateCallback: action(\"Selected values\"),\r\n};\r\nexport const PreSelected = Template.bind({});\r\nPreSelected.args = {\r\n\toptions: [\"A\", \"B\", \"C\", \"D\"],\r\n\tselected: [\"C\", \"B\"],\r\n\tupdateCallback: action(\"Selected values\"),\r\n};\r\nexport const InvalidPreSelected = Template.bind({});\r\nInvalidPreSelected.args = {\r\n\toptions: [\"A\", \"B\", \"C\", \"D\"],\r\n\tselected: [\"E\"],\r\n\tupdateCallback: action(\"Selected values\"),\r\n};\r\nexport const PreSelectedValues = Template.bind({});\r\nPreSelectedValues.args = {\r\n\toptions: [\"A\", \"B\", \"C\", \"D\"],\r\n\tvalues: [\"1\", \"2\", \"3\", \"4\"],\r\n\tselected: [\"3\", \"2\"],\r\n\tupdateCallback: action(\"Selected values\"),\r\n};\r\n\r\nconst stateNames = [\r\n\t\"Alabama\",\r\n\t\"Alaska\",\r\n\t\"Arizona\",\r\n\t\"Arkansas\",\r\n\t\"California\",\r\n\t\"Colorado\",\r\n\t\"Connecticut\",\r\n\t\"Delaware\",\r\n\t\"Florida\",\r\n\t\"Georgia\",\r\n\t\"Hawaii\",\r\n\t\"Idaho\",\r\n\t\"Illinois\",\r\n\t\"Indiana\",\r\n\t\"Iowa\",\r\n\t\"Kansas\",\r\n\t\"Kentucky\",\r\n\t\"Louisiana\",\r\n\t\"Maine\",\r\n\t\"Maryland\",\r\n\t\"Massachusetts\",\r\n\t\"Michigan\",\r\n\t\"Minnesota\",\r\n\t\"Mississippi\",\r\n\t\"Missouri\",\r\n\t\"Montana\",\r\n\t\"Nebraska\",\r\n\t\"Nevada\",\r\n\t\"New Hampshire\",\r\n\t\"New Jersey\",\r\n\t\"New Mexico\",\r\n\t\"New York\",\r\n\t\"North Carolina\",\r\n\t\"North Dakota\",\r\n\t\"Ohio\",\r\n\t\"Oklahoma\",\r\n\t\"Oregon\",\r\n\t\"Pennsylvania\",\r\n\t\"Rhode Island\",\r\n\t\"South Carolina\",\r\n\t\"South Dakota\",\r\n\t\"Tennessee\",\r\n\t\"Texas\",\r\n\t\"Utah\",\r\n\t\"Vermont\",\r\n\t\"Virginia\",\r\n\t\"Washington\",\r\n\t\"West Virginia\",\r\n\t\"Wisconsin\",\r\n\t\"Wyoming\",\r\n];\r\nconst stateCodes = [\r\n\t\"AL\",\r\n\t\"AK\",\r\n\t\"AZ\",\r\n\t\"AR\",\r\n\t\"CA\",\r\n\t\"CO\",\r\n\t\"CT\",\r\n\t\"DE\",\r\n\t\"FL\",\r\n\t\"GA\",\r\n\t\"HI\",\r\n\t\"ID\",\r\n\t\"IL\",\r\n\t\"IN\",\r\n\t\"IA\",\r\n\t\"KS\",\r\n\t\"KY\",\r\n\t\"LA\",\r\n\t\"ME\",\r\n\t\"MD\",\r\n\t\"MA\",\r\n\t\"MI\",\r\n\t\"MN\",\r\n\t\"MS\",\r\n\t\"MO\",\r\n\t\"MT\",\r\n\t\"NE\",\r\n\t\"NV\",\r\n\t\"NH\",\r\n\t\"NJ\",\r\n\t\"NM\",\r\n\t\"NY\",\r\n\t\"NC\",\r\n\t\"ND\",\r\n\t\"OH\",\r\n\t\"OK\",\r\n\t\"OR\",\r\n\t\"PA\",\r\n\t\"RI\",\r\n\t\"SC\",\r\n\t\"SD\",\r\n\t\"TN\",\r\n\t\"TX\",\r\n\t\"UT\",\r\n\t\"VT\",\r\n\t\"VA\",\r\n\t\"WA\",\r\n\t\"WV\",\r\n\t\"WI\",\r\n\t\"WY\",\r\n];\r\nexport const Searchable = Template.bind({});\r\nSearchable.args = {\r\n\toptions: stateNames,\r\n\tvalues: stateCodes,\r\n\tupdateCallback: action(\"Selected values\"),\r\n\tsize: 6,\r\n\tshowSearch: true,\r\n};\r\n\r\nexport const Limit1 = Template.bind({});\r\nLimit1.args = {\r\n\tlimit: 1,\r\n\toptions: stateNames,\r\n\tvalues: stateCodes,\r\n\tupdateCallback: action(\"Selected values\"),\r\n\tsize: 6,\r\n\tshowSearch: true,\r\n};\r\n\r\nexport const Limit2 = Template.bind({});\r\nLimit2.args = {\r\n\tlimit: 2,\r\n\toptions: stateNames,\r\n\tvalues: stateCodes,\r\n\tupdateCallback: action(\"Selected values\"),\r\n\tsize: 6,\r\n\tshowSearch: true,\r\n};\r\n"]}
+{"version":3,"file":"FinsembleSelect.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/FinsembleSelect.stories.tsx"],"names":[],"mappings":"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,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACxC,MAAM,CAAC,IAAI,GAAG;IACb,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;IAC7B,cAAc,EAAE,MAAM,CAAC,iBAAiB,CAAC;CACzC,CAAC;AACF,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5C,UAAU,CAAC,IAAI,GAAG;IACjB,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;IAC7B,cAAc,EAAE,MAAM,CAAC,iBAAiB,CAAC;IACzC,IAAI,EAAE,CAAC;CACP,CAAC;AACF,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,GAAG;IACf,OAAO,EAAE;QACR,8CAA8C;QAC9C,mCAAmC;QACnC,4EAA4E;QAC5E,MAAM;KACN;IACD,cAAc,EAAE,MAAM,CAAC,iBAAiB,CAAC;IACzC,IAAI,EAAE,CAAC;CACP,CAAC;AACF,MAAM,CAAC,MAAM,sBAAsB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACxD,sBAAsB,CAAC,IAAI,GAAG;IAC7B,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;IAC7B,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;IAC5B,cAAc,EAAE,MAAM,CAAC,iBAAiB,CAAC;CACzC,CAAC;AACF,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC7C,WAAW,CAAC,IAAI,GAAG;IAClB,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;IAC7B,QAAQ,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC,iBAAiB,CAAC;CACzC,CAAC;AACF,MAAM,CAAC,MAAM,kBAAkB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACpD,kBAAkB,CAAC,IAAI,GAAG;IACzB,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;IAC7B,QAAQ,EAAE,CAAC,GAAG,CAAC;IACf,cAAc,EAAE,MAAM,CAAC,iBAAiB,CAAC;CACzC,CAAC;AACF,MAAM,CAAC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACnD,iBAAiB,CAAC,IAAI,GAAG;IACxB,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;IAC7B,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;IAC5B,QAAQ,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC,iBAAiB,CAAC;CACzC,CAAC;AAEF,MAAM,UAAU,GAAG;IAClB,SAAS;IACT,QAAQ;IACR,SAAS;IACT,UAAU;IACV,YAAY;IACZ,UAAU;IACV,aAAa;IACb,UAAU;IACV,SAAS;IACT,SAAS;IACT,QAAQ;IACR,OAAO;IACP,UAAU;IACV,SAAS;IACT,MAAM;IACN,QAAQ;IACR,UAAU;IACV,WAAW;IACX,OAAO;IACP,UAAU;IACV,eAAe;IACf,UAAU;IACV,WAAW;IACX,aAAa;IACb,UAAU;IACV,SAAS;IACT,UAAU;IACV,QAAQ;IACR,eAAe;IACf,YAAY;IACZ,YAAY;IACZ,UAAU;IACV,gBAAgB;IAChB,cAAc;IACd,MAAM;IACN,UAAU;IACV,QAAQ;IACR,cAAc;IACd,cAAc;IACd,gBAAgB;IAChB,cAAc;IACd,WAAW;IACX,OAAO;IACP,MAAM;IACN,SAAS;IACT,UAAU;IACV,YAAY;IACZ,eAAe;IACf,WAAW;IACX,SAAS;CACT,CAAC;AACF,MAAM,UAAU,GAAG;IAClB,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;CACJ,CAAC;AACF,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5C,UAAU,CAAC,IAAI,GAAG;IACjB,OAAO,EAAE,UAAU;IACnB,MAAM,EAAE,UAAU;IAClB,cAAc,EAAE,MAAM,CAAC,iBAAiB,CAAC;IACzC,IAAI,EAAE,CAAC;IACP,UAAU,EAAE,IAAI;CAChB,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACxC,MAAM,CAAC,IAAI,GAAG;IACb,KAAK,EAAE,CAAC;IACR,OAAO,EAAE,UAAU;IACnB,MAAM,EAAE,UAAU;IAClB,cAAc,EAAE,MAAM,CAAC,iBAAiB,CAAC;IACzC,IAAI,EAAE,CAAC;IACP,UAAU,EAAE,IAAI;CAChB,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACxC,MAAM,CAAC,IAAI,GAAG;IACb,KAAK,EAAE,CAAC;IACR,OAAO,EAAE,UAAU;IACnB,MAAM,EAAE,UAAU;IAClB,cAAc,EAAE,MAAM,CAAC,iBAAiB,CAAC;IACzC,IAAI,EAAE,CAAC;IACP,UAAU,EAAE,IAAI;CAChB,CAAC","sourcesContent":["import React from \"react\";\r\nimport { FinsembleSelect, FinsembleSelectProps } from \"../FinsembleSelect\";\r\nimport \"../../../assets/css/finsemble.css\";\r\nimport \"../css/styles.css\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\nimport { action } from \"@storybook/addon-actions\";\r\n\r\nexport default {\r\n\ttitle: \"Common/FinsembleSelect\",\r\n\tcomponent: FinsembleSelect,\r\n};\r\n\r\nconst Template: Story<FinsembleSelectProps> = (args: FinsembleSelectProps) => <FinsembleSelect {...args} />;\r\n\r\nexport const Sample = Template.bind({});\r\nSample.args = {\r\n\toptions: [\"A\", \"B\", \"C\", \"D\"],\r\n\tupdateCallback: action(\"Selected values\"),\r\n};\r\nexport const Adjustable = Template.bind({});\r\nAdjustable.args = {\r\n\toptions: [\"A\", \"B\", \"C\", \"D\"],\r\n\tupdateCallback: action(\"Selected values\"),\r\n\tsize: 3,\r\n};\r\nexport const LongText = Template.bind({});\r\nLongText.args = {\r\n\toptions: [\r\n\t\t\"AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA\",\r\n\t\t\"BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB\",\r\n\t\t\"!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!\",\r\n\t\t\"nope\",\r\n\t],\r\n\tupdateCallback: action(\"Selected values\"),\r\n\tsize: 3,\r\n};\r\nexport const SeperateValuesFromText = Template.bind({});\r\nSeperateValuesFromText.args = {\r\n\toptions: [\"A\", \"B\", \"C\", \"D\"],\r\n\tvalues: [\"1\", \"2\", \"3\", \"4\"],\r\n\tupdateCallback: action(\"Selected values\"),\r\n};\r\nexport const PreSelected = Template.bind({});\r\nPreSelected.args = {\r\n\toptions: [\"A\", \"B\", \"C\", \"D\"],\r\n\tselected: [\"C\", \"B\"],\r\n\tupdateCallback: action(\"Selected values\"),\r\n};\r\nexport const InvalidPreSelected = Template.bind({});\r\nInvalidPreSelected.args = {\r\n\toptions: [\"A\", \"B\", \"C\", \"D\"],\r\n\tselected: [\"E\"],\r\n\tupdateCallback: action(\"Selected values\"),\r\n};\r\nexport const PreSelectedValues = Template.bind({});\r\nPreSelectedValues.args = {\r\n\toptions: [\"A\", \"B\", \"C\", \"D\"],\r\n\tvalues: [\"1\", \"2\", \"3\", \"4\"],\r\n\tselected: [\"3\", \"2\"],\r\n\tupdateCallback: action(\"Selected values\"),\r\n};\r\n\r\nconst stateNames = [\r\n\t\"Alabama\",\r\n\t\"Alaska\",\r\n\t\"Arizona\",\r\n\t\"Arkansas\",\r\n\t\"California\",\r\n\t\"Colorado\",\r\n\t\"Connecticut\",\r\n\t\"Delaware\",\r\n\t\"Florida\",\r\n\t\"Georgia\",\r\n\t\"Hawaii\",\r\n\t\"Idaho\",\r\n\t\"Illinois\",\r\n\t\"Indiana\",\r\n\t\"Iowa\",\r\n\t\"Kansas\",\r\n\t\"Kentucky\",\r\n\t\"Louisiana\",\r\n\t\"Maine\",\r\n\t\"Maryland\",\r\n\t\"Massachusetts\",\r\n\t\"Michigan\",\r\n\t\"Minnesota\",\r\n\t\"Mississippi\",\r\n\t\"Missouri\",\r\n\t\"Montana\",\r\n\t\"Nebraska\",\r\n\t\"Nevada\",\r\n\t\"New Hampshire\",\r\n\t\"New Jersey\",\r\n\t\"New Mexico\",\r\n\t\"New York\",\r\n\t\"North Carolina\",\r\n\t\"North Dakota\",\r\n\t\"Ohio\",\r\n\t\"Oklahoma\",\r\n\t\"Oregon\",\r\n\t\"Pennsylvania\",\r\n\t\"Rhode Island\",\r\n\t\"South Carolina\",\r\n\t\"South Dakota\",\r\n\t\"Tennessee\",\r\n\t\"Texas\",\r\n\t\"Utah\",\r\n\t\"Vermont\",\r\n\t\"Virginia\",\r\n\t\"Washington\",\r\n\t\"West Virginia\",\r\n\t\"Wisconsin\",\r\n\t\"Wyoming\",\r\n];\r\nconst stateCodes = [\r\n\t\"AL\",\r\n\t\"AK\",\r\n\t\"AZ\",\r\n\t\"AR\",\r\n\t\"CA\",\r\n\t\"CO\",\r\n\t\"CT\",\r\n\t\"DE\",\r\n\t\"FL\",\r\n\t\"GA\",\r\n\t\"HI\",\r\n\t\"ID\",\r\n\t\"IL\",\r\n\t\"IN\",\r\n\t\"IA\",\r\n\t\"KS\",\r\n\t\"KY\",\r\n\t\"LA\",\r\n\t\"ME\",\r\n\t\"MD\",\r\n\t\"MA\",\r\n\t\"MI\",\r\n\t\"MN\",\r\n\t\"MS\",\r\n\t\"MO\",\r\n\t\"MT\",\r\n\t\"NE\",\r\n\t\"NV\",\r\n\t\"NH\",\r\n\t\"NJ\",\r\n\t\"NM\",\r\n\t\"NY\",\r\n\t\"NC\",\r\n\t\"ND\",\r\n\t\"OH\",\r\n\t\"OK\",\r\n\t\"OR\",\r\n\t\"PA\",\r\n\t\"RI\",\r\n\t\"SC\",\r\n\t\"SD\",\r\n\t\"TN\",\r\n\t\"TX\",\r\n\t\"UT\",\r\n\t\"VT\",\r\n\t\"VA\",\r\n\t\"WA\",\r\n\t\"WV\",\r\n\t\"WI\",\r\n\t\"WY\",\r\n];\r\nexport const Searchable = Template.bind({});\r\nSearchable.args = {\r\n\toptions: stateNames,\r\n\tvalues: stateCodes,\r\n\tupdateCallback: action(\"Selected values\"),\r\n\tsize: 6,\r\n\tshowSearch: true,\r\n};\r\n\r\nexport const Limit1 = Template.bind({});\r\nLimit1.args = {\r\n\tlimit: 1,\r\n\toptions: stateNames,\r\n\tvalues: stateCodes,\r\n\tupdateCallback: action(\"Selected values\"),\r\n\tsize: 6,\r\n\tshowSearch: true,\r\n};\r\n\r\nexport const Limit2 = Template.bind({});\r\nLimit2.args = {\r\n\tlimit: 2,\r\n\toptions: stateNames,\r\n\tvalues: stateCodes,\r\n\tupdateCallback: action(\"Selected values\"),\r\n\tsize: 6,\r\n\tshowSearch: true,\r\n};\r\n"]}

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

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

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

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

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

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