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

package/dist_es/fin5Top/useFin5AppURLHashParameter.d.ts

@@ -1,18 +1,18 @@
-export declare const IN_IFRAME: boolean;
-export declare const getTopLocation: () => Location;
-export declare const getFin5HashFrameParameters: () => URLSearchParams;
-export declare const fin5SkipHashUpdate: () => Promise<undefined> | undefined;
-export declare const getHashParameters: () => URLSearchParams;
-/**
- * Use a parameter in the hash of a custom app running in FIN 5 as state.
- * @param name parameter name.
- * @param initialState initial state used if the parameter is not defined.
- * @returns the parameter value and a function to update it.
- */
-export declare const useFin5AppURLHashParameter: (name: string, initialState?: string) => [string | undefined, (newValue: string) => Promise<void>];
-/**
- * Use all the parameters in the hash of a custom app running in FIN 5 as state.
- * @param parameters the initial (optional) values for the parameters
- * @returns the URL parameters and a function to patch the parameters.
- */
-export declare const useFin5AppURLHashParameters: (parameters?: URLSearchParams) => [URLSearchParams, (newValues: URLSearchParams) => Promise<void>];
+export declare const IN_IFRAME: boolean;
+export declare const getTopLocation: () => Location;
+export declare const getFin5HashFrameParameters: () => URLSearchParams;
+export declare const fin5SkipHashUpdate: () => Promise<undefined> | undefined;
+export declare const getHashParameters: () => URLSearchParams;
+/**
+ * Use a parameter in the hash of a custom app running in FIN 5 as state.
+ * @param name parameter name.
+ * @param initialState initial state used if the parameter is not defined.
+ * @returns the parameter value and a function to update it.
+ */
+export declare const useFin5AppURLHashParameter: (name: string, initialState?: string) => [string | undefined, (newValue: string) => Promise<void>];
+/**
+ * Use all the parameters in the hash of a custom app running in FIN 5 as state.
+ * @param parameters the initial (optional) values for the parameters
+ * @returns the URL parameters and a function to patch the parameters.
+ */
+export declare const useFin5AppURLHashParameters: (parameters?: URLSearchParams) => [URLSearchParams, (newValues: URLSearchParams) => Promise<void>];

package/dist_es/fin5Top/useFin5AppURLHashParameter.js

