@finsemble/finsemble-ui 1.0.0-beta-1

package/react/components/shared/BellIcon.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const BellIcon: React.FunctionComponent;
+export default BellIcon;

package/react/components/shared/BellIcon.js

@@ -0,0 +1,8 @@
+import React from "react";
+const BellIcon = () => (React.createElement("div", { className: "finsemble-icon" },
+    React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "23", viewBox: "0 -1 16 20" },
+        React.createElement("g", { fill: "none", fillRule: "evenodd" },
+            React.createElement("g", { fill: "#FFF", fillRule: "nonzero" },
+                React.createElement("path", { d: "M14.104 13.486c-.06-.057-.06-.057-.06-.115V8.057c0-3.028-2.43-5.543-5.451-5.828V.97C8.593.686 8.356.4 8 .4s-.593.229-.593.571V2.23c-3.081.285-5.451 2.8-5.451 5.828v5.314c0 .058 0 .115-.06.115L.474 14.857c-.237.229-.415.572-.415.914v.4c0 .686.593 1.315 1.363 1.315h4.03C5.63 18.686 6.696 19.6 8 19.6s2.37-.914 2.548-2.114h4.03c.71 0 1.363-.572 1.363-1.315v-.4c0-.342-.119-.685-.415-.914l-1.422-1.371zM8 18.457c-.652 0-1.185-.4-1.363-.971h2.726c-.178.571-.711.971-1.363.971zm6.756-2.228c0 .114-.06.171-.178.171H1.422c-.118 0-.178-.057-.178-.171v-.4c0-.058 0-.115.06-.115l1.422-1.371c.237-.229.415-.572.415-.914V8.114c0-2.628 2.192-4.743 4.918-4.743s4.919 2.115 4.919 4.743v5.315c0 .342.118.685.415.914l1.422 1.371c.06.057.06.057.06.115v.4h-.12zM8.474.17h-.948c-.06 0-.119.058-.119.115v2.171c0 .057.06.114.119.114h.948c.06 0 .119-.057.119-.114V.286c0-.057-.06-.115-.119-.115z", transform: "translate(-744 -92) translate(744 92)" }))))));
+export default BellIcon;
+//# sourceMappingURL=BellIcon.js.map

package/react/components/shared/BellIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BellIcon.js","sourceRoot":"","sources":["../../../src/components/shared/BellIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,QAAQ,GAA4B,GAAG,EAAE,CAAC,CAC/C,6BAAK,SAAS,EAAC,gBAAgB;IAC9B,6BAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,YAAY;QAClF,2BAAG,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS;YAChC,2BAAG,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS;gBAChC,8BACC,CAAC,EAAC,02BAA02B,EAC52B,SAAS,EAAC,uCAAuC,GAChD,CACC,CACD,CACC,CACD,CACN,CAAC;AAEF,eAAe,QAAQ,CAAC","sourcesContent":["import React from \"react\";\n\nconst BellIcon: React.FunctionComponent = () => (\n\t<div className=\"finsemble-icon\">\n\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"23\" viewBox=\"0 -1 16 20\">\n\t\t\t<g fill=\"none\" fillRule=\"evenodd\">\n\t\t\t\t<g fill=\"#FFF\" fillRule=\"nonzero\">\n\t\t\t\t\t<path\n\t\t\t\t\t\td=\"M14.104 13.486c-.06-.057-.06-.057-.06-.115V8.057c0-3.028-2.43-5.543-5.451-5.828V.97C8.593.686 8.356.4 8 .4s-.593.229-.593.571V2.23c-3.081.285-5.451 2.8-5.451 5.828v5.314c0 .058 0 .115-.06.115L.474 14.857c-.237.229-.415.572-.415.914v.4c0 .686.593 1.315 1.363 1.315h4.03C5.63 18.686 6.696 19.6 8 19.6s2.37-.914 2.548-2.114h4.03c.71 0 1.363-.572 1.363-1.315v-.4c0-.342-.119-.685-.415-.914l-1.422-1.371zM8 18.457c-.652 0-1.185-.4-1.363-.971h2.726c-.178.571-.711.971-1.363.971zm6.756-2.228c0 .114-.06.171-.178.171H1.422c-.118 0-.178-.057-.178-.171v-.4c0-.058 0-.115.06-.115l1.422-1.371c.237-.229.415-.572.415-.914V8.114c0-2.628 2.192-4.743 4.918-4.743s4.919 2.115 4.919 4.743v5.315c0 .342.118.685.415.914l1.422 1.371c.06.057.06.057.06.115v.4h-.12zM8.474.17h-.948c-.06 0-.119.058-.119.115v2.171c0 .057.06.114.119.114h.948c.06 0 .119-.057.119-.114V.286c0-.057-.06-.115-.119-.115z\"\n\t\t\t\t\t\ttransform=\"translate(-744 -92) translate(744 92)\"\n\t\t\t\t\t/>\n\t\t\t\t</g>\n\t\t\t</g>\n\t\t</svg>\n\t</div>\n);\n\nexport default BellIcon;\n"]}

package/react/components/shared/BellIconCrossed.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const BellIconCrossed: React.FunctionComponent;
+export default BellIconCrossed;

package/react/components/shared/BellIconCrossed.js

