@finsemble/finsemble-ui 10.0.0-beta.3 → 10.0.0-iocd.2

package/react/components/bloomberg/BloombergLink.js

@@ -0,0 +1,49 @@
+import React, { useEffect, useState } from "react"; // eslint-disable-line
+import { Button } from "../common/Button";
+import { FinsembleIcon } from "../common/FinsembleIcon";
+import { BloombergRelay } from "./BloombergRelay";
+export const BloombergLink = ({ link, onChange, onDelete }) => {
+    const [source, setSource] = useState(Object.assign({}, link.source));
+    const [target, setTarget] = useState(Object.assign({}, link.target));
+    const [bidirectional, setIsBidirectional] = useState(link.bidirectional === true);
+    const [changesPending, setChangesPending] = useState(false);
+    const detectChangesPending = () => JSON.stringify({ source: link.source, target: link.target, bidirectional: link.bidirectional === true }) !==
+        JSON.stringify({ source, target, bidirectional });
+    useEffect(() => {
+        setSource(link.source);
+        setTarget(link.target);
+        setIsBidirectional(link.bidirectional === true);
+    }, [link]);
+    useEffect(() => {
+        setChangesPending(detectChangesPending());
+    }, [source, target, bidirectional]);
+    return (React.createElement("div", { className: "bloomberg-link" },
+        React.createElement("div", { className: "bloomberg-link-fields" },
+            React.createElement(FinsembleIcon, { className: "bloomberg-link-delete", icon: "close", onClick: () => onDelete() }),
+            React.createElement("div", { className: "bloomberg-link-source" },
+                React.createElement(BloombergRelay, { config: source, onChange: (relay) => {
+                        setSource(relay);
+                    } })),
+            React.createElement("div", { className: "bloomberg-link-direction" },
+                React.createElement("select", { onChange: (e) => {
+                        setIsBidirectional(e.currentTarget.value === "bidirectional");
+                    }, value: bidirectional ? "bidirectional" : "source-to-target" },
+                    React.createElement("option", { value: "source-to-target" }, "->"),
+                    React.createElement("option", { value: "bidirectional" }, "<->"))),
+            React.createElement("div", { className: "bloomberg-link-target" },
+                React.createElement(BloombergRelay, { config: target, onChange: (relay) => {
+                        setTarget(relay);
+                    } }))),
+        changesPending && (React.createElement("div", null,
+            React.createElement(Button, { fashion: "secondary", text: "Cancel", onClick: () => {
+                    setSource(Object.assign({}, link.source));
+                    setTarget(Object.assign({}, link.target));
+                    setIsBidirectional(link.bidirectional === true);
+                    setChangesPending(false);
+                } }),
+            React.createElement(Button, { fashion: "primary", text: "Save", onClick: () => {
+                    onChange({ source, target, bidirectional });
+                    setChangesPending(false);
+                } })))));
+};
+//# sourceMappingURL=BloombergLink.js.map

package/react/components/bloomberg/BloombergLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BloombergLink.js","sourceRoot":"","sources":["../../../../../src/ui/components/bloomberg/BloombergLink.tsx"],"names":[],"mappings":"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"}

package/react/components/bloomberg/BloombergRelay.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from "react";
+import { RelaySource } from "../../../platform/services/bloombergBridge/lib/types";
+declare type BloombergRelayType = {
+    config: RelaySource;
+    onChange: (link: RelaySource) => void;
+    children?: ReactNode;
+};
+export declare const BloombergRelay: ({ config, onChange }: BloombergRelayType) => JSX.Element;
+export {};
+//# sourceMappingURL=BloombergRelay.d.ts.map

package/react/components/bloomberg/BloombergRelay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BloombergRelay.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/bloomberg/BloombergRelay.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAC9D,OAAO,EAEN,WAAW,EAEX,MAAM,sDAAsD,CAAC;AAE9D,aAAK,kBAAkB,GAAG;IACzB,MAAM,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,cAAc,yBAA0B,kBAAkB,gBA+HtE,CAAC"}

package/react/components/bloomberg/BloombergRelay.js

