@finsemble/finsemble-ui 1.0.0-beta-1

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

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

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { HeaderProps } from "../Header";
+import "../../../assets/css/finsemble.css";
+import "../css/styles.css";
+import { Story } from "@storybook/react/types-6-0";
+declare const _default: {
+    title: string;
+    component: (props: HeaderProps) => JSX.Element;
+};
+export default _default;
+export declare const BasicHeader: Story<HeaderProps>;
+export declare const HeaderWithBackButton: Story<HeaderProps>;
+export declare const HeaderWithHelp: Story<HeaderProps>;
+export declare const KitchenSink: Story<HeaderProps>;

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

@@ -0,0 +1,38 @@
+import React from "react";
+import { Header } from "../Header";
+import "../../../assets/css/finsemble.css";
+import "../css/styles.css";
+export default {
+    title: "Common/Header",
+    component: Header,
+};
+const Template = (args) => React.createElement(Header, Object.assign({}, args));
+export const BasicHeader = Template.bind({});
+BasicHeader.args = {
+    children: "This is a Header",
+};
+export const HeaderWithBackButton = Template.bind({});
+HeaderWithBackButton.args = {
+    children: "My Header",
+    backFunction: () => {
+        alert("Clicked the back button");
+    },
+};
+export const HeaderWithHelp = Template.bind({});
+HeaderWithHelp.args = {
+    children: "My Header",
+    helpFunction: () => {
+        alert("Clicked the help button");
+    },
+};
+export const KitchenSink = Template.bind({});
+KitchenSink.args = {
+    children: "My Header",
+    backFunction: () => {
+        alert("Clicked the back button");
+    },
+    helpFunction: () => {
+        alert("Clicked the help button");
+    },
+};
+//# sourceMappingURL=Header.stories.js.map

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

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

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { ImagePreviewProps } from "../ImagePreview";
+import "../../../assets/css/finsemble.css";
+import "../css/styles.css";
+declare const _default: {
+    title: string;
+    component: (props: ImagePreviewProps) => JSX.Element;
+};
+export default _default;
+export declare const SmallEmptyField: import("@storybook/react").Story<ImagePreviewProps>;
+export declare const SmallPreFilledField: import("@storybook/react").Story<ImagePreviewProps>;
+export declare const SmallPreFilledFieldFullURL: import("@storybook/react").Story<ImagePreviewProps>;
+export declare const SmallPreFilledInvalidField: import("@storybook/react").Story<ImagePreviewProps>;
+export declare const LargeEmptyField: import("@storybook/react").Story<ImagePreviewProps>;
+export declare const LargePreFilledField: import("@storybook/react").Story<ImagePreviewProps>;
+export declare const LargePreFilledInvalidField: import("@storybook/react").Story<ImagePreviewProps>;

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

