@finsemble/finsemble-ui 7.3.9 → 7.3.10

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

@@ -4,6 +4,7 @@ import { FinsembleIconType } from "./FinsembleIcon";
 export interface AdvancedButtonProps {
     icon: FinsembleIconType;
     text: string;
+    displayText?: boolean;
     disabled?: boolean;
     onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
     tabIndex?: number;
@@ -11,7 +12,7 @@ export interface AdvancedButtonProps {
     buttonAttributes?: object;
 }
 export interface ButtonProps {
-    fashion: "secondary" | "primary" | "danger" | "ghost" | "danger ghost";
+    fashion: "secondary" | "primary" | "hollow" | "danger" | "ghost" | "danger ghost";
     text: string;
     iconBefore?: FinsembleIconType;
     iconAfter?: FinsembleIconType;
@@ -26,8 +27,10 @@ export declare const fashion_class_lookup: {
     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

@@ -6,6 +6,7 @@ export const fashion_class_lookup = {
     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",

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;AAC1B,OAAO,EAAE,aAAa,EAAqB,MAAM,iBAAiB,CAAC;AAwBnE,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,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","sourcesContent":["import React from \"react\";\nimport \"./css/button.css\";\nimport { FinsembleIcon, FinsembleIconType } from \"./FinsembleIcon\";\n\nexport interface AdvancedButtonProps {\n\ticon: FinsembleIconType;\n\ttext: string;\n\tdisabled?: boolean;\n\tonClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n\ttabIndex?: number;\n\tclassName?: string;\n\tbuttonAttributes?: object;\n}\n\nexport interface ButtonProps {\n\tfashion: \"secondary\" | \"primary\" | \"danger\" | \"ghost\" | \"danger ghost\";\n\ttext: string;\n\ticonBefore?: FinsembleIconType;\n\ticonAfter?: FinsembleIconType;\n\tdisabled?: boolean;\n\tonClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n\tclassName?: string;\n\tbuttonAttributes?: object;\n\tfixedSize?: number;\n}\n\nexport const fashion_class_lookup = {\n\tsecondary: \"button-container-secondary\",\n\ttile: \"button-container-tile\",\n\tprimary: \"button-container-primary\",\n\ticon: \"button-container-icon\",\n\tdanger: \"button-container-danger\",\n\tghost: \"button-container-ghost\",\n\t\"danger ghost\": \"button-container-danger-ghost\",\n};\n\nexport const Button: React.FC<ButtonProps> = ({\n\tfashion = \"secondary\",\n\ttext = \"\",\n\ticonBefore,\n\ticonAfter,\n\tdisabled = false,\n\tonClick = () => {},\n\tclassName = \"\",\n\tbuttonAttributes = {},\n\tfixedSize,\n}) => {\n\tconst containerClassName = [fashion_class_lookup[fashion], className].join(\" \");\n\n\treturn (\n\t\t<div className={`${containerClassName}`}>\n\t\t\t<button {...buttonAttributes} onClick={onClick} disabled={disabled} style={{ width: fixedSize }}>\n\t\t\t\t{iconBefore && <FinsembleIcon className=\"button-icon-before\" icon={iconBefore}></FinsembleIcon>}\n\t\t\t\t{text}\n\t\t\t\t{iconAfter && <FinsembleIcon className=\"button-icon-after\" icon={iconAfter}></FinsembleIcon>}\n\t\t\t</button>\n\t\t</div>\n\t);\n};\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

@@ -2,10 +2,11 @@ import React from "react";
 import { fashion_class_lookup } from "./Button";
 import "./css/button.css";
 import { FinsembleIcon } from "./FinsembleIcon";
-export const ButtonIcon = ({ icon, text = "", disabled = false, tabIndex = 0, onClick = () => { }, className = "", buttonAttributes = {}, }) => {
+export const ButtonIcon = ({ icon, text = "", displayText = false, disabled = false, tabIndex = 0, onClick = () => { }, className = "", buttonAttributes = {}, }) => {
     const containerClassName = fashion_class_lookup.icon;
     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 }))));
+            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;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,CAAC,MAAM,UAAU,GAAkC,CAAC,EACzD,IAAI,EACJ,IAAI,GAAG,EAAE,EACT,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,CACnC,CACJ,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React from \"react\";\nimport { AdvancedButtonProps, fashion_class_lookup } from \"./Button\";\nimport \"./css/button.css\";\nimport { FinsembleIcon } from \"./FinsembleIcon\";\n\nexport const ButtonIcon: React.FC<AdvancedButtonProps> = ({\n\ticon,\n\ttext = \"\",\n\tdisabled = false,\n\ttabIndex = 0,\n\tonClick = () => {},\n\tclassName = \"\",\n\tbuttonAttributes = {},\n}) => {\n\tconst containerClassName = fashion_class_lookup.icon;\n\n\treturn (\n\t\t<div className={`${containerClassName} ${className}`}>\n\t\t\t<button\n\t\t\t\t{...buttonAttributes}\n\t\t\t\tonClick={onClick}\n\t\t\t\tdisabled={disabled}\n\t\t\t\ttitle={text}\n\t\t\t\taria-label={text}\n\t\t\t\ttabIndex={tabIndex}\n\t\t\t>\n\t\t\t\t<FinsembleIcon icon={icon}></FinsembleIcon>\n\t\t\t</button>\n\t\t</div>\n\t);\n};\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

@@ -13,3 +13,4 @@ export interface ButtonRowProps {
 }
 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

@@ -1,4 +1,5 @@
 import React, { useState } from "react";
+import { onClickA11y } from "../utils";
 const defaultProps = {
     label: "",
     onClick: () => { },
@@ -9,15 +10,9 @@ const defaultProps = {
 };
 const ButtonRow = ({ label, onClick, iconClass, disabled, img, showDefaultIcon, className, ariaSelected, role = "button", }) => {
     const [imgError, setImgError] = useState(false);
-    return (React.createElement("div", { className: disabled ? "row-btn-disabled" : className, role: role, tabIndex: 0, "aria-selected": ariaSelected, onClick: () => {
-            if (!disabled) {
-                onClick();
-            }
-        }, onKeyDown: (e) => {
-            if ((e.key === "Enter" || e.key === " ") && !disabled) {
-                onClick();
-            }
-        } },
+    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);
             } })),

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonRow.js","sourceRoot":"","sources":["../../../src/components/common/ButtonRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAexC,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,6BACC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,SAAS,EACpD,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,CAAC,mBACI,YAAY,EAC3B,OAAO,EAAE,GAAG,EAAE;YACb,IAAI,CAAC,QAAQ,EAAE;gBACd,OAAO,EAAE,CAAC;aACV;QACF,CAAC,EACD,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;YAChB,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,IAAI,CAAC,QAAQ,EAAE;gBACtD,OAAO,EAAE,CAAC;aACV;QACF,CAAC;QAEA,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","sourcesContent":["import React, { useState } from \"react\";\n\nexport interface ButtonRowProps {\n\tlabel?: string;\n\tonClick: Function;\n\ticonClass?: string;\n\tdisabled?: boolean;\n\timg?: string;\n\tshowDefaultIcon?: boolean;\n\tclassName?: string;\n\trole?: string;\n\ttabIndex?: number;\n\tariaSelected?: boolean;\n}\n\nconst defaultProps: ButtonRowProps = {\n\tlabel: \"\",\n\tonClick: () => {},\n\ticonClass: \"\",\n\tdisabled: false,\n\tshowDefaultIcon: false,\n\tclassName: \"row-btn\",\n};\n\nconst ButtonRow: React.FC<ButtonRowProps> = ({\n\tlabel,\n\tonClick,\n\ticonClass,\n\tdisabled,\n\timg,\n\tshowDefaultIcon,\n\tclassName,\n\tariaSelected,\n\trole = \"button\",\n}) => {\n\tconst [imgError, setImgError] = useState(false);\n\treturn (\n\t\t<div\n\t\t\tclassName={disabled ? \"row-btn-disabled\" : className}\n\t\t\trole={role}\n\t\t\ttabIndex={0}\n\t\t\taria-selected={ariaSelected}\n\t\t\tonClick={() => {\n\t\t\t\tif (!disabled) {\n\t\t\t\t\tonClick();\n\t\t\t\t}\n\t\t\t}}\n\t\t\tonKeyDown={(e) => {\n\t\t\t\tif ((e.key === \"Enter\" || e.key === \" \") && !disabled) {\n\t\t\t\t\tonClick();\n\t\t\t\t}\n\t\t\t}}\n\t\t>\n\t\t\t{img && (\n\t\t\t\t<img\n\t\t\t\t\tsrc={img}\n\t\t\t\t\talt=\"\"\n\t\t\t\t\tstyle={showDefaultIcon || imgError ? { display: \"none\" } : { width: \"auto\", height: \"20px\" }}\n\t\t\t\t\tonError={() => {\n\t\t\t\t\t\tsetImgError(true);\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{(showDefaultIcon || imgError) && <i className=\"ff-finsemble default-img\" />}\n\t\t\t<span className=\"row__lbl\">{label}</span>\n\t\t\t<i className={iconClass} aria-hidden={true} />\n\t\t</div>\n\t);\n};\n\nButtonRow.defaultProps = defaultProps;\nexport default ButtonRow;\n"]}
+{"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

@@ -6,6 +6,8 @@ export interface CheckboxProps {
     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,KAAmB,MAAM,OAAO,CAAC;AAExC,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

@@ -1,8 +1,20 @@
 import React from "react";
 // import { FinsembleIcon } from "./FinsembleIcon";
 import "./css/checkbox.css";
-export const Checkbox = ({ checked = false, disabled = false, label, showLabel = true, id, onClick = () => { }, }) => (React.createElement("div", { className: "checkbox-wrapper" },
+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, label))));
+        showLabel && (React.createElement("span", null,
+            showIcon && React.createElement(TileImage, { name: label }),
+            label)))));
 //# sourceMappingURL=Checkbox.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/common/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,mDAAmD;AACnD,OAAO,oBAAoB,CAAC;AAa5B,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,GAClB,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;QACD,SAAS,IAAI,kCAAO,KAAK,CAAQ,CAC3B,CACH,CACN,CAAC","sourcesContent":["import React from \"react\";\n// import { FinsembleIcon } from \"./FinsembleIcon\";\nimport \"./css/checkbox.css\";\n\nexport interface CheckboxProps {\n\tchecked?: boolean;\n\tdisabled?: boolean;\n\t/* A label should always be provided, at minimum for accessibility.\n\tIf a visible label shouldn't be displayed, use showLabel=false */\n\tlabel: string;\n\tshowLabel?: boolean;\n\tid?: string;\n\tonClick?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\nexport const Checkbox: React.FC<CheckboxProps> = ({\n\tchecked = false,\n\tdisabled = false,\n\tlabel,\n\tshowLabel = true,\n\tid,\n\tonClick = () => {},\n}) => (\n\t<div className=\"checkbox-wrapper\">\n\t\t<label>\n\t\t\t<input\n\t\t\t\ttype=\"checkbox\"\n\t\t\t\tid={id}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tchecked={checked}\n\t\t\t\t/* In case showLabel=false, we still want a screen reader to know what the label is. */\n\t\t\t\taria-label={label}\n\t\t\t\tonChange={onClick}\n\t\t\t/>\n\t\t\t{showLabel && <span>{label}</span>}\n\t\t</label>\n\t</div>\n);\n"]}
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../../src/ui/components/common/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,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

