@finsemble/finsemble-ui 1.0.0-beta-1

package/react/components/legacyControls/FinsembleMenuSection.js

@@ -0,0 +1,123 @@
+/*!
+ * Copyright 2017 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+import * as React from "react";
+import { FinsembleDraggable } from "./FinsembleDraggable";
+import { FinsembleDnDContext } from "./FinsembleDnDContext";
+const SECTION_BASE_CLASS = "menu-section";
+function uuidv4() {
+    return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
+        var r = (Math.random() * 16) | 0, v = c === "x" ? r : (r & 0x3) | 0x8;
+        return v.toString(16);
+    });
+}
+/**
+ * The finsembleMenuSection is essentially a little wrapper around a part of a finsemble menu.
+ * It forces scrolling even when content exceeds the height of a section. It also applies some styling.
+ */
+export const FinsembleMenuSection = (props) => {
+    var _a;
+    const [bounds, setBounds] = React.useState({ height: 0 });
+    const sectionHeight = "100%";
+    const wrapperRef = React.useRef(null);
+    /**
+     * Figures out how large the section can be.
+     */
+    const calculateSectionHeight = () => {
+        var _a;
+        let returnHeight = sectionHeight;
+        // If the section can scroll and there's content to measure, measure it. Otherwise
+        // the returnHeight will be 100%.
+        if (props.scrollable && ((_a = wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current) === null || _a === void 0 ? void 0 : _a.children)) {
+            const windowFillHeight = window.portalHeight - wrapperRef.current.offsetTop;
+            // The maximum height is essentially the amount of real estate from the top of the element to the bottom of the window.
+            const calculatedHeight = Array.from(wrapperRef.current.children)
+                .filter((el) => el)
+                .map((el) => el.offsetHeight)
+                .reduce((accumulator, currentValue) => accumulator + currentValue, 0);
+            if (calculatedHeight > windowFillHeight) {
+                return windowFillHeight;
+            }
+            // If we ended up calculating how tall this section should be, we return it.
+            returnHeight = calculatedHeight;
+        }
+        return returnHeight;
+    };
+    /**
+     * Actually sets the style attribute with the calculated height from above.
+     */
+    const applySectionHeight = () => {
+        if (wrapperRef && wrapperRef.current) {
+            var height = calculateSectionHeight();
+            if (typeof height === "number")
+                height = `${height}px`;
+            // height will either be a number or '100%'.
+            wrapperRef.current.setAttribute("style", `height:${height}`);
+        }
+    };
+    /**
+     * Updates the internal state so that our calculations can use the bounds of the window later.
+     */
+    const onBoundsChanged = async () => {
+        const { data: updatedBounds } = await finsembleWindow.getBounds();
+        if (updatedBounds)
+            setBounds(updatedBounds);
+    };
+    /**
+     * Focuses the window when it's shown.
+     */
+    const onWindowShown = () => {
+        finsembleWindow.focus();
+    };
+    /**
+     * On mount (ish) add some listeners. When we unmount (ish), remove those listeners.
+     * Only do this once.
+     */
+    React.useEffect(() => {
+        window.addEventListener("resize", onBoundsChanged);
+        finsembleWindow.addEventListener("shown", onWindowShown);
+        return () => {
+            window.removeEventListener("resize", onBoundsChanged);
+            finsembleWindow.removeEventListener("shown", onWindowShown);
+        };
+    }, []);
+    /**
+     * When the window's bounds change, recalculate the section height.
+     */
+    React.useEffect(() => {
+        applySectionHeight();
+    }, [bounds]);
+    /**
+     * Sets the initial section height.
+     */
+    applySectionHeight();
+    /**
+     * If the section isn't arrangeable, just decorate with classes and render the children.
+     */
+    if (!props.isArrangeable) {
+        let classes = (_a = props.className) !== null && _a !== void 0 ? _a : SECTION_BASE_CLASS;
+        if (classes !== SECTION_BASE_CLASS) {
+            classes = `${classes} ${SECTION_BASE_CLASS}`;
+        }
+        if (props.scrollable) {
+            classes = `${classes} menu-section-scrollable`;
+        }
+        return (React.createElement("div", { ref: wrapperRef, className: classes }, props.children));
+    }
+    else {
+        /**
+         * If a menu section allows for reordering, we have to wrap it in all of the DnD components.
+         * The inner function is wrapping each child in a Draggable element.
+         */
+        return (React.createElement(FinsembleDnDContext, { onDragEnd: props.onDragEnd }, React.Children.map(props.children, (child, i) => {
+            var _a;
+            let isDragDisabled = false;
+            if (typeof ((_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.isDragDisabled) !== "undefined") {
+                ({ isDragDisabled } = child.props);
+            }
+            return (React.createElement(FinsembleDraggable, { isDragDisabled: isDragDisabled, draggableId: uuidv4(), index: i }, child));
+        })));
+    }
+};
+//# sourceMappingURL=FinsembleMenuSection.js.map

package/react/components/legacyControls/FinsembleMenuSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FinsembleMenuSection.js","sourceRoot":"","sources":["../../../src/components/legacyControls/FinsembleMenuSection.tsx"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Copyright 2017 by ChartIQ, Inc.\n * All rights reserved.\n */\n\nimport * as React from \"react\";\nimport { FinsembleDraggable } from \"./FinsembleDraggable\";\nimport { FinsembleDnDContext } from \"./FinsembleDnDContext\";\nconst SECTION_BASE_CLASS = \"menu-section\";\nfunction uuidv4() {\n\treturn \"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx\".replace(/[xy]/g, (c) => {\n\t\tvar r = (Math.random() * 16) | 0,\n\t\t\tv = c === \"x\" ? r : (r & 0x3) | 0x8;\n\t\treturn v.toString(16);\n\t});\n}\n\ntype FinsembleMenuSectionProps = {\n\tscrollable?: boolean;\n\tisArrangeable?: boolean;\n\tonDragEnd: () => void;\n\tclassName?: string;\n};\n\n/**\n * The finsembleMenuSection is essentially a little wrapper around a part of a finsemble menu.\n * It forces scrolling even when content exceeds the height of a section. It also applies some styling.\n */\nexport const FinsembleMenuSection: React.FunctionComponent<FinsembleMenuSectionProps> = (props) => {\n\tconst [bounds, setBounds] = React.useState({ height: 0 });\n\tconst sectionHeight: string | number = \"100%\";\n\tconst wrapperRef: React.Ref<HTMLDivElement> = React.useRef(null);\n\n\t/**\n\t * Figures out how large the section can be.\n\t */\n\tconst calculateSectionHeight = () => {\n\t\tlet returnHeight: string | number = sectionHeight;\n\t\t// If the section can scroll and there's content to measure, measure it. Otherwise\n\t\t// the returnHeight will be 100%.\n\t\tif (props.scrollable && wrapperRef?.current?.children) {\n\t\t\tconst windowFillHeight = (window as any).portalHeight - wrapperRef.current.offsetTop;\n\t\t\t// The maximum height is essentially the amount of real estate from the top of the element to the bottom of the window.\n\t\t\tconst calculatedHeight = (Array.from(wrapperRef.current.children) as HTMLElement[])\n\t\t\t\t.filter((el) => el)\n\t\t\t\t.map((el) => el.offsetHeight)\n\t\t\t\t.reduce((accumulator, currentValue) => accumulator + currentValue, 0);\n\n\t\t\tif (calculatedHeight > windowFillHeight) {\n\t\t\t\treturn windowFillHeight;\n\t\t\t}\n\t\t\t// If we ended up calculating how tall this section should be, we return it.\n\t\t\treturnHeight = calculatedHeight;\n\t\t}\n\t\treturn returnHeight;\n\t};\n\n\t/**\n\t * Actually sets the style attribute with the calculated height from above.\n\t */\n\tconst applySectionHeight = () => {\n\t\tif (wrapperRef && wrapperRef.current) {\n\t\t\tvar height = calculateSectionHeight();\n\t\t\tif (typeof height === \"number\") height = `${height}px`;\n\t\t\t// height will either be a number or '100%'.\n\t\t\twrapperRef.current.setAttribute(\"style\", `height:${height}`);\n\t\t}\n\t};\n\t/**\n\t * Updates the internal state so that our calculations can use the bounds of the window later.\n\t */\n\tconst onBoundsChanged = async () => {\n\t\tconst { data: updatedBounds } = await finsembleWindow.getBounds();\n\t\tif (updatedBounds) setBounds(updatedBounds);\n\t};\n\n\t/**\n\t * Focuses the window when it's shown.\n\t */\n\tconst onWindowShown = () => {\n\t\tfinsembleWindow.focus();\n\t};\n\n\t/**\n\t * On mount (ish) add some listeners. When we unmount (ish), remove those listeners.\n\t * Only do this once.\n\t */\n\tReact.useEffect(() => {\n\t\twindow.addEventListener(\"resize\", onBoundsChanged);\n\t\tfinsembleWindow.addEventListener(\"shown\", onWindowShown);\n\t\treturn () => {\n\t\t\twindow.removeEventListener(\"resize\", onBoundsChanged);\n\t\t\tfinsembleWindow.removeEventListener(\"shown\", onWindowShown);\n\t\t};\n\t}, []);\n\n\t/**\n\t * When the window's bounds change, recalculate the section height.\n\t */\n\tReact.useEffect(() => {\n\t\tapplySectionHeight();\n\t}, [bounds]);\n\n\t/**\n\t * Sets the initial section height.\n\t */\n\tapplySectionHeight();\n\n\t/**\n\t * If the section isn't arrangeable, just decorate with classes and render the children.\n\t */\n\tif (!props.isArrangeable) {\n\t\tlet classes = props.className ?? SECTION_BASE_CLASS;\n\t\tif (classes !== SECTION_BASE_CLASS) {\n\t\t\tclasses = `${classes} ${SECTION_BASE_CLASS}`;\n\t\t}\n\t\tif (props.scrollable) {\n\t\t\tclasses = `${classes} menu-section-scrollable`;\n\t\t}\n\t\treturn (\n\t\t\t<div ref={wrapperRef} className={classes}>\n\t\t\t\t{props.children}\n\t\t\t</div>\n\t\t);\n\t} else {\n\t\t/**\n\t\t * If a menu section allows for reordering, we have to wrap it in all of the DnD components.\n\t\t * The inner function is wrapping each child in a Draggable element.\n\t\t */\n\t\treturn (\n\t\t\t<FinsembleDnDContext onDragEnd={props.onDragEnd}>\n\t\t\t\t{React.Children.map(props.children, (child: any, i) => {\n\t\t\t\t\tlet isDragDisabled = false;\n\t\t\t\t\tif (typeof child?.props?.isDragDisabled !== \"undefined\") {\n\t\t\t\t\t\t({ isDragDisabled } = child.props);\n\t\t\t\t\t}\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<FinsembleDraggable isDragDisabled={isDragDisabled} draggableId={uuidv4()} index={i}>\n\t\t\t\t\t\t\t{child}\n\t\t\t\t\t\t</FinsembleDraggable>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</FinsembleDnDContext>\n\t\t);\n\t}\n};\n"]}