@@ -0,0 +1,55 @@
+import { createStory, uploadFunction } from "../helpers";
+import { ImagePreview, ImagePreviewSize } from "../ImagePreview";
+import "../../../assets/css/finsemble.css";
+import "../css/styles.css";
+export default {
+    title: "Common/ImagePreview",
+    component: ImagePreview,
+};
+const BASE_URL = "https://cosaic.io/wp-content/uploads/2020/07/";
+export const SmallEmptyField = createStory(ImagePreview, {
+    value: "",
+    baseURL: BASE_URL,
+    acceptTypes: ["image/png"],
+    uploadFunction,
+});
+export const SmallPreFilledField = createStory(ImagePreview, {
+    baseURL: BASE_URL,
+    acceptTypes: ["image/png"],
+    value: "cosiac-blog.png",
+    uploadFunction,
+});
+export const SmallPreFilledFieldFullURL = createStory(ImagePreview, {
+    baseURL: BASE_URL,
+    acceptTypes: ["image/png"],
+    value: `${BASE_URL}/cosiac-blog.png`,
+    uploadFunction,
+});
+export const SmallPreFilledInvalidField = createStory(ImagePreview, {
+    baseURL: BASE_URL,
+    acceptTypes: ["image/png"],
+    value: "MyBadPath.jpg",
+    uploadFunction,
+});
+export const LargeEmptyField = createStory(ImagePreview, {
+    value: "",
+    baseURL: BASE_URL,
+    acceptTypes: ["image/png"],
+    uploadFunction,
+    previewSize: ImagePreviewSize.LARGE,
+});
+export const LargePreFilledField = createStory(ImagePreview, {
+    baseURL: BASE_URL,
+    acceptTypes: ["image/png"],
+    value: "cosiac-blog.png",
+    uploadFunction,
+    previewSize: ImagePreviewSize.LARGE,
+});
+export const LargePreFilledInvalidField = createStory(ImagePreview, {
+    baseURL: BASE_URL,
+    acceptTypes: ["image/png"],
+    value: "MyBadPath.jpg",
+    uploadFunction,
+    previewSize: ImagePreviewSize.LARGE,
+});
+//# sourceMappingURL=ImagePreview.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImagePreview.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/ImagePreview.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AACzD,OAAO,EAAE,YAAY,EAAqB,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACpF,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mBAAmB,CAAC;AAE3B,eAAe;IACd,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,YAAY;CACvB,CAAC;AAEF,MAAM,QAAQ,GAAG,+CAA+C,CAAC;AAEjE,MAAM,CAAC,MAAM,eAAe,GAAG,WAAW,CAAoB,YAAY,EAAE;IAC3E,KAAK,EAAE,EAAE;IACT,OAAO,EAAE,QAAQ;IACjB,WAAW,EAAE,CAAC,WAAW,CAAC;IAC1B,cAAc;CACd,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,mBAAmB,GAAG,WAAW,CAAoB,YAAY,EAAE;IAC/E,OAAO,EAAE,QAAQ;IACjB,WAAW,EAAE,CAAC,WAAW,CAAC;IAC1B,KAAK,EAAE,iBAAiB;IACxB,cAAc;CACd,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,0BAA0B,GAAG,WAAW,CAAoB,YAAY,EAAE;IACtF,OAAO,EAAE,QAAQ;IACjB,WAAW,EAAE,CAAC,WAAW,CAAC;IAC1B,KAAK,EAAE,GAAG,QAAQ,kBAAkB;IACpC,cAAc;CACd,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,0BAA0B,GAAG,WAAW,CAAoB,YAAY,EAAE;IACtF,OAAO,EAAE,QAAQ;IACjB,WAAW,EAAE,CAAC,WAAW,CAAC;IAC1B,KAAK,EAAE,eAAe;IACtB,cAAc;CACd,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,eAAe,GAAG,WAAW,CAAoB,YAAY,EAAE;IAC3E,KAAK,EAAE,EAAE;IACT,OAAO,EAAE,QAAQ;IACjB,WAAW,EAAE,CAAC,WAAW,CAAC;IAC1B,cAAc;IACd,WAAW,EAAE,gBAAgB,CAAC,KAAK;CACnC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,mBAAmB,GAAG,WAAW,CAAoB,YAAY,EAAE;IAC/E,OAAO,EAAE,QAAQ;IACjB,WAAW,EAAE,CAAC,WAAW,CAAC;IAC1B,KAAK,EAAE,iBAAiB;IACxB,cAAc;IACd,WAAW,EAAE,gBAAgB,CAAC,KAAK;CACnC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,0BAA0B,GAAG,WAAW,CAAoB,YAAY,EAAE;IACtF,OAAO,EAAE,QAAQ;IACjB,WAAW,EAAE,CAAC,WAAW,CAAC;IAC1B,KAAK,EAAE,eAAe;IACtB,cAAc;IACd,WAAW,EAAE,gBAAgB,CAAC,KAAK;CACnC,CAAC,CAAC","sourcesContent":["import { createStory, uploadFunction } from \"../helpers\";\nimport { ImagePreview, ImagePreviewProps, ImagePreviewSize } from \"../ImagePreview\";\nimport \"../../../assets/css/finsemble.css\";\nimport \"../css/styles.css\";\n\nexport default {\n\ttitle: \"Common/ImagePreview\",\n\tcomponent: ImagePreview,\n};\n\nconst BASE_URL = \"https://cosaic.io/wp-content/uploads/2020/07/\";\n\nexport const SmallEmptyField = createStory<ImagePreviewProps>(ImagePreview, {\n\tvalue: \"\",\n\tbaseURL: BASE_URL,\n\tacceptTypes: [\"image/png\"],\n\tuploadFunction,\n});\n\nexport const SmallPreFilledField = createStory<ImagePreviewProps>(ImagePreview, {\n\tbaseURL: BASE_URL,\n\tacceptTypes: [\"image/png\"],\n\tvalue: \"cosiac-blog.png\",\n\tuploadFunction,\n});\n\nexport const SmallPreFilledFieldFullURL = createStory<ImagePreviewProps>(ImagePreview, {\n\tbaseURL: BASE_URL,\n\tacceptTypes: [\"image/png\"],\n\tvalue: `${BASE_URL}/cosiac-blog.png`,\n\tuploadFunction,\n});\n\nexport const SmallPreFilledInvalidField = createStory<ImagePreviewProps>(ImagePreview, {\n\tbaseURL: BASE_URL,\n\tacceptTypes: [\"image/png\"],\n\tvalue: \"MyBadPath.jpg\",\n\tuploadFunction,\n});\n\nexport const LargeEmptyField = createStory<ImagePreviewProps>(ImagePreview, {\n\tvalue: \"\",\n\tbaseURL: BASE_URL,\n\tacceptTypes: [\"image/png\"],\n\tuploadFunction,\n\tpreviewSize: ImagePreviewSize.LARGE,\n});\n\nexport const LargePreFilledField = createStory<ImagePreviewProps>(ImagePreview, {\n\tbaseURL: BASE_URL,\n\tacceptTypes: [\"image/png\"],\n\tvalue: \"cosiac-blog.png\",\n\tuploadFunction,\n\tpreviewSize: ImagePreviewSize.LARGE,\n});\n\nexport const LargePreFilledInvalidField = createStory<ImagePreviewProps>(ImagePreview, {\n\tbaseURL: BASE_URL,\n\tacceptTypes: [\"image/png\"],\n\tvalue: \"MyBadPath.jpg\",\n\tuploadFunction,\n\tpreviewSize: ImagePreviewSize.LARGE,\n});\n"]}

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

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

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

