@finsemble/finsemble-ui 1.0.0-beta-5 → 1.0.0-beta-9

package/react/components/common/ContextMenu.js

@@ -0,0 +1,69 @@
+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";
+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 :
+            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 = () => {
+        setContextMenuOpen(!contextMenuOpen);
+    };
+    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

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

@@ -0,0 +1,11 @@
+import React from "react";
+import "../../assets/css/button.css";
+import { IFinsembleButtonProps } from "../shared/Button";
+export interface IFinsembleDropdownActionButtonProps {
+    buttonLabel: string;
+    buttonOptions: Array<IFinsembleButtonProps>;
+    mainAction: Function;
+}
+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;AAEzD,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,CAyGhF,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/react/components/common/DropdownButton.js

@@ -0,0 +1,66 @@
+import React, { useState, useRef, useEffect } from "react";
+import "../../assets/css/button.css";
+import { useOutsideClickDetector } from "../../hooks/useOutsideClickDetector";
+const DropdownButton = ({ buttonLabel = "Label", buttonOptions = [], mainAction, }) => {
+    const wrapperRef = useRef(null);
+    const [expanded, setExpanded] = useState(false);
+    const [className, setClassName] = useState("");
+    const moveElementIntoView = () => {
+        var _a, _b;
+        const bottomViewPort = window.innerHeight + window.scrollY;
+        const domRect = (_b = (_a = wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current) === null || _a === void 0 ? void 0 : _a.querySelector(".finsemble-dropdown-action__btn-options")) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect();
+        const elementBottom = domRect ? domRect.y + domRect.height + window.scrollY : null;
+        if (elementBottom && elementBottom > bottomViewPort) {
+            setClassName("flow-up");
+        }
+    };
+    useEffect(() => {
+        if (expanded) {
+            moveElementIntoView();
+        }
+    }, [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 buttonAction = () => {
+        if (expanded) {
+            setExpanded(false);
+            return;
+        }
+        if (mainAction) {
+            mainAction();
+        }
+        else {
+            () => setExpanded(!expanded);
+        }
+    };
+    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", { 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("span", { className: "caret" }))),
+        expanded ? React.createElement("div", { className: `finsemble-dropdown-action__btn-options ${className}` }, options) : null));
+};
+export default DropdownButton;
+//# sourceMappingURL=DropdownButton.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,35 @@
+import React, { ErrorInfo, ReactNode } from "react";
+declare type ErrorBoundaryProps = {
+    fallBackUI?: ReactNode;
+};
+declare type ErrorBoundaryState = {
+    hasError: boolean;
+};
+/**
+ * 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.
+ * Has the added benefit of sending the errors to the Central Logger
+ *
+ * Note: The exceptions are that it not catch errors in Event handlers and Asynchronous code.
+ * Note: This does not catch errors in the current component directly, only child components. See below for example
+ *
+ * Eg: WON'T WORK
+ *
+ * const ContainerComponent = ({test}:any) => <ErrorBoundary><div>{test.undefined.length}</div></ErrorBoundary>
+ *
+ * WILL WORK:
+ * const BrokenComponent = ({test}:any) => <div>{test.undefined.length}</div>
+ * const ContainerComponent = ({test}:any) => <ErrorBoundary><BrokenComponent test={test}/></ErrorBoundary>
+ *
+ * @see https://reactjs.org/docs/error-boundaries.html for more information on Error Boundaries
+ */
+export declare class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    constructor(props: ErrorBoundaryProps);
+    static getDerivedStateFromError(error: Error): {
+        hasError: boolean;
+    };
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    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