package/react/components/legacyControls/stories/FinsembleDialog.stories.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { FinsembleDialogProps } from "../FinsembleDialog";
+import { Story } from "@storybook/react/types-6-0";
+import "../../../assets/css/dialogs.css";
+declare const _default: {
+    title: string;
+    component: React.FunctionComponent<FinsembleDialogProps>;
+};
+export default _default;
+export declare const Basic: Story<FinsembleDialogProps>;

package/react/components/legacyControls/stories/FinsembleDialog.stories.js

@@ -0,0 +1,21 @@
+import React from "react";
+import { FinsembleDialog } from "../FinsembleDialog";
+import { initFSBL } from "../../common/helpers";
+import { action } from "@storybook/addon-actions";
+import "../../../assets/css/dialogs.css";
+export default {
+    title: "FinsembleDialog/FinsembleDialog",
+    component: FinsembleDialog,
+};
+const Template = (args) => {
+    initFSBL(window);
+    return React.createElement(FinsembleDialog, Object.assign({}, args));
+};
+export const Basic = Template.bind({});
+Basic.args = {
+    isModal: false,
+    className: "Test",
+    onShowRequested: action("Show requested"),
+    children: "This is a test",
+};
+//# sourceMappingURL=FinsembleDialog.stories.js.map

package/react/components/legacyControls/stories/FinsembleDialog.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FinsembleDialog.stories.js","sourceRoot":"","sources":["../../../../src/components/legacyControls/stories/FinsembleDialog.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAwB,MAAM,oBAAoB,CAAC;AAC3E,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,iCAAiC,CAAC;AAEzC,eAAe;IACd,KAAK,EAAE,iCAAiC;IACxC,SAAS,EAAE,eAAe;CAC1B,CAAC;AAEF,MAAM,QAAQ,GAAgC,CAAC,IAA0B,EAAE,EAAE;IAC5E,QAAQ,CAAC,MAAM,CAAC,CAAC;IAEjB,OAAO,oBAAC,eAAe,oBAAK,IAAI,EAAI,CAAC;AACtC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG;IACZ,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,MAAM;IACjB,eAAe,EAAE,MAAM,CAAC,gBAAgB,CAAC;IACzC,QAAQ,EAAE,gBAAgB;CAC1B,CAAC","sourcesContent":["import React from \"react\";\nimport { FinsembleDialog, FinsembleDialogProps } from \"../FinsembleDialog\";\nimport { initFSBL } from \"../../common/helpers\";\nimport { Story } from \"@storybook/react/types-6-0\";\nimport { action } from \"@storybook/addon-actions\";\nimport \"../../../assets/css/dialogs.css\";\n\nexport default {\n\ttitle: \"FinsembleDialog/FinsembleDialog\",\n\tcomponent: FinsembleDialog,\n};\n\nconst Template: Story<FinsembleDialogProps> = (args: FinsembleDialogProps) => {\n\tinitFSBL(window);\n\n\treturn <FinsembleDialog {...args} />;\n};\n\nexport const Basic = Template.bind({});\nBasic.args = {\n\tisModal: false,\n\tclassName: \"Test\",\n\tonShowRequested: action(\"Show requested\"),\n\tchildren: \"This is a test\",\n};\n"]}