@@ -0,0 +1,45 @@
+import React from "react";
+import { Tooltip } from "../Tooltip";
+import { InputTable } from "../InputTable";
+import { action } from "@storybook/addon-actions";
+import "../../../assets/css/finsemble.css";
+import "../css/styles.css";
+import "../css/tooltip.css";
+export default {
+    title: "Common/InputTable",
+    component: InputTable,
+};
+const Template = (args) => {
+    const [data, setData] = React.useState(args.data);
+    const doSetData = (updateData) => {
+        args.setData(updateData);
+        setData(updateData);
+    };
+    return React.createElement(InputTable, { tableHeaders: args.tableHeaders, data: data, setData: doSetData });
+};
+export const Basic = Template.bind({});
+Basic.args = {
+    tableHeaders: [
+        React.createElement(React.Fragment, null,
+            "Contexts",
+            React.createElement(Tooltip, null, "Tooltip")),
+        React.createElement(React.Fragment, null,
+            "Display name",
+            React.createElement(Tooltip, null, "Tooltip")),
+        React.createElement(React.Fragment, null,
+            "Name",
+            React.createElement(Tooltip, null, "Tooltip")),
+    ],
+    data: [],
+    setData: action("update"),
+};
+export const StartingData = Template.bind({});
+StartingData.args = {
+    tableHeaders: ["Letter", "Number"],
+    data: [
+        ["A", "1"],
+        ["B", "2"],
+    ],
+    setData: action("update"),
+};
+//# sourceMappingURL=InputTable.stories.js.map

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

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

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

@@ -0,0 +1,9 @@
+import { CircularLoadingSpinner } from "../LoadingSpinner";
+import "../../../assets/css/finsemble.css";
+import "../css/styles.css";
+declare const _default: {
+    title: string;
+    component: typeof CircularLoadingSpinner;
+};
+export default _default;
+export declare const circularLoadingSpinner: import("@storybook/react").Story<{}>;

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

@@ -0,0 +1,10 @@
+import { CircularLoadingSpinner } from "../LoadingSpinner";
+import "../../../assets/css/finsemble.css";
+import "../css/styles.css";
+import { createStory } from "../helpers";
+export default {
+    title: "Common/LoadingSpinner",
+    component: CircularLoadingSpinner,
+};
+export const circularLoadingSpinner = createStory(CircularLoadingSpinner, {});
+//# sourceMappingURL=LoadingSpinner.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingSpinner.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/LoadingSpinner.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mBAAmB,CAAC;AAC3B,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAEzC,eAAe;IACd,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,sBAAsB;CACjC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,WAAW,CAAC,sBAAsB,EAAE,EAAE,CAAC,CAAC","sourcesContent":["import { CircularLoadingSpinner } from \"../LoadingSpinner\";\nimport \"../../../assets/css/finsemble.css\";\nimport \"../css/styles.css\";\nimport { createStory } from \"../helpers\";\n\nexport default {\n\ttitle: \"Common/LoadingSpinner\",\n\tcomponent: CircularLoadingSpinner,\n};\n\nexport const circularLoadingSpinner = createStory(CircularLoadingSpinner, {});\n"]}

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