@@ -0,0 +1,44 @@
+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.
+ * Has the added benefit of sending the errors to the Central Logger
+ *
+ * Note: The exceptions are that it not catch errors in Event handlers and Asynchronous code.
+ * Note: This does not catch errors in the current component directly, only child components. See below for example
+ *
+ * Eg: WON'T WORK
+ *
+ * const ContainerComponent = ({test}:any) => <ErrorBoundary><div>{test.undefined.length}</div></ErrorBoundary>
+ *
+ * WILL WORK:
+ * const BrokenComponent = ({test}:any) => <div>{test.undefined.length}</div>
+ * const ContainerComponent = ({test}:any) => <ErrorBoundary><BrokenComponent test={test}/></ErrorBoundary>
+ *
+ * @see https://reactjs.org/docs/error-boundaries.html for more information on Error Boundaries
+ */
+export class ErrorBoundary extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = { hasError: false };
+    }
+    static getDerivedStateFromError(error) {
+        // Update state so the next render will show the fallback UI.
+        return { hasError: true };
+    }
+    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);
+        FEAGlobals.FSBL.Clients.Logger.system.error(error, errorInfo);
+    }
+    render() {
+        var _a;
+        if (this.state.hasError) {
+            // Render custom fallback UI or default to nothing
+            return (_a = this.props.fallBackUI) !== null && _a !== void 0 ? _a : React.createElement(React.Fragment, null);
+        }
+        return this.props.children;
+    }
+}
+//# sourceMappingURL=ErrorBoundary.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,21 @@
+import React from "react";
+import "./css/icon.css";
+export declare type FinsembleIconType = "alwaysOnTop" | "cancel" | "caret" | "check-square" | "check" | "chevron-left" | "chevron-right" | "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" | "question-circle" | "resume" | "search" | "server" | "sun" | "times" | "toolbar" | "tools" | "trash" | "upload" | "window";
+export declare type FinsembleIconProps = {
+    icon: FinsembleIconType;
+    className?: string;
+    onClick?: (e: React.MouseEvent) => void;
+    label?: string;
+};
+/**
+ * Wrapper for the SVG-based icons. The wrapper ensures that icons are handled consistently.
+ *
+ * @param param
+ * @param param.icon - The name of the icon to display
+ * @param [param.onClick] - The click action for this icon
+ * @param [param.className] - Any other classes you want to apply to the icon
+ * @param [param.label] - (Accessibility) The label you want to apply for screen reader users. Always include a label UNLESS the icon is decorative.
+ * @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;AAgHxB,oBAAY,iBAAiB,GAC1B,aAAa,GACb,QAAQ,GACR,OAAO,GACP,cAAc,GACd,OAAO,GACP,cAAc,GACd,eAAe,GACf,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,iBAAiB,GACjB,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,KAAK,GACL,OAAO,GACP,SAAS,GACT,OAAO,GACP,OAAO,GACP,QAAQ,GACR,QAAQ,CAAC;AAoDZ,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"}

package/react/components/common/FinsembleIcon.js

@@ -0,0 +1,149 @@
+import React from "react";
+import uuidv4 from "uuid-random";
+import "./css/icon.css";
+// Import all of the SVG icons
+import { ReactComponent as AlwaysOnTopIcon } from "../../assets/icons/always-on-top.svg";
+import { ReactComponent as Caret } from "../../assets/icons/caret.svg";
+import { ReactComponent as CheckIcon } from "../../assets/icons/check.svg";
+import { ReactComponent as CheckSquare } from "../../assets/icons/check-square.svg";
+import { ReactComponent as ChevronLeftIcon } from "../../assets/icons/chevron-left.svg";
+import { ReactComponent as ChevronRightIcon } from "../../assets/icons/chevron-right.svg";
+import { ReactComponent as CloseIcon } from "../../assets/icons/close.svg";
+import { ReactComponent as CancelIcon } from "../../assets/icons/cancel.svg";
+import { ReactComponent as CodeBlockIcon } from "../../assets/icons/code-block.svg";
+import { ReactComponent as CopyIcon } from "../../assets/icons/copy.svg";
+import { ReactComponent as DocumentationIcon } from "../../assets/icons/documentation.svg";
+import { ReactComponent as ExclaimationCircleIcon } from "../../assets/icons/exclamation-circle.svg";
+import { ReactComponent as ExternalLinkIcon } from "../../assets/icons/external-link.svg";
+import { ReactComponent as FlagIcon } from "../../assets/icons/flag.svg";
+import { ReactComponent as FolderIcon } from "../../assets/icons/folder.svg";
+import { ReactComponent as FontIcon } from "../../assets/icons/font.svg";
+import { ReactComponent as GearIcon } from "../../assets/icons/gear.svg";
+import { ReactComponent as GlobeIcon } from "../../assets/icons/globe.svg";
+import { ReactComponent as GridIcon } from "../../assets/icons/grid.svg";
+import { ReactComponent as HDDIcon } from "../../assets/icons/hdd.svg";
+import { ReactComponent as KeyIcon } from "../../assets/icons/key.svg";
+import { ReactComponent as LifeRingIcon } from "../../assets/icons/life-ring.svg";
+import { ReactComponent as LinkerIcon } from "../../assets/icons/linker.svg";
+import { ReactComponent as LockIcon } from "../../assets/icons/lock.svg";
+import { ReactComponent as MagicIcon } from "../../assets/icons/magic.svg";
+import { ReactComponent as MaximizeIcon } from "../../assets/icons/maximize.svg";
+import { ReactComponent as MinimizeIcon } from "../../assets/icons/minimize.svg";
+import { ReactComponent as MoonIcon } from "../../assets/icons/moon.svg";
+import { ReactComponent as PaintRollerIcon } from "../../assets/icons/paint-roller.svg";
+// import { ReactComponent as PencilIcon } from "../../assets/icons/pencil.svg";
+import { ReactComponent as PauseIcon } from "../../assets/icons/pause.svg";
+import { ReactComponent as PlusIcon } from "../../assets/icons/plus.svg";
+import { ReactComponent as QuestionCircleIcon } from "../../assets/icons/question-circle.svg";
+import { ReactComponent as ResumeIcon } from "../../assets/icons/resume.svg";
+import { ReactComponent as SearchIcon } from "../../assets/icons/search.svg";
+import { ReactComponent as ServerIcon } from "../../assets/icons/server.svg";
+import { ReactComponent as SunIcon } from "../../assets/icons/sun.svg";
+import { ReactComponent as TimesIcon } from "../../assets/icons/times.svg";
+import { ReactComponent as ToolbarIcon } from "../../assets/icons/toolbar.svg";
+import { ReactComponent as ToolsIcon } from "../../assets/icons/tools.svg";
+// import { ReactComponent as TrashIcon } from "../../assets/icons/trash.svg";
+import { ReactComponent as UploadIcon } from "../../assets/icons/upload.svg";
+import { ReactComponent as WindowIcon } from "../../assets/icons/window.svg";
+const TrashIcon = () => {
+    /**
+     * The clip path is used to generate a mask, which allows us to drive color changes to the SVG with CSS.
+     * The SVG is referencing clip paths using an ID. If there are multiple instances of the same SVG,
+     * and they were all using the same ID, you have a potential conflict between the clip paths.
+     * For a specific example if all the ID's were the same:, if we have 2 trash icons on a page, and the
+     * first icon is hidden, the second trash icon would also disappear.
+     *
+     * In order to protect against this, we generate a unique ID for each clip path.
+     */
+    const id = `clip${uuidv4()}`;
+    return (React.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("g", { clipPath: `url(#${id})` },
+            React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.08098 5.15763C0.492918 5.15763 0 4.69615 0 4.11318V3.12112C0 2.5493 0.481455 2.07667 1.08098 2.07667H14.9331C15.5453 2.07667 16.0347 2.56825 15.9981 3.12112V4.11318C15.9981 4.68501 15.5166 5.15763 14.9159 5.15763H14.525L13.3524 14.2032C13.2354 15.2331 12.3321 16 11.2592 16H4.73889C3.67969 16 2.78785 15.2309 2.64571 14.2121L1.47302 5.15763H1.08098ZM1.14632 4.04296H2.48408L3.78286 14.0672C3.84706 14.5309 4.25629 14.8843 4.73889 14.8843H11.2592C11.7521 14.8843 12.1613 14.5387 12.2141 14.0717L13.514 4.04184H14.8517V3.19023H1.14632V4.04296Z" }),
+            React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.8397 12.4197C6.8397 12.744 6.56917 13.0049 6.22985 13.0049C5.89169 13.0049 5.62001 12.744 5.62001 12.4197V6.73039C5.62001 6.4049 5.89169 6.14407 6.22985 6.14407C6.56917 6.14407 6.8397 6.4049 6.8397 6.73039V12.4197ZM10.4128 12.4197C10.4128 12.744 10.1422 13.0049 9.80294 13.0049C9.46477 13.0049 9.1931 12.744 9.1931 12.4197V6.73039C9.1931 6.4049 9.46477 6.14407 9.80294 6.14407C10.1422 6.14407 10.4128 6.4049 10.4128 6.73039V12.4197ZM10.3108 0.488226C10.3108 0.211788 10.0735 0 9.80294 0H6.21381C5.92723 0 5.70599 0.227393 5.70599 0.488226V1.64191H10.3291V0.487112H10.3119L10.3108 0.488226Z" })),
+        React.createElement("defs", null,
+            React.createElement("clipPath", { id: id },
+                React.createElement("rect", { width: "16", height: "16", fill: "white" })))));
+};
+const PencilIcon = () => {
+    /**
+     * The clip path is used to generate a mask, which allows us to drive color changes to the SVG with CSS.
+     * The SVG is referencing clip paths using an ID. If there are multiple instances of the same SVG,
+     * and they were all using the same ID, you have a potential conflict between the clip paths.
+     * For a specific example if all the ID's were the same:, if we have 2 pencil icons on a page, and the
+     * first icon is hidden, the second pencil icon would also disappear.
+     *
+     * In order to protect against this, we generate a unique ID for each clip path.
+     */
+    const id = `clip${uuidv4()}`;
+    return (React.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("g", { clipPath: `url(#${id})` },
+            React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.1331 0.865749C16.2897 2.02008 16.2897 3.90016 15.1331 5.05563L5.70073 14.4754C5.64359 14.5737 5.54987 14.6469 5.43672 14.6777L0.548523 15.9852C0.398802 16.0252 0.237654 15.9829 0.127935 15.8721C0.0170738 15.7623 -0.0252147 15.6023 0.0147869 15.4515L1.29941 10.6627C1.3017 10.5541 1.34513 10.4467 1.42627 10.3656L10.9375 0.865749C12.0941 -0.288583 13.9765 -0.288583 15.1331 0.865749ZM2.1623 11.8536L1.43542 14.5646L2.02744 14.4069L4.33039 13.7897L2.1623 11.8536ZM11.7455 1.67492L2.74061 10.6661L5.44358 13.1165L14.3251 4.24646C15.0348 3.53786 15.0348 2.38352 14.3251 1.67492C13.6153 0.965181 12.4564 0.965181 11.7455 1.67492Z" })),
+        React.createElement("defs", null,
+            React.createElement("clipPath", { id: id },
+                React.createElement("rect", { width: "16", height: "16", fill: "white" })))));
+};
+const icons = {
+    alwaysOnTop: AlwaysOnTopIcon,
+    cancel: CancelIcon,
+    caret: Caret,
+    check: CheckIcon,
+    "check-square": CheckSquare,
+    "chevron-left": ChevronLeftIcon,
+    "chevron-right": ChevronRightIcon,
+    close: CloseIcon,
+    "code-block": CodeBlockIcon,
+    copy: CopyIcon,
+    documentation: DocumentationIcon,
+    "exclamation-circle": ExclaimationCircleIcon,
+    "external-link": ExternalLinkIcon,
+    flag: FlagIcon,
+    folder: FolderIcon,
+    font: FontIcon,
+    gear: GearIcon,
+    globe: GlobeIcon,
+    grid: GridIcon,
+    hdd: HDDIcon,
+    key: KeyIcon,
+    "life-ring": LifeRingIcon,
+    linker: LinkerIcon,
+    lock: LockIcon,
+    magic: MagicIcon,
+    maximize: MaximizeIcon,
+    minimize: MinimizeIcon,
+    moon: MoonIcon,
+    "paint-roller": PaintRollerIcon,
+    pause: PauseIcon,
+    pencil: PencilIcon,
+    plus: PlusIcon,
+    "question-circle": QuestionCircleIcon,
+    resume: ResumeIcon,
+    search: SearchIcon,
+    server: ServerIcon,
+    sun: SunIcon,
+    times: TimesIcon,
+    toolbar: ToolbarIcon,
+    tools: ToolsIcon,
+    trash: TrashIcon,
+    upload: UploadIcon,
+    window: WindowIcon,
+};
+/**
+ * Wrapper for the SVG-based icons. The wrapper ensures that icons are handled consistently.
+ *
+ * @param param
+ * @param param.icon - The name of the icon to display
+ * @param [param.onClick] - The click action for this icon
+ * @param [param.className] - Any other classes you want to apply to the icon
+ * @param [param.label] - (Accessibility) The label you want to apply for screen reader users. Always include a label UNLESS the icon is decorative.
+ * @returns Wrapped icon component
+ */
+export const FinsembleIcon = ({ icon, onClick = () => { }, className = "", label = "" }) => {
+    const Icon = icons[icon];
+    return (React.createElement("span", Object.assign({ className: ["finsemble-icon", `finsemble-icon-${icon}`, className].join(" ") }, (label
+        ? {
+            role: "img",
+            "aria-label": label,
+        }
+        : {}), { onClick: onClick }), Icon && React.createElement(Icon, null)));
+};
+//# sourceMappingURL=FinsembleIcon.js.map

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

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

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import "./css/toggle.css";
+export interface FinsembleToggleProps {
+    label?: string;
+    checked: boolean;
+    onChange: (selected: boolean) => void;
+    enabled?: boolean;
+}
+export declare const FinsembleToggle: ({ checked, onChange, label, enabled }: FinsembleToggleProps) => JSX.Element;
+//# sourceMappingURL=FinsembleToggle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FinsembleToggle.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/common/FinsembleToggle.tsx"],"names":[],"mappings":";AAEA,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,oBAAoB;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,eAAe,0CAAkD,oBAAoB,gBAiBjG,CAAC"}