package/react/components/legacyControls/stories/FinsembleDialogButton.stories.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { FinsembleDialogButtonProps } from "../FinsembleDialogButton";
+import { Story } from "@storybook/react/types-6-0";
+import "../../../assets/css/dialogs.css";
+declare const _default: {
+    title: string;
+    component: React.FunctionComponent<FinsembleDialogButtonProps>;
+};
+export default _default;
+export declare type tmp = {
+    children: any;
+    onClick?: () => void;
+};
+export declare const Basic: Story<FinsembleDialogButtonProps & tmp>;
+export declare const NoChildren: Story<FinsembleDialogButtonProps & tmp>;
+export declare const NoShow: Story<FinsembleDialogButtonProps & tmp>;
+export declare const CustomClass: Story<FinsembleDialogButtonProps & tmp>;
+export declare const AltButtonSize: Story<FinsembleDialogButtonProps & tmp>;

package/react/components/legacyControls/stories/FinsembleDialogButton.stories.js

@@ -0,0 +1,37 @@
+import React from "react";
+import { FinsembleDialogButton } from "../FinsembleDialogButton";
+import { action } from "@storybook/addon-actions";
+import "../../../assets/css/dialogs.css";
+export default {
+    title: "FinsembleDialog/FinsemleDialogButton",
+    component: FinsembleDialogButton,
+};
+const Template = (args) => (React.createElement(FinsembleDialogButton, Object.assign({}, args)));
+export const Basic = Template.bind({});
+Basic.args = {
+    show: true,
+    children: "Test",
+    onClick: action("onClick"),
+};
+export const NoChildren = Template.bind({});
+NoChildren.args = {
+    show: true,
+};
+export const NoShow = Template.bind({});
+NoShow.args = {
+    show: false,
+    children: "Test",
+};
+export const CustomClass = Template.bind({});
+CustomClass.args = {
+    show: true,
+    className: "fsbl-button-affirmative",
+    children: "Test",
+};
+export const AltButtonSize = Template.bind({});
+AltButtonSize.args = {
+    show: true,
+    buttonSize: "lg",
+    children: "Test",
+};
+//# sourceMappingURL=FinsembleDialogButton.stories.js.map

package/react/components/legacyControls/stories/FinsembleDialogButton.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FinsembleDialogButton.stories.js","sourceRoot":"","sources":["../../../../src/components/legacyControls/stories/FinsembleDialogButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAA8B,MAAM,0BAA0B,CAAC;AAE7F,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,iCAAiC,CAAC;AAEzC,eAAe;IACd,KAAK,EAAE,sCAAsC;IAC7C,SAAS,EAAE,qBAAqB;CAChC,CAAC;AAOF,MAAM,QAAQ,GAA4C,CAAC,IAAsC,EAAE,EAAE,CAAC,CACrG,oBAAC,qBAAqB,oBAAK,IAAI,EAAI,CACnC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG;IACZ,IAAI,EAAE,IAAI;IACV,QAAQ,EAAE,MAAM;IAChB,OAAO,EAAE,MAAM,CAAC,SAAS,CAAC;CAC1B,CAAC;AACF,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5C,UAAU,CAAC,IAAI,GAAG;IACjB,IAAI,EAAE,IAAI;CACV,CAAC;AACF,MAAM,CAAC,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACxC,MAAM,CAAC,IAAI,GAAG;IACb,IAAI,EAAE,KAAK;IACX,QAAQ,EAAE,MAAM;CAChB,CAAC;AACF,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC7C,WAAW,CAAC,IAAI,GAAG;IAClB,IAAI,EAAE,IAAI;IACV,SAAS,EAAE,yBAAyB;IACpC,QAAQ,EAAE,MAAM;CAChB,CAAC;AACF,MAAM,CAAC,MAAM,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC/C,aAAa,CAAC,IAAI,GAAG;IACpB,IAAI,EAAE,IAAI;IACV,UAAU,EAAE,IAAI;IAChB,QAAQ,EAAE,MAAM;CAChB,CAAC","sourcesContent":["import React from \"react\";\nimport { FinsembleDialogButton, FinsembleDialogButtonProps } from \"../FinsembleDialogButton\";\nimport { Story } from \"@storybook/react/types-6-0\";\nimport { action } from \"@storybook/addon-actions\";\nimport \"../../../assets/css/dialogs.css\";\n\nexport default {\n\ttitle: \"FinsembleDialog/FinsemleDialogButton\",\n\tcomponent: FinsembleDialogButton,\n};\n\nexport type tmp = {\n\tchildren: any;\n\tonClick?: () => void;\n};\n\nconst Template: Story<FinsembleDialogButtonProps & tmp> = (args: FinsembleDialogButtonProps & tmp) => (\n\t<FinsembleDialogButton {...args} />\n);\n\nexport const Basic = Template.bind({});\nBasic.args = {\n\tshow: true,\n\tchildren: \"Test\",\n\tonClick: action(\"onClick\"),\n};\nexport const NoChildren = Template.bind({});\nNoChildren.args = {\n\tshow: true,\n};\nexport const NoShow = Template.bind({});\nNoShow.args = {\n\tshow: false,\n\tchildren: \"Test\",\n};\nexport const CustomClass = Template.bind({});\nCustomClass.args = {\n\tshow: true,\n\tclassName: \"fsbl-button-affirmative\",\n\tchildren: \"Test\",\n};\nexport const AltButtonSize = Template.bind({});\nAltButtonSize.args = {\n\tshow: true,\n\tbuttonSize: \"lg\",\n\tchildren: \"Test\",\n};\n"]}