@@ -11,3 +11,4 @@ export interface ContextMenuProps {
 export declare const renderContextMenuAction: (message: any, menuAction: ContextMenuAction, isMuted: boolean) => JSX.Element | undefined;
 declare const ContextMenuToggle: React.FunctionComponent<ContextMenuProps>;
 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":"AAAA,OAAO,KAAgE,MAAM,OAAO,CAAC;AAOrF,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;AA+CF,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAoBhE,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/react/components/common/ContextMenu.js

@@ -6,20 +6,12 @@ import { useOutsideClickDetector } from "../../hooks/useOutsideClickDetector";
 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", { key: `${message === null || message === void 0 ? void 0 : message.id}_${menuAction.name}`, className: "context-menu__action", tabIndex: 0, title: menuAction === null || menuAction === void 0 ? void 0 : menuAction.label, onClick: () => {
-                var _a;
-                (_a = menuAction === null || menuAction === void 0 ? void 0 : menuAction.action) === null || _a === void 0 ? void 0 : _a.call(menuAction, message);
-            }, onKeyDown: (e) => {
-                var _a;
-                if (e.key === "Enter") {
-                    e.stopPropagation();
-                    (_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 :
+        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)));
     }
@@ -59,8 +51,10 @@ const ContextMenu = ({ closeSelf, children }) => {
 };
 const ContextMenuToggle = ({ menuActions, message = null, isMuteFilterApplied = false, }) => {
     const [contextMenuOpen, setContextMenuOpen] = useState(false);
-    const toggleContextMenu = () => {
+    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));

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

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.js","sourceRoot":"","sources":["../../../src/components/common/ContextMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { Dispatch, SetStateAction, useEffect, useRef, useState } from \"react\";\nimport { applyMenuKeyboardNavigation } from \"../menu/keyboardNavigation\";\n\n// Hooks\nimport { useOutsideClickDetector } from \"../../hooks/useOutsideClickDetector\";\n\n// Types\nimport { ContextMenuAction } from \"../notifications/types\";\n\n// Icons\nimport IconButton from \"../notifications/components/shared/IconButton\";\n\n// CSS\nimport \"../../assets/css/contextMenu.css\";\n\nexport interface ContextMenuProps {\n\tmenuActions: {\n\t\t[key: string]: ContextMenuAction;\n\t};\n\tmessage: any;\n\tisMuteFilterApplied: boolean;\n}\n\nexport const renderContextMenuAction = (\n\tmessage: any,\n\tmenuAction: ContextMenuAction,\n\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\n\tisMuted: boolean\n) => {\n\tif (menuAction.display) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tkey={`${message?.id}_${menuAction.name}`}\n\t\t\t\tclassName=\"context-menu__action\"\n\t\t\t\ttabIndex={0}\n\t\t\t\ttitle={menuAction?.label}\n\t\t\t\tonClick={() => {\n\t\t\t\t\tmenuAction?.action?.(message);\n\t\t\t\t}}\n\t\t\t\tonKeyDown={(e) => {\n\t\t\t\t\tif (e.key === \"Enter\") {\n\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\tmenuAction?.action?.(message);\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{menuAction?.icon}\n\t\t\t\t<span className=\"btn-label\">{menuAction?.label}</span>\n\t\t\t</div>\n\t\t);\n\t}\n};\n/**\n * Context menu component for notifications that will provide a set of actions\n * a user can perform on a notification (e.g. dismiss, snooze)\n */\nconst ContextMenu: React.FunctionComponent<{\n\tcloseSelf: Dispatch<SetStateAction<boolean>>;\n}> = ({ closeSelf, children }) => {\n\tconst wrapperRef = useRef<HTMLDivElement>(null);\n\tconst [className, setClassName] = useState(\"context-menu__container\");\n\tuseOutsideClickDetector(wrapperRef, () => closeSelf(false));\n\n\tconst moveElementIntoView = () => {\n\t\tconst bottomViewPort = window.innerHeight + window.scrollY;\n\t\tconst domRect = wrapperRef?.current?.getBoundingClientRect();\n\t\tconst elementBottom = domRect ? domRect.y + domRect.height + window.scrollY : null;\n\t\tconst elementLeft = domRect ? domRect.x : null;\n\n\t\tif (elementBottom && elementBottom > bottomViewPort) {\n\t\t\tsetClassName(\"context-menu__container flow-up\");\n\t\t}\n\n\t\tif (elementLeft && elementLeft < 0) {\n\t\t\tsetClassName(`${className} flow-right`);\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tmoveElementIntoView();\n\t}, [className]);\n\n\tuseEffect(() => {\n\t\twindow.addEventListener(\"blur\", () => closeSelf(false));\n\n\t\treturn () => {\n\t\t\twindow.removeEventListener(\"blur\", () => closeSelf(false));\n\t\t};\n\t}, []);\n\n\tapplyMenuKeyboardNavigation(window, \".context-menu__action\");\n\treturn (\n\t\t<div ref={wrapperRef} className={className}>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n\nconst ContextMenuToggle: React.FunctionComponent<ContextMenuProps> = ({\n\tmenuActions,\n\tmessage = null,\n\tisMuteFilterApplied = false,\n}) => {\n\tconst [contextMenuOpen, setContextMenuOpen] = useState(false);\n\tconst toggleContextMenu = () => {\n\t\tsetContextMenuOpen(!contextMenuOpen);\n\t};\n\tconst menuActionsElements = Object.values(menuActions).map((value) =>\n\t\trenderContextMenuAction(message, value, isMuteFilterApplied)\n\t);\n\n\treturn (\n\t\t<IconButton iconName=\"ff-dots-vert\" tooltip=\"Options\" clickHandler={toggleContextMenu}>\n\t\t\t{contextMenuOpen ? <ContextMenu closeSelf={setContextMenuOpen}>{menuActionsElements}</ContextMenu> : null}\n\t\t</IconButton>\n\t);\n};\n\nexport default ContextMenuToggle;\n"]}
+{"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

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

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

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

@@ -8,3 +8,4 @@ export interface IFinsembleDropdownActionButtonProps {
 }
 declare const DropdownButton: React.FunctionComponent<IFinsembleDropdownActionButtonProps>;
 export default DropdownButton;
+//# sourceMappingURL=DropdownButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownButton.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/common/DropdownButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,6BAA6B,CAAC;AAErC,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAGzD,MAAM,WAAW,mCAAmC;IACnD,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,KAAK,CAAC,qBAAqB,CAAC,CAAC;IAC5C,UAAU,EAAE,QAAQ,CAAC;CACrB;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,mCAAmC,CAwFhF,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/react/components/common/DropdownButton.js

@@ -1,6 +1,7 @@
 import React, { useState, useRef, useEffect } from "react";
 import "../../assets/css/button.css";
 import { useOutsideClickDetector } from "../../hooks/useOutsideClickDetector";
+import { onClickA11y } from "../utils";
 const DropdownButton = ({ buttonLabel = "Label", buttonOptions = [], mainAction, }) => {
     const wrapperRef = useRef(null);
     const [expanded, setExpanded] = useState(false);
@@ -20,15 +21,10 @@ const DropdownButton = ({ buttonLabel = "Label", buttonOptions = [], mainAction,
         }
     }, [expanded]);
     useOutsideClickDetector(wrapperRef, () => setExpanded(false));
-    const options = buttonOptions.map((option, index) => (React.createElement("div", Object.assign({ key: index, className: "finsemble-dropdown-action__btn-option", role: "button", tabIndex: 0, onClick: () => {
-            option.clickHandler();
-            setExpanded(false);
-        }, onKeyDown: (e) => {
-            if (e.key === "Enter") {
-                option.clickHandler();
-                setExpanded(false);
-            }
-        } }, (option.buttonLabel ? { "aria-label": option.buttonLabel } : "")), option.buttonLabel)));
+    const options = buttonOptions.map((option, index) => (React.createElement("div", Object.assign({ key: index, className: "finsemble-dropdown-action__btn-option", role: "button" }, onClickA11y(() => {
+        option.clickHandler();
+        setExpanded(false);
+    }), (option.buttonLabel ? { "aria-label": option.buttonLabel } : "")), option.buttonLabel)));
     const buttonAction = () => {
         if (expanded) {
             setExpanded(false);
@@ -43,22 +39,13 @@ const DropdownButton = ({ buttonLabel = "Label", buttonOptions = [], mainAction,
     };
     return (React.createElement("div", { ref: wrapperRef, className: "finsemble-dropdown-action__btn-container" },
         React.createElement("div", { className: "finsemble-dropdown-action__btn" },
-            React.createElement("span", Object.assign({ className: "btn-label", role: "button", tabIndex: 0, onClick: buttonAction, onKeyDown: (e) => {
-                    if (e.key === "Enter") {
-                        {
-                            buttonAction;
-                        }
-                    }
-                } }, (buttonLabel ? { "aria-label": buttonLabel } : "")), buttonLabel),
+            React.createElement("span", Object.assign({ className: "btn-label", role: "button" }, onClickA11y(buttonAction), (buttonLabel ? { "aria-label": buttonLabel } : "")), buttonLabel),
             React.createElement("span", { className: "separator" }),
-            React.createElement("div", { className: "expand-options", role: "button", tabIndex: 0, onClick: () => {
-                    setExpanded(!expanded);
-                }, onKeyDown: (e) => {
-                    if (e.key === "Enter") {
-                        setExpanded(!expanded);
-                        moveElementIntoView();
-                    }
-                }, "aria-label": "expand-options" },
+            React.createElement("div", Object.assign({ className: "expand-options", role: "button" }, onClickA11y(() => setExpanded(!expanded), (e) => {
+                if (e.key === "Enter") {
+                    moveElementIntoView();
+                }
+            }), { "aria-label": "expand-options" }),
                 React.createElement("span", { className: "caret" }))),
         expanded ? React.createElement("div", { className: `finsemble-dropdown-action__btn-options ${className}` }, options) : null));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownButton.js","sourceRoot":"","sources":["../../../src/components/common/DropdownButton.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useRef, useEffect } from \"react\";\nimport \"../../assets/css/button.css\";\nimport { useOutsideClickDetector } from \"../../hooks/useOutsideClickDetector\";\nimport { IFinsembleButtonProps } from \"../shared/Button\";\n\nexport interface IFinsembleDropdownActionButtonProps {\n\tbuttonLabel: string;\n\tbuttonOptions: Array<IFinsembleButtonProps>;\n\tmainAction: Function;\n}\n\nconst DropdownButton: React.FunctionComponent<IFinsembleDropdownActionButtonProps> = ({\n\tbuttonLabel = \"Label\",\n\tbuttonOptions = [],\n\tmainAction,\n}: IFinsembleDropdownActionButtonProps) => {\n\tconst wrapperRef = useRef<HTMLDivElement>(null);\n\tconst [expanded, setExpanded] = useState(false);\n\tconst [className, setClassName] = useState(\"\");\n\n\tconst moveElementIntoView = () => {\n\t\tconst bottomViewPort = window.innerHeight + window.scrollY;\n\t\tconst domRect = wrapperRef?.current\n\t\t\t?.querySelector(\".finsemble-dropdown-action__btn-options\")\n\t\t\t?.getBoundingClientRect();\n\t\tconst elementBottom = domRect ? domRect.y + domRect.height + window.scrollY : null;\n\n\t\tif (elementBottom && elementBottom > bottomViewPort) {\n\t\t\tsetClassName(\"flow-up\");\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tif (expanded) {\n\t\t\tmoveElementIntoView();\n\t\t}\n\t}, [expanded]);\n\n\tuseOutsideClickDetector(wrapperRef, () => setExpanded(false));\n\n\tconst options = buttonOptions.map((option, index) => (\n\t\t<div\n\t\t\tkey={index}\n\t\t\tclassName=\"finsemble-dropdown-action__btn-option\"\n\t\t\trole=\"button\"\n\t\t\ttabIndex={0}\n\t\t\tonClick={() => {\n\t\t\t\toption.clickHandler();\n\t\t\t\tsetExpanded(false);\n\t\t\t}}\n\t\t\tonKeyDown={(e) => {\n\t\t\t\tif (e.key === \"Enter\") {\n\t\t\t\t\toption.clickHandler();\n\t\t\t\t\tsetExpanded(false);\n\t\t\t\t}\n\t\t\t}}\n\t\t\t{...(option.buttonLabel ? { \"aria-label\": option.buttonLabel } : \"\")}\n\t\t>\n\t\t\t{option.buttonLabel}\n\t\t</div>\n\t));\n\n\tconst buttonAction = () => {\n\t\tif (expanded) {\n\t\t\tsetExpanded(false);\n\t\t\treturn;\n\t\t}\n\n\t\tif (mainAction) {\n\t\t\tmainAction();\n\t\t} else {\n\t\t\t() => setExpanded(!expanded);\n\t\t}\n\t};\n\n\treturn (\n\t\t<div ref={wrapperRef} className=\"finsemble-dropdown-action__btn-container\">\n\t\t\t<div className=\"finsemble-dropdown-action__btn\">\n\t\t\t\t<span\n\t\t\t\t\tclassName=\"btn-label\"\n\t\t\t\t\trole=\"button\"\n\t\t\t\t\ttabIndex={0}\n\t\t\t\t\tonClick={buttonAction}\n\t\t\t\t\tonKeyDown={(e) => {\n\t\t\t\t\t\tif (e.key === \"Enter\") {\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tbuttonAction;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\t{...(buttonLabel ? { \"aria-label\": buttonLabel } : \"\")}\n\t\t\t\t>\n\t\t\t\t\t{buttonLabel}\n\t\t\t\t</span>\n\t\t\t\t<span className=\"separator\"></span>\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"expand-options\"\n\t\t\t\t\trole=\"button\"\n\t\t\t\t\ttabIndex={0}\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\tsetExpanded(!expanded);\n\t\t\t\t\t}}\n\t\t\t\t\tonKeyDown={(e) => {\n\t\t\t\t\t\tif (e.key === \"Enter\") {\n\t\t\t\t\t\t\tsetExpanded(!expanded);\n\t\t\t\t\t\t\tmoveElementIntoView();\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\taria-label=\"expand-options\"\n\t\t\t\t>\n\t\t\t\t\t<span className=\"caret\"></span>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t{expanded ? <div className={`finsemble-dropdown-action__btn-options ${className}`}>{options}</div> : null}\n\t\t</div>\n\t);\n};\n\nexport default DropdownButton;\n"]}
+{"version":3,"file":"DropdownButton.js","sourceRoot":"","sources":["../../../../../src/ui/components/common/DropdownButton.tsx"],"names":[],"mappings":"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"}

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

@@ -32,3 +32,4 @@ export declare class ErrorBoundary extends React.Component<ErrorBoundaryProps, E
     render(): React.ReactNode;
 }
 export {};
+//# sourceMappingURL=ErrorBoundary.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/common/ErrorBoundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGpD,aAAK,kBAAkB,GAAG;IACzB,UAAU,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AACF,aAAK,kBAAkB,GAAG;IACzB,QAAQ,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,qBAAa,aAAc,SAAQ,KAAK,CAAC,SAAS,CAAC,kBAAkB,EAAE,kBAAkB,CAAC;gBAC7E,KAAK,EAAE,kBAAkB;IAKrC,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK;;;IAK5C,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS;IAMpD,MAAM;CAQN"}

package/react/components/common/ErrorBoundary.js

@@ -1,4 +1,5 @@
 import React from "react";
+import { FEAGlobals } from "../../../common/Globals";
 /**
  * Something like a try catch in React component form with some exceptions. Catches Errors and logs them to the central
  * logger. Prevents uncaught exceptions on the render of child components from unintentionally breaking the entire UI.
@@ -29,7 +30,7 @@ export class ErrorBoundary extends React.Component {
     componentDidCatch(error, errorInfo) {
         // Log the error to the dev tools where developers will expect it but also send it to the central logger
         console.error(error, errorInfo);
-        FSBL.Clients.Logger.system.error(error, errorInfo);
+        FEAGlobals.FSBL.Clients.Logger.system.error(error, errorInfo);
     }
     render() {
         var _a;

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

@@ -1 +1 @@
-{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../../src/components/common/ErrorBoundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AASpD;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,OAAO,aAAc,SAAQ,KAAK,CAAC,SAAiD;IACzF,YAAY,KAAyB;QACpC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;IAClC,CAAC;IAED,MAAM,CAAC,wBAAwB,CAAC,KAAY;QAC3C,6DAA6D;QAC7D,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;IAC3B,CAAC;IAED,iBAAiB,CAAC,KAAY,EAAE,SAAoB;QACnD,wGAAwG;QACxG,OAAO,CAAC,KAAK,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;QAChC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;IACpD,CAAC;IAED,MAAM;;QACL,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;YACxB,kDAAkD;YAClD,OAAO,MAAA,IAAI,CAAC,KAAK,CAAC,UAAU,mCAAI,yCAAK,CAAC;SACtC;QAED,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC5B,CAAC;CACD","sourcesContent":["import React, { ErrorInfo, ReactNode } from \"react\";\n\ntype ErrorBoundaryProps = {\n\tfallBackUI?: ReactNode;\n};\ntype ErrorBoundaryState = {\n\thasError: boolean;\n};\n\n/**\n * Something like a try catch in React component form with some exceptions. Catches Errors and logs them to the central\n * logger. Prevents uncaught exceptions on the render of child components from unintentionally breaking the entire UI.\n * Has the added benefit of sending the errors to the Central Logger\n *\n * Note: The exceptions are that it not catch errors in Event handlers and Asynchronous code.\n * Note: This does not catch errors in the current component directly, only child components. See below for example\n *\n * Eg: WON'T WORK\n *\n * const ContainerComponent = ({test}:any) => <ErrorBoundary><div>{test.undefined.length}</div></ErrorBoundary>\n *\n * WILL WORK:\n * const BrokenComponent = ({test}:any) => <div>{test.undefined.length}</div>\n * const ContainerComponent = ({test}:any) => <ErrorBoundary><BrokenComponent test={test}/></ErrorBoundary>\n *\n * @see https://reactjs.org/docs/error-boundaries.html for more information on Error Boundaries\n */\nexport class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {\n\tconstructor(props: ErrorBoundaryProps) {\n\t\tsuper(props);\n\t\tthis.state = { hasError: false };\n\t}\n\n\tstatic getDerivedStateFromError(error: Error) {\n\t\t// Update state so the next render will show the fallback UI.\n\t\treturn { hasError: true };\n\t}\n\n\tcomponentDidCatch(error: Error, errorInfo: ErrorInfo) {\n\t\t// Log the error to the dev tools where developers will expect it but also send it to the central logger\n\t\tconsole.error(error, errorInfo);\n\t\tFSBL.Clients.Logger.system.error(error, errorInfo);\n\t}\n\n\trender() {\n\t\tif (this.state.hasError) {\n\t\t\t// Render custom fallback UI or default to nothing\n\t\t\treturn this.props.fallBackUI ?? <></>;\n\t\t}\n\n\t\treturn this.props.children;\n\t}\n}\n"]}
+{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../../../../src/ui/components/common/ErrorBoundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AASrD;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,OAAO,aAAc,SAAQ,KAAK,CAAC,SAAiD;IACzF,YAAY,KAAyB;QACpC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;IAClC,CAAC;IAED,MAAM,CAAC,wBAAwB,CAAC,KAAY;QAC3C,6DAA6D;QAC7D,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;IAC3B,CAAC;IAED,iBAAiB,CAAC,KAAY,EAAE,SAAoB;QACnD,wGAAwG;QACxG,OAAO,CAAC,KAAK,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;QAChC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;IAC/D,CAAC;IAED,MAAM;;QACL,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;YACxB,kDAAkD;YAClD,OAAO,MAAA,IAAI,CAAC,KAAK,CAAC,UAAU,mCAAI,yCAAK,CAAC;SACtC;QAED,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC5B,CAAC;CACD"}

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

@@ -1,6 +1,6 @@
 import React from "react";
 import "./css/icon.css";
-export declare type FinsembleIconType = "alwaysOnTop" | "caret" | "check-square" | "check" | "chevron-left" | "chevron-right" | "close" | "code-block" | "copy" | "documentation" | "exclamation-circle" | "external-link" | "flag" | "folder" | "font" | "globe" | "hdd" | "key" | "life-ring" | "linker" | "lock" | "magic" | "maximize" | "minimize" | "moon" | "paint-roller" | "pencil" | "plus" | "question-circle" | "search" | "server" | "sun" | "times" | "toggle-off" | "toggle-on" | "toolbar" | "tools" | "trash" | "upload" | "window";
+export declare type FinsembleIconType = "alwaysOnTop" | "cancel" | "caret" | "check-square" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "close" | "code-block" | "copy" | "documentation" | "exclamation-circle" | "external-link" | "flag" | "folder" | "font" | "gear" | "globe" | "grid" | "hdd" | "key" | "life-ring" | "linker" | "lock" | "magic" | "maximize" | "minimize" | "moon" | "paint-roller" | "pause" | "pencil" | "plus" | "resume" | "search" | "server" | "sun" | "times" | "toolbar" | "tools" | "trash" | "upload" | "window";
 export declare type FinsembleIconProps = {
     icon: FinsembleIconType;
     className?: string;
@@ -18,3 +18,4 @@ export declare type FinsembleIconProps = {
  * @returns Wrapped icon component
  */
 export declare const FinsembleIcon: ({ icon, onClick, className, label }: FinsembleIconProps) => JSX.Element;
+//# sourceMappingURL=FinsembleIcon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FinsembleIcon.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/common/FinsembleIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,gBAAgB,CAAC;AAiHxB,oBAAY,iBAAiB,GAC1B,aAAa,GACb,QAAQ,GACR,OAAO,GACP,cAAc,GACd,OAAO,GACP,cAAc,GACd,cAAc,GACd,eAAe,GACf,YAAY,GACZ,OAAO,GACP,YAAY,GACZ,MAAM,GACN,eAAe,GACf,oBAAoB,GACpB,eAAe,GACf,MAAM,GACN,QAAQ,GACR,MAAM,GACN,MAAM,GACN,OAAO,GACP,MAAM,GACN,KAAK,GACL,KAAK,GACL,WAAW,GACX,QAAQ,GACR,MAAM,GACN,OAAO,GACP,UAAU,GACV,UAAU,GACV,MAAM,GACN,cAAc,GACd,OAAO,GACP,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,KAAK,GACL,OAAO,GACP,SAAS,GACT,OAAO,GACP,OAAO,GACP,QAAQ,GACR,QAAQ,CAAC;AAqDZ,oBAAY,kBAAkB,GAAG;IAChC,IAAI,EAAE,iBAAiB,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,aAAa,wCAA8D,kBAAkB,gBAiBzG,CAAC"}