@@ -1,125 +1,125 @@
-/*
- * Copyright (c) 2022, J2 Innovations. All Rights Reserved
- */
-import { useEffect, useState } from 'react';
-import { isWindowTopFin5 } from './fin5Top';
-export const IN_IFRAME = window !== top && isWindowTopFin5();
-const getTop = () => window.top ?? window;
-const getApp = () => getTop()?.app;
-export const getTopLocation = () => getTop().location;
-export const getFin5HashFrameParameters = () => new URLSearchParams(getTopLocation().hash.slice(1).split('?')[1]);
-const getFin5FrameURL = () => getFin5HashFrameParameters().get('url');
-const getPartialURLHashFragment = (url) => `#${url?.split('#')[1] ?? ''}`;
-const getHash = () => {
-    return IN_IFRAME
-        ? getPartialURLHashFragment(getFin5FrameURL())
-        : window.location.hash;
-};
-export const fin5SkipHashUpdate = () => getApp()?.set('skipHashUpdate', true);
-const setHash = (hash) => {
-    if (IN_IFRAME) {
-        return fin5SkipHashUpdate()?.then(() => {
-            const frameParameters = getFin5HashFrameParameters();
-            frameParameters.set('url', frameParameters.get('url')?.split('#')[0] + '#' + hash);
-            getTopLocation().hash = `#${getTopLocation().hash.slice(1).split('?')[0]}?${frameParameters.toString()}`;
-        });
-    }
-    else {
-        window.location.hash = hash;
-        return Promise.resolve();
-    }
-};
-export const getHashParameters = () => new URLSearchParams(getHash().slice(1));
-/**
- * Use a parameter in the hash of a custom app running in FIN 5 as state.
- * @param name parameter name.
- * @param initialState initial state used if the parameter is not defined.
- * @returns the parameter value and a function to update it.
- */
-export const useFin5AppURLHashParameter = (name, initialState) => {
-    const [paramValue, setParamValue] = useState(getHashParameters()?.get(name) ?? undefined);
-    const setHashParameter = async (value) => {
-        const params = getHashParameters();
-        if (params.get(name) !== value) {
-            if (value === '' || value == null) {
-                params.delete(name);
-            }
-            else {
-                params?.set(name, value);
-            }
-            await setHash(params?.toString());
-            setParamValue(value);
-        }
-    };
-    useEffect(() => {
-        if (!getHashParameters()?.has(name) && initialState) {
-            setHashParameter(initialState);
-        }
-    }, []);
-    useEffect(() => {
-        const onHashChange = () => {
-            setParamValue(getHashParameters()?.get(name) ?? undefined);
-        };
-        if (IN_IFRAME) {
-            getTop().addEventListener('hashchange', onHashChange);
-            return () => {
-                getTop().removeEventListener('hashchange', onHashChange);
-            };
-        }
-        return () => {
-            return;
-        };
-    }, []);
-    return [paramValue, setHashParameter];
-};
-/**
- * Use all the parameters in the hash of a custom app running in FIN 5 as state.
- * @param parameters the initial (optional) values for the parameters
- * @returns the URL parameters and a function to patch the parameters.
- */
-export const useFin5AppURLHashParameters = (parameters) => {
-    const [paramValues, setParamValues] = useState(getHashParameters());
-    // Patch the parameters: this updates just the URL parameters passed.
-    // If there is a parameter in the hash and not in the function arg, that is left untouched.
-    // To remove a parameter in the hash, set it to null or empty string.
-    const setHashParameters = async (paramsToUpdate) => {
-        const params = getHashParameters();
-        Array.from(paramsToUpdate.entries()).forEach(([paramKey, newParamValue]) => {
-            if (newParamValue !== params.get(paramKey)) {
-                if (newParamValue == null || newParamValue === '') {
-                    params.delete(paramKey);
-                }
-                else {
-                    params.set(paramKey, newParamValue);
-                }
-            }
-        });
-        await setHash(params.toString());
-        setParamValues(params);
-    };
-    // Initial setup.
-    useEffect(() => {
-        const hashParameters = getHashParameters();
-        if (parameters) {
-            Array.from(parameters.entries()).forEach(([paramKey, paramValue]) => {
-                if (!hashParameters.has(paramKey) &&
-                    paramValue != null &&
-                    paramValue !== '') {
-                    hashParameters.set(paramKey, paramValue);
-                }
-            });
-            setHashParameters(hashParameters);
-        }
-    }, []);
-    useEffect(() => {
-        const onHashChange = () => {
-            setParamValues(getHashParameters());
-        };
-        getTop().addEventListener('hashchange', onHashChange);
-        return () => {
-            getTop().removeEventListener('hashchange', onHashChange);
-        };
-    }, []);
-    return [paramValues, setHashParameters];
-};
+/*
+ * Copyright (c) 2022, J2 Innovations. All Rights Reserved
+ */
+import { useEffect, useState } from 'react';
+import { isWindowTopFin5 } from './fin5Top';
+export const IN_IFRAME = window !== top && isWindowTopFin5();
+const getTop = () => window.top ?? window;
+const getApp = () => getTop()?.app;
+export const getTopLocation = () => getTop().location;
+export const getFin5HashFrameParameters = () => new URLSearchParams(getTopLocation().hash.slice(1).split('?')[1]);
+const getFin5FrameURL = () => getFin5HashFrameParameters().get('url');
+const getPartialURLHashFragment = (url) => `#${url?.split('#')[1] ?? ''}`;
+const getHash = () => {
+    return IN_IFRAME
+        ? getPartialURLHashFragment(getFin5FrameURL())
+        : window.location.hash;
+};
+export const fin5SkipHashUpdate = () => getApp()?.set('skipHashUpdate', true);
+const setHash = (hash) => {
+    if (IN_IFRAME) {
+        return fin5SkipHashUpdate()?.then(() => {
+            const frameParameters = getFin5HashFrameParameters();
+            frameParameters.set('url', frameParameters.get('url')?.split('#')[0] + '#' + hash);
+            getTopLocation().hash = `#${getTopLocation().hash.slice(1).split('?')[0]}?${frameParameters.toString()}`;
+        });
+    }
+    else {
+        window.location.hash = hash;
+        return Promise.resolve();
+    }
+};
+export const getHashParameters = () => new URLSearchParams(getHash().slice(1));
+/**
+ * Use a parameter in the hash of a custom app running in FIN 5 as state.
+ * @param name parameter name.
+ * @param initialState initial state used if the parameter is not defined.
+ * @returns the parameter value and a function to update it.
+ */
+export const useFin5AppURLHashParameter = (name, initialState) => {
+    const [paramValue, setParamValue] = useState(getHashParameters()?.get(name) ?? undefined);
+    const setHashParameter = async (value) => {
+        const params = getHashParameters();
+        if (params.get(name) !== value) {
+            if (value === '' || value == null) {
+                params.delete(name);
+            }
+            else {
+                params?.set(name, value);
+            }
+            await setHash(params?.toString());
+            setParamValue(value);
+        }
+    };
+    useEffect(() => {
+        if (!getHashParameters()?.has(name) && initialState) {
+            setHashParameter(initialState);
+        }
+    }, []);
+    useEffect(() => {
+        const onHashChange = () => {
+            setParamValue(getHashParameters()?.get(name) ?? undefined);
+        };
+        if (IN_IFRAME) {
+            getTop().addEventListener('hashchange', onHashChange);
+            return () => {
+                getTop().removeEventListener('hashchange', onHashChange);
+            };
+        }
+        return () => {
+            return;
+        };
+    }, []);
+    return [paramValue, setHashParameter];
+};
+/**
+ * Use all the parameters in the hash of a custom app running in FIN 5 as state.
+ * @param parameters the initial (optional) values for the parameters
+ * @returns the URL parameters and a function to patch the parameters.
+ */
+export const useFin5AppURLHashParameters = (parameters) => {
+    const [paramValues, setParamValues] = useState(getHashParameters());
+    // Patch the parameters: this updates just the URL parameters passed.
+    // If there is a parameter in the hash and not in the function arg, that is left untouched.
+    // To remove a parameter in the hash, set it to null or empty string.
+    const setHashParameters = async (paramsToUpdate) => {
+        const params = getHashParameters();
+        Array.from(paramsToUpdate.entries()).forEach(([paramKey, newParamValue]) => {
+            if (newParamValue !== params.get(paramKey)) {
+                if (newParamValue == null || newParamValue === '') {
+                    params.delete(paramKey);
+                }
+                else {
+                    params.set(paramKey, newParamValue);
+                }
+            }
+        });
+        await setHash(params.toString());
+        setParamValues(params);
+    };
+    // Initial setup.
+    useEffect(() => {
+        const hashParameters = getHashParameters();
+        if (parameters) {
+            Array.from(parameters.entries()).forEach(([paramKey, paramValue]) => {
+                if (!hashParameters.has(paramKey) &&
+                    paramValue != null &&
+                    paramValue !== '') {
+                    hashParameters.set(paramKey, paramValue);
+                }
+            });
+            setHashParameters(hashParameters);
+        }
+    }, []);
+    useEffect(() => {
+        const onHashChange = () => {
+            setParamValues(getHashParameters());
+        };
+        getTop().addEventListener('hashchange', onHashChange);
+        return () => {
+            getTop().removeEventListener('hashchange', onHashChange);
+        };
+    }, []);
+    return [paramValues, setHashParameters];
+};
 //# sourceMappingURL=useFin5AppURLHashParameter.js.map