package/react/components/legacyControls/stories/FinsembleDialogQuestion.stories.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { FinsembleDialogQuestionProps } from "../FinsembleDialogQuestion";
+import { Story } from "@storybook/react/types-6-0";
+import "../../../assets/css/dialogs.css";
+declare const _default: {
+    title: string;
+    component: React.FunctionComponent<FinsembleDialogQuestionProps>;
+};
+export default _default;
+export declare type tmp = {
+    children: any;
+    onClick?: () => void;
+};
+export declare const Basic: Story<FinsembleDialogQuestionProps & tmp>;

package/react/components/legacyControls/stories/FinsembleDialogQuestion.stories.js

@@ -0,0 +1,15 @@
+import React from "react";
+import { FinsembleDialogQuestion } from "../FinsembleDialogQuestion";
+import "../../../assets/css/dialogs.css";
+export default {
+    title: "FinsembleDialog/FinsembleDialogQuestion",
+    component: FinsembleDialogQuestion,
+};
+const Template = (args) => (React.createElement(FinsembleDialogQuestion, Object.assign({}, args)));
+export const Basic = Template.bind({});
+Basic.args = {
+    className: "test",
+    question: "Hello World?",
+    children: "42",
+};
+//# sourceMappingURL=FinsembleDialogQuestion.stories.js.map

package/react/components/legacyControls/stories/FinsembleDialogQuestion.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FinsembleDialogQuestion.stories.js","sourceRoot":"","sources":["../../../../src/components/legacyControls/stories/FinsembleDialogQuestion.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,uBAAuB,EAAgC,MAAM,4BAA4B,CAAC;AAEnG,OAAO,iCAAiC,CAAC;AAEzC,eAAe;IACd,KAAK,EAAE,yCAAyC;IAChD,SAAS,EAAE,uBAAuB;CAClC,CAAC;AAOF,MAAM,QAAQ,GAA8C,CAAC,IAAwC,EAAE,EAAE,CAAC,CACzG,oBAAC,uBAAuB,oBAAK,IAAI,EAAI,CACrC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG;IACZ,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE,cAAc;IACxB,QAAQ,EAAE,IAAI;CACd,CAAC","sourcesContent":["import React from \"react\";\nimport { FinsembleDialogQuestion, FinsembleDialogQuestionProps } from \"../FinsembleDialogQuestion\";\nimport { Story } from \"@storybook/react/types-6-0\";\nimport \"../../../assets/css/dialogs.css\";\n\nexport default {\n\ttitle: \"FinsembleDialog/FinsembleDialogQuestion\",\n\tcomponent: FinsembleDialogQuestion,\n};\n\nexport type tmp = {\n\tchildren: any;\n\tonClick?: () => void;\n};\n\nconst Template: Story<FinsembleDialogQuestionProps & tmp> = (args: FinsembleDialogQuestionProps & tmp) => (\n\t<FinsembleDialogQuestion {...args} />\n);\n\nexport const Basic = Template.bind({});\nBasic.args = {\n\tclassName: \"test\",\n\tquestion: \"Hello World?\",\n\tchildren: \"42\",\n};\n"]}

package/react/components/legacyControls/stories/FinsembleDialogTextInput.stories.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { FinsembleDialogTextInputProps } from "../FinsembleDialogTextInput";
+import { Story } from "@storybook/react/types-6-0";
+import "../../../assets/css/dialogs.css";
+declare const _default: {
+    title: string;
+    component: React.FunctionComponent<FinsembleDialogTextInputProps>;
+};
+export default _default;
+export declare const Basic: Story<FinsembleDialogTextInputProps>;
+export declare const AutoFocus: Story<FinsembleDialogTextInputProps>;
+export declare const MaxLength: Story<FinsembleDialogTextInputProps>;
+export declare const Placeholder: Story<FinsembleDialogTextInputProps>;
+export declare const WithLabel: Story<FinsembleDialogTextInputProps>;
+export declare const WithPresetValue: Story<FinsembleDialogTextInputProps>;
+export declare const NumbersOnly: Story<FinsembleDialogTextInputProps>;

package/react/components/legacyControls/stories/FinsembleDialogTextInput.stories.js

@@ -0,0 +1,51 @@
+import React from "react";
+import { FinsembleDialogTextInput } from "../FinsembleDialogTextInput";
+import { action } from "@storybook/addon-actions";
+import "../../../assets/css/dialogs.css";
+export default {
+    title: "FinsembleDialog/FinsembleDialogTextInput",
+    component: FinsembleDialogTextInput,
+};
+const Template = (args) => (React.createElement(FinsembleDialogTextInput, Object.assign({}, args)));
+export const Basic = Template.bind({});
+Basic.args = {
+    autoFocus: false,
+    onInputChange: action("change"),
+};
+export const AutoFocus = Template.bind({});
+AutoFocus.args = {
+    autoFocus: true,
+    onInputChange: action("change"),
+};
+export const MaxLength = Template.bind({});
+MaxLength.args = {
+    autoFocus: false,
+    onInputChange: action("change"),
+    maxLength: 5,
+    inputLabel: "No more than 5 letters",
+};
+export const Placeholder = Template.bind({});
+Placeholder.args = {
+    autoFocus: false,
+    onInputChange: action("change"),
+    placeholder: "Say something",
+};
+export const WithLabel = Template.bind({});
+WithLabel.args = {
+    autoFocus: false,
+    onInputChange: action("change"),
+    inputLabel: "First Name:",
+};
+export const WithPresetValue = Template.bind({});
+WithPresetValue.args = {
+    autoFocus: false,
+    onInputChange: action("change"),
+    value: "John Smith",
+};
+export const NumbersOnly = Template.bind({});
+NumbersOnly.args = {
+    autoFocus: false,
+    onInputChange: action("change"),
+    inputPattern: "^[0-9]*$",
+};
+//# sourceMappingURL=FinsembleDialogTextInput.stories.js.map