@@ -0,0 +1,69 @@
+import React, { useEffect, useState } from "react";
+import { RelayDataType, RelayTransmissionType, } from "../../../platform/services/bloombergBridge/lib/types";
+export const BloombergRelay = ({ config, onChange }) => {
+    var _a;
+    const [type, setType] = useState(config.type);
+    const [data, setData] = useState(config.data);
+    const [id, setID] = useState(config.id);
+    const [args, setArgs] = useState((_a = config.args) !== null && _a !== void 0 ? _a : {});
+    useEffect(() => {
+        var _a;
+        setType(config.type);
+        setData(config.data);
+        setID(config.id);
+        setArgs((_a = config.args) !== null && _a !== void 0 ? _a : {});
+    }, [config]);
+    return (React.createElement("div", { className: "bloomberg-relay" },
+        React.createElement("select", { className: "bloomberg-relay-type", value: type, onChange: (e) => {
+                const { value } = e.currentTarget;
+                let newDataType = RelayDataType.BloombergSecurity;
+                if (value === RelayTransmissionType.FDC3Intent || value === RelayTransmissionType.FDC3Channel) {
+                    newDataType = RelayDataType.FDC3Instrument;
+                }
+                if (value === RelayTransmissionType.FDC3Intent ||
+                    value === RelayTransmissionType.FDC3Channel ||
+                    value === RelayTransmissionType.LaunchPadGroup ||
+                    value === RelayTransmissionType.BloombergCommand ||
+                    value === RelayTransmissionType.BloombergWorksheet) {
+                    onChange({ id, type: value, data: newDataType, args });
+                }
+            } },
+            React.createElement("option", { value: RelayTransmissionType.FDC3Intent }, "FDC3 Intent"),
+            React.createElement("option", { value: RelayTransmissionType.FDC3Channel }, "FDC3 Channel"),
+            React.createElement("option", { value: RelayTransmissionType.LaunchPadGroup }, "LaunchPad Group"),
+            React.createElement("option", { value: RelayTransmissionType.BloombergCommand }, "Bloomberg Command"),
+            React.createElement("option", { value: RelayTransmissionType.BloombergWorksheet }, "Bloomberg Worksheet")),
+        React.createElement("label", null, (config.type === RelayTransmissionType.FDC3Intent && "Intent Name") ||
+            (config.type === RelayTransmissionType.FDC3Channel && "Channel Name (optional)") ||
+            (config.type === RelayTransmissionType.LaunchPadGroup && "Group Name (optional)") ||
+            (config.type === RelayTransmissionType.BloombergCommand && "Command Name") ||
+            (config.type === RelayTransmissionType.BloombergWorksheet && "Worksheet Name")),
+        React.createElement("input", { type: "text", value: id, onChange: (e) => {
+                const { value } = e.currentTarget;
+                onChange({ id: value, type, data, args });
+            } }),
+        type === RelayTransmissionType.BloombergCommand && (React.createElement(React.Fragment, null,
+            React.createElement("label", null, "Panel"),
+            React.createElement("select", { value: args === null || args === void 0 ? void 0 : args.panel, onChange: (e) => {
+                    onChange({
+                        id,
+                        type,
+                        data,
+                        args: Object.assign(Object.assign({}, args), { panel: e.currentTarget.value }),
+                    });
+                } },
+                React.createElement("option", { value: "1" }, "1"),
+                React.createElement("option", { value: "2" }, "2"),
+                React.createElement("option", { value: "3" }, "3"),
+                React.createElement("option", { value: "4" }, "4")),
+            React.createElement("label", null, "Tails"),
+            React.createElement("input", { type: "text", value: args === null || args === void 0 ? void 0 : args.tails, onChange: (e) => {
+                    onChange({
+                        id,
+                        type,
+                        data,
+                        args: Object.assign(Object.assign({}, args), { tails: e.currentTarget.value }),
+                    });
+                } })))));
+};
+//# sourceMappingURL=BloombergRelay.js.map

package/react/components/bloomberg/BloombergRelay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BloombergRelay.js","sourceRoot":"","sources":["../../../../../src/ui/components/bloomberg/BloombergRelay.tsx"],"names":[],"mappings":"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"}

package/react/components/bloomberg/bloombergFDC3.css

@@ -0,0 +1,43 @@
+.bloomberg-link {
+	margin-bottom: 3em;
+	border: 1px solid #999;
+	padding: 2em;
+	border-radius: 10px;
+	position: relative;
+}
+
+.bloomberg-link-fields {
+	display: flex;
+}
+
+.bloomberg-link-delete {
+	position: absolute;
+	top: 1em;
+	right: 1em;
+}
+
+.bloomberg-relay label {
+	display: block;
+	margin-top: 1em;
+}
+
+.bloomberg-link-direction {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 100%;
+}
+
+.bloomberg-relay-type,
+.bloomberg-relay-type:focus,
+.bloomberg-relay-type:active {
+	font-size: 1.2em;
+	border: 1px solid #333;
+	padding: 0.25em;
+	border-radius: 5px;
+}
+
+.bloomberg-links-is-saving {
+	opacity: 0.5;
+	pointer-events: none;
+}

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

@@ -1,27 +1,36 @@
 import React from "react";
 import "./css/button.css";
+import { FinsembleIconType } from "./FinsembleIcon";
 export interface AdvancedButtonProps {
-    icon: "application" | "copy" | "delete" | "edit" | "help" | "manual" | "native" | "publish" | "theme" | "web" | "wizard";
+    icon: FinsembleIconType;
     text: string;
+    displayText?: boolean;
     disabled?: boolean;
     onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
     tabIndex?: number;
+    className?: string;
+    buttonAttributes?: object;
 }
 export interface ButtonProps {
-    fashion: "secondary" | "primary" | "danger" | "ghost" | "danger ghost";
+    fashion: "secondary" | "primary" | "hollow" | "danger" | "ghost" | "danger ghost";
     text: string;
-    iconBefore?: "add" | "left" | "dark" | "light";
-    iconAfter?: "right";
+    iconBefore?: FinsembleIconType;
+    iconAfter?: FinsembleIconType;
     disabled?: boolean;
     onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    className?: string;
+    buttonAttributes?: object;
+    fixedSize?: number;
 }
 export declare const fashion_class_lookup: {
     secondary: string;
     tile: string;
     primary: string;
     icon: string;
+    hollow: string;
     danger: string;
     ghost: string;
     "danger ghost": string;
 };
 export declare const Button: React.FC<ButtonProps>;