@@ -0,0 +1,12 @@
+import React from "react";
+import { TabProps } from "../Tab";
+import "../../../assets/css/finsemble.css";
+import "../css/styles.css";
+declare const _default: {
+    title: string;
+    component: React.FunctionComponent<TabProps>;
+};
+export default _default;
+export declare const Plain: import("@storybook/react").Story<TabProps>;
+export declare const SingleTab: import("@storybook/react").Story<TabProps>;
+export declare const AutoFocus: import("@storybook/react").Story<TabProps>;

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

@@ -0,0 +1,28 @@
+import React from "react";
+import { createStory } from "../helpers";
+import { Tab } from "../Tab";
+import "../../../assets/css/finsemble.css";
+import "../css/styles.css";
+export default {
+    title: "Common/Tab",
+    component: Tab,
+};
+export const Plain = createStory(Tab, {
+    children: [
+        React.createElement("div", { key: 1, "data-label": "Letter" }, "ABC"),
+        React.createElement("div", { key: 2, "data-label": "Number" }, "123"),
+    ],
+});
+export const SingleTab = createStory(Tab, {
+    children: [
+        React.createElement("div", { key: 1, "data-label": "Letter" }, "ABC"),
+    ],
+});
+export const AutoFocus = createStory(Tab, {
+    children: [
+        React.createElement("div", { key: 1, "data-label": "Letter" }, "ABC"),
+        React.createElement("div", { key: 2, "data-label": "Number" }, "123"),
+    ],
+    autofocus: 1,
+});
+//# sourceMappingURL=Tab.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/Tab.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,EAAE,GAAG,EAAY,MAAM,QAAQ,CAAC;AACvC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mBAAmB,CAAC;AAE3B,eAAe;IACd,KAAK,EAAE,YAAY;IACnB,SAAS,EAAE,GAAG;CACd,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,WAAW,CAAW,GAAG,EAAE;IAC/C,QAAQ,EAAE;QACT,6BAAK,GAAG,EAAE,CAAC,gBAAa,QAAQ,UAE1B;QACN,6BAAK,GAAG,EAAE,CAAC,gBAAa,QAAQ,UAE1B;KACN;CACD,CAAC,CAAC;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,WAAW,CAAW,GAAG,EAAE;IACnD,QAAQ,EAAE;QACT,6BAAK,GAAG,EAAE,CAAC,gBAAa,QAAQ,UAE1B;KACN;CACD,CAAC,CAAC;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,WAAW,CAAW,GAAG,EAAE;IACnD,QAAQ,EAAE;QACT,6BAAK,GAAG,EAAE,CAAC,gBAAa,QAAQ,UAE1B;QACN,6BAAK,GAAG,EAAE,CAAC,gBAAa,QAAQ,UAE1B;KACN;IACD,SAAS,EAAE,CAAC;CACZ,CAAC,CAAC","sourcesContent":["import React from \"react\";\nimport { createStory } from \"../helpers\";\nimport { Tab, TabProps } from \"../Tab\";\nimport \"../../../assets/css/finsemble.css\";\nimport \"../css/styles.css\";\n\nexport default {\n\ttitle: \"Common/Tab\",\n\tcomponent: Tab,\n};\n\nexport const Plain = createStory<TabProps>(Tab, {\n\tchildren: [\n\t\t<div key={1} data-label=\"Letter\">\n\t\t\tABC\n\t\t</div>,\n\t\t<div key={2} data-label=\"Number\">\n\t\t\t123\n\t\t</div>,\n\t],\n});\nexport const SingleTab = createStory<TabProps>(Tab, {\n\tchildren: [\n\t\t<div key={1} data-label=\"Letter\">\n\t\t\tABC\n\t\t</div>,\n\t],\n});\nexport const AutoFocus = createStory<TabProps>(Tab, {\n\tchildren: [\n\t\t<div key={1} data-label=\"Letter\">\n\t\t\tABC\n\t\t</div>,\n\t\t<div key={2} data-label=\"Number\">\n\t\t\t123\n\t\t</div>,\n\t],\n\tautofocus: 1,\n});\n"]}

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

