@finsemble/finsemble-ui 7.3.1 → 8.0.0-alpha-3

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

@@ -1,45 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,9 +0,0 @@
-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

@@ -1,10 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,12 +0,0 @@
-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

@@ -1,28 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,11 +0,0 @@
-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

@@ -1,20 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,27 +0,0 @@
-/// <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

@@ -1,47 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

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

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

@@ -1,59 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

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

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

@@ -1,30 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

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

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

@@ -1,34 +0,0 @@
-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 } 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 LOCATORS = {
-    checkbox: "input[type='checkbox']",
-    checkbox_label: ".checkbox-wrapper span",
-};
-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(LOCATORS.checkbox).at(0).simulate("change");
-        wrapper.update();
-        expect(wrapper.find(LOCATORS.checkbox).prop("checked")).to.be.true;
-    });
-    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(LOCATORS.checkbox).at(0).simulate("change");
-        expect(wrapper.find(LOCATORS.checkbox).prop("checked")).to.be.false;
-    });
-    it("should display a label", async () => {
-        const wrapper = mount(React.createElement(Checked, Object.assign({}, Checked.args)));
-        expect(wrapper.find(LOCATORS.checkbox_label).at(0).text()).to.equal("Label");
-    });
-});
-//# sourceMappingURL=Checkbox.spec.js.map

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

@@ -1 +0,0 @@
-{"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,EAAY,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,QAAQ,GAAG;IAChB,QAAQ,EAAE,wBAAwB;IAClC,cAAc,EAAE,wBAAwB;CACxC,CAAC;AAEF,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,QAAQ,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACzD,OAAO,CAAC,MAAM,EAAE,CAAC;QAEjB,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IACpE,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,QAAQ,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;QAEzD,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;IACrE,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,QAAQ,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAC9E,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 LOCATORS = {\n\tcheckbox: \"input[type='checkbox']\",\n\tcheckbox_label: \".checkbox-wrapper span\",\n};\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(LOCATORS.checkbox).at(0).simulate(\"change\");\n\t\twrapper.update();\n\n\t\texpect(wrapper.find(LOCATORS.checkbox).prop(\"checked\")).to.be.true;\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(LOCATORS.checkbox).at(0).simulate(\"change\");\n\n\t\texpect(wrapper.find(LOCATORS.checkbox).prop(\"checked\")).to.be.false;\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(LOCATORS.checkbox_label).at(0).text()).to.equal(\"Label\");\n\t});\n});\n"]}

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

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

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

