@j2inn/fin5-ui-utils 6.0.5-beta.0 → 6.1.0

package/dist_es/react/app/Fin5AppContainer.js

@@ -1,74 +1,117 @@
-/*
- * Copyright (c) 2022, J2 Innovations. All Rights Reserved
- */
-import React, { useEffect, useRef, useState } from 'react';
-import { AppRootStoreContext, AppStoreContext } from '@j2inn/app-react';
-import { observer } from 'mobx-react-lite';
-import { Fin5AppRootStore } from './Fin5AppRootStore';
-import { Client, } from 'haystack-nclient';
-import { ClientContext } from 'haystack-react';
-import { I18NProvider } from '@j2inn/utils';
-import { ThemeProvider } from 'react-jss';
-import { DEFAULT_THEME, GenerateTheme } from '@j2inn/ui';
-import { fin5Top } from '../../fin5Top/fin5Top';
-import { useFin5AppURLHashParameter } from '../../fin5Top/useFin5AppURLHashParameter';
-import { HRef } from 'haystack-core';
-import { ErrorBoundary } from '../components/ErrorBoundary';
-import Loader from '../components/Loader';
-const PATH_PREFIX = 'finApp';
-const getServiceUrl = ({ origin, path }) => `${origin}/${PATH_PREFIX}/api/${path}`;
-const getOpUrl = ({ origin, project, op }) => `${origin}/api/${project}/${op}`;
-const getHaystackServiceUrl = ({ origin, project, path, }) => `${origin}/${PATH_PREFIX}/api/haystack${project ? `/${project}` : ''}/${path}`;
-const getHostServiceUrl = ({ origin, path, }) => `${origin}/${PATH_PREFIX}/api/host/${path}`;
-/**
- * Creates a basic application container environment to run a view in FIN5.
- */
-export const Fin5AppContainer = observer(({ children, appStore, client, project, theme = GenerateTheme(DEFAULT_THEME).light, }) => {
-    const [loading, setLoading] = useState(true);
-    const [loadingi18n, setLoadingi18n] = useState(true);
-    const rootStoreRef = useRef(null);
-    rootStoreRef.current ??= new Fin5AppRootStore();
-    const rootStore = rootStoreRef.current;
-    const [hashProjName] = useFin5AppURLHashParameter('projectName');
-    const containerProject = project || hashProjName || fin5Top?.finstack?.projectName || '';
-    const locale = fin5Top?.languageManager?.currentLang ?? navigator?.language;
-    rootStore.locale = locale;
-    if (!rootStore.allLocales.includes(locale)) {
-        rootStore.allLocales.push(locale);
-    }
-    const target = fin5Top?.app?.TargetRef?.() || '';
-    rootStore.target = target ? HRef.make(target).value : '';
-    const getClient = () => client ??
-        new Client({
-            base: new URL(window.location.href),
-            project: containerProject,
-            options: { headers: { accept: 'text/zinc' } },
-            getServiceUrl,
-            getOpUrl,
-            getHaystackServiceUrl,
-            getHostServiceUrl,
-        });
-    const [containerClient, setContainerClient] = useState(getClient);
-    useEffect(() => {
-        setLoading(true);
-        const newClient = getClient();
-        setContainerClient(newClient);
-        // Load everything network wise before we load
-        // the application.
-        Promise.all([
-            newClient.ext.eval('finGetCurrentUser()'),
-            newClient.ext.loadDefs(),
-        ]).then(([userGrid]) => {
-            rootStore.currentUser = userGrid.first;
-            setLoading(false);
-        });
-    }, [client, containerProject]);
-    return (React.createElement(AppRootStoreContext.Provider, { value: rootStore },
-        React.createElement(AppStoreContext.Provider, { value: appStore },
-            React.createElement(ClientContext.Provider, { value: containerClient },
-                React.createElement(I18NProvider, { locale: locale, setLoading: setLoadingi18n },
-                    React.createElement(ThemeProvider, { theme: theme },
-                        React.createElement(Loader, { loading: loading || loadingi18n },
-                            React.createElement(ErrorBoundary, { mode: "global" /* ErrorBoundaryMode.global */ }, children))))))));
-});
+/*
+ * Copyright (c) 2022, J2 Innovations. All Rights Reserved
+ */
+import React, { useEffect, useRef, useState } from 'react';
+import { AppRootStoreContext, AppStoreContext } from '@j2inn/app-react';
+import { observer } from 'mobx-react-lite';
+import { Fin5AppRootStore } from './Fin5AppRootStore';
+import { Client, } from 'haystack-nclient';
+import { ClientContext } from 'haystack-react';
+import { I18NProvider } from '@j2inn/utils';
+import { ThemeProvider } from 'react-jss';
+import { DEFAULT_THEME, GenerateTheme } from '@j2inn/ui';
+import { fin5Top } from '../../fin5Top/fin5Top';
+import { useFin5AppURLHashParameter } from '../../fin5Top/useFin5AppURLHashParameter';
+import { HRef } from 'haystack-core';
+import { ErrorBoundary } from '../components/ErrorBoundary';
+import Loader from '../components/Loader';
+const PATH_PREFIX = 'finApp';
+const getServiceUrl = ({ origin, path }) => `${origin}/${PATH_PREFIX}/api/${path}`;
+const getOpUrl = ({ origin, project, op }) => `${origin}/api/${project}/${op}`;
+const getHaystackServiceUrl = ({ origin, project, path, }) => `${origin}/${PATH_PREFIX}/api/haystack${project ? `/${project}` : ''}/${path}`;
+const getHostServiceUrl = ({ origin, path, }) => `${origin}/${PATH_PREFIX}/api/host/${path}`;
+/**
+ * Runtime type guard that checks whether a store instance
+ * exposes a boolean `initialized` flag.
+ *
+ * @param {AppStore | null | undefined} appStore - The store instance to test
+ * @returns {appStore is AppStore & { initialized: boolean }} True if `appStore` has a boolean `initialized` property
+ *
+ * @remarks
+ * To use the FINX onMessage feature, ensure the concrete store declares `initialized` ahead of time,
+ * and set to true when children components have fully rendered.
+ */
+function hasInitialized(appStore) {
+    return (!!appStore &&
+        'initialized' in appStore &&
+        typeof appStore.initialized === 'boolean');
+}
+/**
+ * Creates a basic application container environment to run a view in FIN5.
+ */
+export const Fin5AppContainer = observer(({ children, appStore, client, project, theme = GenerateTheme(DEFAULT_THEME).light, }) => {
+    const [loading, setLoading] = useState(true);
+    const [loadingi18n, setLoadingi18n] = useState(true);
+    const rootStoreRef = useRef(null);
+    rootStoreRef.current ??= new Fin5AppRootStore();
+    const rootStore = rootStoreRef.current;
+    const [hashProjName] = useFin5AppURLHashParameter('projectName');
+    const containerProject = project || hashProjName || fin5Top?.finstack?.projectName || '';
+    const locale = fin5Top?.languageManager?.currentLang ?? navigator?.language;
+    rootStore.locale = locale;
+    if (!rootStore.allLocales.includes(locale)) {
+        rootStore.allLocales.push(locale);
+    }
+    const target = fin5Top?.app?.TargetRef?.() || '';
+    rootStore.target = target ? HRef.make(target).value : '';
+    const initialized = hasInitialized(appStore)
+        ? appStore.initialized
+        : false;
+    const getClient = () => client ??
+        new Client({
+            base: new URL(window.location.href),
+            project: containerProject,
+            options: { headers: { accept: 'text/zinc' } },
+            getServiceUrl,
+            getOpUrl,
+            getHaystackServiceUrl,
+            getHostServiceUrl,
+        });
+    const [containerClient, setContainerClient] = useState(getClient);
+    useEffect(() => {
+        setLoading(true);
+        const newClient = getClient();
+        setContainerClient(newClient);
+        // Load everything network wise before we load
+        // the application.
+        Promise.all([
+            newClient.ext.eval('finGetCurrentUser()'),
+            newClient.ext.loadDefs(),
+        ]).then(([userGrid]) => {
+            rootStore.currentUser = userGrid.first;
+            setLoading(false);
+        });
+    }, [client, containerProject]);
+    useEffect(() => {
+        const onMessage = (event) => {
+            if (fin5Top?.location.origin === event.origin &&
+                appStore?.onMessage) {
+                appStore.onMessage({
+                    message: event.data.message,
+                    params: event.data,
+                    client: getClient(),
+                    appRootStore: rootStore,
+                });
+            }
+        };
+        window.addEventListener('message', onMessage);
+        return () => window.removeEventListener('message', onMessage);
+    }, []);
+    useEffect(() => {
+        // tell the top level app its ready
+        if (initialized) {
+            fin5Top?.postMessage({
+                kind: 'iframeApp',
+                loading: false,
+            });
+        }
+    }, [initialized]);
+    return (React.createElement(AppRootStoreContext.Provider, { value: rootStore },
+        React.createElement(AppStoreContext.Provider, { value: appStore },
+            React.createElement(ClientContext.Provider, { value: containerClient },
+                React.createElement(I18NProvider, { locale: locale, setLoading: setLoadingi18n },
+                    React.createElement(ThemeProvider, { theme: theme },
+                        React.createElement(Loader, { loading: loading || loadingi18n },
+                            React.createElement(ErrorBoundary, { mode: "global" /* ErrorBoundaryMode.global */ }, children))))))));
+});
 //# sourceMappingURL=Fin5AppContainer.js.map