@@ -0,0 +1,11 @@
+import React from "react";
+import { TimeSelectProps } from "../TimeSelect";
+import { Story } from "@storybook/react/types-6-0";
+import "../../../assets/css/finsemble.css";
+declare const _default: {
+    title: string;
+    component: React.FunctionComponent<TimeSelectProps>;
+};
+export default _default;
+export declare const Default: Story<TimeSelectProps>;
+export declare const Disabled: Story<TimeSelectProps>;

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

@@ -0,0 +1,20 @@
+import React from "react";
+import { TimeSelect } from "../TimeSelect";
+import "../../../assets/css/finsemble.css";
+export default {
+    title: "Common/TimeSelect",
+    component: TimeSelect,
+};
+const Template = (args) => React.createElement(TimeSelect, Object.assign({}, args));
+export const Default = Template.bind({});
+Default.args = {
+    initialTime: {
+        hour: 22,
+        minute: 15,
+    },
+};
+export const Disabled = Template.bind({});
+Disabled.args = {
+    enabled: false,
+};
+//# sourceMappingURL=TimeSelect.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimeSelect.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/TimeSelect.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAmB,MAAM,eAAe,CAAC;AAE5D,OAAO,mCAAmC,CAAC;AAE3C,eAAe;IACd,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,UAAU;CACrB,CAAC;AAEF,MAAM,QAAQ,GAA2B,CAAC,IAAqB,EAAE,EAAE,CAAC,oBAAC,UAAU,oBAAK,IAAI,EAAI,CAAC;AAE7F,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG;IACd,WAAW,EAAE;QACZ,IAAI,EAAE,EAAE;QACR,MAAM,EAAE,EAAE;KACV;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,GAAG;IACf,OAAO,EAAE,KAAK;CACd,CAAC","sourcesContent":["import React from \"react\";\nimport { TimeSelect, TimeSelectProps } from \"../TimeSelect\";\nimport { Story } from \"@storybook/react/types-6-0\";\nimport \"../../../assets/css/finsemble.css\";\n\nexport default {\n\ttitle: \"Common/TimeSelect\",\n\tcomponent: TimeSelect,\n};\n\nconst Template: Story<TimeSelectProps> = (args: TimeSelectProps) => <TimeSelect {...args} />;\n\nexport const Default = Template.bind({});\nDefault.args = {\n\tinitialTime: {\n\t\thour: 22,\n\t\tminute: 15,\n\t},\n};\n\nexport const Disabled = Template.bind({});\nDisabled.args = {\n\tenabled: false,\n};\n"]}

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

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import { TooltipProps } from "../Tooltip";
+import "../../../assets/css/finsemble.css";
+import "../css/styles.css";
+import "../css/tooltip.css";
+declare const _default: {
+    title: string;
+    component: ({ type, position, children, altClassName, onClick, }: TooltipProps) => JSX.Element;
+    argTypes: {
+        type: {
+            type: string;
+            options: string[];
+        };
+        position: {
+            type: string;
+            options: string[];
+        };
+    };
+};
+export default _default;
+export declare const Plain: import("@storybook/react").Story<TooltipProps>;
+export declare const LongText: import("@storybook/react").Story<TooltipProps>;
+export declare const Error: import("@storybook/react").Story<TooltipProps>;
+export declare const Warning: import("@storybook/react").Story<TooltipProps>;
+export declare const Info: import("@storybook/react").Story<TooltipProps>;
+export declare const Left: import("@storybook/react").Story<TooltipProps>;
+export declare const Right: import("@storybook/react").Story<TooltipProps>;

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