@@ -0,0 +1,10 @@
+import React from "react";
+const BellIconCrossed = () => (React.createElement("div", { className: "finsemble-icon" },
+    React.createElement("svg", { viewBox: "-1 0 29 34", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("g", { id: "--Intensa-ISP", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" },
+            React.createElement("g", { id: "Group", transform: "translate(-0.700000, -0.300000)" },
+                React.createElement("g", { transform: "translate(0.700000, 0.300000)" }),
+                React.createElement("path", { d: "M27.1,26.6 L24.7,24.2 C24.6,24.1 24.6,24.1 24.6,24 L24.6,14.7 C24.6,9.4 20.5,5 15.4,4.5 L15.4,2.3 L15.4,1.3 C15.4,1.1 15.3,1 15.1,1 L13.7,1 C13.5,1 13.4,1.1 13.4,1.3 L13.4,2.3 L13.4,4.5 C8.2,5 4.2,9.4 4.2,14.7 L4.2,24 C4.2,24.1 4.2,24.2 4.1,24.2 L1.7,26.6 C1.3,27 1,27.6 1,28.2 L1,28.9 C1,30.1 2,31.2 3.3,31.2 L10.1,31.2 C10.4,33.3 12.2,34.9 14.4,34.9 C16.6,34.9 18.4,33.3 18.7,31.2 L25.5,31.2 C26.7,31.2 27.8,30.2 27.8,28.9 L27.8,28.2 C27.7,27.5 27.5,27 27.1,26.6 Z M14.3,32.8 C13.2,32.8 12.3,32.1 12,31.1 L16.6,31.1 C16.3,32.1 15.4,32.8 14.3,32.8 Z M25.8,28.9 C25.8,29.1 25.7,29.2 25.5,29.2 L3.2,29.2 C3,29.2 2.9,29.1 2.9,28.9 L2.9,28.2 C2.9,28.1 2.9,28 3,28 L5.4,25.6 C5.8,25.2 6.1,24.6 6.1,24 L6.1,14.7 C6.1,10.1 9.8,6.4 14.4,6.4 C19,6.4 22.7,10.1 22.7,14.7 L22.7,24 C22.7,24.6 22.9,25.2 23.4,25.6 L25.8,28 C25.9,28.1 25.9,28.1 25.9,28.2 L25.9,28.9 L25.8,28.9 Z", id: "Shape", fill: "#FFFFFF", fillRule: "nonzero" }),
+                React.createElement("path", { d: "M2.2,7.4 L1.1,8.5 C1,8.6 1,8.7 1.1,8.8 L26.2,33.9 C26.3,34 26.4,34 26.5,33.9 L27.6,32.8 C27.7,32.7 27.7,32.6 27.6,32.5 L2.5,7.4 C2.4,7.3 2.3,7.3 2.2,7.4 Z", id: "Path", fill: "#FFFFFF", fillRule: "nonzero" }))))));
+export default BellIconCrossed;
+//# sourceMappingURL=BellIconCrossed.js.map

package/react/components/shared/BellIconCrossed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BellIconCrossed.js","sourceRoot":"","sources":["../../../src/components/shared/BellIconCrossed.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,eAAe,GAA4B,GAAG,EAAE,CAAC,CACtD,6BAAK,SAAS,EAAC,gBAAgB;IAC9B,6BAAK,OAAO,EAAC,YAAY,EAAC,KAAK,EAAC,4BAA4B;QAC3D,2BAAG,EAAE,EAAC,eAAe,EAAC,MAAM,EAAC,MAAM,EAAC,WAAW,EAAC,GAAG,EAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS;YACjF,2BAAG,EAAE,EAAC,OAAO,EAAC,SAAS,EAAC,iCAAiC;gBACxD,2BAAG,SAAS,EAAC,+BAA+B,GAAK;gBACjD,8BACC,CAAC,EAAC,m2BAAm2B,EACr2B,EAAE,EAAC,OAAO,EACV,IAAI,EAAC,SAAS,EACd,QAAQ,EAAC,SAAS,GACX;gBACR,8BACC,CAAC,EAAC,4JAA4J,EAC9J,EAAE,EAAC,MAAM,EACT,IAAI,EAAC,SAAS,EACd,QAAQ,EAAC,SAAS,GACX,CACL,CACD,CACC,CACD,CACN,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import React from \"react\";\n\nconst BellIconCrossed: React.FunctionComponent = () => (\n\t<div className=\"finsemble-icon\">\n\t\t<svg viewBox=\"-1 0 29 34\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t<g id=\"--Intensa-ISP\" stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n\t\t\t\t<g id=\"Group\" transform=\"translate(-0.700000, -0.300000)\">\n\t\t\t\t\t<g transform=\"translate(0.700000, 0.300000)\"></g>\n\t\t\t\t\t<path\n\t\t\t\t\t\td=\"M27.1,26.6 L24.7,24.2 C24.6,24.1 24.6,24.1 24.6,24 L24.6,14.7 C24.6,9.4 20.5,5 15.4,4.5 L15.4,2.3 L15.4,1.3 C15.4,1.1 15.3,1 15.1,1 L13.7,1 C13.5,1 13.4,1.1 13.4,1.3 L13.4,2.3 L13.4,4.5 C8.2,5 4.2,9.4 4.2,14.7 L4.2,24 C4.2,24.1 4.2,24.2 4.1,24.2 L1.7,26.6 C1.3,27 1,27.6 1,28.2 L1,28.9 C1,30.1 2,31.2 3.3,31.2 L10.1,31.2 C10.4,33.3 12.2,34.9 14.4,34.9 C16.6,34.9 18.4,33.3 18.7,31.2 L25.5,31.2 C26.7,31.2 27.8,30.2 27.8,28.9 L27.8,28.2 C27.7,27.5 27.5,27 27.1,26.6 Z M14.3,32.8 C13.2,32.8 12.3,32.1 12,31.1 L16.6,31.1 C16.3,32.1 15.4,32.8 14.3,32.8 Z M25.8,28.9 C25.8,29.1 25.7,29.2 25.5,29.2 L3.2,29.2 C3,29.2 2.9,29.1 2.9,28.9 L2.9,28.2 C2.9,28.1 2.9,28 3,28 L5.4,25.6 C5.8,25.2 6.1,24.6 6.1,24 L6.1,14.7 C6.1,10.1 9.8,6.4 14.4,6.4 C19,6.4 22.7,10.1 22.7,14.7 L22.7,24 C22.7,24.6 22.9,25.2 23.4,25.6 L25.8,28 C25.9,28.1 25.9,28.1 25.9,28.2 L25.9,28.9 L25.8,28.9 Z\"\n\t\t\t\t\t\tid=\"Shape\"\n\t\t\t\t\t\tfill=\"#FFFFFF\"\n\t\t\t\t\t\tfillRule=\"nonzero\"\n\t\t\t\t\t></path>\n\t\t\t\t\t<path\n\t\t\t\t\t\td=\"M2.2,7.4 L1.1,8.5 C1,8.6 1,8.7 1.1,8.8 L26.2,33.9 C26.3,34 26.4,34 26.5,33.9 L27.6,32.8 C27.7,32.7 27.7,32.6 27.6,32.5 L2.5,7.4 C2.4,7.3 2.3,7.3 2.2,7.4 Z\"\n\t\t\t\t\t\tid=\"Path\"\n\t\t\t\t\t\tfill=\"#FFFFFF\"\n\t\t\t\t\t\tfillRule=\"nonzero\"\n\t\t\t\t\t></path>\n\t\t\t\t</g>\n\t\t\t</g>\n\t\t</svg>\n\t</div>\n);\n\nexport default BellIconCrossed;\n"]}

package/react/components/shared/Button.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import "../../assets/css/button.css";
+export interface IFinsembleButtonProps {
+    buttonLabel: string;
+    clickHandler: Function;
+    classNames?: string;
+}
+declare const Button: React.FunctionComponent<IFinsembleButtonProps>;
+export default Button;

package/react/components/shared/Button.js

@@ -0,0 +1,6 @@
+import React from "react";
+import "../../assets/css/button.css";
+const Button = ({ buttonLabel = "Label", clickHandler = () => { }, classNames = "", }) => (React.createElement("div", { className: `finsemble__btn ${classNames}`, title: buttonLabel.length > 12 ? buttonLabel : "", onClick: () => clickHandler() },
+    React.createElement("span", { className: "btn-label" }, buttonLabel)));
+export default Button;
+//# sourceMappingURL=Button.js.map