package/dist_es/react/app/Fin5AppContainer.js.map

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

package/dist_es/react/app/Fin5AppRootStore.d.ts

@@ -1,40 +1,40 @@
-import { App, AppAccessLevel, AppRootStore, AppView, CustomHistory } from '@j2inn/app';
-import { HDict } from 'haystack-core';
-/**
- * An application root store for use with FIN5.
- */
-export declare class Fin5AppRootStore implements AppRootStore {
-    project: string;
-    sidebarOpen: boolean;
-    locale: string;
-    allLocales: string[];
-    target: string;
-    targetSidebar: string;
-    currentUser: HDict | undefined;
-    get app(): {
-        id: string;
-        name: string;
-        app: App;
-        view: AppView;
-    } | undefined;
-    get sidebar(): {
-        id: string;
-        name: string;
-        app: App;
-        view: AppView;
-    } | undefined;
-    readonly apps: App[];
-    readonly history: CustomHistory;
-    readonly historySidebar: CustomHistory;
-    constructor();
-    openAppInNewWindow(): void;
-    open(): void;
-    openSidebar(): void;
-    postAppMessage(): void;
-    registerSidebars(): void;
-    unregisterSidebars(): void;
-    registerQuicklinks(): void;
-    unregisterQuicklinks(): void;
-    hasAppAccess: (_: string, access: AppAccessLevel) => boolean;
-    hasSidebar(): boolean;
-}
+import { App, AppRootStore, AppView, CustomHistory } from '@j2inn/app';
+import { HDict } from 'haystack-core';
+/**
+ * An application root store for use with FIN5.
+ */
+export declare class Fin5AppRootStore implements AppRootStore {
+    project: string;
+    sidebarOpen: boolean;
+    locale: string;
+    allLocales: string[];
+    target: string;
+    targetSidebar: string;
+    currentUser: HDict | undefined;
+    get app(): {
+        id: string;
+        name: string;
+        app: App;
+        view: AppView;
+    } | undefined;
+    get sidebar(): {
+        id: string;
+        name: string;
+        app: App;
+        view: AppView;
+    } | undefined;
+    readonly apps: App[];
+    readonly history: CustomHistory;
+    readonly historySidebar: CustomHistory;
+    constructor();
+    openAppInNewWindow(): void;
+    open(appId: string, state?: Record<string, unknown>): void;
+    openSidebar(): void;
+    postAppMessage(): void;
+    registerSidebars(): void;
+    unregisterSidebars(): void;
+    registerQuicklinks(): void;
+    unregisterQuicklinks(): void;
+    hasAppAccess: (appId: string) => boolean;
+    hasSidebar(): boolean;
+}