+//# sourceMappingURL=Button.d.ts.map

package/react/components/common/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/common/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,kBAAkB,CAAC;AAC1B,OAAO,EAAiB,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEnE,MAAM,WAAW,mBAAmB;IACnC,IAAI,EAAE,iBAAiB,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,WAAW;IAC3B,OAAO,EAAE,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,cAAc,CAAC;IAClF,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,oBAAoB;;;;;;;;;CAShC,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAsBxC,CAAC"}

package/react/components/common/Button.js

@@ -1,21 +1,22 @@
 import React from "react";
 import "./css/button.css";
+import { FinsembleIcon } from "./FinsembleIcon";
 export const fashion_class_lookup = {
     secondary: "button-container-secondary",
     tile: "button-container-tile",
     primary: "button-container-primary",
     icon: "button-container-icon",
+    hollow: "button-container-hollow",
     danger: "button-container-danger",
     ghost: "button-container-ghost",
     "danger ghost": "button-container-danger-ghost",
 };
-export const Button = ({ fashion = "secondary", text = "", iconBefore, iconAfter, disabled = false, onClick = () => { }, }) => {
-    const containerClassName = [
-        fashion_class_lookup[fashion],
-        iconBefore ? `icon-before-${iconBefore}` : "",
-        iconAfter ? `icon-after-${iconAfter}` : "",
-    ].join(" ");
+export const Button = ({ fashion = "secondary", text = "", iconBefore, iconAfter, disabled = false, onClick = () => { }, className = "", buttonAttributes = {}, fixedSize, }) => {
+    const containerClassName = [fashion_class_lookup[fashion], className].join(" ");
     return (React.createElement("div", { className: `${containerClassName}` },
-        React.createElement("button", { onClick: onClick, disabled: disabled }, text)));
+        React.createElement("button", Object.assign({}, buttonAttributes, { onClick: onClick, disabled: disabled, style: { width: fixedSize } }),
+            iconBefore && React.createElement(FinsembleIcon, { className: "button-icon-before", icon: iconBefore }),
+            text,
+            iconAfter && React.createElement(FinsembleIcon, { className: "button-icon-after", icon: iconAfter }))));
 };
 //# sourceMappingURL=Button.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/common/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,kBAAkB,CAAC;AA8B1B,MAAM,CAAC,MAAM,oBAAoB,GAAG;IACnC,SAAS,EAAE,4BAA4B;IACvC,IAAI,EAAE,uBAAuB;IAC7B,OAAO,EAAE,0BAA0B;IACnC,IAAI,EAAE,uBAAuB;IAC7B,MAAM,EAAE,yBAAyB;IACjC,KAAK,EAAE,wBAAwB;IAC/B,cAAc,EAAE,+BAA+B;CAC/C,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAA0B,CAAC,EAC7C,OAAO,GAAG,WAAW,EACrB,IAAI,GAAG,EAAE,EACT,UAAU,EACV,SAAS,EACT,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,GAClB,EAAE,EAAE;IACJ,MAAM,kBAAkB,GAAG;QAC1B,oBAAoB,CAAC,OAAO,CAAC;QAC7B,UAAU,CAAC,CAAC,CAAC,eAAe,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE;QAC7C,SAAS,CAAC,CAAC,CAAC,cAAc,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE;KAC1C,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEZ,OAAO,CACN,6BAAK,SAAS,EAAE,GAAG,kBAAkB,EAAE;QACtC,gCAAQ,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,IAC1C,IAAI,CACG,CACJ,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React from \"react\";\r\nimport \"./css/button.css\";\r\n\r\nexport interface AdvancedButtonProps {\r\n\ticon:\r\n\t\t| \"application\"\r\n\t\t| \"copy\"\r\n\t\t| \"delete\"\r\n\t\t| \"edit\"\r\n\t\t| \"help\"\r\n\t\t| \"manual\"\r\n\t\t| \"native\"\r\n\t\t| \"publish\"\r\n\t\t| \"theme\"\r\n\t\t| \"web\"\r\n\t\t| \"wizard\";\r\n\ttext: string;\r\n\tdisabled?: boolean;\r\n\tonClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;\r\n\ttabIndex?: number;\r\n}\r\n\r\nexport interface ButtonProps {\r\n\tfashion: \"secondary\" | \"primary\" | \"danger\" | \"ghost\" | \"danger ghost\";\r\n\ttext: string;\r\n\ticonBefore?: \"add\" | \"left\" | \"dark\" | \"light\";\r\n\ticonAfter?: \"right\";\r\n\tdisabled?: boolean;\r\n\tonClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;\r\n}\r\n\r\nexport const fashion_class_lookup = {\r\n\tsecondary: \"button-container-secondary\",\r\n\ttile: \"button-container-tile\",\r\n\tprimary: \"button-container-primary\",\r\n\ticon: \"button-container-icon\",\r\n\tdanger: \"button-container-danger\",\r\n\tghost: \"button-container-ghost\",\r\n\t\"danger ghost\": \"button-container-danger-ghost\",\r\n};\r\n\r\nexport const Button: React.FC<ButtonProps> = ({\r\n\tfashion = \"secondary\",\r\n\ttext = \"\",\r\n\ticonBefore,\r\n\ticonAfter,\r\n\tdisabled = false,\r\n\tonClick = () => {},\r\n}) => {\r\n\tconst containerClassName = [\r\n\t\tfashion_class_lookup[fashion],\r\n\t\ticonBefore ? `icon-before-${iconBefore}` : \"\",\r\n\t\ticonAfter ? `icon-after-${iconAfter}` : \"\",\r\n\t].join(\" \");\r\n\r\n\treturn (\r\n\t\t<div className={`${containerClassName}`}>\r\n\t\t\t<button onClick={onClick} disabled={disabled}>\r\n\t\t\t\t{text}\r\n\t\t\t</button>\r\n\t\t</div>\r\n\t);\r\n};\r\n"]}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../src/ui/components/common/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,kBAAkB,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAqB,MAAM,iBAAiB,CAAC;AAyBnE,MAAM,CAAC,MAAM,oBAAoB,GAAG;IACnC,SAAS,EAAE,4BAA4B;IACvC,IAAI,EAAE,uBAAuB;IAC7B,OAAO,EAAE,0BAA0B;IACnC,IAAI,EAAE,uBAAuB;IAC7B,MAAM,EAAE,yBAAyB;IACjC,MAAM,EAAE,yBAAyB;IACjC,KAAK,EAAE,wBAAwB;IAC/B,cAAc,EAAE,+BAA+B;CAC/C,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAA0B,CAAC,EAC7C,OAAO,GAAG,WAAW,EACrB,IAAI,GAAG,EAAE,EACT,UAAU,EACV,SAAS,EACT,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,SAAS,GAAG,EAAE,EACd,gBAAgB,GAAG,EAAE,EACrB,SAAS,GACT,EAAE,EAAE;IACJ,MAAM,kBAAkB,GAAG,CAAC,oBAAoB,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEhF,OAAO,CACN,6BAAK,SAAS,EAAE,GAAG,kBAAkB,EAAE;QACtC,gDAAY,gBAAgB,IAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;YAC7F,UAAU,IAAI,oBAAC,aAAa,IAAC,SAAS,EAAC,oBAAoB,EAAC,IAAI,EAAE,UAAU,GAAkB;YAC9F,IAAI;YACJ,SAAS,IAAI,oBAAC,aAAa,IAAC,SAAS,EAAC,mBAAmB,EAAC,IAAI,EAAE,SAAS,GAAkB,CACpF,CACJ,CACN,CAAC;AACH,CAAC,CAAC"}