package/react/components/shared/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/shared/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,6BAA6B,CAAC;AAQrC,MAAM,MAAM,GAAmD,CAAC,EAC/D,WAAW,GAAG,OAAO,EACrB,YAAY,GAAG,GAAG,EAAE,GAAE,CAAC,EACvB,UAAU,GAAG,EAAE,GACQ,EAAE,EAAE,CAAC,CAC5B,6BACC,SAAS,EAAE,kBAAkB,UAAU,EAAE,EACzC,KAAK,EAAE,WAAW,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EACjD,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,EAAE;IAE7B,8BAAM,SAAS,EAAC,WAAW,IAAE,WAAW,CAAQ,CAC3C,CACN,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import React from \"react\";\nimport \"../../assets/css/button.css\";\n\nexport interface IFinsembleButtonProps {\n\tbuttonLabel: string;\n\tclickHandler: Function;\n\tclassNames?: string;\n}\n\nconst Button: React.FunctionComponent<IFinsembleButtonProps> = ({\n\tbuttonLabel = \"Label\",\n\tclickHandler = () => {},\n\tclassNames = \"\",\n}: IFinsembleButtonProps) => (\n\t<div\n\t\tclassName={`finsemble__btn ${classNames}`}\n\t\ttitle={buttonLabel.length > 12 ? buttonLabel : \"\"}\n\t\tonClick={() => clickHandler()}\n\t>\n\t\t<span className=\"btn-label\">{buttonLabel}</span>\n\t</div>\n);\n\nexport default Button;\n"]}

package/react/components/shared/ConditionalWrapper.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+interface Props {
+    condition: boolean;
+    wrapper: (children: React.PropsWithChildren<any>) => void;
+    children?: React.PropsWithChildren<any>;
+}
+export default function ConditionalWrapper(props: Props): JSX.Element;
+export {};

package/react/components/shared/ConditionalWrapper.js

@@ -0,0 +1,6 @@
+import * as React from "react";
+export default function ConditionalWrapper(props) {
+    const { condition, wrapper, children } = props;
+    return React.createElement(React.Fragment, null, condition ? wrapper(children) : children);
+}
+//# sourceMappingURL=ConditionalWrapper.js.map

package/react/components/shared/ConditionalWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConditionalWrapper.js","sourceRoot":"","sources":["../../../src/components/shared/ConditionalWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,KAAY;IACtD,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE/C,OAAO,0CAAG,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAI,CAAC;AACxD,CAAC","sourcesContent":["import * as React from \"react\";\n\ninterface Props {\n\tcondition: boolean;\n\twrapper: (children: React.PropsWithChildren<any>) => void;\n\tchildren?: React.PropsWithChildren<any>;\n}\n\nexport default function ConditionalWrapper(props: Props) {\n\tconst { condition, wrapper, children } = props;\n\n\treturn <>{condition ? wrapper(children) : children}</>;\n}\n"]}

package/react/components/shared/DefaultDropdownButton.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import "../../assets/css/button.css";
+export interface IFinsembleDefaultDropdownButtonOptionsProps {
+    optionLabel: string;
+    optionValue?: any;
+    clickHandler: Function;
+}
+export interface IFinsembleDefaultDropdownButtonProps {
+    allowEmpty?: boolean;
+    buttonLabel?: string;
+    caretLocation?: "left" | "right";
+    classNames?: string;
+    buttonOptions: Array<IFinsembleDefaultDropdownButtonOptionsProps>;
+    defaultSelection?: IFinsembleDefaultDropdownButtonOptionsProps | null;
+    enabled?: boolean;
+}
+declare const DefaultDropdownButton: React.FunctionComponent<IFinsembleDefaultDropdownButtonProps>;
+export default DefaultDropdownButton;

package/react/components/shared/DefaultDropdownButton.js

