@j2inn/fin5-ui-utils 8.1.1 → 8.1.2-beta.1

package/dist/react/app/Fin5AppContainer.js

@@ -1,146 +1,146 @@
-"use strict";
-/*
- * Copyright (c) 2022, J2 Innovations. All Rights Reserved
- */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Fin5AppContainer = void 0;
-const react_1 = __importStar(require("react"));
-const app_react_1 = require("@j2inn/app-react");
-const mobx_react_lite_1 = require("mobx-react-lite");
-const Fin5AppRootStore_1 = require("./Fin5AppRootStore");
-const haystack_nclient_1 = require("haystack-nclient");
-const haystack_react_1 = require("haystack-react");
-const utils_1 = require("@j2inn/utils");
-const react_jss_1 = require("react-jss");
-const ui_1 = require("@j2inn/ui");
-const fin5Top_1 = require("../../fin5Top/fin5Top");
-const useFin5AppURLHashParameter_1 = require("../../fin5Top/useFin5AppURLHashParameter");
-const haystack_core_1 = require("haystack-core");
-const ErrorBoundary_1 = require("../components/ErrorBoundary");
-const Loader_1 = __importDefault(require("../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.
- */
-exports.Fin5AppContainer = (0, mobx_react_lite_1.observer)(({ children, appStore, client, project, theme = (0, ui_1.GenerateTheme)(ui_1.DEFAULT_THEME).light, }) => {
-    const [loading, setLoading] = (0, react_1.useState)(true);
-    const [loadingi18n, setLoadingi18n] = (0, react_1.useState)(true);
-    const rootStoreRef = (0, react_1.useRef)(null);
-    rootStoreRef.current ??= new Fin5AppRootStore_1.Fin5AppRootStore();
-    const rootStore = rootStoreRef.current;
-    const [hashProjName] = (0, useFin5AppURLHashParameter_1.useFin5AppURLHashParameter)('projectName');
-    const containerProject = project || hashProjName || fin5Top_1.fin5Top?.finstack?.projectName || '';
-    const locale = fin5Top_1.fin5Top?.languageManager?.currentLang ?? navigator?.language;
-    rootStore.locale = locale;
-    if (!rootStore.allLocales.includes(locale)) {
-        rootStore.allLocales.push(locale);
-    }
-    const target = fin5Top_1.fin5Top?.app?.TargetRef?.() || '';
-    rootStore.target = target ? haystack_core_1.HRef.make(target).value : '';
-    const initialized = hasInitialized(appStore)
-        ? appStore.initialized
-        : false;
-    const getClient = () => client ??
-        new haystack_nclient_1.Client({
-            base: new URL(window.location.href),
-            project: containerProject,
-            options: { headers: { accept: 'text/zinc' } },
-            getServiceUrl,
-            getOpUrl,
-            getHaystackServiceUrl,
-            getHostServiceUrl,
-        });
-    const [containerClient, setContainerClient] = (0, react_1.useState)(getClient);
-    (0, react_1.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]);
-    (0, react_1.useEffect)(() => {
-        const onMessage = (event) => {
-            if (fin5Top_1.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);
-    }, []);
-    (0, react_1.useEffect)(() => {
-        // tell the top level app its ready
-        if (initialized) {
-            fin5Top_1.fin5Top?.postMessage({
-                kind: 'iframeApp',
-                loading: false,
-            });
-        }
-    }, [initialized]);
-    return (react_1.default.createElement(app_react_1.AppRootStoreContext.Provider, { value: rootStore },
-        react_1.default.createElement(app_react_1.AppStoreContext.Provider, { value: appStore },
-            react_1.default.createElement(haystack_react_1.ClientContext.Provider, { value: containerClient },
-                react_1.default.createElement(utils_1.I18NProvider, { locale: locale, setLoading: setLoadingi18n },
-                    react_1.default.createElement(react_jss_1.ThemeProvider, { theme: theme },
-                        react_1.default.createElement(Loader_1.default, { loading: loading || loadingi18n },
-                            react_1.default.createElement(ErrorBoundary_1.ErrorBoundary, { mode: "global" /* ErrorBoundaryMode.global */ }, children))))))));
-});
+"use strict";
+/*
+ * Copyright (c) 2022, J2 Innovations. All Rights Reserved
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Fin5AppContainer = void 0;
+const react_1 = __importStar(require("react"));
+const app_react_1 = require("@j2inn/app-react");
+const mobx_react_lite_1 = require("mobx-react-lite");
+const Fin5AppRootStore_1 = require("./Fin5AppRootStore");
+const haystack_nclient_1 = require("haystack-nclient");
+const haystack_react_1 = require("haystack-react");
+const utils_1 = require("@j2inn/utils");
+const react_jss_1 = require("react-jss");
+const ui_1 = require("@j2inn/ui");
+const fin5Top_1 = require("../../fin5Top/fin5Top");
+const useFin5AppURLHashParameter_1 = require("../../fin5Top/useFin5AppURLHashParameter");
+const haystack_core_1 = require("haystack-core");
+const ErrorBoundary_1 = require("../components/ErrorBoundary");
+const Loader_1 = __importDefault(require("../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.
+ */
+exports.Fin5AppContainer = (0, mobx_react_lite_1.observer)(({ children, appStore, client, project, theme = (0, ui_1.GenerateTheme)(ui_1.DEFAULT_THEME).light, }) => {
+    const [loading, setLoading] = (0, react_1.useState)(true);
+    const [loadingi18n, setLoadingi18n] = (0, react_1.useState)(true);
+    const rootStoreRef = (0, react_1.useRef)(null);
+    rootStoreRef.current ??= new Fin5AppRootStore_1.Fin5AppRootStore();
+    const rootStore = rootStoreRef.current;
+    const [hashProjName] = (0, useFin5AppURLHashParameter_1.useFin5AppURLHashParameter)('projectName');
+    const containerProject = project || hashProjName || fin5Top_1.fin5Top?.finstack?.projectName || '';
+    const locale = fin5Top_1.fin5Top?.languageManager?.currentLang ?? navigator?.language;
+    rootStore.locale = locale;
+    if (!rootStore.allLocales.includes(locale)) {
+        rootStore.allLocales.push(locale);
+    }
+    const target = fin5Top_1.fin5Top?.app?.TargetRef?.() || '';
+    rootStore.target = target ? haystack_core_1.HRef.make(target).value : '';
+    const initialized = hasInitialized(appStore)
+        ? appStore.initialized
+        : false;
+    const getClient = () => client ??
+        new haystack_nclient_1.Client({
+            base: new URL(window.location.href),
+            project: containerProject,
+            options: { headers: { accept: 'text/zinc' } },
+            getServiceUrl,
+            getOpUrl,
+            getHaystackServiceUrl,
+            getHostServiceUrl,
+        });
+    const [containerClient, setContainerClient] = (0, react_1.useState)(getClient);
+    (0, react_1.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]);
+    (0, react_1.useEffect)(() => {
+        const onMessage = (event) => {
+            if (fin5Top_1.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);
+    }, []);
+    (0, react_1.useEffect)(() => {
+        // tell the top level app its ready
+        if (initialized) {
+            fin5Top_1.fin5Top?.postMessage({
+                kind: 'iframeApp',
+                loading: false,
+            });
+        }
+    }, [initialized]);
+    return (react_1.default.createElement(app_react_1.AppRootStoreContext.Provider, { value: rootStore },
+        react_1.default.createElement(app_react_1.AppStoreContext.Provider, { value: appStore },
+            react_1.default.createElement(haystack_react_1.ClientContext.Provider, { value: containerClient },
+                react_1.default.createElement(utils_1.I18NProvider, { locale: locale, setLoading: setLoadingi18n },
+                    react_1.default.createElement(react_jss_1.ThemeProvider, { theme: theme },
+                        react_1.default.createElement(Loader_1.default, { loading: loading || loadingi18n },
+                            react_1.default.createElement(ErrorBoundary_1.ErrorBoundary, { mode: "global" /* ErrorBoundaryMode.global */ }, children))))))));
+});
 //# sourceMappingURL=Fin5AppContainer.js.map

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

@@ -1,40 +1,40 @@
-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;
-}
+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/react/app/Fin5AppRootStore.js

@@ -1,91 +1,91 @@
-"use strict";
-/*
- * Copyright (c) 2022, J2 Innovations. All Rights Reserved
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Fin5AppRootStore = void 0;
-const mobx_1 = require("mobx");
-/**
- * An application root store for use with FIN5.
- */
-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() {
-        (0, mobx_1.makeAutoObservable)(this, {
-            currentUser: mobx_1.observable.ref,
-            apps: mobx_1.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;
-    }
-}
-exports.Fin5AppRootStore = Fin5AppRootStore;
+"use strict";
+/*
+ * Copyright (c) 2022, J2 Innovations. All Rights Reserved
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Fin5AppRootStore = void 0;
+const mobx_1 = require("mobx");
+/**
+ * An application root store for use with FIN5.
+ */
+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() {
+        (0, mobx_1.makeAutoObservable)(this, {
+            currentUser: mobx_1.observable.ref,
+            apps: mobx_1.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;
+    }
+}
+exports.Fin5AppRootStore = Fin5AppRootStore;
 //# sourceMappingURL=Fin5AppRootStore.js.map