package/dist_es/react/app/Fin5AppRootStore.js

@@ -1,66 +1,87 @@
-/*
- * Copyright (c) 2022, J2 Innovations. All Rights Reserved
- */
-import { makeAutoObservable, observable } from 'mobx';
-/**
- * An application root store for use with FIN5.
- */
-export class Fin5AppRootStore {
-    project = '';
-    sidebarOpen = false;
-    locale = '';
-    allLocales = [];
-    target = '';
-    targetSidebar = '';
-    currentUser;
-    get app() {
-        return undefined;
-    }
-    get sidebar() {
-        return undefined;
-    }
-    apps = [];
-    history = {
-        state: {},
-        pushState: (state) => {
-            this.history.state = state;
-        },
-        replaceState: (state) => {
-            this.history.state = state;
-        },
-    };
-    historySidebar = {
-        state: {},
-        pushState: (state) => {
-            this.historySidebar.state = state;
-        },
-        replaceState: (state) => {
-            this.historySidebar.state = state;
-        },
-    };
-    constructor() {
-        makeAutoObservable(this, {
-            currentUser: observable.ref,
-            apps: observable.ref,
-        });
-    }
-    openAppInNewWindow() { }
-    open() { }
-    openSidebar() { }
-    postAppMessage() { }
-    registerSidebars() { }
-    unregisterSidebars() { }
-    registerQuicklinks() { }
-    unregisterQuicklinks() { }
-    hasAppAccess = (_, access) => {
-        // For FIN5, an operator only has readonly app level access.
-        const user = this.currentUser;
-        return user?.get('userRole')?.value === 'op'
-            ? access === 'read'
-            : !!user;
-    };
-    hasSidebar() {
-        return false;
-    }
-}
+/*
+ * Copyright (c) 2022, J2 Innovations. All Rights Reserved
+ */
+import { makeAutoObservable, observable } from 'mobx';
+/**
+ * An application root store for use with FIN5.
+ */
+export class Fin5AppRootStore {
+    project = '';
+    sidebarOpen = false;
+    locale = '';
+    allLocales = [];
+    target = '';
+    targetSidebar = '';
+    currentUser;
+    get app() {
+        return undefined;
+    }
+    get sidebar() {
+        return undefined;
+    }
+    apps = [];
+    history = {
+        state: {},
+        pushState: (state) => {
+            this.history.state = state;
+        },
+        replaceState: (state) => {
+            this.history.state = state;
+        },
+    };
+    historySidebar = {
+        state: {},
+        pushState: (state) => {
+            this.historySidebar.state = state;
+        },
+        replaceState: (state) => {
+            this.historySidebar.state = state;
+        },
+    };
+    constructor() {
+        makeAutoObservable(this, {
+            currentUser: observable.ref,
+            apps: observable.ref,
+        });
+    }
+    openAppInNewWindow() { }
+    open(appId, state) {
+        if (this.hasAppAccess(appId)) {
+            if (state) {
+                this.history.pushState(state);
+            }
+        }
+    }
+    openSidebar() { }
+    postAppMessage() { }
+    registerSidebars() { }
+    unregisterSidebars() { }
+    registerQuicklinks() { }
+    unregisterQuicklinks() { }
+    hasAppAccess = (appId) => {
+        // For FIN5, an operator only has readonly app level access.
+        const user = this.currentUser;
+        if (user) {
+            if (!user.has('userRole')) {
+                return false;
+            }
+            if (user.get('userRole')?.value === 'su') {
+                return true;
+            }
+            // if no appAccess is present, then all apps are granted
+            if (user.has('appAccess')) {
+                const appAccess = user.get('appAccess')?.value;
+                const apps = appAccess?.split(',');
+                return apps?.includes(appId) ?? false;
+            }
+            else {
+                return true;
+            }
+        }
+        return false;
+    };
+    hasSidebar() {
+        return false;
+    }
+}
 //# sourceMappingURL=Fin5AppRootStore.js.map