package/react/components/common/ButtonIcon.d.ts

@@ -2,3 +2,4 @@ import React from "react";
 import { AdvancedButtonProps } from "./Button";
 import "./css/button.css";
 export declare const ButtonIcon: React.FC<AdvancedButtonProps>;
+//# sourceMappingURL=ButtonIcon.d.ts.map

package/react/components/common/ButtonIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonIcon.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/common/ButtonIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,mBAAmB,EAAwB,MAAM,UAAU,CAAC;AACrE,OAAO,kBAAkB,CAAC;AAG1B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA2BpD,CAAC"}

package/react/components/common/ButtonIcon.js

@@ -1,10 +1,12 @@
 import React from "react";
 import { fashion_class_lookup } from "./Button";
 import "./css/button.css";
-export const ButtonIcon = ({ icon = "", text = "", disabled = false, tabIndex = 0, onClick = () => { }, }) => {
+import { FinsembleIcon } from "./FinsembleIcon";
+export const ButtonIcon = ({ icon, text = "", displayText = false, disabled = false, tabIndex = 0, onClick = () => { }, className = "", buttonAttributes = {}, }) => {
     const containerClassName = fashion_class_lookup.icon;
-    const iconClassName = icon !== "" ? `icon-${icon}` : "";
-    return (React.createElement("div", { className: `${containerClassName} ${iconClassName}` },
-        React.createElement("button", { onClick: onClick, disabled: disabled, title: text, tabIndex: tabIndex })));
+    return (React.createElement("div", { className: `${containerClassName} ${className}` },
+        React.createElement("button", Object.assign({}, buttonAttributes, { onClick: onClick, disabled: disabled, title: text, "aria-label": text, tabIndex: tabIndex }),
+            React.createElement(FinsembleIcon, { icon: icon }),
+            displayText && React.createElement("span", { className: "btn-label" }, text))));
 };
 //# sourceMappingURL=ButtonIcon.js.map

package/react/components/common/ButtonIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonIcon.js","sourceRoot":"","sources":["../../../src/components/common/ButtonIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAuB,oBAAoB,EAAE,MAAM,UAAU,CAAC;AACrE,OAAO,kBAAkB,CAAC;AAE1B,MAAM,CAAC,MAAM,UAAU,GAAkC,CAAC,EACzD,IAAI,GAAG,EAAE,EACT,IAAI,GAAG,EAAE,EACT,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,CAAC,EACZ,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,GAClB,EAAE,EAAE;IACJ,MAAM,kBAAkB,GAAG,oBAAoB,CAAC,IAAI,CAAC;IACrD,MAAM,aAAa,GAAG,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAExD,OAAO,CACN,6BAAK,SAAS,EAAE,GAAG,kBAAkB,IAAI,aAAa,EAAE;QACvD,gCAAQ,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAC5E,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React from \"react\";\r\nimport { AdvancedButtonProps, fashion_class_lookup } from \"./Button\";\r\nimport \"./css/button.css\";\r\n\r\nexport const ButtonIcon: React.FC<AdvancedButtonProps> = ({\r\n\ticon = \"\",\r\n\ttext = \"\",\r\n\tdisabled = false,\r\n\ttabIndex = 0,\r\n\tonClick = () => {},\r\n}) => {\r\n\tconst containerClassName = fashion_class_lookup.icon;\r\n\tconst iconClassName = icon !== \"\" ? `icon-${icon}` : \"\";\r\n\r\n\treturn (\r\n\t\t<div className={`${containerClassName} ${iconClassName}`}>\r\n\t\t\t<button onClick={onClick} disabled={disabled} title={text} tabIndex={tabIndex} />\r\n\t\t</div>\r\n\t);\r\n};\r\n"]}
+{"version":3,"file":"ButtonIcon.js","sourceRoot":"","sources":["../../../../../src/ui/components/common/ButtonIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAuB,oBAAoB,EAAE,MAAM,UAAU,CAAC;AACrE,OAAO,kBAAkB,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,CAAC,MAAM,UAAU,GAAkC,CAAC,EACzD,IAAI,EACJ,IAAI,GAAG,EAAE,EACT,WAAW,GAAG,KAAK,EACnB,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,CAAC,EACZ,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,SAAS,GAAG,EAAE,EACd,gBAAgB,GAAG,EAAE,GACrB,EAAE,EAAE;IACJ,MAAM,kBAAkB,GAAG,oBAAoB,CAAC,IAAI,CAAC;IAErD,OAAO,CACN,6BAAK,SAAS,EAAE,GAAG,kBAAkB,IAAI,SAAS,EAAE;QACnD,gDACK,gBAAgB,IACpB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,IAAI,gBACC,IAAI,EAChB,QAAQ,EAAE,QAAQ;YAElB,oBAAC,aAAa,IAAC,IAAI,EAAE,IAAI,GAAkB;YAC1C,WAAW,IAAI,8BAAM,SAAS,EAAC,WAAW,IAAE,IAAI,CAAQ,CACjD,CACJ,CACN,CAAC;AACH,CAAC,CAAC"}

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

@@ -0,0 +1,16 @@
+import React from "react";
+export interface ButtonRowProps {
+    label?: string;
+    onClick: Function;
+    iconClass?: string;
+    disabled?: boolean;
+    img?: string;
+    showDefaultIcon?: boolean;
+    className?: string;
+    role?: string;
+    tabIndex?: number;
+    ariaSelected?: boolean;
+}
+declare const ButtonRow: React.FC<ButtonRowProps>;
+export default ButtonRow;
+//# sourceMappingURL=ButtonRow.d.ts.map

package/react/components/common/ButtonRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonRow.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/common/ButtonRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,MAAM,WAAW,cAAc;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,QAAQ,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;CACvB;AAWD,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAoCvC,CAAC;AAGF,eAAe,SAAS,CAAC"}

package/react/components/common/ButtonRow.js

@@ -0,0 +1,25 @@
+import React, { useState } from "react";
+import { onClickA11y } from "../utils";
+const defaultProps = {
+    label: "",
+    onClick: () => { },
+    iconClass: "",
+    disabled: false,
+    showDefaultIcon: false,
+    className: "row-btn",
+};
+const ButtonRow = ({ label, onClick, iconClass, disabled, img, showDefaultIcon, className, ariaSelected, role = "button", }) => {
+    const [imgError, setImgError] = useState(false);
+    return (React.createElement("div", Object.assign({ className: disabled ? "row-btn-disabled" : className, role: role, "aria-selected": ariaSelected }, onClickA11y(() => {
+        !disabled && onClick();
+    })),
+        img && (React.createElement("img", { src: img, alt: "", style: showDefaultIcon || imgError ? { display: "none" } : { width: "auto", height: "20px" }, onError: () => {
+                setImgError(true);
+            } })),
+        (showDefaultIcon || imgError) && React.createElement("i", { className: "ff-finsemble default-img" }),
+        React.createElement("span", { className: "row__lbl" }, label),
+        React.createElement("i", { className: iconClass, "aria-hidden": true })));
+};
+ButtonRow.defaultProps = defaultProps;
+export default ButtonRow;
+//# sourceMappingURL=ButtonRow.js.map

package/react/components/common/ButtonRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonRow.js","sourceRoot":"","sources":["../../../../../src/ui/components/common/ButtonRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAevC,MAAM,YAAY,GAAmB;IACpC,KAAK,EAAE,EAAE;IACT,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;IACjB,SAAS,EAAE,EAAE;IACb,QAAQ,EAAE,KAAK;IACf,eAAe,EAAE,KAAK;IACtB,SAAS,EAAE,SAAS;CACpB,CAAC;AAEF,MAAM,SAAS,GAA6B,CAAC,EAC5C,KAAK,EACL,OAAO,EACP,SAAS,EACT,QAAQ,EACR,GAAG,EACH,eAAe,EACf,SAAS,EACT,YAAY,EACZ,IAAI,GAAG,QAAQ,GACf,EAAE,EAAE;IACJ,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,OAAO,CACN,2CACC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,SAAS,EACpD,IAAI,EAAE,IAAI,mBACK,YAAY,IACvB,WAAW,CAAC,GAAG,EAAE;QACpB,CAAC,QAAQ,IAAI,OAAO,EAAE,CAAC;IACxB,CAAC,CAAC;QAED,GAAG,IAAI,CACP,6BACC,GAAG,EAAE,GAAG,EACR,GAAG,EAAC,EAAE,EACN,KAAK,EAAE,eAAe,IAAI,QAAQ,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,EAC5F,OAAO,EAAE,GAAG,EAAE;gBACb,WAAW,CAAC,IAAI,CAAC,CAAC;YACnB,CAAC,GACA,CACF;QACA,CAAC,eAAe,IAAI,QAAQ,CAAC,IAAI,2BAAG,SAAS,EAAC,0BAA0B,GAAG;QAC5E,8BAAM,SAAS,EAAC,UAAU,IAAE,KAAK,CAAQ;QACzC,2BAAG,SAAS,EAAE,SAAS,iBAAe,IAAI,GAAI,CACzC,CACN,CAAC;AACH,CAAC,CAAC;AAEF,SAAS,CAAC,YAAY,GAAG,YAAY,CAAC;AACtC,eAAe,SAAS,CAAC"}

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

@@ -0,0 +1,13 @@
+import React from "react";
+import "./css/checkbox.css";
+export interface CheckboxProps {
+    checked?: boolean;
+    disabled?: boolean;
+    label: string;
+    showLabel?: boolean;
+    id?: string;
+    showIcon?: boolean;
+    onClick?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+}
+export declare const Checkbox: React.FC<CheckboxProps>;
+//# sourceMappingURL=Checkbox.d.ts.map

package/react/components/common/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/common/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,oBAAoB,CAAC;AAI5B,MAAM,WAAW,aAAa;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAGnB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC3D;AAgBD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA6B5C,CAAC"}

package/react/components/common/Checkbox.js

@@ -0,0 +1,20 @@
+import React from "react";
+// import { FinsembleIcon } from "./FinsembleIcon";
+import "./css/checkbox.css";
+import { Icon } from "../icon";
+const TileImage = ({ name }) => {
+    const defaultIcon = {
+        imageType: "initials",
+        name,
+        category: "Application",
+    };
+    return (React.createElement("span", null,
+        React.createElement(Icon, Object.assign({}, defaultIcon))));
+};
+export const Checkbox = ({ checked = false, disabled = false, label, showLabel = true, id, onClick = () => { }, showIcon = false, }) => (React.createElement("div", { className: "checkbox-wrapper" },
+    React.createElement("label", null,
+        React.createElement("input", { type: "checkbox", id: id, disabled: disabled, checked: checked, "aria-label": label, onChange: onClick }),
+        showLabel && (React.createElement("span", null,
+            showIcon && React.createElement(TileImage, { name: label }),
+            label)))));
+//# sourceMappingURL=Checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../../src/ui/components/common/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,mDAAmD;AACnD,OAAO,oBAAoB,CAAC;AAE5B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAc/B,MAAM,SAAS,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IAC9B,MAAM,WAAW,GAAmB;QACnC,SAAS,EAAE,UAAU;QACrB,IAAI;QACJ,QAAQ,EAAE,aAAa;KACvB,CAAC;IAEF,OAAO,CACN;QACC,oBAAC,IAAI,oBAAK,WAAW,EAAI,CACnB,CACP,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EACjD,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,SAAS,GAAG,IAAI,EAChB,EAAE,EACF,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,QAAQ,GAAG,KAAK,GAChB,EAAE,EAAE,CAAC,CACL,6BAAK,SAAS,EAAC,kBAAkB;IAChC;QACC,+BACC,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,gBAEJ,KAAK,EACjB,QAAQ,EAAE,OAAO,GAChB;QAED,SAAS,IAAI,CACb;YACE,QAAQ,IAAI,oBAAC,SAAS,IAAC,IAAI,EAAE,KAAK,GAAI;YACtC,KAAK,CACA,CACP,CACM,CACH,CACN,CAAC"}

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { ContextMenuAction } from "../notifications/types";
+import "../../assets/css/contextMenu.css";
+export interface ContextMenuProps {
+    menuActions: {
+        [key: string]: ContextMenuAction;
+    };
+    message: any;
+    isMuteFilterApplied: boolean;
+}
+export declare const renderContextMenuAction: (message: any, menuAction: ContextMenuAction, isMuted: boolean) => JSX.Element | undefined;
+declare const ContextMenuToggle: ({ menuActions, message, isMuteFilterApplied }: ContextMenuProps) => JSX.Element;
+export default ContextMenuToggle;
+//# sourceMappingURL=ContextMenu.d.ts.map

package/react/components/common/ContextMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/common/ContextMenu.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAM3D,OAAO,kCAAkC,CAAC;AAG1C,MAAM,WAAW,gBAAgB;IAChC,WAAW,EAAE;QACZ,CAAC,GAAG,EAAE,MAAM,GAAG,iBAAiB,CAAC;KACjC,CAAC;IACF,OAAO,EAAE,GAAG,CAAC;IACb,mBAAmB,EAAE,OAAO,CAAC;CAC7B;AAED,eAAO,MAAM,uBAAuB,YAC1B,GAAG,cACA,iBAAiB,WAEpB,OAAO,4BAehB,CAAC;AAkDF,QAAA,MAAM,iBAAiB,kDAAkE,gBAAgB,gBAgBxG,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/react/components/common/ContextMenu.js

@@ -0,0 +1,63 @@
+import React, { useEffect, useRef, useState } from "react";
+import { applyMenuKeyboardNavigation } from "../menu/keyboardNavigation";
+// Hooks
+import { useOutsideClickDetector } from "../../hooks/useOutsideClickDetector";
+// Icons
+import IconButton from "../notifications/components/shared/IconButton";
+// CSS
+import "../../assets/css/contextMenu.css";
+import { onClickA11y } from "../utils";
+export const renderContextMenuAction = (message, menuAction, 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+isMuted) => {
+    if (menuAction.display) {
+        return (React.createElement("div", Object.assign({ key: `${message === null || message === void 0 ? void 0 : message.id}_${menuAction.name}`, className: "context-menu__action", title: menuAction === null || menuAction === void 0 ? void 0 : menuAction.label }, onClickA11y(() => { var _a; return (_a = menuAction === null || menuAction === void 0 ? void 0 : menuAction.action) === null || _a === void 0 ? void 0 : _a.call(menuAction, message); })), menuAction === null || menuAction === void 0 ? void 0 :
+            menuAction.icon,
+            React.createElement("span", { className: "btn-label" }, menuAction === null || menuAction === void 0 ? void 0 : menuAction.label)));
+    }
+};
+/**
+ * Context menu component for notifications that will provide a set of actions
+ * a user can perform on a notification (e.g. dismiss, snooze)
+ */
+const ContextMenu = ({ closeSelf, children }) => {
+    const wrapperRef = useRef(null);
+    const [className, setClassName] = useState("context-menu__container");
+    useOutsideClickDetector(wrapperRef, () => closeSelf(false));
+    const moveElementIntoView = () => {
+        var _a;
+        const bottomViewPort = window.innerHeight + window.scrollY;
+        const domRect = (_a = wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+        const elementBottom = domRect ? domRect.y + domRect.height + window.scrollY : null;
+        const elementLeft = domRect ? domRect.x : null;
+        if (elementBottom && elementBottom > bottomViewPort) {
+            setClassName("context-menu__container flow-up");
+        }
+        if (elementLeft && elementLeft < 0) {
+            setClassName(`${className} flow-right`);
+        }
+    };
+    useEffect(() => {
+        moveElementIntoView();
+    }, [className]);
+    useEffect(() => {
+        window.addEventListener("blur", () => closeSelf(false));
+        return () => {
+            window.removeEventListener("blur", () => closeSelf(false));
+        };
+    }, []);
+    applyMenuKeyboardNavigation(window, ".context-menu__action");
+    return (React.createElement("div", { ref: wrapperRef, className: className }, children));
+};
+const ContextMenuToggle = ({ menuActions, message = null, isMuteFilterApplied = false }) => {
+    const [contextMenuOpen, setContextMenuOpen] = useState(false);
+    const toggleContextMenu = (e) => {
+        setContextMenuOpen(!contextMenuOpen);
+        e === null || e === void 0 ? void 0 : e.preventDefault();
+        e === null || e === void 0 ? void 0 : e.stopPropagation();
+    };
+    const menuActionsElements = Object.values(menuActions).map((value) => renderContextMenuAction(message, value, isMuteFilterApplied));
+    return (React.createElement(IconButton, { iconName: "ff-dots-vert", tooltip: "Options", clickHandler: toggleContextMenu }, contextMenuOpen ? React.createElement(ContextMenu, { closeSelf: setContextMenuOpen }, menuActionsElements) : null));
+};
+export default ContextMenuToggle;
+//# sourceMappingURL=ContextMenu.js.map

package/react/components/common/ContextMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.js","sourceRoot":"","sources":["../../../../../src/ui/components/common/ContextMenu.tsx"],"names":[],"mappings":"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"}

package/react/components/common/Dropdown.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import "./css/dropdown.css";
+interface DropdownOptionProp {
+    label?: string;
+    value: string;
+}
+export interface DropdownProps {
+    options: DropdownOptionProp[];
+    selected: string;
+    onChange: (newValue: string) => void;
+    className?: string;
+}
+export declare const Dropdown: ({ options, selected, onChange, className }: DropdownProps) => JSX.Element;
+export {};
+//# sourceMappingURL=Dropdown.d.ts.map

package/react/components/common/Dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/common/Dropdown.tsx"],"names":[],"mappings":";AAEA,OAAO,oBAAoB,CAAC;AAG5B,UAAU,kBAAkB;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,aAAa;IAC7B,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,QAAQ,+CAAqD,aAAa,gBAgGtF,CAAC"}

package/react/components/common/Dropdown.js

@@ -0,0 +1,83 @@
+import React, { useState, useRef, useEffect } from "react";
+import { useOutsideClickDetector } from "../../hooks/useOutsideClickDetector";
+import "./css/dropdown.css";
+import { FinsembleIcon } from "./FinsembleIcon";
+export const Dropdown = ({ options, selected, onChange, className = "" }) => {
+    var _a, _b;
+    const wrapperRef = useRef(null);
+    const optionsRef = useRef(null);
+    const [expanded, setExpanded] = useState(false);
+    const [keyFlag, setKeyFlag] = useState(false);
+    const selectedOptionIndex = options.findIndex((opt) => opt.value === selected);
+    const selectedOption = options[selectedOptionIndex];
+    const displayText = (_b = (_a = selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label) !== null && _a !== void 0 ? _a : selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value) !== null && _b !== void 0 ? _b : "";
+    const targetBoxKeyPress = (e) => {
+        switch (e.key) {
+            case "Enter": {
+                setKeyFlag(true);
+                setExpanded(true);
+                break;
+            }
+            case "ArrowDown": {
+                if (e.altKey) {
+                    setExpanded(true);
+                }
+                else if (selectedOptionIndex < options.length - 1) {
+                    onChange(options[selectedOptionIndex + 1].value);
+                }
+                break;
+            }
+            case "ArrowUp": {
+                if (selectedOptionIndex > 0) {
+                    onChange(options[selectedOptionIndex - 1].value);
+                }
+                break;
+            }
+            default: {
+            }
+        }
+    };
+    const optionsKeyPress = (e, option) => {
+        var _a;
+        const actions = {
+            Enter: () => {
+                onChange(option.value);
+                setExpanded(false);
+            },
+            ArrowDown: () => {
+                var _a, _b, _c;
+                (_c = (_b = (_a = optionsRef === null || optionsRef === void 0 ? void 0 : optionsRef.current) === null || _a === void 0 ? void 0 : _a.querySelector(`:focus`)) === null || _b === void 0 ? void 0 : _b.nextSibling) === null || _c === void 0 ? void 0 : _c.focus();
+            },
+            ArrowUp: () => {
+                var _a, _b, _c;
+                (_c = (_b = (_a = optionsRef === null || optionsRef === void 0 ? void 0 : optionsRef.current) === null || _a === void 0 ? void 0 : _a.querySelector(`:focus`)) === null || _b === void 0 ? void 0 : _b.previousSibling) === null || _c === void 0 ? void 0 : _c.focus();
+            },
+            Escape: () => setExpanded(false),
+        };
+        (_a = actions[e.key]) === null || _a === void 0 ? void 0 : _a.call(actions);
+    };
+    useOutsideClickDetector(wrapperRef, () => {
+        setExpanded(false);
+    });
+    useEffect(() => {
+        var _a, _b;
+        if (keyFlag) {
+            (_b = (_a = optionsRef === null || optionsRef === void 0 ? void 0 : optionsRef.current) === null || _a === void 0 ? void 0 : _a.querySelector(`div.option[data-value='${selected}']`)) === null || _b === void 0 ? void 0 : _b.focus();
+        }
+    }, [expanded]);
+    return (React.createElement("div", { className: `dropdown-wrapper ${className}`, ref: wrapperRef },
+        React.createElement("div", { className: "targetBox", tabIndex: 0, role: "combobox", "aria-expanded": expanded, onKeyDown: targetBoxKeyPress, onClick: () => {
+                setKeyFlag(false);
+                setExpanded(!expanded);
+            } },
+            React.createElement("span", { className: "text" }, displayText),
+            React.createElement(FinsembleIcon, { icon: "caret" })),
+        React.createElement("div", { className: "options", ref: optionsRef }, options.map((opt) => {
+            var _a;
+            return (React.createElement("div", { className: "option", tabIndex: 0, "data-value": opt.value, key: opt.value, onKeyDown: (e) => optionsKeyPress(e, opt), onClick: () => {
+                    onChange(opt.value);
+                    setExpanded(false);
+                } }, (_a = opt.label) !== null && _a !== void 0 ? _a : opt.value));
+        }))));
+};
+//# sourceMappingURL=Dropdown.js.map