@finsemble/finsemble-ui 1.0.0-beta-1

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

@@ -0,0 +1,16 @@
+import React from "react";
+import { DropZone } from "../DropZone";
+import "../../../assets/css/finsemble.css";
+import "../css/styles.css";
+import { action } from "@storybook/addon-actions";
+export default {
+    title: "Common/DropZone",
+    component: DropZone,
+};
+const Template = (args) => React.createElement(DropZone, Object.assign({}, args));
+export const Default = Template.bind({});
+Default.args = {
+    children: React.createElement("div", null, "This is a test"),
+    processFile: action("update"),
+};
+//# sourceMappingURL=DropZone.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropZone.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/DropZone.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAiB,MAAM,aAAa,CAAC;AACtD,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mBAAmB,CAAC;AAE3B,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAElD,eAAe;IACd,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,QAAQ;CACnB,CAAC;AAEF,MAAM,QAAQ,GAAyB,CAAC,IAAmB,EAAE,EAAE,CAAC,oBAAC,QAAQ,oBAAK,IAAI,EAAI,CAAC;AAEvF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG;IACd,QAAQ,EAAE,kDAAyB;IACnC,WAAW,EAAE,MAAM,CAAC,QAAQ,CAAC;CAC7B,CAAC","sourcesContent":["import React from \"react\";\nimport { DropZone, DropZoneProps } from \"../DropZone\";\nimport \"../../../assets/css/finsemble.css\";\nimport \"../css/styles.css\";\nimport { Story } from \"@storybook/react/types-6-0\";\nimport { action } from \"@storybook/addon-actions\";\n\nexport default {\n\ttitle: \"Common/DropZone\",\n\tcomponent: DropZone,\n};\n\nconst Template: Story<DropZoneProps> = (args: DropZoneProps) => <DropZone {...args} />;\n\nexport const Default = Template.bind({});\nDefault.args = {\n\tchildren: <div>This is a test</div>,\n\tprocessFile: action(\"update\"),\n};\n"]}

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

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

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

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

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

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

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { FileInputProps } from "../FileInput";
+import "../../../assets/css/finsemble.css";
+import "../css/styles.css";
+declare const _default: {
+    title: string;
+    component: ({ acceptTypes, value, onSetValue, id, shouldUpload, uploadFunction, presetFile, suppressDropzone, disabled, allowClearing, textEditable, }: FileInputProps) => JSX.Element;
+};
+export default _default;
+export declare const EmptyField: import("@storybook/react").Story<FileInputProps>;
+export declare const Disabled: import("@storybook/react").Story<FileInputProps>;
+export declare const PreFilledField: import("@storybook/react").Story<FileInputProps>;
+export declare const PreFilledInvalidField: import("@storybook/react").Story<FileInputProps>;
+export declare const anyField: import("@storybook/react").Story<FileInputProps>;
+export declare const hasId: import("@storybook/react").Story<FileInputProps>;
+export declare const PreFilledFieldNoClearing: import("@storybook/react").Story<FileInputProps>;
+export declare const TextEditable: import("@storybook/react").Story<FileInputProps>;
+export declare const TextEditablePrefilled: import("@storybook/react").Story<FileInputProps>;

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