package/react/components/common/FinsembleToggle.js

@@ -0,0 +1,12 @@
+import React, { useState } from "react";
+import uuidv4 from "uuid-random";
+import "./css/toggle.css";
+export const FinsembleToggle = ({ checked, onChange, label, enabled = true }) => {
+    const [id] = useState(uuidv4());
+    return (React.createElement("span", { className: ["finsembleToggle", checked ? "finsembleToggle-on" : "finsembleToggle-off"].join(" ") },
+        React.createElement("input", { type: "checkbox", id: id, checked: checked, onChange: () => {
+                onChange(!checked);
+            }, disabled: !enabled }),
+        React.createElement("label", { htmlFor: id }, label)));
+};
+//# sourceMappingURL=FinsembleToggle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FinsembleToggle.js","sourceRoot":"","sources":["../../../../../src/ui/components/common/FinsembleToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,MAAM,MAAM,aAAa,CAAC;AACjC,OAAO,kBAAkB,CAAC;AAS1B,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,EAAwB,EAAE,EAAE;IACrG,MAAM,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC;IAEhC,OAAO,CACN,8BAAM,SAAS,EAAE,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;QACrG,+BACC,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,GAAG,EAAE;gBACd,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC;YACpB,CAAC,EACD,QAAQ,EAAE,CAAC,OAAO,GACjB;QACF,+BAAO,OAAO,EAAE,EAAE,IAAG,KAAK,CAAS,CAC7B,CACP,CAAC;AACH,CAAC,CAAC"}

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