package/react/components/legacyControls/stories/FinsembleDialogTextInput.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FinsembleDialogTextInput.stories.js","sourceRoot":"","sources":["../../../../src/components/legacyControls/stories/FinsembleDialogTextInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,wBAAwB,EAAiC,MAAM,6BAA6B,CAAC;AAEtG,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,iCAAiC,CAAC;AAEzC,eAAe;IACd,KAAK,EAAE,0CAA0C;IACjD,SAAS,EAAE,wBAAwB;CACnC,CAAC;AAEF,MAAM,QAAQ,GAAyC,CAAC,IAAmC,EAAE,EAAE,CAAC,CAC/F,oBAAC,wBAAwB,oBAAK,IAAI,EAAI,CACtC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG;IACZ,SAAS,EAAE,KAAK;IAChB,aAAa,EAAE,MAAM,CAAC,QAAQ,CAAC;CAC/B,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,SAAS,CAAC,IAAI,GAAG;IAChB,SAAS,EAAE,IAAI;IACf,aAAa,EAAE,MAAM,CAAC,QAAQ,CAAC;CAC/B,CAAC;AACF,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,SAAS,CAAC,IAAI,GAAG;IAChB,SAAS,EAAE,KAAK;IAChB,aAAa,EAAE,MAAM,CAAC,QAAQ,CAAC;IAC/B,SAAS,EAAE,CAAC;IACZ,UAAU,EAAE,wBAAwB;CACpC,CAAC;AACF,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC7C,WAAW,CAAC,IAAI,GAAG;IAClB,SAAS,EAAE,KAAK;IAChB,aAAa,EAAE,MAAM,CAAC,QAAQ,CAAC;IAC/B,WAAW,EAAE,eAAe;CAC5B,CAAC;AACF,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,SAAS,CAAC,IAAI,GAAG;IAChB,SAAS,EAAE,KAAK;IAChB,aAAa,EAAE,MAAM,CAAC,QAAQ,CAAC;IAC/B,UAAU,EAAE,aAAa;CACzB,CAAC;AACF,MAAM,CAAC,MAAM,eAAe,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACjD,eAAe,CAAC,IAAI,GAAG;IACtB,SAAS,EAAE,KAAK;IAChB,aAAa,EAAE,MAAM,CAAC,QAAQ,CAAC;IAC/B,KAAK,EAAE,YAAY;CACnB,CAAC;AACF,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC7C,WAAW,CAAC,IAAI,GAAG;IAClB,SAAS,EAAE,KAAK;IAChB,aAAa,EAAE,MAAM,CAAC,QAAQ,CAAC;IAC/B,YAAY,EAAE,UAAU;CACxB,CAAC","sourcesContent":["import React from \"react\";\nimport { FinsembleDialogTextInput, FinsembleDialogTextInputProps } from \"../FinsembleDialogTextInput\";\nimport { Story } from \"@storybook/react/types-6-0\";\nimport { action } from \"@storybook/addon-actions\";\nimport \"../../../assets/css/dialogs.css\";\n\nexport default {\n\ttitle: \"FinsembleDialog/FinsembleDialogTextInput\",\n\tcomponent: FinsembleDialogTextInput,\n};\n\nconst Template: Story<FinsembleDialogTextInputProps> = (args: FinsembleDialogTextInputProps) => (\n\t<FinsembleDialogTextInput {...args} />\n);\n\nexport const Basic = Template.bind({});\nBasic.args = {\n\tautoFocus: false,\n\tonInputChange: action(\"change\"),\n};\n\nexport const AutoFocus = Template.bind({});\nAutoFocus.args = {\n\tautoFocus: true,\n\tonInputChange: action(\"change\"),\n};\nexport const MaxLength = Template.bind({});\nMaxLength.args = {\n\tautoFocus: false,\n\tonInputChange: action(\"change\"),\n\tmaxLength: 5,\n\tinputLabel: \"No more than 5 letters\",\n};\nexport const Placeholder = Template.bind({});\nPlaceholder.args = {\n\tautoFocus: false,\n\tonInputChange: action(\"change\"),\n\tplaceholder: \"Say something\",\n};\nexport const WithLabel = Template.bind({});\nWithLabel.args = {\n\tautoFocus: false,\n\tonInputChange: action(\"change\"),\n\tinputLabel: \"First Name:\",\n};\nexport const WithPresetValue = Template.bind({});\nWithPresetValue.args = {\n\tautoFocus: false,\n\tonInputChange: action(\"change\"),\n\tvalue: \"John Smith\",\n};\nexport const NumbersOnly = Template.bind({});\nNumbersOnly.args = {\n\tautoFocus: false,\n\tonInputChange: action(\"change\"),\n\tinputPattern: \"^[0-9]*$\",\n};\n"]}

package/react/components/legacyControls/tests/FinsembleDialog.spec.d.ts

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

package/react/components/legacyControls/tests/FinsembleDialog.spec.js

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { mount } from "enzyme";
+import { describe, it } from "mocha";
+import { expect } from "chai";
+import { Basic } from "../stories/FinsembleDialog.stories";
+describe("<FinsembleDialog/>", () => {
+    it("should display text", () => {
+        const wrapper = mount(React.createElement(Basic, Object.assign({}, Basic.args)));
+        expect(wrapper.find("div").text()).to.equal("This is a test");
+    });
+});
+//# sourceMappingURL=FinsembleDialog.spec.js.map

package/react/components/legacyControls/tests/FinsembleDialog.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FinsembleDialog.spec.js","sourceRoot":"","sources":["../../../../src/components/legacyControls/tests/FinsembleDialog.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,EAAE,KAAK,EAAE,MAAM,oCAAoC,CAAC;AAG3D,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;IACnC,EAAE,CAAC,qBAAqB,EAAE,GAAG,EAAE;QAC9B,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,KAAK,oBAAM,KAAK,CAAC,IAA6B,EAAI,CAAC,CAAC;QAC3E,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC;IAC/D,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 { Basic } from \"../stories/FinsembleDialog.stories\";\nimport { FinsembleDialogProps } from \"../FinsembleDialog\";\n\ndescribe(\"<FinsembleDialog/>\", () => {\n\tit(\"should display text\", () => {\n\t\tconst wrapper = mount(<Basic {...(Basic.args as FinsembleDialogProps)} />);\n\t\texpect(wrapper.find(\"div\").text()).to.equal(\"This is a test\");\n\t});\n});\n"]}