package/dist_es/index.d.ts

@@ -1,35 +1,35 @@
-export * from './fin5Top/fin5FileUpload';
-export * from './fin5Top/fin5Top';
-export * from './fin5Top/finEdge2Cloud';
-export * from './fin5Top/getFin5BinUrl';
-export * from './fin5Top/openFin5Alarm';
-export * from './fin5Top/openFin5Historian';
-export * from './fin5Top/useFin5AppURLHashParameter';
-export * from './jobs/jobUtils';
-export * from './react/components/ErrorBoundary';
-export * from './react/components/ErrorDisplayer';
-export * from './react/components/Loader';
-export * from './react/components/LoadingSpinner';
-export * from './react/components/graphics/GraphicViewer';
-export * from './react/components/graphics/GraphicsTabViewer';
-export * from './react/components/navigation/BasicLayout';
-export * from './react/components/navigation/MenuPage';
-export * from './react/components/navigation/ReactRouterLayout';
-export * from './react/components/navigation/ReactRouterHeaderSiderLayout';
-export * from './react/components/navigation/customRouting/RouterLayout';
-export * from './react/components/navigation/customRouting/Router';
-export * from './react/components/resolvable/configurationForm/ConfigurationForm';
-export * from './react/components/resolvable/configurationForm/ConfigurationFormEntry';
-export * from './react/components/resolvable/configurationForm/getSectionDefault';
-export * from './react/components/RecordImage';
-export * from './react/components/charts/QRCode';
-export * from './react/components/charts/line-bar/Chart';
-export * from './react/components/charts/line-bar/HGridChart';
-export * from './react/components/charts/pie/PieChart';
-export * from './react/components/charts/pie/SimplePieChart';
-export * from './react/components/makeCustomElement';
-export * from './react/hooks/useFin5BinUrl';
-export * from './react/hooks/useFin5ColorScheme';
-export * from './react/hooks/useScreenSize';
-export * from './react/app/Fin5AppContainer';
-export * from './react/app/Fin5AppRootStore';
+export * from './fin5Top/fin5FileUpload';
+export * from './fin5Top/fin5Top';
+export * from './fin5Top/finEdge2Cloud';
+export * from './fin5Top/getFin5BinUrl';
+export * from './fin5Top/openFin5Alarm';
+export * from './fin5Top/openFin5Historian';
+export * from './fin5Top/useFin5AppURLHashParameter';
+export * from './jobs/jobUtils';
+export * from './react/components/ErrorBoundary';
+export * from './react/components/ErrorDisplayer';
+export * from './react/components/Loader';
+export * from './react/components/LoadingSpinner';
+export * from './react/components/graphics/GraphicViewer';
+export * from './react/components/graphics/GraphicsTabViewer';
+export * from './react/components/navigation/BasicLayout';
+export * from './react/components/navigation/MenuPage';
+export * from './react/components/navigation/ReactRouterLayout';
+export * from './react/components/navigation/ReactRouterHeaderSiderLayout';
+export * from './react/components/navigation/customRouting/RouterLayout';
+export * from './react/components/navigation/customRouting/Router';
+export * from './react/components/resolvable/configurationForm/ConfigurationForm';
+export * from './react/components/resolvable/configurationForm/ConfigurationFormEntry';
+export * from './react/components/resolvable/configurationForm/getSectionDefault';
+export * from './react/components/RecordImage';
+export * from './react/components/charts/QRCode';
+export * from './react/components/charts/line-bar/Chart';
+export * from './react/components/charts/line-bar/HGridChart';
+export * from './react/components/charts/pie/PieChart';
+export * from './react/components/charts/pie/SimplePieChart';
+export * from './react/components/makeCustomElement';
+export * from './react/hooks/useFin5BinUrl';
+export * from './react/hooks/useFin5ColorScheme';
+export * from './react/hooks/useScreenSize';
+export * from './react/app/Fin5AppContainer';
+export * from './react/app/Fin5AppRootStore';