@@ -0,0 +1,47 @@
+import { createStory } from "../helpers";
+import { Tooltip } from "../Tooltip";
+import "../../../assets/css/finsemble.css";
+import "../css/styles.css";
+import "../css/tooltip.css";
+export default {
+    title: "Common/Tooltip",
+    component: Tooltip,
+    argTypes: {
+        type: {
+            type: "select",
+            options: ["", "info", "error"],
+        },
+        position: {
+            type: "select",
+            options: ["", "left", "right"],
+        },
+    },
+};
+const children = "This is a test";
+export const Plain = createStory(Tooltip, {
+    children,
+});
+export const LongText = createStory(Tooltip, {
+    children: `${children} ${children} ${children}`,
+});
+export const Error = createStory(Tooltip, {
+    children,
+    type: "error",
+});
+export const Warning = createStory(Tooltip, {
+    children,
+    type: "warn",
+});
+export const Info = createStory(Tooltip, {
+    children,
+    type: "info",
+});
+export const Left = createStory(Tooltip, {
+    children,
+    position: "left",
+});
+export const Right = createStory(Tooltip, {
+    children,
+    position: "right",
+});
+//# sourceMappingURL=Tooltip.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/Tooltip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,EAAE,OAAO,EAAgB,MAAM,YAAY,CAAC;AACnD,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mBAAmB,CAAC;AAC3B,OAAO,oBAAoB,CAAC;AAE5B,eAAe;IACd,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,OAAO;IAClB,QAAQ,EAAE;QACT,IAAI,EAAE;YACL,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,CAAC;SAC9B;QACD,QAAQ,EAAE;YACT,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,CAAC;SAC9B;KACD;CACD,CAAC;AAEF,MAAM,QAAQ,GAAG,gBAAgB,CAAC;AAElC,MAAM,CAAC,MAAM,KAAK,GAAG,WAAW,CAAe,OAAO,EAAE;IACvD,QAAQ;CACR,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,WAAW,CAAe,OAAO,EAAE;IAC1D,QAAQ,EAAE,GAAG,QAAQ,IAAI,QAAQ,IAAI,QAAQ,EAAE;CAC/C,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,KAAK,GAAG,WAAW,CAAe,OAAO,EAAE;IACvD,QAAQ;IACR,IAAI,EAAE,OAAO;CACb,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,OAAO,GAAG,WAAW,CAAe,OAAO,EAAE;IACzD,QAAQ;IACR,IAAI,EAAE,MAAM;CACZ,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,IAAI,GAAG,WAAW,CAAe,OAAO,EAAE;IACtD,QAAQ;IACR,IAAI,EAAE,MAAM;CACZ,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,IAAI,GAAG,WAAW,CAAe,OAAO,EAAE;IACtD,QAAQ;IACR,QAAQ,EAAE,MAAM;CAChB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,KAAK,GAAG,WAAW,CAAe,OAAO,EAAE;IACvD,QAAQ;IACR,QAAQ,EAAE,OAAO;CACjB,CAAC,CAAC","sourcesContent":["import { createStory } from \"../helpers\";\nimport { Tooltip, TooltipProps } from \"../Tooltip\";\nimport \"../../../assets/css/finsemble.css\";\nimport \"../css/styles.css\";\nimport \"../css/tooltip.css\";\n\nexport default {\n\ttitle: \"Common/Tooltip\",\n\tcomponent: Tooltip,\n\targTypes: {\n\t\ttype: {\n\t\t\ttype: \"select\",\n\t\t\toptions: [\"\", \"info\", \"error\"],\n\t\t},\n\t\tposition: {\n\t\t\ttype: \"select\",\n\t\t\toptions: [\"\", \"left\", \"right\"],\n\t\t},\n\t},\n};\n\nconst children = \"This is a test\";\n\nexport const Plain = createStory<TooltipProps>(Tooltip, {\n\tchildren,\n});\n\nexport const LongText = createStory<TooltipProps>(Tooltip, {\n\tchildren: `${children} ${children} ${children}`,\n});\n\nexport const Error = createStory<TooltipProps>(Tooltip, {\n\tchildren,\n\ttype: \"error\",\n});\n\nexport const Warning = createStory<TooltipProps>(Tooltip, {\n\tchildren,\n\ttype: \"warn\",\n});\n\nexport const Info = createStory<TooltipProps>(Tooltip, {\n\tchildren,\n\ttype: \"info\",\n});\n\nexport const Left = createStory<TooltipProps>(Tooltip, {\n\tchildren,\n\tposition: \"left\",\n});\n\nexport const Right = createStory<TooltipProps>(Tooltip, {\n\tchildren,\n\tposition: \"right\",\n});\n"]}

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

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

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