package/react/components/legacyControls/tests/FinsembleDialogButton.spec.d.ts

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

package/react/components/legacyControls/tests/FinsembleDialogButton.spec.js

@@ -0,0 +1,39 @@
+import * as React from "react";
+import { mount } from "enzyme";
+import { describe, it } from "mocha";
+import { expect } from "chai";
+import sinon from "sinon";
+import { Basic, NoChildren, NoShow, CustomClass, AltButtonSize } from "../stories/FinsembleDialogButton.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());
+describe("<FinsembleDialogButton/>", () => {
+    it("should display text", () => {
+        const wrapper = mount(React.createElement(Basic, Object.assign({}, Basic.args)));
+        expect(wrapper.find("div").text()).to.equal("Test");
+    });
+    it("should not be visible if show is false", () => {
+        const wrapper = mount(React.createElement(NoShow, Object.assign({}, NoShow.args)));
+        expect(wrapper.find("div").exists()).to.be.false;
+    });
+    it("should not display text if none is provided", () => {
+        const wrapper = mount(React.createElement(NoChildren, Object.assign({}, NoChildren.args)));
+        expect(wrapper.find("div").text()).to.be.empty;
+    });
+    it("should include custom class if provided", () => {
+        var _a;
+        const wrapper = mount(React.createElement(CustomClass, Object.assign({}, CustomClass.args)));
+        expect(wrapper.find("div").prop("className")).to.contain((_a = CustomClass.args) === null || _a === void 0 ? void 0 : _a.className);
+    });
+    it("should include alternative button size if provided", () => {
+        const wrapper = mount(React.createElement(AltButtonSize, Object.assign({}, AltButtonSize.args)));
+        expect(wrapper.find("div").prop("className")).to.contain("fsbl-button-lg");
+    });
+    it("should call button click action if available", () => {
+        const buttonSpy = sinon.spy(Basic.args, "onClick");
+        const wrapper = mount(React.createElement(Basic, Object.assign({}, Basic.args)));
+        wrapper.find("div").simulate("click");
+        expect(buttonSpy.calledOnce).to.be.true;
+    });
+});
+//# sourceMappingURL=FinsembleDialogButton.spec.js.map

package/react/components/legacyControls/tests/FinsembleDialogButton.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FinsembleDialogButton.spec.js","sourceRoot":"","sources":["../../../../src/components/legacyControls/tests/FinsembleDialogButton.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { mount } from \"enzyme\";\nimport { describe, it } from \"mocha\";\nimport { expect } from \"chai\";\nimport sinon from \"sinon\";\nimport { Basic, NoChildren, NoShow, CustomClass, AltButtonSize, tmp } from \"../stories/FinsembleDialogButton.stories\";\nimport { FinsembleDialogButtonProps } from \"../FinsembleDialogButton\";\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\";\naddons.setChannel(mockChannel());\n\ndescribe(\"<FinsembleDialogButton/>\", () => {\n\tit(\"should display text\", () => {\n\t\tconst wrapper = mount(<Basic {...(Basic.args as FinsembleDialogButtonProps & tmp)} />);\n\t\texpect(wrapper.find(\"div\").text()).to.equal(\"Test\");\n\t});\n\n\tit(\"should not be visible if show is false\", () => {\n\t\tconst wrapper = mount(<NoShow {...(NoShow.args as FinsembleDialogButtonProps & tmp)} />);\n\t\texpect(wrapper.find(\"div\").exists()).to.be.false;\n\t});\n\n\tit(\"should not display text if none is provided\", () => {\n\t\tconst wrapper = mount(<NoChildren {...(NoChildren.args as FinsembleDialogButtonProps & tmp)} />);\n\t\texpect(wrapper.find(\"div\").text()).to.be.empty;\n\t});\n\n\tit(\"should include custom class if provided\", () => {\n\t\tconst wrapper = mount(<CustomClass {...(CustomClass.args as FinsembleDialogButtonProps & tmp)} />);\n\t\texpect(wrapper.find(\"div\").prop(\"className\")).to.contain(CustomClass.args?.className);\n\t});\n\n\tit(\"should include alternative button size if provided\", () => {\n\t\tconst wrapper = mount(<AltButtonSize {...(AltButtonSize.args as FinsembleDialogButtonProps & tmp)} />);\n\t\texpect(wrapper.find(\"div\").prop(\"className\")).to.contain(\"fsbl-button-lg\");\n\t});\n\n\tit(\"should call button click action if available\", () => {\n\t\tconst buttonSpy = sinon.spy(Basic.args as FinsembleDialogButtonProps, \"onClick\");\n\t\tconst wrapper = mount(<Basic {...(Basic.args as FinsembleDialogButtonProps & tmp)} />);\n\t\twrapper.find(\"div\").simulate(\"click\");\n\t\texpect(buttonSpy.calledOnce).to.be.true;\n\t});\n});\n"]}

package/react/components/legacyControls/tests/FinsembleDialogQuestion.spec.d.ts

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

package/react/components/legacyControls/tests/FinsembleDialogQuestion.spec.js

@@ -0,0 +1,19 @@
+import * as React from "react";
+import { mount } from "enzyme";
+import { describe, it } from "mocha";
+import { expect } from "chai";
+import { Basic } from "../stories/FinsembleDialogQuestion.stories";
+describe("<FinsembleDialogQuestion/>", () => {
+    it("should display text", () => {
+        var _a, _b;
+        const wrapper = mount(React.createElement(Basic, Object.assign({}, Basic.args)));
+        expect(wrapper.find("div").text(), "Includes question").to.contain((_a = Basic.args) === null || _a === void 0 ? void 0 : _a.question);
+        expect(wrapper.find("div").text(), "Includes children").to.contain((_b = Basic.args) === null || _b === void 0 ? void 0 : _b.children);
+    });
+    it("should include custom class if provided", () => {
+        var _a;
+        const wrapper = mount(React.createElement(Basic, Object.assign({}, Basic.args)));
+        expect(wrapper.find("div").prop("className")).to.contain((_a = Basic.args) === null || _a === void 0 ? void 0 : _a.className);
+    });
+});
+//# sourceMappingURL=FinsembleDialogQuestion.spec.js.map