package/dist_es/index.js

@@ -1,54 +1,54 @@
-/*
- * Copyright (c) 2022, J2 Innovations. All Rights Reserved
- */
-//////////////////////////////////////////////////////////////////////////
-// Fin5 APIs related modules
-//////////////////////////////////////////////////////////////////////////
-export * from './fin5Top/fin5FileUpload';
-export * from './fin5Top/fin5Top';
-export * from './fin5Top/finEdge2Cloud';
-export * from './fin5Top/getFin5BinUrl';
-export * from './fin5Top/openFin5Alarm';
-export * from './fin5Top/openFin5Historian';
-export * from './fin5Top/useFin5AppURLHashParameter';
-//////////////////////////////////////////////////////////////////////////
-// Fin5 features related modules
-//////////////////////////////////////////////////////////////////////////
-export * from './jobs/jobUtils';
-//////////////////////////////////////////////////////////////////////////
-// React components
-//////////////////////////////////////////////////////////////////////////
-export * from './react/components/ErrorBoundary';
-export * from './react/components/ErrorDisplayer';
-export * from './react/components/Loader';
-export * from './react/components/LoadingSpinner';
-export * from './react/components/graphics/GraphicViewer';
-export * from './react/components/graphics/GraphicsTabViewer';
-export * from './react/components/navigation/BasicLayout';
-export * from './react/components/navigation/MenuPage';
-export * from './react/components/navigation/ReactRouterLayout';
-export * from './react/components/navigation/ReactRouterHeaderSiderLayout';
-export * from './react/components/navigation/customRouting/RouterLayout';
-export * from './react/components/navigation/customRouting/Router';
-export * from './react/components/resolvable/configurationForm/ConfigurationForm';
-export * from './react/components/resolvable/configurationForm/ConfigurationFormEntry';
-export * from './react/components/resolvable/configurationForm/getSectionDefault';
-export * from './react/components/RecordImage';
-export * from './react/components/charts/QRCode';
-export * from './react/components/charts/line-bar/Chart';
-export * from './react/components/charts/line-bar/HGridChart';
-export * from './react/components/charts/pie/PieChart';
-export * from './react/components/charts/pie/SimplePieChart';
-export * from './react/components/makeCustomElement';
-//////////////////////////////////////////////////////////////////////////
-// React hooks
-//////////////////////////////////////////////////////////////////////////
-export * from './react/hooks/useFin5BinUrl';
-export * from './react/hooks/useFin5ColorScheme';
-export * from './react/hooks/useScreenSize';
-//////////////////////////////////////////////////////////////////////////
-// j2inn/app support for FIN5
-//////////////////////////////////////////////////////////////////////////
-export * from './react/app/Fin5AppContainer';
-export * from './react/app/Fin5AppRootStore';
+/*
+ * Copyright (c) 2022, J2 Innovations. All Rights Reserved
+ */
+//////////////////////////////////////////////////////////////////////////
+// Fin5 APIs related modules
+//////////////////////////////////////////////////////////////////////////
+export * from './fin5Top/fin5FileUpload';
+export * from './fin5Top/fin5Top';
+export * from './fin5Top/finEdge2Cloud';
+export * from './fin5Top/getFin5BinUrl';
+export * from './fin5Top/openFin5Alarm';
+export * from './fin5Top/openFin5Historian';
+export * from './fin5Top/useFin5AppURLHashParameter';
+//////////////////////////////////////////////////////////////////////////
+// Fin5 features related modules
+//////////////////////////////////////////////////////////////////////////
+export * from './jobs/jobUtils';
+//////////////////////////////////////////////////////////////////////////
+// React components
+//////////////////////////////////////////////////////////////////////////
+export * from './react/components/ErrorBoundary';
+export * from './react/components/ErrorDisplayer';
+export * from './react/components/Loader';
+export * from './react/components/LoadingSpinner';
+export * from './react/components/graphics/GraphicViewer';
+export * from './react/components/graphics/GraphicsTabViewer';
+export * from './react/components/navigation/BasicLayout';
+export * from './react/components/navigation/MenuPage';
+export * from './react/components/navigation/ReactRouterLayout';
+export * from './react/components/navigation/ReactRouterHeaderSiderLayout';
+export * from './react/components/navigation/customRouting/RouterLayout';
+export * from './react/components/navigation/customRouting/Router';
+export * from './react/components/resolvable/configurationForm/ConfigurationForm';
+export * from './react/components/resolvable/configurationForm/ConfigurationFormEntry';
+export * from './react/components/resolvable/configurationForm/getSectionDefault';
+export * from './react/components/RecordImage';
+export * from './react/components/charts/QRCode';
+export * from './react/components/charts/line-bar/Chart';
+export * from './react/components/charts/line-bar/HGridChart';
+export * from './react/components/charts/pie/PieChart';
+export * from './react/components/charts/pie/SimplePieChart';
+export * from './react/components/makeCustomElement';
+//////////////////////////////////////////////////////////////////////////
+// React hooks
+//////////////////////////////////////////////////////////////////////////
+export * from './react/hooks/useFin5BinUrl';
+export * from './react/hooks/useFin5ColorScheme';
+export * from './react/hooks/useScreenSize';
+//////////////////////////////////////////////////////////////////////////
+// j2inn/app support for FIN5
+//////////////////////////////////////////////////////////////////////////
+export * from './react/app/Fin5AppContainer';
+export * from './react/app/Fin5AppRootStore';
 //# sourceMappingURL=index.js.map