@@ -0,0 +1,59 @@
+import * as React from "react";
+import { mount } from "enzyme";
+import { describe, it, afterEach } from "mocha";
+import { expect } from "chai";
+import { BasicAccordion, BasicAccordionOpen, BasicAccordionWithSummary, NestedAccordion, } from "../stories/Accordion.stories";
+// For running accessibility scans
+import { accessibilityAssessor } from "../../sdd/tests/a11y_helper";
+// For testing user interactions (like click events):
+import sinon from "sinon";
+// Necessary to allow sinon to work with mocked actions (which are shown in the Actions panel in Storybook)
+import addons, { mockChannel } from "@storybook/addons";
+addons.setChannel(mockChannel());
+describe("<Accordion/>", () => {
+    // Used to clear after each interactive test using sinon
+    afterEach(() => {
+        sinon.restore();
+    });
+    // Example basic test
+    it("should display the label", () => {
+        const wrapper = mount(React.createElement(BasicAccordion, Object.assign({}, BasicAccordion.args)));
+        expect(wrapper.find(".accordion-summary").exists(), "The does not exist").to.be.false;
+        expect(wrapper.find("button").exists(), "The button exists").to.be.true;
+        expect(wrapper.find("button").text(), "The button's text").to.equal("Accordion Label");
+    });
+    it("should display the summary", () => {
+        const wrapper = mount(React.createElement(BasicAccordionWithSummary, Object.assign({}, BasicAccordionWithSummary.args)));
+        expect(wrapper.find(".accordion-summary").exists(), "The summary exists").to.be.true;
+        expect(wrapper.find(".accordion-summary").text(), "The Summary text").to.equal("A summary of what the accordion contains");
+    });
+    it("should accept react as a summary", () => {
+        const summary = (React.createElement("div", null,
+            "I am a summary ",
+            React.createElement("a", null, "Link")));
+        const props = Object.assign(Object.assign({}, BasicAccordionOpen.args), { summary });
+        const wrapper = mount(React.createElement(BasicAccordionOpen, Object.assign({}, props)));
+        expect(wrapper.find(".accordion-summary").exists(), "The summary exists").to.be.true;
+        expect(wrapper.find("a").exists(), "link exists in the summary").to.be.true;
+        expect(wrapper.find(".accordion-summary").text(), "The Summary text").to.equal("I am a summary Link");
+    });
+    it("should change state when clicked", () => {
+        const wrapper = mount(React.createElement(BasicAccordion, Object.assign({}, BasicAccordion.args)));
+        let checkbox = wrapper.find({ type: "checkbox" });
+        expect(checkbox.props().checked).to.equal(false);
+        wrapper.find("button").simulate("click");
+        checkbox = wrapper.find({ type: "checkbox" });
+        expect(checkbox.props().checked).to.equal(true);
+    });
+    it("should start open", () => {
+        const wrapper = mount(React.createElement(BasicAccordionOpen, Object.assign({}, BasicAccordionOpen.args)));
+        const checkbox = wrapper.find({ type: "checkbox" });
+        expect(checkbox.props().checked).to.equal(true);
+    });
+    // Example accessibility scan
+    it("should pass accessibility scans", async () => {
+        const wrapper = mount(React.createElement(NestedAccordion, Object.assign({}, NestedAccordion.args)));
+        expect(await accessibilityAssessor(wrapper)).to.be.true;
+    });
+});
+//# sourceMappingURL=Accordion.spec.js.map

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,36 @@
+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";
+// Necessary to allow sinon to work with mocked actions (which are shown in the Actions panel in Storybook)
+import addons, { mockChannel } from "@storybook/addons";
+addons.setChannel(mockChannel());
+const CHECKMARK_LOCATOR = "[role='checkbox'] .finsemble-icon-check";
+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, Object.assign({}, Unchecked.args)));
+        wrapper.find(".complex-menu-checkbox-wrapper").at(0).simulate("click");
+        wrapper.update();
+        expect(wrapper.find(CHECKMARK_LOCATOR)).to.be.length(1);
+    });
+    it("should be unchecked items if checked prop is updated after initial render", async () => {
+        const wrapper = mount(React.createElement(Checked, Object.assign({}, Checked.args)));
+        wrapper.find(".complex-menu-checkbox-wrapper").at(0).simulate("click");
+        expect(wrapper.find(CHECKMARK_LOCATOR)).to.be.length(0);
+    });
+    it("shouldn't be clickable when disabled", async () => {
+        const wrapper = mount(React.createElement(Disabled, Object.assign({}, Disabled.args)));
+        wrapper.find(".complex-menu-checkbox-wrapper").at(0).simulate("click");
+        expect(wrapper.find(CHECKMARK_LOCATOR)).to.be.length(0);
+    });
+    it("should display a label", async () => {
+        const wrapper = mount(React.createElement(Checked, Object.assign({}, 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;AAE3E,2GAA2G;AAC3G,OAAO,MAAM,EAAE,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAExD,MAAM,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC,CAAC;AAEjC,MAAM,iBAAiB,GAAG,yCAAyC,CAAC;AAEpE,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC5B,SAAS,CAAC,GAAG,EAAE;QACd,KAAK,CAAC,OAAO,EAAE,CAAC;IACjB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yEAAyE,EAAE,KAAK,IAAI,EAAE;QACxF,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,SAAS,oBAAM,SAAS,CAAC,IAAsB,EAAI,CAAC,CAAC;QAE5E,OAAO,CAAC,IAAI,CAAC,gCAAgC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACvE,OAAO,CAAC,MAAM,EAAE,CAAC;QAEjB,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACzD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2EAA2E,EAAE,KAAK,IAAI,EAAE;QAC1F,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,OAAO,oBAAM,OAAO,CAAC,IAAsB,EAAI,CAAC,CAAC;QAExE,OAAO,CAAC,IAAI,CAAC,gCAAgC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAEvE,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACzD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,KAAK,IAAI,EAAE;QACrD,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,QAAQ,oBAAM,QAAQ,CAAC,IAAsB,EAAI,CAAC,CAAC;QAE1E,OAAO,CAAC,IAAI,CAAC,gCAAgC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAEvE,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACzD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wBAAwB,EAAE,KAAK,IAAI,EAAE;QACvC,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,OAAO,oBAAM,OAAO,CAAC,IAAsB,EAAI,CAAC,CAAC;QAExE,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,8BAA8B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IACrF,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\nimport { mount } from \"enzyme\";\nimport { describe, it } from \"mocha\";\nimport { expect } from \"chai\";\nimport sinon from \"sinon\";\nimport { CheckboxProps } from \"../Checkbox\";\nimport { Checked, Unchecked, Disabled } from \"../stories/Checkbox.stories\";\n\n// Necessary to allow sinon to work with mocked actions (which are shown in the Actions panel in Storybook)\nimport addons, { mockChannel } from \"@storybook/addons\";\n\naddons.setChannel(mockChannel());\n\nconst CHECKMARK_LOCATOR = \"[role='checkbox'] .finsemble-icon-check\";\n\ndescribe(\"<Checkbox/>\", () => {\n\tafterEach(() => {\n\t\tsinon.restore();\n\t});\n\n\tit(\"should be checked items if checked prop is updated after initial render\", async () => {\n\t\tconst wrapper = mount(<Unchecked {...(Unchecked.args as CheckboxProps)} />);\n\n\t\twrapper.find(\".complex-menu-checkbox-wrapper\").at(0).simulate(\"click\");\n\t\twrapper.update();\n\n\t\texpect(wrapper.find(CHECKMARK_LOCATOR)).to.be.length(1);\n\t});\n\n\tit(\"should be unchecked items if checked prop is updated after initial render\", async () => {\n\t\tconst wrapper = mount(<Checked {...(Checked.args as CheckboxProps)} />);\n\n\t\twrapper.find(\".complex-menu-checkbox-wrapper\").at(0).simulate(\"click\");\n\n\t\texpect(wrapper.find(CHECKMARK_LOCATOR)).to.be.length(0);\n\t});\n\n\tit(\"shouldn't be clickable when disabled\", async () => {\n\t\tconst wrapper = mount(<Disabled {...(Disabled.args as CheckboxProps)} />);\n\n\t\twrapper.find(\".complex-menu-checkbox-wrapper\").at(0).simulate(\"click\");\n\n\t\texpect(wrapper.find(CHECKMARK_LOCATOR)).to.be.length(0);\n\t});\n\n\tit(\"should display a label\", async () => {\n\t\tconst wrapper = mount(<Checked {...(Checked.args as CheckboxProps)} />);\n\n\t\texpect(wrapper.find(\".complex-menu-checkbox-label\").at(0).text()).to.equal(\"Label\");\n\t});\n});\n"]}

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

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