@finsemble/finsemble-ui 10.0.0-iocd.8 → 10.0.3-beta.2

package/react/components/common/Dropdown.js

@@ -1,83 +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));
-        }))));
-};
+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

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

@@ -1,11 +1,11 @@
-/// <reference types="react" />
-import "../../assets/css/button.css";
-import { IFinsembleButtonProps } from "../shared/Button";
-export interface IFinsembleDropdownActionButtonProps {
-    buttonLabel: string;
-    buttonOptions: Array<IFinsembleButtonProps>;
-    mainAction: Function;
-}
-declare const DropdownButton: ({ buttonLabel, buttonOptions, mainAction, }: IFinsembleDropdownActionButtonProps) => JSX.Element;
-export default DropdownButton;
+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: ({ buttonLabel, buttonOptions, mainAction, }: IFinsembleDropdownActionButtonProps) => React.JSX.Element;
+export default DropdownButton;
 //# sourceMappingURL=DropdownButton.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownButton.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/common/DropdownButton.tsx"],"names":[],"mappings":";AACA,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,gDAIjB,mCAAmC,gBAoFrC,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"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,gDAIjB,mCAAmC,sBAoFrC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/react/components/common/DropdownButton.js

@@ -1,53 +1,53 @@
-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);
-    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" }, onClickA11y(() => {
-        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" }, onClickA11y(buttonAction), (buttonLabel ? { "aria-label": buttonLabel } : "")), buttonLabel),
-            React.createElement("span", { className: "separator" }),
-            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));
-};
-export default DropdownButton;
+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);
+    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", { 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);
+            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", { 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", ...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));
+};
+export default DropdownButton;
 //# sourceMappingURL=DropdownButton.js.map

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

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

@@ -1,36 +1,36 @@
-import React, { ErrorInfo, ReactNode } from "react";
-declare type ErrorBoundaryProps = {
-    fallBackUI?: ReactNode;
-    children?: 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(): {
-        hasError: boolean;
-    };
-    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
-    render(): React.ReactNode;
-}
-export {};
+import React, { ErrorInfo, ReactNode } from "react";
+type ErrorBoundaryProps = {
+    fallBackUI?: ReactNode;
+    children?: ReactNode;
+};
+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(): {
+        hasError: boolean;
+    };
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    render(): string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
+}
+export {};
 //# sourceMappingURL=ErrorBoundary.d.ts.map

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

@@ -1 +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;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB,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;;;IAK/B,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS;IAMpD,MAAM;CAQN"}
+{"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,KAAK,kBAAkB,GAAG;IACzB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AACF,KAAK,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;;;IAK/B,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS;IAMpD,MAAM;CAQN"}

package/react/components/common/ErrorBoundary.js

@@ -1,44 +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() {
-        // 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;
-    }
-}
+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() {
+        // 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

@@ -1 +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;AAUrD;;;;;;;;;;;;;;;;;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;QAC9B,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"}
+{"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;AAUrD;;;;;;;;;;;;;;;;;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;QAC9B,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,CAAC;YACzB,kDAAkD;YAClD,OAAO,MAAA,IAAI,CAAC,KAAK,CAAC,UAAU,mCAAI,yCAAK,CAAC;QACvC,CAAC;QAED,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC5B,CAAC;CACD"}

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

@@ -1,21 +1,21 @@
-import React from "react";
-import "./css/icon.css";
-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;
-    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;
+import React from "react";
+import "./css/icon.css";
+export 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 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) => React.JSX.Element;
 //# sourceMappingURL=FinsembleIcon.d.ts.map

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

@@ -1 +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"}
+{"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,MAAM,MAAM,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,MAAM,MAAM,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,sBAiBzG,CAAC"}