@@ -0,0 +1,118 @@
+import React, { useEffect, useMemo, useRef, useState } from "react";
+import "../../assets/css/button.css";
+import { useOutsideClickDetector } from "../../hooks/useOutsideClickDetector";
+const emptyOption = {
+    optionLabel: "Please select..",
+    clickHandler: () => { },
+};
+const DefaultDropdownButton = ({ allowEmpty = true, caretLocation = "left", classNames = "", buttonOptions = [], defaultSelection = null, enabled = true, buttonLabel = "Select value", }) => {
+    const wrapperRef = useRef(null);
+    const uniqueId = useMemo(() => Math.random(), []);
+    const [optionsVisible, toggleOptionsPanel] = useState(false);
+    const [focusIndex, setFocusIndex] = useState(-1);
+    useOutsideClickDetector(wrapperRef, () => toggleOptionsPanel(false));
+    const [selectedValue, setSelectedValue] = useState(defaultSelection);
+    useEffect(() => {
+        if (defaultSelection) {
+            setSelectedValue(defaultSelection);
+        }
+        else {
+            if (allowEmpty) {
+                if (!buttonOptions.includes(emptyOption))
+                    buttonOptions.unshift(emptyOption);
+                setSelectedValue(emptyOption);
+            }
+            else {
+                setSelectedValue(buttonOptions[0]);
+            }
+        }
+    }, [defaultSelection]);
+    const selectOptionByIndex = (index) => {
+        setSelectedValue(buttonOptions[index]);
+        if ("clickHandler" in buttonOptions[index]) {
+            buttonOptions[index].clickHandler();
+        }
+        toggleOptionsPanel(false);
+    };
+    const changeOptionByDirection = (direction) => {
+        if (!selectedValue) {
+            if (direction === "down") {
+                selectOptionByIndex(0);
+            }
+            return;
+        }
+        const optionLabels = buttonOptions.map((opt) => opt.optionLabel);
+        const currentOptionIndex = optionLabels.indexOf(selectedValue.optionLabel);
+        if (direction === "up") {
+            const newIndex = currentOptionIndex - 1;
+            selectOptionByIndex(Math.max(0, newIndex));
+        }
+        else {
+            const newIndex = currentOptionIndex + 1;
+            selectOptionByIndex(Math.min(newIndex, buttonOptions.length - 1));
+        }
+    };
+    const options = buttonOptions.map((option, index) => (React.createElement("div", { key: index, tabIndex: 0, className: "finsemble-dropdown__btn-option", onClick: () => {
+            selectOptionByIndex(index);
+        }, role: "option", "aria-selected": focusIndex === index }, option.optionLabel)));
+    return (React.createElement("div", { tabIndex: enabled ? 0 : -1, ref: wrapperRef, role: "combobox", "aria-haspopup": optionsVisible, "aria-expanded": optionsVisible, "aria-owns": `default-dropdown_${uniqueId}`, "aria-label": "combobox", className: `finsemble-dropdown__btn ${classNames} ${optionsVisible ? "active" : ""}`, onClick: enabled ? () => toggleOptionsPanel(!optionsVisible) : () => { }, onKeyDown: (e) => {
+            if (!enabled) {
+                return;
+            }
+            if (optionsVisible) {
+                // Keyboard navigation for the expanded combobox options
+                if (e.key === "Enter" || e.key === " ") {
+                    // Activate the selected option (equiv: click the hovered option)
+                    selectOptionByIndex(focusIndex);
+                }
+                else if (e.key === "ArrowDown") {
+                    // Select next option down (equiv: hover over the next option down)
+                    setFocusIndex(focusIndex + 1 >= buttonOptions.length ? buttonOptions.length - 1 : focusIndex + 1);
+                    e.preventDefault();
+                }
+                else if (e.key === "ArrowUp") {
+                    // Select next option up (equiv: hover over the next option up)
+                    setFocusIndex(focusIndex - 1 <= 0 ? 0 : focusIndex - 1);
+                    e.preventDefault();
+                }
+                else if (e.key === "Escape") {
+                    // Without activating anything, close the options. (equiv: clicking away)
+                    toggleOptionsPanel(false);
+                    setFocusIndex(0);
+                    e.preventDefault();
+                }
+            }
+            else {
+                // Keyboard navigation for a collapsed combobox
+                if (e.key === "Enter" || e.key === " ") {
+                    // Expand the combobox
+                    toggleOptionsPanel(!optionsVisible);
+                    setFocusIndex(0);
+                    e.preventDefault();
+                }
+                else if (e.key === "ArrowDown") {
+                    if (e.altKey) {
+                        toggleOptionsPanel(!optionsVisible);
+                    }
+                    else {
+                        // Cycle between options (down)
+                        changeOptionByDirection("down");
+                    }
+                    e.preventDefault();
+                }
+                else if (e.key === "ArrowUp") {
+                    // Cycle between options (up)
+                    e.preventDefault();
+                    changeOptionByDirection("up");
+                }
+            }
+        } },
+        caretLocation === "left" ? (React.createElement(React.Fragment, null,
+            React.createElement("i", { "aria-hidden": "true", className: `ff-caret-${optionsVisible ? "up" : "down"}` }),
+            React.createElement("span", { className: "finsemble-dropdown__btn-label", "aria-label": buttonLabel }, selectedValue ? selectedValue.optionLabel : emptyOption.optionLabel))) : (React.createElement(React.Fragment, null,
+            React.createElement("span", { className: "finsemble-dropdown__btn-label", "aria-label": buttonLabel }, selectedValue ? selectedValue.optionLabel : emptyOption.optionLabel),
+            React.createElement("i", { "aria-hidden": "true", className: `ff-caret-${optionsVisible ? "up" : "down"}` }))),
+        optionsVisible ? (React.createElement("div", { id: `default-dropdown_${uniqueId}`, className: "finsemble-dropdown__btn-options" }, options)) : null));
+};
+export default DefaultDropdownButton;
+//# sourceMappingURL=DefaultDropdownButton.js.map