@@ -1,96 +0,0 @@
-import * as React from "react";
-import { mount } from "enzyme";
-import { describe, it } from "mocha";
-import { expect } from "chai";
-import { EmptyField, ValidColor } from "../stories/ColorPicker.stories";
-function getColorInputElement(wrapper) {
-    // Return the color picker control DOM element.
-    return wrapper.find("input[type='color']").at(0);
-}
-function getColorInputValue(wrapper) {
-    // Return the current value of the color picker control.
-    return getColorInputElement(wrapper).prop("value");
-}
-function changeColorInput(wrapper, newColor) {
-    // Simulate changing the color picker control.
-    getColorInputElement(wrapper).simulate("change", {
-        target: {
-            value: newColor,
-        },
-    });
-}
-function getTextInputElement(wrapper) {
-    // Return the text input field DOM element.
-    return wrapper.find("input[type='text']");
-}
-function getTextInputValue(wrapper) {
-    // Return the current value of the text input field.
-    return getTextInputElement(wrapper).prop("value");
-}
-function changeTextInput(wrapper, newColor) {
-    // Simulate changing the text input field.
-    getTextInputElement(wrapper).simulate("change", {
-        target: {
-            value: newColor,
-        },
-    });
-}
-describe("<ColorPicker/>", () => {
-    it("should display matching color values for both the color and text inputs", () => {
-        const wrapper = mount(React.createElement(ValidColor, Object.assign({}, ValidColor.args)));
-        expect(getColorInputValue(wrapper)).to.equal(getTextInputValue(wrapper));
-    });
-    it("should default to black when no color is provided", () => {
-        const BLACK = "#000000";
-        const wrapper = mount(React.createElement(EmptyField, Object.assign({}, EmptyField.args)));
-        expect(getColorInputValue(wrapper)).to.equal(BLACK);
-        expect(getTextInputValue(wrapper)).to.equal(BLACK);
-    });
-    it("should update the text field when the color picker is changed", () => {
-        const NEW_COLOR = "#00aa00";
-        const wrapper = mount(React.createElement(EmptyField, Object.assign({}, EmptyField.args)));
-        changeColorInput(wrapper, NEW_COLOR);
-        expect(getColorInputValue(wrapper)).to.equal(NEW_COLOR);
-        expect(getTextInputValue(wrapper)).to.equal(NEW_COLOR);
-    });
-    it("should update the color picker when the text field is changed", () => {
-        const NEW_COLOR = "#0000cc";
-        const wrapper = mount(React.createElement(EmptyField, Object.assign({}, EmptyField.args)));
-        changeTextInput(wrapper, NEW_COLOR);
-        expect(getColorInputValue(wrapper)).to.equal(NEW_COLOR);
-        expect(getTextInputValue(wrapper)).to.equal(NEW_COLOR);
-    });
-    it("should display an error when an invalid color is selected", () => {
-        const NEW_COLOR = "#ZZZZZZ";
-        const wrapper = mount(React.createElement(ValidColor, Object.assign({}, ValidColor.args)));
-        changeTextInput(wrapper, NEW_COLOR);
-        expect(getTextInputElement(wrapper).prop("aria-invalid")).to.be.true;
-    });
-    it("should display no error when a valid color is selected", () => {
-        const NEW_COLOR = "#abc123";
-        const wrapper = mount(React.createElement(ValidColor, Object.assign({}, ValidColor.args)));
-        changeTextInput(wrapper, NEW_COLOR);
-        expect(getTextInputElement(wrapper).prop("aria-invalid")).to.be.false;
-    });
-    it("should trigger an event when a valid color is selected", () => {
-        const ORIGINAL_COLOR = "#123456";
-        const NEW_COLOR = "#abc123";
-        var currentColorState = ORIGINAL_COLOR;
-        const wrapper = mount(React.createElement(EmptyField, { startColor: ORIGINAL_COLOR, updateColor: (newColor) => {
-                currentColorState = newColor;
-            } }));
-        changeTextInput(wrapper, NEW_COLOR);
-        expect(currentColorState).to.equal(NEW_COLOR);
-    });
-    it("should not trigger any event when an invalid color is selected", () => {
-        const ORIGINAL_COLOR = "#123456";
-        const NEW_COLOR = "foobar";
-        var currentColorState = ORIGINAL_COLOR;
-        const wrapper = mount(React.createElement(EmptyField, { startColor: ORIGINAL_COLOR, updateColor: (newColor) => {
-                currentColorState = newColor;
-            } }));
-        changeTextInput(wrapper, NEW_COLOR);
-        expect(currentColorState).to.equal(ORIGINAL_COLOR);
-    });
-});
-//# sourceMappingURL=ColorPicker.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ColorPicker.spec.js","sourceRoot":"","sources":["../../../../src/components/common/tests/ColorPicker.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { ReactWrapper, mount } from \"enzyme\";\nimport { describe, it } from \"mocha\";\nimport { expect } from \"chai\";\nimport { ColorPickerProps } from \"../ColorPicker\";\nimport { EmptyField, ValidColor } from \"../stories/ColorPicker.stories\";\n\nfunction getColorInputElement(wrapper: ReactWrapper): ReactWrapper {\n\t// Return the color picker control DOM element.\n\treturn wrapper.find(\"input[type='color']\").at(0);\n}\n\nfunction getColorInputValue(wrapper: ReactWrapper): ReactWrapper {\n\t// Return the current value of the color picker control.\n\treturn getColorInputElement(wrapper).prop(\"value\");\n}\n\nfunction changeColorInput(wrapper: ReactWrapper, newColor: string) {\n\t// Simulate changing the color picker control.\n\tgetColorInputElement(wrapper).simulate(\"change\", {\n\t\ttarget: {\n\t\t\tvalue: newColor,\n\t\t},\n\t});\n}\n\nfunction getTextInputElement(wrapper: ReactWrapper | ReactWrapper): ReactWrapper | ReactWrapper {\n\t// Return the text input field DOM element.\n\treturn wrapper.find(\"input[type='text']\");\n}\n\nfunction getTextInputValue(wrapper: ReactWrapper): ReactWrapper {\n\t// Return the current value of the text input field.\n\treturn getTextInputElement(wrapper).prop(\"value\");\n}\n\nfunction changeTextInput(wrapper: ReactWrapper | ReactWrapper, newColor: string) {\n\t// Simulate changing the text input field.\n\tgetTextInputElement(wrapper).simulate(\"change\", {\n\t\ttarget: {\n\t\t\tvalue: newColor,\n\t\t},\n\t});\n}\n\ndescribe(\"<ColorPicker/>\", () => {\n\tit(\"should display matching color values for both the color and text inputs\", () => {\n\t\tconst wrapper = mount(<ValidColor {...(ValidColor.args as ColorPickerProps)} />);\n\n\t\texpect(getColorInputValue(wrapper)).to.equal(getTextInputValue(wrapper));\n\t});\n\n\tit(\"should default to black when no color is provided\", () => {\n\t\tconst BLACK = \"#000000\";\n\n\t\tconst wrapper = mount(<EmptyField {...(EmptyField.args as ColorPickerProps)} />);\n\n\t\texpect(getColorInputValue(wrapper)).to.equal(BLACK);\n\t\texpect(getTextInputValue(wrapper)).to.equal(BLACK);\n\t});\n\n\tit(\"should update the text field when the color picker is changed\", () => {\n\t\tconst NEW_COLOR = \"#00aa00\";\n\n\t\tconst wrapper = mount(<EmptyField {...(EmptyField.args as ColorPickerProps)} />);\n\t\tchangeColorInput(wrapper, NEW_COLOR);\n\n\t\texpect(getColorInputValue(wrapper)).to.equal(NEW_COLOR);\n\t\texpect(getTextInputValue(wrapper)).to.equal(NEW_COLOR);\n\t});\n\n\tit(\"should update the color picker when the text field is changed\", () => {\n\t\tconst NEW_COLOR = \"#0000cc\";\n\n\t\tconst wrapper = mount(<EmptyField {...(EmptyField.args as ColorPickerProps)} />);\n\t\tchangeTextInput(wrapper, NEW_COLOR);\n\n\t\texpect(getColorInputValue(wrapper)).to.equal(NEW_COLOR);\n\t\texpect(getTextInputValue(wrapper)).to.equal(NEW_COLOR);\n\t});\n\n\tit(\"should display an error when an invalid color is selected\", () => {\n\t\tconst NEW_COLOR = \"#ZZZZZZ\";\n\n\t\tconst wrapper = mount(<ValidColor {...(ValidColor.args as ColorPickerProps)} />);\n\t\tchangeTextInput(wrapper, NEW_COLOR);\n\n\t\texpect(getTextInputElement(wrapper).prop(\"aria-invalid\")).to.be.true;\n\t});\n\n\tit(\"should display no error when a valid color is selected\", () => {\n\t\tconst NEW_COLOR = \"#abc123\";\n\n\t\tconst wrapper = mount(<ValidColor {...(ValidColor.args as ColorPickerProps)} />);\n\t\tchangeTextInput(wrapper, NEW_COLOR);\n\n\t\texpect(getTextInputElement(wrapper).prop(\"aria-invalid\")).to.be.false;\n\t});\n\n\tit(\"should trigger an event when a valid color is selected\", () => {\n\t\tconst ORIGINAL_COLOR = \"#123456\";\n\t\tconst NEW_COLOR = \"#abc123\";\n\t\tvar currentColorState = ORIGINAL_COLOR;\n\n\t\tconst wrapper = mount(\n\t\t\t<EmptyField\n\t\t\t\tstartColor={ORIGINAL_COLOR}\n\t\t\t\tupdateColor={(newColor) => {\n\t\t\t\t\tcurrentColorState = newColor;\n\t\t\t\t}}\n\t\t\t/>\n\t\t);\n\t\tchangeTextInput(wrapper, NEW_COLOR);\n\n\t\texpect(currentColorState).to.equal(NEW_COLOR);\n\t});\n\n\tit(\"should not trigger any event when an invalid color is selected\", () => {\n\t\tconst ORIGINAL_COLOR = \"#123456\";\n\t\tconst NEW_COLOR = \"foobar\";\n\t\tvar currentColorState = ORIGINAL_COLOR;\n\n\t\tconst wrapper = mount(\n\t\t\t<EmptyField\n\t\t\t\tstartColor={ORIGINAL_COLOR}\n\t\t\t\tupdateColor={(newColor) => {\n\t\t\t\t\tcurrentColorState = newColor;\n\t\t\t\t}}\n\t\t\t/>\n\t\t);\n\t\tchangeTextInput(wrapper, NEW_COLOR);\n\n\t\texpect(currentColorState).to.equal(ORIGINAL_COLOR);\n\t});\n});\n"]}

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

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