package/dist_es/react/app/Fin5AppRootStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"Fin5AppRootStore.js","sourceRoot":"","sources":["../../../src/react/app/Fin5AppRootStore.ts"],"names":[],"mappings":"AAAA;;GAEG;AAYH,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,MAAM,CAAA;AAErD;;GAEG;AACH,MAAM,OAAO,gBAAgB;IAC5B,OAAO,GAAG,EAAE,CAAA;IACZ,WAAW,GAAG,KAAK,CAAA;IACnB,MAAM,GAAG,EAAE,CAAA;IACX,UAAU,GAAa,EAAE,CAAA;IACzB,MAAM,GAAG,EAAE,CAAA;IACX,aAAa,GAAG,EAAE,CAAA;IAClB,WAAW,CAAmB;IAC9B,IAAI,GAAG;QAGN,OAAO,SAAS,CAAA;IACjB,CAAC;IACD,IAAI,OAAO;QAGV,OAAO,SAAS,CAAA;IACjB,CAAC;IACQ,IAAI,GAAU,EAAE,CAAA;IAChB,OAAO,GAAkB;QACjC,KAAK,EAAE,EAAE;QACT,SAAS,EAAE,CAAC,KAA8B,EAAQ,EAAE;YACnD,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAA;QAC3B,CAAC;QACD,YAAY,EAAE,CAAC,KAA8B,EAAQ,EAAE;YACtD,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAA;QAC3B,CAAC;KACD,CAAA;IACQ,cAAc,GAAkB;QACxC,KAAK,EAAE,EAAE;QACT,SAAS,EAAE,CAAC,KAA8B,EAAQ,EAAE;YACnD,IAAI,CAAC,cAAc,CAAC,KAAK,GAAG,KAAK,CAAA;QAClC,CAAC;QACD,YAAY,EAAE,CAAC,KAA8B,EAAQ,EAAE;YACtD,IAAI,CAAC,cAAc,CAAC,KAAK,GAAG,KAAK,CAAA;QAClC,CAAC;KACD,CAAA;IAED;QACC,kBAAkB,CAAC,IAAI,EAAE;YACxB,WAAW,EAAE,UAAU,CAAC,GAAG;YAC3B,IAAI,EAAE,UAAU,CAAC,GAAG;SACpB,CAAC,CAAA;IACH,CAAC;IAED,kBAAkB,KAAU,CAAC;IAC7B,IAAI,KAAU,CAAC;IACf,WAAW,KAAU,CAAC;IACtB,cAAc,KAAU,CAAC;IACzB,gBAAgB,KAAU,CAAC;IAC3B,kBAAkB,KAAU,CAAC;IAC7B,kBAAkB,KAAU,CAAC;IAC7B,oBAAoB,KAAU,CAAC;IAC/B,YAAY,GAAG,CAAC,CAAS,EAAE,MAAsB,EAAW,EAAE;QAC7D,4DAA4D;QAC5D,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,CAAA;QAE7B,OAAO,IAAI,EAAE,GAAG,CAAO,UAAU,CAAC,EAAE,KAAK,KAAK,IAAI;YACjD,CAAC,CAAC,MAAM,KAAK,MAAM;YACnB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;IACV,CAAC,CAAA;IACD,UAAU;QACT,OAAO,KAAK,CAAA;IACb,CAAC;CACD"}
+{"version":3,"file":"Fin5AppRootStore.js","sourceRoot":"","sources":["../../../src/react/app/Fin5AppRootStore.ts"],"names":[],"mappings":"AAAA;;GAEG;AAMH,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,MAAM,CAAA;AAErD;;GAEG;AACH,MAAM,OAAO,gBAAgB;IAC5B,OAAO,GAAG,EAAE,CAAA;IACZ,WAAW,GAAG,KAAK,CAAA;IACnB,MAAM,GAAG,EAAE,CAAA;IACX,UAAU,GAAa,EAAE,CAAA;IACzB,MAAM,GAAG,EAAE,CAAA;IACX,aAAa,GAAG,EAAE,CAAA;IAClB,WAAW,CAAmB;IAC9B,IAAI,GAAG;QAGN,OAAO,SAAS,CAAA;IACjB,CAAC;IACD,IAAI,OAAO;QAGV,OAAO,SAAS,CAAA;IACjB,CAAC;IACQ,IAAI,GAAU,EAAE,CAAA;IAChB,OAAO,GAAkB;QACjC,KAAK,EAAE,EAAE;QACT,SAAS,EAAE,CAAC,KAA8B,EAAQ,EAAE;YACnD,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAA;QAC3B,CAAC;QACD,YAAY,EAAE,CAAC,KAA8B,EAAQ,EAAE;YACtD,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAA;QAC3B,CAAC;KACD,CAAA;IACQ,cAAc,GAAkB;QACxC,KAAK,EAAE,EAAE;QACT,SAAS,EAAE,CAAC,KAA8B,EAAQ,EAAE;YACnD,IAAI,CAAC,cAAc,CAAC,KAAK,GAAG,KAAK,CAAA;QAClC,CAAC;QACD,YAAY,EAAE,CAAC,KAA8B,EAAQ,EAAE;YACtD,IAAI,CAAC,cAAc,CAAC,KAAK,GAAG,KAAK,CAAA;QAClC,CAAC;KACD,CAAA;IAED;QACC,kBAAkB,CAAC,IAAI,EAAE;YACxB,WAAW,EAAE,UAAU,CAAC,GAAG;YAC3B,IAAI,EAAE,UAAU,CAAC,GAAG;SACpB,CAAC,CAAA;IACH,CAAC;IAED,kBAAkB,KAAU,CAAC;IAC7B,IAAI,CAAC,KAAa,EAAE,KAA+B;QAClD,IAAI,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE;YAC7B,IAAI,KAAK,EAAE;gBACV,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,CAAA;aAC7B;SACD;IACF,CAAC;IACD,WAAW,KAAU,CAAC;IACtB,cAAc,KAAU,CAAC;IACzB,gBAAgB,KAAU,CAAC;IAC3B,kBAAkB,KAAU,CAAC;IAC7B,kBAAkB,KAAU,CAAC;IAC7B,oBAAoB,KAAU,CAAC;IAC/B,YAAY,GAAG,CAAC,KAAa,EAAW,EAAE;QACzC,4DAA4D;QAC5D,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,CAAA;QAC7B,IAAI,IAAI,EAAE;YACT,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE;gBAC1B,OAAO,KAAK,CAAA;aACZ;YAED,IAAI,IAAI,CAAC,GAAG,CAAO,UAAU,CAAC,EAAE,KAAK,KAAK,IAAI,EAAE;gBAC/C,OAAO,IAAI,CAAA;aACX;YAED,wDAAwD;YACxD,IAAI,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE;gBAC1B,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAO,WAAW,CAAC,EAAE,KAAK,CAAA;gBACpD,MAAM,IAAI,GAAG,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,CAAA;gBAClC,OAAO,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC,IAAI,KAAK,CAAA;aACrC;iBAAM;gBACN,OAAO,IAAI,CAAA;aACX;SACD;QAED,OAAO,KAAK,CAAA;IACb,CAAC,CAAA;IACD,UAAU;QACT,OAAO,KAAK,CAAA;IACb,CAAC;CACD"}

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