package/react/components/shared/DefaultDropdownButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultDropdownButton.js","sourceRoot":"","sources":["../../../src/components/shared/DefaultDropdownButton.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useMemo, useRef, useState } from \"react\";\nimport \"../../assets/css/button.css\";\nimport { useOutsideClickDetector } from \"../../hooks/useOutsideClickDetector\";\n\nexport interface IFinsembleDefaultDropdownButtonOptionsProps {\n\toptionLabel: string;\n\toptionValue?: any;\n\tclickHandler: Function;\n}\n\nexport interface IFinsembleDefaultDropdownButtonProps {\n\tallowEmpty?: boolean;\n\tbuttonLabel?: string;\n\tcaretLocation?: \"left\" | \"right\";\n\tclassNames?: string;\n\tbuttonOptions: Array<IFinsembleDefaultDropdownButtonOptionsProps>;\n\tdefaultSelection?: IFinsembleDefaultDropdownButtonOptionsProps | null;\n\tenabled?: boolean;\n}\n\nconst emptyOption: IFinsembleDefaultDropdownButtonOptionsProps = {\n\toptionLabel: \"Please select..\",\n\tclickHandler: () => {},\n};\n\nconst DefaultDropdownButton: React.FunctionComponent<IFinsembleDefaultDropdownButtonProps> = ({\n\tallowEmpty = true,\n\tcaretLocation = \"left\",\n\tclassNames = \"\",\n\tbuttonOptions = [],\n\tdefaultSelection = null,\n\tenabled = true,\n\tbuttonLabel = \"Select value\",\n}: IFinsembleDefaultDropdownButtonProps) => {\n\tconst wrapperRef = useRef<HTMLDivElement>(null);\n\tconst uniqueId = useMemo(() => Math.random(), []);\n\tconst [optionsVisible, toggleOptionsPanel] = useState(false);\n\tconst [focusIndex, setFocusIndex] = useState(-1);\n\tuseOutsideClickDetector(wrapperRef, () => toggleOptionsPanel(false));\n\n\tconst [selectedValue, setSelectedValue] = useState<IFinsembleDefaultDropdownButtonOptionsProps | null>(\n\t\tdefaultSelection\n\t);\n\n\tuseEffect(() => {\n\t\tif (defaultSelection) {\n\t\t\tsetSelectedValue(defaultSelection);\n\t\t} else {\n\t\t\tif (allowEmpty) {\n\t\t\t\tif (!buttonOptions.includes(emptyOption)) buttonOptions.unshift(emptyOption);\n\t\t\t\tsetSelectedValue(emptyOption);\n\t\t\t} else {\n\t\t\t\tsetSelectedValue(buttonOptions[0]);\n\t\t\t}\n\t\t}\n\t}, [defaultSelection]);\n\n\tconst selectOptionByIndex = (index: number) => {\n\t\tsetSelectedValue(buttonOptions[index]);\n\t\tif (\"clickHandler\" in buttonOptions[index]) {\n\t\t\tbuttonOptions[index].clickHandler();\n\t\t}\n\t\ttoggleOptionsPanel(false);\n\t};\n\n\tconst changeOptionByDirection = (direction: \"up\" | \"down\") => {\n\t\tif (!selectedValue) {\n\t\t\tif (direction === \"down\") {\n\t\t\t\tselectOptionByIndex(0);\n\t\t\t}\n\t\t\treturn;\n\t\t}\n\n\t\tconst optionLabels = buttonOptions.map((opt) => opt.optionLabel);\n\t\tconst currentOptionIndex = optionLabels.indexOf(selectedValue.optionLabel);\n\n\t\tif (direction === \"up\") {\n\t\t\tconst newIndex = currentOptionIndex - 1;\n\t\t\tselectOptionByIndex(Math.max(0, newIndex));\n\t\t} else {\n\t\t\tconst newIndex = currentOptionIndex + 1;\n\t\t\tselectOptionByIndex(Math.min(newIndex, buttonOptions.length - 1));\n\t\t}\n\t};\n\n\tconst options = buttonOptions.map((option, index) => (\n\t\t<div\n\t\t\tkey={index}\n\t\t\ttabIndex={0}\n\t\t\tclassName=\"finsemble-dropdown__btn-option\"\n\t\t\tonClick={() => {\n\t\t\t\tselectOptionByIndex(index);\n\t\t\t}}\n\t\t\trole=\"option\"\n\t\t\taria-selected={focusIndex === index}\n\t\t>\n\t\t\t{option.optionLabel}\n\t\t</div>\n\t));\n\n\treturn (\n\t\t<div\n\t\t\ttabIndex={enabled ? 0 : -1}\n\t\t\tref={wrapperRef}\n\t\t\trole=\"combobox\"\n\t\t\taria-haspopup={optionsVisible}\n\t\t\taria-expanded={optionsVisible}\n\t\t\taria-owns={`default-dropdown_${uniqueId}`}\n\t\t\taria-label=\"combobox\"\n\t\t\tclassName={`finsemble-dropdown__btn ${classNames} ${optionsVisible ? \"active\" : \"\"}`}\n\t\t\tonClick={enabled ? () => toggleOptionsPanel(!optionsVisible) : () => {}}\n\t\t\tonKeyDown={(e) => {\n\t\t\t\tif (!enabled) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tif (optionsVisible) {\n\t\t\t\t\t// Keyboard navigation for the expanded combobox options\n\t\t\t\t\tif (e.key === \"Enter\" || e.key === \" \") {\n\t\t\t\t\t\t// Activate the selected option (equiv: click the hovered option)\n\t\t\t\t\t\tselectOptionByIndex(focusIndex);\n\t\t\t\t\t} else if (e.key === \"ArrowDown\") {\n\t\t\t\t\t\t// Select next option down (equiv: hover over the next option down)\n\t\t\t\t\t\tsetFocusIndex(focusIndex + 1 >= buttonOptions.length ? buttonOptions.length - 1 : focusIndex + 1);\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t} else if (e.key === \"ArrowUp\") {\n\t\t\t\t\t\t// Select next option up (equiv: hover over the next option up)\n\t\t\t\t\t\tsetFocusIndex(focusIndex - 1 <= 0 ? 0 : focusIndex - 1);\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t} else if (e.key === \"Escape\") {\n\t\t\t\t\t\t// Without activating anything, close the options. (equiv: clicking away)\n\t\t\t\t\t\ttoggleOptionsPanel(false);\n\t\t\t\t\t\tsetFocusIndex(0);\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\t// Keyboard navigation for a collapsed combobox\n\t\t\t\t\tif (e.key === \"Enter\" || e.key === \" \") {\n\t\t\t\t\t\t// Expand the combobox\n\t\t\t\t\t\ttoggleOptionsPanel(!optionsVisible);\n\t\t\t\t\t\tsetFocusIndex(0);\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t} else if (e.key === \"ArrowDown\") {\n\t\t\t\t\t\tif (e.altKey) {\n\t\t\t\t\t\t\ttoggleOptionsPanel(!optionsVisible);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t// Cycle between options (down)\n\t\t\t\t\t\t\tchangeOptionByDirection(\"down\");\n\t\t\t\t\t\t}\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t} else if (e.key === \"ArrowUp\") {\n\t\t\t\t\t\t// Cycle between options (up)\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\tchangeOptionByDirection(\"up\");\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}}\n\t\t>\n\t\t\t{caretLocation === \"left\" ? (\n\t\t\t\t<>\n\t\t\t\t\t<i aria-hidden=\"true\" className={`ff-caret-${optionsVisible ? \"up\" : \"down\"}`} />\n\t\t\t\t\t<span className=\"finsemble-dropdown__btn-label\" aria-label={buttonLabel}>\n\t\t\t\t\t\t{selectedValue ? selectedValue.optionLabel : emptyOption.optionLabel}\n\t\t\t\t\t</span>\n\t\t\t\t</>\n\t\t\t) : (\n\t\t\t\t<>\n\t\t\t\t\t<span className=\"finsemble-dropdown__btn-label\" aria-label={buttonLabel}>\n\t\t\t\t\t\t{selectedValue ? selectedValue.optionLabel : emptyOption.optionLabel}\n\t\t\t\t\t</span>\n\t\t\t\t\t<i aria-hidden=\"true\" className={`ff-caret-${optionsVisible ? \"up\" : \"down\"}`} />\n\t\t\t\t</>\n\t\t\t)}\n\t\t\t{optionsVisible ? (\n\t\t\t\t<div id={`default-dropdown_${uniqueId}`} className=\"finsemble-dropdown__btn-options\">\n\t\t\t\t\t{options}\n\t\t\t\t</div>\n\t\t\t) : null}\n\t\t</div>\n\t);\n};\n\nexport default DefaultDropdownButton;\n"]}

package/react/components/shared/NavigationButton.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import "../../assets/css/button.css";
+export interface IFinsembleNavigationButtonProps {
+    direction: "left" | "right" | "up" | "down";
+    caretLocation: "left" | "right";
+    buttonLabel: string;
+    clickHandler: Function;
+}
+declare const NavigationButton: React.FunctionComponent<IFinsembleNavigationButtonProps>;
+export default NavigationButton;

package/react/components/shared/NavigationButton.js

@@ -0,0 +1,13 @@
+import React from "react";
+import "../../assets/css/button.css";
+const NavigationButton = ({ buttonLabel = "Label", clickHandler = () => { }, direction, caretLocation = "left", }) => (React.createElement("div", { className: "finsemble-navigation__btn", role: "button", tabIndex: 0, onClick: () => clickHandler(), onKeyDown: (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+            clickHandler();
+        }
+    } }, caretLocation === "left" ? (React.createElement(React.Fragment, null,
+    React.createElement("i", { className: `ff-adp-chevron-${direction}` }),
+    React.createElement("span", { className: "finsemble-navigation__btn-label" }, buttonLabel))) : (React.createElement(React.Fragment, null,
+    React.createElement("span", { className: "finsemble-navigation__btn-label" }, buttonLabel),
+    React.createElement("i", { className: `ff-adp-chevron-${direction}` })))));
+export default NavigationButton;
+//# sourceMappingURL=NavigationButton.js.map