package/dist_es/jobs/jobUtils.d.ts

@@ -1,14 +1,14 @@
-import { HDict, HNum, HStr } from 'haystack-core';
-export declare enum JobStatus {
-    doneOk = "doneOk",
-    doneErr = "doneErr",
-    running = "running"
-}
-export interface JobStatusDict extends HDict {
-    jobStatus: HStr;
-    progress: HNum;
-    progressMsg: HStr;
-}
-export declare const isJobSuccessful: (jobStatus: JobStatusDict) => boolean;
-export declare const isJobError: (jobStatus: JobStatusDict) => boolean;
-export declare const isJobRunning: (jobStatus: JobStatusDict) => boolean;
+import { HDict, HNum, HStr } from 'haystack-core';
+export declare enum JobStatus {
+    doneOk = "doneOk",
+    doneErr = "doneErr",
+    running = "running"
+}
+export interface JobStatusDict extends HDict {
+    jobStatus: HStr;
+    progress: HNum;
+    progressMsg: HStr;
+}
+export declare const isJobSuccessful: (jobStatus: JobStatusDict) => boolean;
+export declare const isJobError: (jobStatus: JobStatusDict) => boolean;
+export declare const isJobRunning: (jobStatus: JobStatusDict) => boolean;

package/dist_es/jobs/jobUtils.js