@@ -0,0 +1,59 @@
+import { createStory, uploadFunction } from "../helpers";
+import { FileInput } from "../FileInput";
+import "../../../assets/css/finsemble.css";
+import "../css/styles.css";
+export default {
+    title: "Common/FileInput",
+    component: FileInput,
+};
+export const EmptyField = createStory(FileInput, {
+    value: "",
+    acceptTypes: ["image/png"],
+    uploadFunction,
+});
+export const Disabled = createStory(FileInput, {
+    value: "",
+    acceptTypes: ["image/png"],
+    uploadFunction,
+    disabled: true,
+});
+export const PreFilledField = createStory(FileInput, {
+    acceptTypes: ["image/png"],
+    value: "ThisIsATest.png",
+    uploadFunction,
+});
+export const PreFilledInvalidField = createStory(FileInput, {
+    acceptTypes: ["image/png"],
+    value: "MyBadPath.jpg",
+    uploadFunction,
+});
+export const anyField = createStory(FileInput, {
+    acceptTypes: ["*"],
+    value: "abc.exe",
+    uploadFunction,
+});
+export const hasId = createStory(FileInput, {
+    acceptTypes: ["*"],
+    value: "",
+    uploadFunction,
+    id: "myId",
+});
+export const PreFilledFieldNoClearing = createStory(FileInput, {
+    acceptTypes: ["image/png"],
+    value: "ThisIsATest.png",
+    uploadFunction,
+    allowClearing: false,
+});
+export const TextEditable = createStory(FileInput, {
+    acceptTypes: ["*"],
+    value: "",
+    uploadFunction,
+    textEditable: true,
+});
+export const TextEditablePrefilled = createStory(FileInput, {
+    acceptTypes: ["*"],
+    value: "%windir%/System32/mspaint.exe",
+    uploadFunction,
+    textEditable: true,
+});
+//# sourceMappingURL=FileInput.stories.js.map

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

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

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

@@ -0,0 +1,3 @@
+import "../../../assets/css/finsemble.css";
+import "../fixtures/FinsembleIcon.css";
+import "../css/styles.css";

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

@@ -0,0 +1,43 @@
+import React from "react";
+import { FinsembleIcon } from "../FinsembleIcon";
+import "../../../assets/css/finsemble.css";
+import "../fixtures/FinsembleIcon.css";
+import "../css/styles.css";
+import { storiesOf } from "@storybook/react";
+const stories = storiesOf("Common/FinsembleIcon", module);
+[
+    "caret",
+    "check",
+    "check-square",
+    "chevron-left",
+    "chevron-right",
+    "copy",
+    "exclamation-circle",
+    "external-link",
+    "flag",
+    "folder",
+    "font",
+    "globe",
+    "hdd",
+    "key",
+    "life-ring",
+    "lock",
+    "magic",
+    "moon",
+    "paint-roller",
+    "pencil",
+    "plus",
+    "question-circle",
+    "search",
+    "sun",
+    "times",
+    "toggle-off",
+    "toggle-on",
+    "tools",
+    "trash",
+    "upload",
+    "window",
+].forEach((icon) => {
+    stories.add(icon, () => React.createElement(FinsembleIcon, { className: "test-finsemble-icon", icon: icon }));
+});
+//# sourceMappingURL=FinsembleIcon.stories.js.map

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

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

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

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { FinsembleSelectProps } from "../FinsembleSelect";
+import "../../../assets/css/finsemble.css";
+import "../css/styles.css";
+import { Story } from "@storybook/react/types-6-0";
+declare const _default: {
+    title: string;
+    component: ({ options, optionComponents, updateCallback, selected, size, values, showSearch, limit, }: FinsembleSelectProps) => JSX.Element;
+};
+export default _default;
+export declare const Sample: Story<FinsembleSelectProps>;
+export declare const Adjustable: Story<FinsembleSelectProps>;
+export declare const LongText: Story<FinsembleSelectProps>;
+export declare const SeperateValuesFromText: Story<FinsembleSelectProps>;
+export declare const PreSelected: Story<FinsembleSelectProps>;
+export declare const InvalidPreSelected: Story<FinsembleSelectProps>;
+export declare const PreSelectedValues: Story<FinsembleSelectProps>;
+export declare const Searchable: Story<FinsembleSelectProps>;
+export declare const Limit1: Story<FinsembleSelectProps>;
+export declare const Limit2: Story<FinsembleSelectProps>;

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