package/react/components/shared/NavigationButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationButton.js","sourceRoot":"","sources":["../../../src/components/shared/NavigationButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,6BAA6B,CAAC;AASrC,MAAM,gBAAgB,GAA6D,CAAC,EACnF,WAAW,GAAG,OAAO,EACrB,YAAY,GAAG,GAAG,EAAE,GAAE,CAAC,EACvB,SAAS,EACT,aAAa,GAAG,MAAM,GACW,EAAE,EAAE,CAAC,CACtC,6BACC,SAAS,EAAC,2BAA2B,EACrC,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,EAAE,EAC7B,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;QAChB,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE;YACvC,YAAY,EAAE,CAAC;SACf;IACF,CAAC,IAEA,aAAa,KAAK,MAAM,CAAC,CAAC,CAAC,CAC3B;IACC,2BAAG,SAAS,EAAE,kBAAkB,SAAS,EAAE,GAAI;IAC/C,8BAAM,SAAS,EAAC,iCAAiC,IAAE,WAAW,CAAQ,CACpE,CACH,CAAC,CAAC,CAAC,CACH;IACC,8BAAM,SAAS,EAAC,iCAAiC,IAAE,WAAW,CAAQ;IACtE,2BAAG,SAAS,EAAE,kBAAkB,SAAS,EAAE,GAAI,CAC7C,CACH,CACI,CACN,CAAC;AAEF,eAAe,gBAAgB,CAAC","sourcesContent":["import React from \"react\";\nimport \"../../assets/css/button.css\";\n\nexport interface IFinsembleNavigationButtonProps {\n\tdirection: \"left\" | \"right\" | \"up\" | \"down\";\n\tcaretLocation: \"left\" | \"right\";\n\tbuttonLabel: string;\n\tclickHandler: Function;\n}\n\nconst NavigationButton: React.FunctionComponent<IFinsembleNavigationButtonProps> = ({\n\tbuttonLabel = \"Label\",\n\tclickHandler = () => {},\n\tdirection,\n\tcaretLocation = \"left\",\n}: IFinsembleNavigationButtonProps) => (\n\t<div\n\t\tclassName=\"finsemble-navigation__btn\"\n\t\trole=\"button\"\n\t\ttabIndex={0}\n\t\tonClick={() => clickHandler()}\n\t\tonKeyDown={(e) => {\n\t\t\tif (e.key === \"Enter\" || e.key === \" \") {\n\t\t\t\tclickHandler();\n\t\t\t}\n\t\t}}\n\t>\n\t\t{caretLocation === \"left\" ? (\n\t\t\t<>\n\t\t\t\t<i className={`ff-adp-chevron-${direction}`} />\n\t\t\t\t<span className=\"finsemble-navigation__btn-label\">{buttonLabel}</span>\n\t\t\t</>\n\t\t) : (\n\t\t\t<>\n\t\t\t\t<span className=\"finsemble-navigation__btn-label\">{buttonLabel}</span>\n\t\t\t\t<i className={`ff-adp-chevron-${direction}`} />\n\t\t\t</>\n\t\t)}\n\t</div>\n);\n\nexport default NavigationButton;\n"]}

package/react/components/shared/Tag.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import "../../assets/css/tags.css";
+declare type TagProps = {
+    name: string;
+    removeTag: (tagName: string) => void;
+};
+declare const Tag: (props: TagProps) => JSX.Element;
+export default Tag;

package/react/components/shared/Tag.js

@@ -0,0 +1,23 @@
+/*!
+ * Copyright 2017 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+/**
+ * This component is the name of a component and a pin that will pin that component to all toolbars.
+ *
+ */
+import React from "react";
+import { getTruncatedStringWithEllipses } from "../appCatalog/components/helpers";
+import "../../assets/css/tags.css";
+const Tag = (props) => {
+    const remove = () => {
+        props.removeTag(props.name);
+    };
+    return (React.createElement("div", { className: "app-tag" },
+        React.createElement("div", { className: "tag-content" },
+            React.createElement("div", { className: "tag-name", title: props.name }, getTruncatedStringWithEllipses(props.name)),
+            "\u00A0\u00A0",
+            React.createElement("i", { className: "ff-close tag-delete", onClick: remove }))));
+};
+export default Tag;
+//# sourceMappingURL=Tag.js.map

package/react/components/shared/Tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../src/components/shared/Tag.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH;;;GAGG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AAElF,OAAO,2BAA2B,CAAC;AAOnC,MAAM,GAAG,GAAG,CAAC,KAAe,EAAE,EAAE;IAC/B,MAAM,MAAM,GAAG,GAAG,EAAE;QACnB,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,OAAO,CACN,6BAAK,SAAS,EAAC,SAAS;QACvB,6BAAK,SAAS,EAAC,aAAa;YAC3B,6BAAK,SAAS,EAAC,UAAU,EAAC,KAAK,EAAE,KAAK,CAAC,IAAI,IACzC,8BAA8B,CAAC,KAAK,CAAC,IAAI,CAAC,CACtC;;YAEN,2BAAG,SAAS,EAAC,qBAAqB,EAAC,OAAO,EAAE,MAAM,GAAM,CACnD,CACD,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,GAAG,CAAC","sourcesContent":["/*!\n * Copyright 2017 by ChartIQ, Inc.\n * All rights reserved.\n */\n/**\n * This component is the name of a component and a pin that will pin that component to all toolbars.\n *\n */\nimport React from \"react\";\n\nimport { getTruncatedStringWithEllipses } from \"../appCatalog/components/helpers\";\n\nimport \"../../assets/css/tags.css\";\n\ntype TagProps = {\n\tname: string;\n\tremoveTag: (tagName: string) => void;\n};\n\nconst Tag = (props: TagProps) => {\n\tconst remove = () => {\n\t\tprops.removeTag(props.name);\n\t};\n\n\treturn (\n\t\t<div className=\"app-tag\">\n\t\t\t<div className=\"tag-content\">\n\t\t\t\t<div className=\"tag-name\" title={props.name}>\n\t\t\t\t\t{getTruncatedStringWithEllipses(props.name)}\n\t\t\t\t</div>\n\t\t\t\t&nbsp;&nbsp;\n\t\t\t\t<i className=\"ff-close tag-delete\" onClick={remove}></i>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default Tag;\n"]}

package/react/components/shared/TagsMenu.d.ts

@@ -0,0 +1,36 @@
+/*!
+ * Copyright 2018 by ChartIQ, Inc.
+ * All rights reserved.
+ *
+ */
+import React from "react";
+import "../../assets/css/tags.css";
+interface IProps {
+    active: string[];
+    list: string[];
+    onItemClick: (tag: string) => void;
+    label: string;
+    align: string;
+}
+interface IState {
+    isVisible: boolean;
+}
+/**
+ * A reusable fly out component for tags and any other lists
+ * This component creates a button with a customizable label
+ * and an item click handler.
+ * Example: <TagsMenu label="Tags" align="left" list={list} onItemClick={handler}/>
+ **/
+export default class TagsMenu extends React.Component<IProps, IState> {
+    wrapperRef: any;
+    constructor(props: IProps);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    toggleMenu(): void;
+    onItemClick(item: string): void;
+    setWrapperRef(node: any): void;
+    handleClickOutside(e: MouseEvent): void;
+    renderList(): JSX.Element;
+    render(): JSX.Element;
+}
+export {};