@@ -1,57 +1,57 @@
-import React, { ErrorInfo, ReactNode } from 'react';
-/**
- * An error boundary can work at the global level (where something really screws up)
- * or an an app level (where the error is captured just for the running application).
- */
-export declare const enum ErrorBoundaryMode {
-    global = "global",
-    app = "app"
-}
-/**
- * The properties for an error boundary.
- */
-interface ErrorBoundaryProps {
-    /**
-     * The associated application id.
-     */
-    appId?: string;
-    /**
-     * The error mode.
-     */
-    mode: ErrorBoundaryMode;
-    /**
-     * Optional callback to display a report dialog.
-     */
-    showReportDialog?: () => void;
-    /**
-     * Optional callback used to capture the error.
-     */
-    onError?: (error: Error) => void;
-    /**
-     * Child components.
-     */
-    children?: React.ReactNode;
-}
-/**
- * The state for an error boundary.
- */
-interface ErrorBoundryState {
-    /**
-     * The last captured error.
-     */
-    error?: Error;
-}
-/**
- * A common error boundary used to capture errors.
- */
-export declare class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundryState> {
-    state: {
-        error?: Error;
-    };
-    componentDidCatch(error: Error, info: ErrorInfo): void;
-    static getDerivedStateFromError(error: Error): {
-        error: Error;
-    };
-    render(): ReactNode | JSX.Element;
-}
-export {};
+import React, { ErrorInfo, ReactNode } from 'react';
+/**
+ * An error boundary can work at the global level (where something really screws up)
+ * or an an app level (where the error is captured just for the running application).
+ */
+export declare const enum ErrorBoundaryMode {
+    global = "global",
+    app = "app"
+}
+/**
+ * The properties for an error boundary.
+ */
+interface ErrorBoundaryProps {
+    /**
+     * The associated application id.
+     */
+    appId?: string;
+    /**
+     * The error mode.
+     */
+    mode: ErrorBoundaryMode;
+    /**
+     * Optional callback to display a report dialog.
+     */
+    showReportDialog?: () => void;
+    /**
+     * Optional callback used to capture the error.
+     */
+    onError?: (error: Error) => void;
+    /**
+     * Child components.
+     */
+    children?: React.ReactNode;
+}
+/**
+ * The state for an error boundary.
+ */
+interface ErrorBoundryState {
+    /**
+     * The last captured error.
+     */
+    error?: Error;
+}
+/**
+ * A common error boundary used to capture errors.
+ */
+export declare class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundryState> {
+    state: {
+        error?: Error;
+    };
+    componentDidCatch(error: Error, info: ErrorInfo): void;
+    static getDerivedStateFromError(error: Error): {
+        error: Error;
+    };
+    render(): ReactNode | JSX.Element;
+}
+export {};