package/react/components/legacyControls/tests/FinsembleDialogQuestion.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FinsembleDialogQuestion.spec.js","sourceRoot":"","sources":["../../../../src/components/legacyControls/tests/FinsembleDialogQuestion.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,EAAE,KAAK,EAAO,MAAM,4CAA4C,CAAC;AAGxE,QAAQ,CAAC,4BAA4B,EAAE,GAAG,EAAE;IAC3C,EAAE,CAAC,qBAAqB,EAAE,GAAG,EAAE;;QAC9B,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,KAAK,oBAAM,KAAK,CAAC,IAA2C,EAAI,CAAC,CAAC;QACzF,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,EAAE,mBAAmB,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,MAAA,KAAK,CAAC,IAAI,0CAAE,QAAQ,CAAC,CAAC;QACzF,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,EAAE,mBAAmB,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,MAAA,KAAK,CAAC,IAAI,0CAAE,QAAQ,CAAC,CAAC;IAC1F,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yCAAyC,EAAE,GAAG,EAAE;;QAClD,MAAM,OAAO,GAAG,KAAK,CAAC,oBAAC,KAAK,oBAAM,KAAK,CAAC,IAA2C,EAAI,CAAC,CAAC;QACzF,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,MAAA,KAAK,CAAC,IAAI,0CAAE,SAAS,CAAC,CAAC;IACjF,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 { Basic, tmp } from \"../stories/FinsembleDialogQuestion.stories\";\nimport { FinsembleDialogQuestionProps } from \"../FinsembleDialogQuestion\";\n\ndescribe(\"<FinsembleDialogQuestion/>\", () => {\n\tit(\"should display text\", () => {\n\t\tconst wrapper = mount(<Basic {...(Basic.args as FinsembleDialogQuestionProps & tmp)} />);\n\t\texpect(wrapper.find(\"div\").text(), \"Includes question\").to.contain(Basic.args?.question);\n\t\texpect(wrapper.find(\"div\").text(), \"Includes children\").to.contain(Basic.args?.children);\n\t});\n\n\tit(\"should include custom class if provided\", () => {\n\t\tconst wrapper = mount(<Basic {...(Basic.args as FinsembleDialogQuestionProps & tmp)} />);\n\t\texpect(wrapper.find(\"div\").prop(\"className\")).to.contain(Basic.args?.className);\n\t});\n});\n"]}

package/react/components/legacyControls/tests/FinsembleDialogTextInput.spec.d.ts

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

package/react/components/legacyControls/tests/FinsembleDialogTextInput.spec.js

@@ -0,0 +1,83 @@
+import * as React from "react";
+import { mount } from "enzyme";
+import { describe, it } from "mocha";
+import { expect } from "chai";
+import sinon from "sinon";
+import { Basic, AutoFocus, MaxLength, Placeholder, WithLabel, WithPresetValue, NumbersOnly, } from "../stories/FinsembleDialogTextInput.stories";
+import { accessibilityAssessor } from "../../sdd/tests/a11y_helper";
+// 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("<FinsembleDialogTextInput/>", () => {
+    afterEach(() => {
+        sinon.restore();
+    });
+    it("should pass accessibility tests", async () => {
+        const wrapper = mount(React.createElement(WithLabel, Object.assign({}, WithLabel.args)));
+        expect(await accessibilityAssessor(wrapper)).to.be.true;
+    });
+    it("should auto focus when autofocus=true", () => {
+        const wrapper = mount(React.createElement(AutoFocus, Object.assign({}, AutoFocus.args)));
+        expect(wrapper.find("input").prop("autoFocus")).to.be.true;
+    });
+    it("should not auto focus when autofocus=false", () => {
+        const wrapper = mount(React.createElement(Basic, Object.assign({}, Basic.args)));
+        expect(wrapper.find("input").prop("autoFocus")).to.be.false;
+    });
+    it("should call input callback function", () => {
+        const buttonSpy = sinon.spy(Basic.args, "onInputChange");
+        const wrapper = mount(React.createElement(Basic, Object.assign({}, Basic.args)));
+        wrapper.find("input").simulate("change", {
+            target: {
+                value: "Text",
+            },
+        });
+        expect(buttonSpy.calledOnce).to.be.true;
+    });
+    it("should include label when provided", () => {
+        const wrapper = mount(React.createElement(WithLabel, Object.assign({}, WithLabel.args)));
+        expect(wrapper.find("label").text()).to.not.be.empty;
+    });
+    it("should not include label when not provided", () => {
+        const wrapper = mount(React.createElement(Basic, Object.assign({}, Basic.args)));
+        expect(wrapper.find("label").text()).to.be.empty;
+    });
+    it("should include placeholder, which is not treated as value", () => {
+        var _a;
+        const wrapper = mount(React.createElement(Placeholder, Object.assign({}, Placeholder.args)));
+        expect(wrapper.find("input").prop("placeholder"), "Has a placeholder property").to.equal((_a = Placeholder.args) === null || _a === void 0 ? void 0 : _a.placeholder);
+        expect(wrapper.find("input").prop("value"), "Has not set the value property").to.be.empty;
+    });
+    it("should not allow input of greater than maxLength", () => {
+        const wrapper = mount(React.createElement(MaxLength, Object.assign({}, MaxLength.args)));
+        expect(wrapper.find("input").prop("maxLength")).to.equal(5);
+    });
+    it("should handle presetValue", () => {
+        const wrapper = mount(React.createElement(WithPresetValue, Object.assign({}, WithPresetValue.args)));
+        expect(wrapper.find("input").prop("value"), "Has not set the value property").to.be.not.undefined;
+    });
+    it("should not display letter inputs when only numbers are allowed", () => {
+        const buttonSpy = sinon.spy(NumbersOnly.args, "onInputChange");
+        const wrapper = mount(React.createElement(NumbersOnly, Object.assign({}, NumbersOnly.args)));
+        wrapper.find("input").simulate("change", {
+            target: {
+                value: "123Text",
+            },
+        });
+        expect(buttonSpy.calledOnce).to.be.false;
+        expect(wrapper.find("input").prop("value")).to.be.empty;
+    });
+    it("should display number inputs when only numbers are allowed", () => {
+        const inputValue = "12345";
+        const buttonSpy = sinon.spy(NumbersOnly.args, "onInputChange");
+        const wrapper = mount(React.createElement(NumbersOnly, Object.assign({}, NumbersOnly.args)));
+        wrapper.find("input").simulate("change", {
+            target: {
+                value: inputValue,
+            },
+        });
+        expect(buttonSpy.calledOnce).to.be.true;
+        expect(wrapper.find("input").prop("value")).to.equal(inputValue);
+    });
+});
+//# sourceMappingURL=FinsembleDialogTextInput.spec.js.map