package/react/components/shared/TagsMenu.js

@@ -0,0 +1,78 @@
+/*!
+ * Copyright 2018 by ChartIQ, Inc.
+ * All rights reserved.
+ *
+ */
+import React from "react";
+import "../../assets/css/tags.css";
+/**
+ * A reusable fly out component for tags and any other lists
+ * This component creates a button with a customizable label
+ * and an item click handler.
+ * Example: <TagsMenu label="Tags" align="left" list={list} onItemClick={handler}/>
+ **/
+export default class TagsMenu extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            isVisible: false,
+        };
+        // Bind context
+        this.toggleMenu = this.toggleMenu.bind(this);
+        this.onItemClick = this.onItemClick.bind(this);
+        this.setWrapperRef = this.setWrapperRef.bind(this);
+        this.handleClickOutside = this.handleClickOutside.bind(this);
+    }
+    componentDidMount() {
+        document.addEventListener("mousedown", this.handleClickOutside);
+    }
+    componentWillUnmount() {
+        document.removeEventListener("mousedown", this.handleClickOutside);
+    }
+    toggleMenu() {
+        this.setState({
+            isVisible: !this.state.isVisible,
+        });
+    }
+    onItemClick(item) {
+        this.setState({
+            isVisible: false,
+        });
+        this.props.onItemClick(item);
+    }
+    setWrapperRef(node) {
+        this.wrapperRef = node;
+    }
+    handleClickOutside(e) {
+        if (this.wrapperRef && !this.wrapperRef.contains(e.target)) {
+            this.setState({
+                isVisible: false,
+            });
+        }
+    }
+    renderList() {
+        const items = this.props.list;
+        const styles = this.props.align === "right" ? { right: 0 } : { left: 0 };
+        return (React.createElement("div", { className: "tags-menu", style: styles },
+            React.createElement("ul", null,
+                " ",
+                items.sort().map((item, index) => {
+                    let active = this.props.active.includes(item);
+                    return (React.createElement("li", { key: index, onClick: () => this.onItemClick(item) },
+                        active ? React.createElement("i", { className: "ff-check-mark" }) : React.createElement("div", { className: "tags-checkmark-wrapper" }, "\u00A0"),
+                        "\u00A0\u00A0",
+                        item));
+                }),
+                " ")));
+    }
+    render() {
+        if (this.props.list.length === 0)
+            return React.createElement("div", null);
+        return (React.createElement("div", { ref: this.setWrapperRef, className: "tags-menu-wrapper", onClick: this.toggleMenu },
+            React.createElement("span", null,
+                this.props.label,
+                React.createElement("i", { className: "ff-chevron-down" })),
+            this.state.isVisible && this.renderList()));
+    }
+}
+//# sourceMappingURL=TagsMenu.js.map

package/react/components/shared/TagsMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagsMenu.js","sourceRoot":"","sources":["../../../src/components/shared/TagsMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Copyright 2018 by ChartIQ, Inc.\n * All rights reserved.\n *\n */\n\nimport React from \"react\";\n\nimport \"../../assets/css/tags.css\";\n\ninterface IProps {\n\tactive: string[]; // active tags\n\tlist: string[]; // list of tags\n\tonItemClick: (tag: string) => void;\n\tlabel: string;\n\talign: string;\n}\ninterface IState {\n\tisVisible: boolean;\n}\n\n/**\n * A reusable fly out component for tags and any other lists\n * This component creates a button with a customizable label\n * and an item click handler.\n * Example: <TagsMenu label=\"Tags\" align=\"left\" list={list} onItemClick={handler}/>\n **/\nexport default class TagsMenu extends React.Component<IProps, IState> {\n\twrapperRef: any;\n\n\tconstructor(props: IProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tisVisible: false,\n\t\t};\n\t\t// Bind context\n\t\tthis.toggleMenu = this.toggleMenu.bind(this);\n\t\tthis.onItemClick = this.onItemClick.bind(this);\n\t\tthis.setWrapperRef = this.setWrapperRef.bind(this);\n\t\tthis.handleClickOutside = this.handleClickOutside.bind(this);\n\t}\n\n\tcomponentDidMount() {\n\t\tdocument.addEventListener(\"mousedown\", this.handleClickOutside);\n\t}\n\n\tcomponentWillUnmount() {\n\t\tdocument.removeEventListener(\"mousedown\", this.handleClickOutside);\n\t}\n\n\ttoggleMenu() {\n\t\tthis.setState({\n\t\t\tisVisible: !this.state.isVisible,\n\t\t});\n\t}\n\n\tonItemClick(item: string) {\n\t\tthis.setState({\n\t\t\tisVisible: false,\n\t\t});\n\t\tthis.props.onItemClick(item);\n\t}\n\n\tsetWrapperRef(node: any) {\n\t\tthis.wrapperRef = node;\n\t}\n\n\thandleClickOutside(e: MouseEvent) {\n\t\tif (this.wrapperRef && !this.wrapperRef.contains(e.target)) {\n\t\t\tthis.setState({\n\t\t\t\tisVisible: false,\n\t\t\t});\n\t\t}\n\t}\n\n\trenderList() {\n\t\tconst items = this.props.list;\n\t\tconst styles = this.props.align === \"right\" ? { right: 0 } : { left: 0 };\n\t\treturn (\n\t\t\t<div className=\"tags-menu\" style={styles}>\n\t\t\t\t<ul>\n\t\t\t\t\t{\" \"}\n\t\t\t\t\t{items.sort().map((item, index) => {\n\t\t\t\t\t\tlet active = this.props.active.includes(item);\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<li key={index} onClick={() => this.onItemClick(item)}>\n\t\t\t\t\t\t\t\t{active ? <i className=\"ff-check-mark\" /> : <div className=\"tags-checkmark-wrapper\">&nbsp;</div>}\n\t\t\t\t\t\t\t\t&nbsp;&nbsp;{item}\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}{\" \"}\n\t\t\t\t</ul>\n\t\t\t</div>\n\t\t);\n\t}\n\n\trender() {\n\t\tif (this.props.list.length === 0) return <div></div>;\n\t\treturn (\n\t\t\t<div ref={this.setWrapperRef} className=\"tags-menu-wrapper\" onClick={this.toggleMenu}>\n\t\t\t\t<span>\n\t\t\t\t\t{this.props.label}\n\t\t\t\t\t<i className=\"ff-chevron-down\" />\n\t\t\t\t</span>\n\t\t\t\t{this.state.isVisible && this.renderList()}\n\t\t\t</div>\n\t\t);\n\t}\n}\n"]}