@@ -0,0 +1,16 @@
+import React from "react";
+import "./css/FinsembleToggle.css";
+export interface FinsembleToggleButtonBarProps {
+    label?: string;
+    selected: any;
+    options: {
+        label: string | React.ReactChild;
+        ariaLabel?: string;
+        value: any;
+        disabled?: boolean;
+    }[];
+    onChange: (newSelected: any) => void;
+    enabled?: boolean;
+}
+export declare const FinsembleToggleButtonBar: ({ selected, options, onChange, enabled, }: FinsembleToggleButtonBarProps) => JSX.Element;
+//# sourceMappingURL=FinsembleToggleButtonBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FinsembleToggleButtonBar.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/common/FinsembleToggleButtonBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AACtC,OAAO,2BAA2B,CAAC;AAEnC,MAAM,WAAW,6BAA6B;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,GAAG,CAAC;IACd,OAAO,EAAE;QACR,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC;QACjC,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,KAAK,EAAE,GAAG,CAAC;QACX,QAAQ,CAAC,EAAE,OAAO,CAAC;KACnB,EAAE,CAAC;IACJ,QAAQ,EAAE,CAAC,WAAW,EAAE,GAAG,KAAe,IAAI,CAAC;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,wBAAwB,8CAKlC,6BAA6B,gBAyD/B,CAAC"}