package/react/components/legacyControls/tests/FinsembleDialogTextInput.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FinsembleDialogTextInput.spec.js","sourceRoot":"","sources":["../../../../src/components/legacyControls/tests/FinsembleDialogTextInput.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { mount } from \"enzyme\";\nimport { describe, it } from \"mocha\";\nimport { expect } from \"chai\";\nimport sinon from \"sinon\";\nimport {\n\tBasic,\n\tAutoFocus,\n\tMaxLength,\n\tPlaceholder,\n\tWithLabel,\n\tWithPresetValue,\n\tNumbersOnly,\n} from \"../stories/FinsembleDialogTextInput.stories\";\nimport { FinsembleDialogTextInputProps } from \"../FinsembleDialogTextInput\";\nimport { accessibilityAssessor } from \"../../sdd/tests/a11y_helper\";\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\";\naddons.setChannel(mockChannel());\n\ndescribe(\"<FinsembleDialogTextInput/>\", () => {\n\tafterEach(() => {\n\t\tsinon.restore();\n\t});\n\n\tit(\"should pass accessibility tests\", async () => {\n\t\tconst wrapper = mount(<WithLabel {...(WithLabel.args as FinsembleDialogTextInputProps)} />);\n\t\texpect(await accessibilityAssessor(wrapper)).to.be.true;\n\t});\n\tit(\"should auto focus when autofocus=true\", () => {\n\t\tconst wrapper = mount(<AutoFocus {...(AutoFocus.args as FinsembleDialogTextInputProps)} />);\n\t\texpect(wrapper.find(\"input\").prop(\"autoFocus\")).to.be.true;\n\t});\n\tit(\"should not auto focus when autofocus=false\", () => {\n\t\tconst wrapper = mount(<Basic {...(Basic.args as FinsembleDialogTextInputProps)} />);\n\t\texpect(wrapper.find(\"input\").prop(\"autoFocus\")).to.be.false;\n\t});\n\tit(\"should call input callback function\", () => {\n\t\tconst buttonSpy = sinon.spy(Basic.args as FinsembleDialogTextInputProps, \"onInputChange\");\n\t\tconst wrapper = mount(<Basic {...(Basic.args as FinsembleDialogTextInputProps)} />);\n\t\twrapper.find(\"input\").simulate(\"change\", {\n\t\t\ttarget: {\n\t\t\t\tvalue: \"Text\",\n\t\t\t},\n\t\t});\n\t\texpect(buttonSpy.calledOnce).to.be.true;\n\t});\n\tit(\"should include label when provided\", () => {\n\t\tconst wrapper = mount(<WithLabel {...(WithLabel.args as FinsembleDialogTextInputProps)} />);\n\t\texpect(wrapper.find(\"label\").text()).to.not.be.empty;\n\t});\n\tit(\"should not include label when not provided\", () => {\n\t\tconst wrapper = mount(<Basic {...(Basic.args as FinsembleDialogTextInputProps)} />);\n\t\texpect(wrapper.find(\"label\").text()).to.be.empty;\n\t});\n\tit(\"should include placeholder, which is not treated as value\", () => {\n\t\tconst wrapper = mount(<Placeholder {...(Placeholder.args as FinsembleDialogTextInputProps)} />);\n\t\texpect(wrapper.find(\"input\").prop(\"placeholder\"), \"Has a placeholder property\").to.equal(\n\t\t\tPlaceholder.args?.placeholder\n\t\t);\n\t\texpect(wrapper.find(\"input\").prop(\"value\"), \"Has not set the value property\").to.be.empty;\n\t});\n\tit(\"should not allow input of greater than maxLength\", () => {\n\t\tconst wrapper = mount(<MaxLength {...(MaxLength.args as FinsembleDialogTextInputProps)} />);\n\t\texpect(wrapper.find(\"input\").prop(\"maxLength\")).to.equal(5);\n\t});\n\tit(\"should handle presetValue\", () => {\n\t\tconst wrapper = mount(<WithPresetValue {...(WithPresetValue.args as FinsembleDialogTextInputProps)} />);\n\t\texpect(wrapper.find(\"input\").prop(\"value\"), \"Has not set the value property\").to.be.not.undefined;\n\t});\n\tit(\"should not display letter inputs when only numbers are allowed\", () => {\n\t\tconst buttonSpy = sinon.spy(NumbersOnly.args as FinsembleDialogTextInputProps, \"onInputChange\");\n\t\tconst wrapper = mount(<NumbersOnly {...(NumbersOnly.args as FinsembleDialogTextInputProps)} />);\n\t\twrapper.find(\"input\").simulate(\"change\", {\n\t\t\ttarget: {\n\t\t\t\tvalue: \"123Text\",\n\t\t\t},\n\t\t});\n\t\texpect(buttonSpy.calledOnce).to.be.false;\n\t\texpect(wrapper.find(\"input\").prop(\"value\")).to.be.empty;\n\t});\n\tit(\"should display number inputs when only numbers are allowed\", () => {\n\t\tconst inputValue = \"12345\";\n\t\tconst buttonSpy = sinon.spy(NumbersOnly.args as FinsembleDialogTextInputProps, \"onInputChange\");\n\t\tconst wrapper = mount(<NumbersOnly {...(NumbersOnly.args as FinsembleDialogTextInputProps)} />);\n\t\twrapper.find(\"input\").simulate(\"change\", {\n\t\t\ttarget: {\n\t\t\t\tvalue: inputValue,\n\t\t\t},\n\t\t});\n\t\texpect(buttonSpy.calledOnce).to.be.true;\n\t\texpect(wrapper.find(\"input\").prop(\"value\")).to.equal(inputValue);\n\t});\n});\n"]}

package/react/components/linker/LinkerMenu.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import "../../assets/css/linkerWindow.css";
+/**
+ * The Linker icon on the window titlebar that launches the linker menu.
+ */
+export declare const LinkerMenu: () => JSX.Element;