@@ -1,10 +1,10 @@
-export var JobStatus;
-(function (JobStatus) {
-    JobStatus["doneOk"] = "doneOk";
-    JobStatus["doneErr"] = "doneErr";
-    JobStatus["running"] = "running";
-})(JobStatus || (JobStatus = {}));
-export const isJobSuccessful = (jobStatus) => jobStatus.jobStatus.value === JobStatus.doneOk;
-export const isJobError = (jobStatus) => jobStatus.jobStatus.value === JobStatus.doneErr;
-export const isJobRunning = (jobStatus) => jobStatus.jobStatus.value === JobStatus.running;
+export var JobStatus;
+(function (JobStatus) {
+    JobStatus["doneOk"] = "doneOk";
+    JobStatus["doneErr"] = "doneErr";
+    JobStatus["running"] = "running";
+})(JobStatus || (JobStatus = {}));
+export const isJobSuccessful = (jobStatus) => jobStatus.jobStatus.value === JobStatus.doneOk;
+export const isJobError = (jobStatus) => jobStatus.jobStatus.value === JobStatus.doneErr;
+export const isJobRunning = (jobStatus) => jobStatus.jobStatus.value === JobStatus.running;
 //# sourceMappingURL=jobUtils.js.map

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

@@ -1,36 +1,36 @@
-import React from 'react';
-import { AppStore } from '@j2inn/app';
-import { Client } from 'haystack-nclient';
-import { ThemeDef } from '@j2inn/ui';
-/**
- * Properties for the dev application container component.
- */
-export interface Fin5AppContainerProps {
-    /**
-     * The children to render.
-     */
-    children?: React.ReactNode;
-    /**
-     * The app store.
-     */
-    appStore?: AppStore;
-    /**
-     * The network client object.
-     */
-    client?: Client;
-    /**
-     * Optional project name. Typically this is only specified
-     * in development mode. It's typically picked up from the URL.
-     */
-    project?: string;
-    /**
-     * The optional theme to use.
-     */
-    theme?: ThemeDef;
-}
-/**
- * Creates a basic application container environment to run a view in FIN5.
- */
-export declare const Fin5AppContainer: (({ children, appStore, client, project, theme, }: Fin5AppContainerProps) => JSX.Element) & {
-    displayName: string;
-};
+import React from 'react';
+import { AppStore } from '@j2inn/app';
+import { Client } from 'haystack-nclient';
+import { ThemeDef } from '@j2inn/ui';
+/**
+ * Properties for the dev application container component.
+ */
+export interface Fin5AppContainerProps {
+    /**
+     * The children to render.
+     */
+    children?: React.ReactNode;
+    /**
+     * The app store.
+     */
+    appStore?: AppStore;
+    /**
+     * The network client object.
+     */
+    client?: Client;
+    /**
+     * Optional project name. Typically this is only specified
+     * in development mode. It's typically picked up from the URL.
+     */
+    project?: string;
+    /**
+     * The optional theme to use.
+     */
+    theme?: ThemeDef;
+}
+/**
+ * Creates a basic application container environment to run a view in FIN5.
+ */
+export declare const Fin5AppContainer: (({ children, appStore, client, project, theme, }: Fin5AppContainerProps) => JSX.Element) & {
+    displayName: string;
+};