@@ -0,0 +1,188 @@
+import React from "react";
+import { FinsembleSelect } from "../FinsembleSelect";
+import "../../../assets/css/finsemble.css";
+import "../css/styles.css";
+import { action } from "@storybook/addon-actions";
+export default {
+    title: "Common/FinsembleSelect",
+    component: FinsembleSelect,
+};
+const Template = (args) => React.createElement(FinsembleSelect, Object.assign({}, args));
+export const Sample = Template.bind({});
+Sample.args = {
+    options: ["A", "B", "C", "D"],
+    updateCallback: action("Selected values"),
+};
+export const Adjustable = Template.bind({});
+Adjustable.args = {
+    options: ["A", "B", "C", "D"],
+    updateCallback: action("Selected values"),
+    size: 3,
+};
+export const LongText = Template.bind({});
+LongText.args = {
+    options: [
+        "AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA",
+        "BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB",
+        "!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!",
+        "nope",
+    ],
+    updateCallback: action("Selected values"),
+    size: 3,
+};
+export const SeperateValuesFromText = Template.bind({});
+SeperateValuesFromText.args = {
+    options: ["A", "B", "C", "D"],
+    values: ["1", "2", "3", "4"],
+    updateCallback: action("Selected values"),
+};
+export const PreSelected = Template.bind({});
+PreSelected.args = {
+    options: ["A", "B", "C", "D"],
+    selected: ["C", "B"],
+    updateCallback: action("Selected values"),
+};
+export const InvalidPreSelected = Template.bind({});
+InvalidPreSelected.args = {
+    options: ["A", "B", "C", "D"],
+    selected: ["E"],
+    updateCallback: action("Selected values"),
+};
+export const PreSelectedValues = Template.bind({});
+PreSelectedValues.args = {
+    options: ["A", "B", "C", "D"],
+    values: ["1", "2", "3", "4"],
+    selected: ["3", "2"],
+    updateCallback: action("Selected values"),
+};
+const stateNames = [
+    "Alabama",
+    "Alaska",
+    "Arizona",
+    "Arkansas",
+    "California",
+    "Colorado",
+    "Connecticut",
+    "Delaware",
+    "Florida",
+    "Georgia",
+    "Hawaii",
+    "Idaho",
+    "Illinois",
+    "Indiana",
+    "Iowa",
+    "Kansas",
+    "Kentucky",
+    "Louisiana",
+    "Maine",
+    "Maryland",
+    "Massachusetts",
+    "Michigan",
+    "Minnesota",
+    "Mississippi",
+    "Missouri",
+    "Montana",
+    "Nebraska",
+    "Nevada",
+    "New Hampshire",
+    "New Jersey",
+    "New Mexico",
+    "New York",
+    "North Carolina",
+    "North Dakota",
+    "Ohio",
+    "Oklahoma",
+    "Oregon",
+    "Pennsylvania",
+    "Rhode Island",
+    "South Carolina",
+    "South Dakota",
+    "Tennessee",
+    "Texas",
+    "Utah",
+    "Vermont",
+    "Virginia",
+    "Washington",
+    "West Virginia",
+    "Wisconsin",
+    "Wyoming",
+];
+const stateCodes = [
+    "AL",
+    "AK",
+    "AZ",
+    "AR",
+    "CA",
+    "CO",
+    "CT",
+    "DE",
+    "FL",
+    "GA",
+    "HI",
+    "ID",
+    "IL",
+    "IN",
+    "IA",
+    "KS",
+    "KY",
+    "LA",
+    "ME",
+    "MD",
+    "MA",
+    "MI",
+    "MN",
+    "MS",
+    "MO",
+    "MT",
+    "NE",
+    "NV",
+    "NH",
+    "NJ",
+    "NM",
+    "NY",
+    "NC",
+    "ND",
+    "OH",
+    "OK",
+    "OR",
+    "PA",
+    "RI",
+    "SC",
+    "SD",
+    "TN",
+    "TX",
+    "UT",
+    "VT",
+    "VA",
+    "WA",
+    "WV",
+    "WI",
+    "WY",
+];
+export const Searchable = Template.bind({});
+Searchable.args = {
+    options: stateNames,
+    values: stateCodes,
+    updateCallback: action("Selected values"),
+    size: 6,
+    showSearch: true,
+};
+export const Limit1 = Template.bind({});
+Limit1.args = {
+    limit: 1,
+    options: stateNames,
+    values: stateCodes,
+    updateCallback: action("Selected values"),
+    size: 6,
+    showSearch: true,
+};
+export const Limit2 = Template.bind({});
+Limit2.args = {
+    limit: 2,
+    options: stateNames,
+    values: stateCodes,
+    updateCallback: action("Selected values"),
+    size: 6,
+    showSearch: true,
+};
+//# sourceMappingURL=FinsembleSelect.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FinsembleSelect.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/FinsembleSelect.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { FinsembleSelect, FinsembleSelectProps } from \"../FinsembleSelect\";\nimport \"../../../assets/css/finsemble.css\";\nimport \"../css/styles.css\";\nimport { Story } from \"@storybook/react/types-6-0\";\nimport { action } from \"@storybook/addon-actions\";\n\nexport default {\n\ttitle: \"Common/FinsembleSelect\",\n\tcomponent: FinsembleSelect,\n};\n\nconst Template: Story<FinsembleSelectProps> = (args: FinsembleSelectProps) => <FinsembleSelect {...args} />;\n\nexport const Sample = Template.bind({});\nSample.args = {\n\toptions: [\"A\", \"B\", \"C\", \"D\"],\n\tupdateCallback: action(\"Selected values\"),\n};\nexport const Adjustable = Template.bind({});\nAdjustable.args = {\n\toptions: [\"A\", \"B\", \"C\", \"D\"],\n\tupdateCallback: action(\"Selected values\"),\n\tsize: 3,\n};\nexport const LongText = Template.bind({});\nLongText.args = {\n\toptions: [\n\t\t\"AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA\",\n\t\t\"BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB\",\n\t\t\"!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!\",\n\t\t\"nope\",\n\t],\n\tupdateCallback: action(\"Selected values\"),\n\tsize: 3,\n};\nexport const SeperateValuesFromText = Template.bind({});\nSeperateValuesFromText.args = {\n\toptions: [\"A\", \"B\", \"C\", \"D\"],\n\tvalues: [\"1\", \"2\", \"3\", \"4\"],\n\tupdateCallback: action(\"Selected values\"),\n};\nexport const PreSelected = Template.bind({});\nPreSelected.args = {\n\toptions: [\"A\", \"B\", \"C\", \"D\"],\n\tselected: [\"C\", \"B\"],\n\tupdateCallback: action(\"Selected values\"),\n};\nexport const InvalidPreSelected = Template.bind({});\nInvalidPreSelected.args = {\n\toptions: [\"A\", \"B\", \"C\", \"D\"],\n\tselected: [\"E\"],\n\tupdateCallback: action(\"Selected values\"),\n};\nexport const PreSelectedValues = Template.bind({});\nPreSelectedValues.args = {\n\toptions: [\"A\", \"B\", \"C\", \"D\"],\n\tvalues: [\"1\", \"2\", \"3\", \"4\"],\n\tselected: [\"3\", \"2\"],\n\tupdateCallback: action(\"Selected values\"),\n};\n\nconst stateNames = [\n\t\"Alabama\",\n\t\"Alaska\",\n\t\"Arizona\",\n\t\"Arkansas\",\n\t\"California\",\n\t\"Colorado\",\n\t\"Connecticut\",\n\t\"Delaware\",\n\t\"Florida\",\n\t\"Georgia\",\n\t\"Hawaii\",\n\t\"Idaho\",\n\t\"Illinois\",\n\t\"Indiana\",\n\t\"Iowa\",\n\t\"Kansas\",\n\t\"Kentucky\",\n\t\"Louisiana\",\n\t\"Maine\",\n\t\"Maryland\",\n\t\"Massachusetts\",\n\t\"Michigan\",\n\t\"Minnesota\",\n\t\"Mississippi\",\n\t\"Missouri\",\n\t\"Montana\",\n\t\"Nebraska\",\n\t\"Nevada\",\n\t\"New Hampshire\",\n\t\"New Jersey\",\n\t\"New Mexico\",\n\t\"New York\",\n\t\"North Carolina\",\n\t\"North Dakota\",\n\t\"Ohio\",\n\t\"Oklahoma\",\n\t\"Oregon\",\n\t\"Pennsylvania\",\n\t\"Rhode Island\",\n\t\"South Carolina\",\n\t\"South Dakota\",\n\t\"Tennessee\",\n\t\"Texas\",\n\t\"Utah\",\n\t\"Vermont\",\n\t\"Virginia\",\n\t\"Washington\",\n\t\"West Virginia\",\n\t\"Wisconsin\",\n\t\"Wyoming\",\n];\nconst stateCodes = [\n\t\"AL\",\n\t\"AK\",\n\t\"AZ\",\n\t\"AR\",\n\t\"CA\",\n\t\"CO\",\n\t\"CT\",\n\t\"DE\",\n\t\"FL\",\n\t\"GA\",\n\t\"HI\",\n\t\"ID\",\n\t\"IL\",\n\t\"IN\",\n\t\"IA\",\n\t\"KS\",\n\t\"KY\",\n\t\"LA\",\n\t\"ME\",\n\t\"MD\",\n\t\"MA\",\n\t\"MI\",\n\t\"MN\",\n\t\"MS\",\n\t\"MO\",\n\t\"MT\",\n\t\"NE\",\n\t\"NV\",\n\t\"NH\",\n\t\"NJ\",\n\t\"NM\",\n\t\"NY\",\n\t\"NC\",\n\t\"ND\",\n\t\"OH\",\n\t\"OK\",\n\t\"OR\",\n\t\"PA\",\n\t\"RI\",\n\t\"SC\",\n\t\"SD\",\n\t\"TN\",\n\t\"TX\",\n\t\"UT\",\n\t\"VT\",\n\t\"VA\",\n\t\"WA\",\n\t\"WV\",\n\t\"WI\",\n\t\"WY\",\n];\nexport const Searchable = Template.bind({});\nSearchable.args = {\n\toptions: stateNames,\n\tvalues: stateCodes,\n\tupdateCallback: action(\"Selected values\"),\n\tsize: 6,\n\tshowSearch: true,\n};\n\nexport const Limit1 = Template.bind({});\nLimit1.args = {\n\tlimit: 1,\n\toptions: stateNames,\n\tvalues: stateCodes,\n\tupdateCallback: action(\"Selected values\"),\n\tsize: 6,\n\tshowSearch: true,\n};\n\nexport const Limit2 = Template.bind({});\nLimit2.args = {\n\tlimit: 2,\n\toptions: stateNames,\n\tvalues: stateCodes,\n\tupdateCallback: action(\"Selected values\"),\n\tsize: 6,\n\tshowSearch: true,\n};\n"]}

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

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

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

@@ -0,0 +1,28 @@
+import React from "react";
+import { FinsembleToggle } from "../FinsembleToggle";
+import "../../../assets/css/finsemble.css";
+import "../css/styles.css";
+import { action } from "@storybook/addon-actions";
+export default {
+    title: "Common/FinsembleToggle",
+    component: FinsembleToggle,
+};
+const Template = (args) => React.createElement(FinsembleToggle, Object.assign({}, args));
+export const Unchecked = Template.bind({});
+Unchecked.args = {
+    checked: false,
+    onChange: action("Selected values"),
+    label: "Test",
+};
+export const Checked = Template.bind({});
+Checked.args = {
+    checked: true,
+    onChange: action("Selected values"),
+    label: "Pre-checked test",
+};
+export const Disabled = Template.bind({});
+Disabled.args = {
+    enabled: false,
+    label: "Pre-checked test",
+};
+//# sourceMappingURL=FinsembleToggle.stories.js.map

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

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

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

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

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

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