package/react/components/shared/addProtocolToValidURL.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Adds a protocol to a valid URL. booger.io is a valid URL,
+ * but if you try to create a new URL object with it, e.g.,
+ * `new URL("booger.io"), you'll get a javascript exception. No bueno.
+ * @param url
+ */
+export declare function addProtocolToValidURL(url: string): string;

package/react/components/shared/addProtocolToValidURL.js

@@ -0,0 +1,12 @@
+/**
+ * Adds a protocol to a valid URL. booger.io is a valid URL,
+ * but if you try to create a new URL object with it, e.g.,
+ * `new URL("booger.io"), you'll get a javascript exception. No bueno.
+ * @param url
+ */
+export function addProtocolToValidURL(url) {
+    if (url.includes("://"))
+        return url;
+    return `${location.protocol}//${url}`;
+}
+//# sourceMappingURL=addProtocolToValidURL.js.map

package/react/components/shared/addProtocolToValidURL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"addProtocolToValidURL.js","sourceRoot":"","sources":["../../../src/components/shared/addProtocolToValidURL.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,UAAU,qBAAqB,CAAC,GAAW;IAChD,IAAI,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC;QAAE,OAAO,GAAG,CAAC;IACpC,OAAO,GAAG,QAAQ,CAAC,QAAQ,KAAK,GAAG,EAAE,CAAC;AACvC,CAAC","sourcesContent":["/**\n * Adds a protocol to a valid URL. booger.io is a valid URL,\n * but if you try to create a new URL object with it, e.g.,\n * `new URL(\"booger.io\"), you'll get a javascript exception. No bueno.\n * @param url\n */\nexport function addProtocolToValidURL(url: string) {\n\tif (url.includes(\"://\")) return url;\n\treturn `${location.protocol}//${url}`;\n}\n"]}

package/react/components/shared/linkerUtil.d.ts

@@ -0,0 +1,3 @@
+export declare function getChannelLabelFromIndex(channelName: string, allChannels: {
+    name: string;
+}[]): null;

package/react/components/shared/linkerUtil.js

@@ -0,0 +1,10 @@
+export function getChannelLabelFromIndex(channelName, allChannels) {
+    let label = null;
+    allChannels.forEach((channel, index) => {
+        if (channel.name === channelName) {
+            label = index + 1;
+        }
+    });
+    return label;
+}
+//# sourceMappingURL=linkerUtil.js.map

package/react/components/shared/linkerUtil.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"linkerUtil.js","sourceRoot":"","sources":["../../../src/components/shared/linkerUtil.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,wBAAwB,CAAC,WAAmB,EAAE,WAA+B;IAC5F,IAAI,KAAK,GAAG,IAAI,CAAC;IACjB,WAAW,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;QACtC,IAAI,OAAO,CAAC,IAAI,KAAK,WAAW,EAAE;YACjC,KAAK,GAAG,KAAK,GAAG,CAAC,CAAC;SAClB;IACF,CAAC,CAAC,CAAC;IACH,OAAO,KAAK,CAAC;AACd,CAAC","sourcesContent":["export function getChannelLabelFromIndex(channelName: string, allChannels: { name: string }[]) {\n\tlet label = null;\n\tallChannels.forEach((channel, index) => {\n\t\tif (channel.name === channelName) {\n\t\t\tlabel = index + 1;\n\t\t}\n\t});\n\treturn label;\n}\n"]}

package/react/components/shared/openQuitConfirmationDialog.d.ts

@@ -0,0 +1 @@
+export declare const openQuitConfirmationDialog: (type?: string) => Promise<void>;

package/react/components/shared/openQuitConfirmationDialog.js

@@ -0,0 +1,17 @@
+export const openQuitConfirmationDialog = async (type = "Shutdown") => {
+    let { data: appname } = await FSBL.Clients.ConfigClient.getValue("startup_app.name");
+    if (!appname)
+        appname = "Finsemble";
+    FSBL.Clients.DialogManager.open("yesNo", {
+        title: `${type} ${appname}?`,
+        monitor: "primary",
+        question: `Are you sure you want to ${type === "Restart" ? "restart" : "close"} ${appname}?`,
+        hideModalOnClose: true,
+        showNegativeButton: false,
+    }, (err, response) => {
+        if (response && response.choice === "affirmative") {
+            type === "Restart" ? FSBL.restartApplication() : FSBL.shutdownApplication();
+        }
+    });
+};
+//# sourceMappingURL=openQuitConfirmationDialog.js.map

package/react/components/shared/openQuitConfirmationDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"openQuitConfirmationDialog.js","sourceRoot":"","sources":["../../../src/components/shared/openQuitConfirmationDialog.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,0BAA0B,GAAG,KAAK,EAAE,OAAe,UAAU,EAAE,EAAE;IAC7E,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,kBAAkB,CAAC,CAAC;IACrF,IAAI,CAAC,OAAO;QAAE,OAAO,GAAG,WAAW,CAAC;IAEpC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,CAC9B,OAAO,EACP;QACC,KAAK,EAAE,GAAG,IAAI,IAAI,OAAO,GAAG;QAC5B,OAAO,EAAE,SAAS;QAClB,QAAQ,EAAE,4BAA4B,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,IAAI,OAAO,GAAG;QAC5F,gBAAgB,EAAE,IAAI;QACtB,kBAAkB,EAAE,KAAK;KACzB,EACD,CAAC,GAAQ,EAAE,QAA4B,EAAE,EAAE;QAC1C,IAAI,QAAQ,IAAI,QAAQ,CAAC,MAAM,KAAK,aAAa,EAAE;YAClD,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC;SAC5E;IACF,CAAC,CACD,CAAC;AACH,CAAC,CAAC","sourcesContent":["export const openQuitConfirmationDialog = async (type: string = \"Shutdown\") => {\n\tlet { data: appname } = await FSBL.Clients.ConfigClient.getValue(\"startup_app.name\");\n\tif (!appname) appname = \"Finsemble\";\n\n\tFSBL.Clients.DialogManager.open(\n\t\t\"yesNo\",\n\t\t{\n\t\t\ttitle: `${type} ${appname}?`,\n\t\t\tmonitor: \"primary\",\n\t\t\tquestion: `Are you sure you want to ${type === \"Restart\" ? \"restart\" : \"close\"} ${appname}?`,\n\t\t\thideModalOnClose: true,\n\t\t\tshowNegativeButton: false,\n\t\t},\n\t\t(err: any, response: { choice: string }) => {\n\t\t\tif (response && response.choice === \"affirmative\") {\n\t\t\t\ttype === \"Restart\" ? FSBL.restartApplication() : FSBL.shutdownApplication();\n\t\t\t}\n\t\t}\n\t);\n};\n"]}

package/react/components/shared/tests/DefaultDropdownButton.spec.d.ts

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