@j2inn/fin5-ui-utils 0.0.2 → 0.0.3

package/dist_es/fantomProps/fantomPropsToObject.d.ts

@@ -0,0 +1,8 @@
+export interface Props {
+    [key: string]: string;
+}
+/**
+ * Convert the given fantom props as string to JS object (@see https://fantom.org/doc/sys/InStream#readProps)
+ */
+export default function fantomPropsToObject(props: string): Props;
+export declare function parseFantomProps(readChar: () => number, unreadChar: (char: number) => void): Props;

package/dist_es/fantomProps/fantomPropsToObject.js

@@ -0,0 +1,176 @@
+/**
+ * Convert the given fantom props as string to JS object (@see https://fantom.org/doc/sys/InStream#readProps)
+ */
+export default function fantomPropsToObject(props) {
+    let i = 0;
+    const readChar = () => {
+        if (i < props.length) {
+            i++;
+            return props.charCodeAt(i - 1);
+        }
+        else
+            return -1;
+    };
+    const unreadChar = () => {
+        if (i > 0) {
+            i--;
+        }
+    };
+    return parseFantomProps(readChar, unreadChar);
+}
+var UTF_8;
+(function (UTF_8) {
+    UTF_8[UTF_8["tab"] = 9] = "tab";
+    UTF_8[UTF_8["lf"] = 10] = "lf";
+    UTF_8[UTF_8["cr"] = 13] = "cr";
+    UTF_8[UTF_8["space"] = 32] = "space";
+    UTF_8[UTF_8["numberSign"] = 35] = "numberSign";
+    UTF_8[UTF_8["asterisk"] = 42] = "asterisk";
+    UTF_8[UTF_8["solidus"] = 47] = "solidus";
+    UTF_8[UTF_8["equalSign"] = 61] = "equalSign";
+    UTF_8[UTF_8["reverseSolidus"] = 92] = "reverseSolidus";
+    UTF_8[UTF_8["n"] = 110] = "n";
+    UTF_8[UTF_8["r"] = 114] = "r";
+    UTF_8[UTF_8["t"] = 116] = "t";
+    UTF_8[UTF_8["u"] = 117] = "u";
+})(UTF_8 || (UTF_8 = {}));
+const isSpace = (char) => char === UTF_8.space ||
+    char === UTF_8.tab ||
+    char === UTF_8.lf ||
+    char === UTF_8.cr;
+const hex = function (c) {
+    if (48 <= c && c <= 57)
+        return c - 48;
+    if (97 <= c && c <= 102)
+        return c - 97 + 10;
+    if (65 <= c && c <= 70)
+        return c - 65 + 10;
+    return -1;
+};
+/*
+ * Parse the Fantom props file character by character.
+ * Implementation based on https://github.com/fantom-lang/fantom/blob/master/src/sys/js/fan/InStream.js
+ */
+export function parseFantomProps(readChar, unreadChar) {
+    const props = {};
+    let name = '';
+    let value = null;
+    let inBlockComment = 0;
+    let inEndOfLineComment = false;
+    let char = UTF_8.space, lastChar = UTF_8.space;
+    let lineNum = 1;
+    while (true) {
+        lastChar = char;
+        char = readChar();
+        if (char < 0)
+            break;
+        // end of line
+        if (char == UTF_8.lf || char == UTF_8.cr) {
+            inEndOfLineComment = false;
+            if (lastChar == UTF_8.cr && char == UTF_8.lf)
+                continue;
+            const n = name.trim();
+            if (value !== null) {
+                props[n] = value.trim();
+                name = '';
+                value = null;
+            }
+            else if (n.length > 0)
+                throw new Error('Invalid name/value pair [Line ' + lineNum + ']');
+            lineNum++;
+            continue;
+        }
+        // if in comment
+        if (inEndOfLineComment)
+            continue;
+        // block comment
+        if (inBlockComment > 0) {
+            if (lastChar == UTF_8.solidus && char == UTF_8.asterisk)
+                inBlockComment++;
+            if (lastChar == UTF_8.asterisk && char == UTF_8.solidus)
+                inBlockComment--;
+            continue;
+        }
+        // equal
+        if (char == UTF_8.equalSign && value === null) {
+            value = '';
+            continue;
+        }
+        // line comment
+        if (char === UTF_8.numberSign &&
+            (lastChar == UTF_8.lf || lastChar == UTF_8.cr)) {
+            inEndOfLineComment = true;
+            continue;
+        }
+        // end of line comment
+        if (char == UTF_8.solidus && isSpace(lastChar)) {
+            const peek = readChar();
+            if (peek < 0)
+                break;
+            if (peek == UTF_8.solidus) {
+                inEndOfLineComment = true;
+                continue;
+            }
+            if (peek == UTF_8.asterisk) {
+                inBlockComment++;
+                continue;
+            }
+            unreadChar(peek);
+        }
+        // escape or line continuation
+        if (char == UTF_8.reverseSolidus) {
+            let peek = readChar();
+            if (peek < 0)
+                break;
+            else if (peek == UTF_8.n)
+                char = UTF_8.lf;
+            else if (peek == UTF_8.r)
+                char = UTF_8.cr;
+            else if (peek == UTF_8.t)
+                char = UTF_8.tab;
+            else if (peek == UTF_8.reverseSolidus)
+                char = UTF_8.reverseSolidus;
+            else if (peek == UTF_8.cr || peek == UTF_8.lf) {
+                // line continuation
+                lineNum++;
+                if (peek == UTF_8.cr) {
+                    peek = readChar();
+                    if (peek != UTF_8.lf)
+                        unreadChar(peek);
+                }
+                while (true) {
+                    peek = readChar();
+                    if (peek == UTF_8.space || peek == UTF_8.tab)
+                        continue;
+                    unreadChar(peek);
+                    break;
+                }
+                continue;
+            }
+            else if (peek == UTF_8.u) {
+                const n3 = hex(readChar());
+                const n2 = hex(readChar());
+                const n1 = hex(readChar());
+                const n0 = hex(readChar());
+                if (n3 < 0 || n2 < 0 || n1 < 0 || n0 < 0)
+                    throw new Error('Invalid hex value for \\uxxxx [Line ' + lineNum + ']');
+                char = (n3 << 12) | (n2 << 8) | (n1 << 4) | n0;
+            }
+            else
+                throw new Error('Invalid escape sequence [Line ' + lineNum + ']');
+        }
+        // normal character
+        if (value === null)
+            name += String.fromCharCode(char);
+        else
+            value += String.fromCharCode(char);
+    }
+    const n = name.trim();
+    if (value !== null) {
+        props[n] = value.trim();
+    }
+    else if (n.length > 0)
+        throw new Error('Invalid name/value pair [Line ' + lineNum + ']');
+    return props;
+}
+//# sourceMappingURL=fantomPropsToObject.js.map

package/dist_es/fantomProps/fantomPropsToObject.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fantomPropsToObject.js","sourceRoot":"","sources":["../../src/fantomProps/fantomPropsToObject.ts"],"names":[],"mappings":"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"}

package/dist_es/fantomProps/generateJsonFromFantomPropsFile.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Converts props file to json file.
+ */
+export default function generateJsonFromFantomPropsFile(inputPath?: string, outputPath?: string): Promise<void>;

package/dist_es/fantomProps/generateJsonFromFantomPropsFile.js

@@ -0,0 +1,10 @@
+import * as fs from 'fs';
+import readFantomPropsFile from './readFantomPropsFile';
+/**
+ * Converts props file to json file.
+ */
+export default async function generateJsonFromFantomPropsFile(inputPath = '../locale/en.props', outputPath = './src/localeKeys.json') {
+    const result = await readFantomPropsFile(inputPath);
+    fs.writeFileSync(outputPath, JSON.stringify(result, null, '\t'));
+}
+//# sourceMappingURL=generateJsonFromFantomPropsFile.js.map

package/dist_es/fantomProps/generateJsonFromFantomPropsFile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generateJsonFromFantomPropsFile.js","sourceRoot":"","sources":["../../src/fantomProps/generateJsonFromFantomPropsFile.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,IAAI,CAAA;AACxB,OAAO,mBAAmB,MAAM,uBAAuB,CAAA;AAEvD;;GAEG;AACH,MAAM,CAAC,OAAO,CAAC,KAAK,UAAU,+BAA+B,CAC5D,SAAS,GAAG,oBAAoB,EAChC,UAAU,GAAG,uBAAuB;IAEpC,MAAM,MAAM,GAAG,MAAM,mBAAmB,CAAC,SAAS,CAAC,CAAA;IAEnD,EAAE,CAAC,aAAa,CAAC,UAAU,EAAE,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAA;AACjE,CAAC"}

package/dist_es/fantomProps/localePropsToJson.d.ts

@@ -0,0 +1 @@
+export default function localePropsToJson(inputPath?: string, outputPath?: string, includeOnlyPrefixedBy?: string): Promise<void>;

package/dist_es/fantomProps/localePropsToJson.js

@@ -0,0 +1,19 @@
+import * as fs from 'fs';
+import readFantomPropsFile from './readFantomPropsFile';
+export default async function localePropsToJson(inputPath = '../locale/en.props', outputPath = './src/localeKeys.json', includeOnlyPrefixedBy = '') {
+    const props = await readFantomPropsFile(inputPath);
+    let localeKeys;
+    if (includeOnlyPrefixedBy) {
+        localeKeys = Object.fromEntries(Object.keys(props)
+            .filter((key) => key.startsWith(includeOnlyPrefixedBy))
+            .map((key) => [
+            key.replace(includeOnlyPrefixedBy, '').replaceAll('.', '_'),
+            key,
+        ]));
+    }
+    else {
+        localeKeys = Object.fromEntries(Object.keys(props).map((key) => [key.replaceAll('.', '_'), key]));
+    }
+    fs.writeFileSync(outputPath, JSON.stringify(localeKeys, null, '\t'));
+}
+//# sourceMappingURL=localePropsToJson.js.map

package/dist_es/fantomProps/localePropsToJson.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"localePropsToJson.js","sourceRoot":"","sources":["../../src/fantomProps/localePropsToJson.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,IAAI,CAAA;AACxB,OAAO,mBAAmB,MAAM,uBAAuB,CAAA;AAEvD,MAAM,CAAC,OAAO,CAAC,KAAK,UAAU,iBAAiB,CAC9C,SAAS,GAAG,oBAAoB,EAChC,UAAU,GAAG,uBAAuB,EACpC,qBAAqB,GAAG,EAAE;IAE1B,MAAM,KAAK,GAAG,MAAM,mBAAmB,CAAC,SAAS,CAAC,CAAA;IAElD,IAAI,UAAU,CAAA;IACd,IAAI,qBAAqB,EAAE;QAC1B,UAAU,GAAG,MAAM,CAAC,WAAW,CAC9B,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;aAChB,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC;aACtD,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC;YACb,GAAG,CAAC,OAAO,CAAC,qBAAqB,EAAE,EAAE,CAAC,CAAC,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC;YAC3D,GAAG;SACH,CAAC,CACH,CAAA;KACD;SAAM;QACN,UAAU,GAAG,MAAM,CAAC,WAAW,CAC9B,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAChE,CAAA;KACD;IAED,EAAE,CAAC,aAAa,CAAC,UAAU,EAAE,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAA;AACrE,CAAC"}

package/dist_es/fantomProps/readFantomPropsFile.d.ts

@@ -0,0 +1,5 @@
+import { Props } from './fantomPropsToObject';
+/**
+ * Asynchronously read the given Fantom props file to JS object (@see https://fantom.org/doc/sys/InStream#readProps)
+ */
+export default function readFantomPropsFile(path: string): Promise<Props>;

package/dist_es/fantomProps/readFantomPropsFile.js

@@ -0,0 +1,33 @@
+import * as fs from 'fs';
+import { parseFantomProps } from './fantomPropsToObject';
+/**
+ * Asynchronously read the given Fantom props file to JS object (@see https://fantom.org/doc/sys/InStream#readProps)
+ */
+export default function readFantomPropsFile(path) {
+    return new Promise((resolve, reject) => {
+        const fileStream = fs.createReadStream(path);
+        fileStream.once('readable', function () {
+            const readChar = () => {
+                return fileStream.read(1)?.[0] ?? -1;
+            };
+            const unreadChar = (char) => {
+                return fileStream.unshift(new Uint8Array([char]));
+            };
+            try {
+                resolve(parseFantomProps(readChar, unreadChar));
+            }
+            catch (error) {
+                reject(error);
+            }
+            finally {
+                try {
+                    fileStream.close();
+                }
+                catch (err) {
+                    console.error(err);
+                }
+            }
+        });
+    });
+}
+//# sourceMappingURL=readFantomPropsFile.js.map

package/dist_es/fantomProps/readFantomPropsFile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"readFantomPropsFile.js","sourceRoot":"","sources":["../../src/fantomProps/readFantomPropsFile.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,IAAI,CAAA;AACxB,OAAO,EAAE,gBAAgB,EAAS,MAAM,uBAAuB,CAAA;AAE/D;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,IAAY;IACvD,OAAO,IAAI,OAAO,CAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;QAC7C,MAAM,UAAU,GAAG,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAA;QAE5C,UAAU,CAAC,IAAI,CAAC,UAAU,EAAE;YAC3B,MAAM,QAAQ,GAAG,GAAW,EAAE;gBAC7B,OAAO,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAA;YACrC,CAAC,CAAA;YAED,MAAM,UAAU,GAAG,CAAC,IAAY,EAAE,EAAE;gBACnC,OAAO,UAAU,CAAC,OAAO,CAAC,IAAI,UAAU,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;YAClD,CAAC,CAAA;YAED,IAAI;gBACH,OAAO,CAAC,gBAAgB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAA;aAC/C;YAAC,OAAO,KAAK,EAAE;gBACf,MAAM,CAAC,KAAK,CAAC,CAAA;aACb;oBAAS;gBACT,IAAI;oBACH,UAAU,CAAC,KAAK,EAAE,CAAA;iBAClB;gBAAC,OAAO,GAAG,EAAE;oBACb,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;iBAClB;aACD;QACF,CAAC,CAAC,CAAA;IACH,CAAC,CAAC,CAAA;AACH,CAAC"}

package/dist_es/fin5Top/fin5Top.d.ts

@@ -0,0 +1,111 @@
+import { AlarmFilter } from './openFin5Alarm';
+import { HistorianArgs, HistorianType } from './openFin5Historian';
+export declare const getFin5top: (notifyFailure?: () => void) => Fin5Top | null;
+export declare const fin5Top: Fin5Top | null;
+export declare function isWindowTopFin5(notifyFailure?: () => void): boolean;
+export interface Fin5Top {
+    app: Fin5App;
+    languageManager: LanguageManager;
+    finstack?: {
+        projectName?: string;
+        device?: {
+            currentUser?: {
+                toObj: () => unknown;
+            };
+        };
+    };
+}
+export interface Fin5App {
+    /**
+     * Toggles FIN right side menu.
+     * The forceTo parameter can be used to enforce a specific status instead of a toggling behaviour,
+     * where: true -> menu closed, false -> menu open
+     */
+    ToggleCollapse: (forceTo: boolean) => void;
+    /**
+     * Returns current target record id.
+     */
+    TargetRef: () => TargetRef;
+    /**
+     * Updates the current target record id.
+     * Navigates the current app to the specified
+     * <code>targetRef</code>. Target Ref is the id of any equip/site etc..
+     */
+    NavigateToTargetRef: (targetRef: TargetRef, maintainView: boolean) => void;
+    /**
+     * Navigates to a particular application (trends, notes .. etc) under a specific target.
+     * @param {Fin5AppNames} appName name of the application
+     * @param {TargetRef} targetRef id of the target. Is the id of the equip/site.. etc to where the app should navigate
+     * @param {boolean} skipRef is the flag indicating where to ignore the target ref if not mentioned. If this flag is true and the target ref is not provided, then the navigation will be made to the root target ref and will not be obtained from where the app already is
+     */
+    NavigateToApp: (appName: Fin5AppNames, targetRef?: TargetRef, skipRef?: boolean, params?: string[]) => Promise<void>;
+    /**
+     * Method to open a url on the application LHS. The LHS here is the <code>iframe</code> where all
+     * the graphics etc are opened.
+     *
+     * @method LoadApplication
+     * @param {string} url - Is the url which is to be loaded
+     * @param {string} title - Specifies the title to be displayed on the iframe object
+     * @param {string} targetId - Specifies the id of the equip (etc) to which the main navigation update.
+     * @param {object} settings - extra settings that can be passed in when calling hte func
+     * @param {boolean} settings.collapse - flag indicating the collapse state of the RHS app panel
+     */
+    LoadApplication: (url: string, title?: string, targetRef?: TargetRef, settings?: {
+        collapse?: boolean;
+    }) => Promise<void>;
+    /**
+     * Get the filters object from the alarms application.
+     */
+    GetAlarmFilters: () => AlarmFilter;
+    /**
+     * Sets the filter settings for the alarms.
+     * @param {AlarmFilter} filters Is the object that defines the filter properties.
+     * @param {boolean} historical Flag indicating if the filter properties need to be applied to the historical alarms.
+     */
+    SetAlarmFilters: (filters: AlarmFilter, historical?: boolean) => void;
+    /**
+     * Navigates to the historian app and loads the graphs as per the passed arguments. The graph will be drawn for the passed "point" ids or for a "query" id or for a "string" query
+     * @param {HistorianType} type is the type of graph arg. Available args are:
+     *	- point : the args will have point ids in an array
+     *	- query : the arg will be the id of a saved chart query
+     *	- string : the arg will be a query string
+     * @param {HistorianArgs} args is the array/string for point ids, the query id or the raw query string
+     */
+    OpenHistorianWithOptions: (type: HistorianType, args: HistorianArgs) => void;
+    findComponent: (name: string) => Fin5AppComponent;
+    /**
+     * @see https://ractive.js.org/api/#ractiveobserve
+     */
+    observe: (keypath: string, callback: (newValue: unknown, oldValue: unknown, keypath: string) => void) => {
+        cancel: () => void;
+    };
+    set: (name: string, value: unknown) => Promise<undefined>;
+    get: (name: string) => Promise<unknown>;
+    APP_NAMES: typeof Fin5AppNames;
+}
+export declare enum Fin5AppNames {
+    EQUIP = "equip",
+    GRAPHICS = "graphics",
+    POINTS = "points",
+    ALARMS = "alarms",
+    NOTES = "notes",
+    SUMMARY = "summary",
+    SUMMARY_TOPICS = "summaryList",
+    TOOLS = "tools",
+    SCHEDULES = "schedules",
+    SCHEDULE_LIST = "scheduleList",
+    HISTORIAN = "trends",
+    TREND_LIST = "trendList",
+    SEARCH = "search",
+    LOGOUT = "logout",
+    GENERIC = "generic",
+    REPORTS = "reports"
+}
+interface LanguageManager {
+    currentLang: string;
+}
+interface Fin5AppComponent {
+    set: (value: unknown) => Promise<undefined>;
+}
+export declare type TargetRef = string | null | undefined;
+export {};

package/dist_es/fin5Top/fin5Top.js

@@ -0,0 +1,52 @@
+class Fin5TopRetriever {
+    static _fin5Top;
+    static get fin5Top() {
+        return this.getFin5top();
+    }
+    static getFin5top = (notifyFailure) => {
+        if (this._fin5Top === undefined) {
+            this._fin5Top = isWindowTopFin5(notifyFailure)
+                ? window.top // Cast to unknown to obscure properties from Window to simplify usage.
+                : null;
+        }
+        return this._fin5Top;
+    };
+}
+export const getFin5top = Fin5TopRetriever.getFin5top;
+export const fin5Top = Fin5TopRetriever.fin5Top;
+export function isWindowTopFin5(notifyFailure) {
+    try {
+        window?.top?.origin;
+        if (window.top.finstack) {
+            return true;
+        }
+        else {
+            throw new Error('FIN 5 top not available');
+        }
+    }
+    catch (err) {
+        console.warn(err);
+        notifyFailure?.();
+        return false;
+    }
+}
+export var Fin5AppNames;
+(function (Fin5AppNames) {
+    Fin5AppNames["EQUIP"] = "equip";
+    Fin5AppNames["GRAPHICS"] = "graphics";
+    Fin5AppNames["POINTS"] = "points";
+    Fin5AppNames["ALARMS"] = "alarms";
+    Fin5AppNames["NOTES"] = "notes";
+    Fin5AppNames["SUMMARY"] = "summary";
+    Fin5AppNames["SUMMARY_TOPICS"] = "summaryList";
+    Fin5AppNames["TOOLS"] = "tools";
+    Fin5AppNames["SCHEDULES"] = "schedules";
+    Fin5AppNames["SCHEDULE_LIST"] = "scheduleList";
+    Fin5AppNames["HISTORIAN"] = "trends";
+    Fin5AppNames["TREND_LIST"] = "trendList";
+    Fin5AppNames["SEARCH"] = "search";
+    Fin5AppNames["LOGOUT"] = "logout";
+    Fin5AppNames["GENERIC"] = "generic";
+    Fin5AppNames["REPORTS"] = "reports";
+})(Fin5AppNames || (Fin5AppNames = {}));
+//# sourceMappingURL=fin5Top.js.map

package/dist_es/fin5Top/fin5Top.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fin5Top.js","sourceRoot":"","sources":["../../src/fin5Top/fin5Top.ts"],"names":[],"mappings":"AAGA,MAAM,gBAAgB;IACb,MAAM,CAAC,QAAQ,CAAgB;IAEvC,MAAM,KAAK,OAAO;QACjB,OAAO,IAAI,CAAC,UAAU,EAAE,CAAA;IACzB,CAAC;IACD,MAAM,CAAC,UAAU,GAAG,CAAC,aAA0B,EAAkB,EAAE;QAClE,IAAI,IAAI,CAAC,QAAQ,KAAK,SAAS,EAAE;YAChC,IAAI,CAAC,QAAQ,GAAG,eAAe,CAAC,aAAa,CAAC;gBAC7C,CAAC,CAAE,MAAM,CAAC,GAA0B,CAAC,uEAAuE;gBAC5G,CAAC,CAAC,IAAI,CAAA;SACP;QACD,OAAO,IAAI,CAAC,QAAQ,CAAA;IACrB,CAAC,CAAA;;AAGF,MAAM,CAAC,MAAM,UAAU,GAAG,gBAAgB,CAAC,UAAU,CAAA;AAErD,MAAM,CAAC,MAAM,OAAO,GAAG,gBAAgB,CAAC,OAAO,CAAA;AAE/C,MAAM,UAAU,eAAe,CAAC,aAA0B;IACzD,IAAI;QACH,MAAM,EAAE,GAAG,EAAE,MAAM,CAAA;QACnB,IAAK,MAAM,CAAC,GAA0B,CAAC,QAAQ,EAAE;YAChD,OAAO,IAAI,CAAA;SACX;aAAM;YACN,MAAM,IAAI,KAAK,CAAC,yBAAyB,CAAC,CAAA;SAC1C;KACD;IAAC,OAAO,GAAG,EAAE;QACb,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;QACjB,aAAa,EAAE,EAAE,CAAA;QACjB,OAAO,KAAK,CAAA;KACZ;AACF,CAAC;AA8GD,MAAM,CAAN,IAAY,YAiBX;AAjBD,WAAY,YAAY;IACvB,+BAAe,CAAA;IACf,qCAAqB,CAAA;IACrB,iCAAiB,CAAA;IACjB,iCAAiB,CAAA;IACjB,+BAAe,CAAA;IACf,mCAAmB,CAAA;IACnB,8CAA8B,CAAA;IAC9B,+BAAe,CAAA;IACf,uCAAuB,CAAA;IACvB,8CAA8B,CAAA;IAC9B,oCAAoB,CAAA;IACpB,wCAAwB,CAAA;IACxB,iCAAiB,CAAA;IACjB,iCAAiB,CAAA;IACjB,mCAAmB,CAAA;IACnB,mCAAmB,CAAA;AACpB,CAAC,EAjBW,YAAY,KAAZ,YAAY,QAiBvB"}

package/dist_es/fin5Top/getFin5BinUrl.d.ts

@@ -0,0 +1,2 @@
+import { HRef } from 'haystack-core';
+export declare const getFin5BinUrl: (id: HRef) => string;

package/dist_es/fin5Top/getFin5BinUrl.js

@@ -0,0 +1,3 @@
+import { fin5Top } from './fin5Top';
+export const getFin5BinUrl = (id) => `/finGetFile/${fin5Top?.finstack?.projectName}?fileRef=${id?.toString()}`;
+//# sourceMappingURL=getFin5BinUrl.js.map

package/dist_es/fin5Top/getFin5BinUrl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getFin5BinUrl.js","sourceRoot":"","sources":["../../src/fin5Top/getFin5BinUrl.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAEnC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAQ,EAAU,EAAE,CACjD,eAAe,OAAO,EAAE,QAAQ,EAAE,WAAW,YAAY,EAAE,EAAE,QAAQ,EAAE,EAAE,CAAA"}

package/dist_es/fin5Top/openFin5Alarm.d.ts

@@ -0,0 +1,22 @@
+import { TargetRef } from './fin5Top';
+export interface AlarmFilterTypes {
+    alarms: boolean;
+    events: boolean;
+    acks: boolean;
+}
+export interface AlarmFilter {
+    range?: string;
+    priorityThreshold?: string;
+    acked?: boolean;
+    unacked?: boolean;
+    inAlarm?: boolean;
+    notInAlarm?: boolean;
+    search?: string;
+    types?: AlarmFilterTypes;
+}
+export declare type AlarmOptions = {
+    targetRef?: TargetRef;
+    filter: AlarmFilter;
+    historical?: boolean;
+};
+export declare const openFin5AlarmsApp: ({ targetRef, filter, historical, }: AlarmOptions) => Promise<void>;

package/dist_es/fin5Top/openFin5Alarm.js

@@ -0,0 +1,17 @@
+//////////////////////////////////////////////////////////////////////////
+// Alarms
+//////////////////////////////////////////////////////////////////////////
+import { fin5Top } from './fin5Top';
+export const openFin5AlarmsApp = async ({ targetRef, filter, historical = false, }) => {
+    await fin5Top?.app.NavigateToApp(fin5Top?.app?.APP_NAMES?.ALARMS, targetRef);
+    fin5Top?.app.ToggleCollapse(false);
+    let alarmFilters = fin5Top?.app?.GetAlarmFilters() ?? {};
+    if (filter) {
+        alarmFilters = {
+            ...alarmFilters,
+            ...filter,
+        };
+    }
+    fin5Top?.app?.SetAlarmFilters(alarmFilters, historical);
+};
+//# sourceMappingURL=openFin5Alarm.js.map

package/dist_es/fin5Top/openFin5Alarm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"openFin5Alarm.js","sourceRoot":"","sources":["../../src/fin5Top/openFin5Alarm.ts"],"names":[],"mappings":"AAAA,0EAA0E;AAC1E,SAAS;AACT,0EAA0E;AAE1E,OAAO,EAAE,OAAO,EAAa,MAAM,WAAW,CAAA;AAyB9C,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,EAAE,EACvC,SAAS,EACT,MAAM,EACN,UAAU,GAAG,KAAK,GACJ,EAAiB,EAAE;IACjC,MAAM,OAAO,EAAE,GAAG,CAAC,aAAa,CAAC,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,CAAC,CAAA;IAC5E,OAAO,EAAE,GAAG,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;IAElC,IAAI,YAAY,GAAG,OAAO,EAAE,GAAG,EAAE,eAAe,EAAE,IAAI,EAAE,CAAA;IACxD,IAAI,MAAM,EAAE;QACX,YAAY,GAAG;YACd,GAAG,YAAY;YACf,GAAG,MAAM;SACT,CAAA;KACD;IAED,OAAO,EAAE,GAAG,EAAE,eAAe,CAAC,YAAY,EAAE,UAAU,CAAC,CAAA;AACxD,CAAC,CAAA"}

package/dist_es/fin5Top/openFin5Historian.d.ts

@@ -0,0 +1,3 @@
+export declare type HistorianType = 'point' | 'query' | 'string';
+export declare type HistorianArgs = string | (string | undefined)[];
+export declare const openFin5HistorianApp: (queryType?: HistorianType, args?: HistorianArgs) => Promise<void>;

package/dist_es/fin5Top/openFin5Historian.js

@@ -0,0 +1,13 @@
+//////////////////////////////////////////////////////////////////////////
+// Historian
+//////////////////////////////////////////////////////////////////////////
+import { fin5Top } from './fin5Top';
+export const openFin5HistorianApp = async (queryType, args) => {
+    if (fin5Top) {
+        queryType && args
+            ? fin5Top.app.OpenHistorianWithOptions(queryType, args)
+            : fin5Top.app.NavigateToApp(fin5Top.app.APP_NAMES.TREND_LIST);
+        fin5Top?.app.ToggleCollapse(false);
+    }
+};
+//# sourceMappingURL=openFin5Historian.js.map

package/dist_es/fin5Top/openFin5Historian.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"openFin5Historian.js","sourceRoot":"","sources":["../../src/fin5Top/openFin5Historian.ts"],"names":[],"mappings":"AAAA,0EAA0E;AAC1E,YAAY;AACZ,0EAA0E;AAE1E,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAMnC,MAAM,CAAC,MAAM,oBAAoB,GAAG,KAAK,EACxC,SAAyB,EACzB,IAAoB,EACJ,EAAE;IAClB,IAAI,OAAO,EAAE;QACZ,SAAS,IAAI,IAAI;YAChB,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,wBAAwB,CAAC,SAAS,EAAE,IAAI,CAAC;YACvD,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,UAAU,CAAC,CAAA;QAC9D,OAAO,EAAE,GAAG,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;KAClC;AACF,CAAC,CAAA"}

package/dist_es/index.d.ts

@@ -0,0 +1,12 @@
+export * from './fantomProps/fantomPropsToObject';
+export * from './fantomProps/generateJsonFromFantomPropsFile';
+export * from './fantomProps/readFantomPropsFile';
+export * from './fin5Top/fin5Top';
+export * from './fin5Top/getFin5BinUrl';
+export * from './fin5Top/openFin5Alarm';
+export * from './fin5Top/openFin5Historian';
+export * from './react/components/ErrorDisplayer';
+export * from './react/components/LoadingSpinner';
+export * from './react/components/navigation/BasicLayout';
+export * from './react/components/navigation/MenuPage';
+export * from './react/components/navigation/Router';

package/dist_es/index.js

@@ -0,0 +1,22 @@
+//////////////////////////////////////////////////////////////////////////
+// Fantom Props
+//////////////////////////////////////////////////////////////////////////
+export * from './fantomProps/fantomPropsToObject';
+export * from './fantomProps/generateJsonFromFantomPropsFile';
+export * from './fantomProps/readFantomPropsFile';
+//////////////////////////////////////////////////////////////////////////
+// Fin5 APIs related modules
+//////////////////////////////////////////////////////////////////////////
+export * from './fin5Top/fin5Top';
+export * from './fin5Top/getFin5BinUrl';
+export * from './fin5Top/openFin5Alarm';
+export * from './fin5Top/openFin5Historian';
+//////////////////////////////////////////////////////////////////////////
+// React components
+//////////////////////////////////////////////////////////////////////////
+export * from './react/components/ErrorDisplayer';
+export * from './react/components/LoadingSpinner';
+export * from './react/components/navigation/BasicLayout';
+export * from './react/components/navigation/MenuPage';
+export * from './react/components/navigation/Router';
+//# sourceMappingURL=index.js.map

package/dist_es/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,0EAA0E;AAC1E,eAAe;AACf,0EAA0E;AAC1E,cAAc,mCAAmC,CAAA;AACjD,cAAc,+CAA+C,CAAA;AAC7D,cAAc,mCAAmC,CAAA;AACjD,0EAA0E;AAC1E,4BAA4B;AAC5B,0EAA0E;AAC1E,cAAc,mBAAmB,CAAA;AACjC,cAAc,yBAAyB,CAAA;AACvC,cAAc,yBAAyB,CAAA;AACvC,cAAc,6BAA6B,CAAA;AAC3C,0EAA0E;AAC1E,mBAAmB;AACnB,0EAA0E;AAC1E,cAAc,mCAAmC,CAAA;AACjD,cAAc,mCAAmC,CAAA;AACjD,cAAc,2CAA2C,CAAA;AACzD,cAAc,wCAAwC,CAAA;AACtD,cAAc,sCAAsC,CAAA"}

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

@@ -0,0 +1,19 @@
+import React, { ErrorInfo, ReactNode } from 'react';
+interface ErrorBoundaryState {
+    error?: Error;
+}
+interface ErrorBoundaryProps {
+    children: ReactNode;
+}
+export declare class DefaultErrorBoundary extends React.Component<ErrorBoundaryProps> {
+    state: ErrorBoundaryState;
+    static getDerivedStateFromError(error: Error): ErrorBoundaryState;
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    render(): ReactNode;
+}
+export interface ErrorDisplayerProps {
+    error: Error;
+    extra: React.ReactNode;
+}
+export declare const ErrorDisplayer: React.FC<ErrorDisplayerProps>;
+export {};

package/dist_es/react/components/ErrorDisplayer.jsx

@@ -0,0 +1,36 @@
+import { Button, Collapse, Container, Result, Typography } from '@j2inn/ui';
+import React from 'react';
+export class DefaultErrorBoundary extends React.Component {
+    state = {};
+    static getDerivedStateFromError(error) {
+        // Update state so the next render will show the fallback UI.
+        return { error: error };
+    }
+    componentDidCatch(error, errorInfo) {
+        // You can also log the error to an error reporting service
+        console.error(error, errorInfo);
+    }
+    render() {
+        if (this.state.error) {
+            // You can render any custom fallback UI
+            return (<ErrorDisplayer error={this.state.error} extra={[
+                    <Button type='primary' key='refresh' onClick={() => window.location.reload()}>
+							Refresh The Page
+						</Button>,
+                ]}/>);
+        }
+        return this.props.children;
+    }
+}
+export const ErrorDisplayer = ({ error, extra, }) => {
+    return (<Result status='error' title='Ouch... Something Went Wrong' subTitle={<Container center>
+					<Collapse style={{ width: 600, textAlign: 'left' }}>
+						<Collapse.Panel header={`${error.toString()}`} key='1'>
+							<Typography.Text style={{ width: 400 }}>
+								{error.stack}
+							</Typography.Text>
+						</Collapse.Panel>
+					</Collapse>
+				</Container>} extra={extra}/>);
+};
+//# sourceMappingURL=ErrorDisplayer.jsx.map

package/dist_es/react/components/ErrorDisplayer.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorDisplayer.jsx","sourceRoot":"","sources":["../../../src/react/components/ErrorDisplayer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAC3E,OAAO,KAA+B,MAAM,OAAO,CAAA;AAUnD,MAAM,OAAO,oBAAqB,SAAQ,KAAK,CAAC,SAA6B;IACnE,KAAK,GAAuB,EAAE,CAAA;IAEvC,MAAM,CAAC,wBAAwB,CAAC,KAAY;QAC3C,6DAA6D;QAC7D,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,CAAA;IACxB,CAAC;IAEQ,iBAAiB,CAAC,KAAY,EAAE,SAAoB;QAC5D,2DAA2D;QAC3D,OAAO,CAAC,KAAK,CAAC,KAAK,EAAE,SAAS,CAAC,CAAA;IAChC,CAAC;IAEQ,MAAM;QACd,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE;YACrB,wCAAwC;YACxC,OAAO,CACN,CAAC,cAAc,CACd,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CACxB,KAAK,CAAC,CAAC;oBACN,CAAC,MAAM,CACN,IAAI,CAAC,SAAS,CACd,GAAG,CAAC,SAAS,CACb,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,CACxC;;MACD,EAAE,MAAM,CAAC;iBACT,CAAC,EACD,CACF,CAAA;SACD;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAA;IAC3B,CAAC;CACD;AAOD,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAC7D,KAAK,EACL,KAAK,GACL,EAAE,EAAE;IACJ,OAAO,CACN,CAAC,MAAM,CACN,MAAM,CAAC,OAAO,CACd,KAAK,CAAC,8BAA8B,CACpC,QAAQ,CAAC,CACR,CAAC,SAAS,CAAC,MAAM,CAChB;KAAA,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC,CAClD;MAAA,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,CACrD;OAAA,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CACtC;QAAA,CAAC,KAAK,CAAC,KAAK,CACb;OAAA,EAAE,UAAU,CAAC,IAAI,CAClB;MAAA,EAAE,QAAQ,CAAC,KAAK,CACjB;KAAA,EAAE,QAAQ,CACX;IAAA,EAAE,SAAS,CAAC,CACZ,CACD,KAAK,CAAC,CAAC,KAAK,CAAC,EACZ,CACF,CAAA;AACF,CAAC,CAAA"}

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const LoadingSpinner: React.FC;
+export default LoadingSpinner;

package/dist_es/react/components/LoadingSpinner.jsx

@@ -0,0 +1,7 @@
+import { Container, Spin } from '@j2inn/ui';
+import React from 'react';
+const LoadingSpinner = () => (<Container center style={{ height: '100%', width: '100%' }}>
+		<Spin size='large'></Spin>
+	</Container>);
+export default LoadingSpinner;
+//# sourceMappingURL=LoadingSpinner.jsx.map

package/dist_es/react/components/LoadingSpinner.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingSpinner.jsx","sourceRoot":"","sources":["../../../src/react/components/LoadingSpinner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAC3C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,cAAc,GAAa,GAAG,EAAE,CAAC,CACtC,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAC1D;EAAA,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,IAAI,CAC1B;CAAA,EAAE,SAAS,CAAC,CACZ,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist_es/react/components/navigation/BasicLayout.d.ts

@@ -0,0 +1,20 @@
+import { LayoutProps, MenuProps } from 'antd';
+import React from 'react';
+import { MenuPage } from './MenuPage';
+export interface BasicLayoutProps {
+    /**
+     * List of pages for the menu and the routing
+     */
+    pages?: MenuPage[];
+    defaultPage?: string;
+    onPageChange?: (page: string) => void;
+    compactSider?: boolean;
+    layoutProps?: LayoutProps;
+    mobileHeaderProps?: LayoutProps;
+    contentProps?: LayoutProps;
+    menuProps?: Omit<MenuProps, 'items' | 'selectedKeys' | 'onSelect'>;
+}
+/**
+ * Basic layout that combines menu and routing into one.
+ */
+export declare const BasicLayout: React.FC<BasicLayoutProps>;

package/dist_es/react/components/navigation/BasicLayout.jsx

@@ -0,0 +1,100 @@
+import { MenuFoldOutlined, MenuUnfoldOutlined } from '@ant-design/icons';
+import { Button, Layout, Menu } from '@j2inn/ui';
+import React, { useEffect, useState } from 'react';
+import { createUseStyles } from 'react-jss';
+import { ErrorDisplayer } from '../ErrorDisplayer';
+import { findPageByName } from './MenuPage';
+import { Router } from './Router';
+const HEADER_HEIGHT = 45;
+const useStyles = createUseStyles((theme) => {
+    return {
+        header: {
+            position: 'fixed',
+            width: '100%',
+            zIndex: 1000,
+            padding: 0,
+            height: HEADER_HEIGHT,
+            lineHeight: '45px',
+        },
+        sider: {
+            overflow: 'auto',
+            height: '100vh',
+            position: 'fixed',
+            left: 0,
+            top: 0,
+            bottom: 0,
+            zIndex: 999,
+            paddingTop: ({ isMobile }) => isMobile ? HEADER_HEIGHT : 0,
+        },
+        menuTrigger: {
+            width: 45,
+            height: '100%',
+            textAlign: 'center',
+            fontSize: 18,
+            cursor: 'pointer',
+            transition: 'color 0.3s ease-in-out',
+            backgroundColor: 'transparent',
+            color: 'white',
+            '&:hover': {
+                color: theme.linkActiveColor,
+            },
+        },
+        content: ({ isMobile, compactSider }) => ({
+            paddingLeft: isMobile ? 0 : compactSider ? 45 : 200,
+            paddingTop: isMobile ? HEADER_HEIGHT : 0,
+        }),
+    };
+});
+// Workaround j2inn/ui exporting problem
+const Header = Layout.Header;
+const Sider = Layout.Sider;
+const Content = Layout.Content;
+/**
+ * Basic layout that combines menu and routing into one.
+ */
+export const BasicLayout = ({ pages = [], defaultPage = pages?.[0].key ?? '', onPageChange, compactSider, layoutProps, mobileHeaderProps, contentProps, menuProps, }) => {
+    const [currentPage, setCurrentPage] = useState(defaultPage);
+    // Fire onChange
+    useEffect(() => {
+        onPageChange?.(currentPage);
+    }, [currentPage]);
+    // manage mobile navigation
+    const [isMobile, setIsMobile] = useState(false);
+    const [hiddenSider, setHiddenSider] = useState(false);
+    const classes = useStyles({ isMobile, compactSider });
+    return (<Layout hasSider {...layoutProps}>
+			{isMobile && (<Header className={classes.header} {...mobileHeaderProps}>
+					{hiddenSider ? (<MenuUnfoldOutlined className={classes.menuTrigger} onClick={() => {
+                    setHiddenSider(!hiddenSider);
+                }}/>) : (<MenuFoldOutlined className={classes.menuTrigger} onClick={() => {
+                    setHiddenSider(!hiddenSider);
+                }}/>)}
+				</Header>)}
+			<Sider breakpoint='md' onBreakpoint={(broken) => {
+            setIsMobile(broken);
+            setHiddenSider(true);
+        }} collapsed={(isMobile && hiddenSider) || compactSider} collapsedWidth={isMobile && hiddenSider
+            ? 0
+            : compactSider
+                ? HEADER_HEIGHT
+                : 0} trigger={null} className={classes.sider}>
+				<Menu {...menuProps} items={pages} selectedKeys={[currentPage]} onSelect={({ key }) => {
+            if (!hiddenSider) {
+                setHiddenSider(true);
+            }
+            const page = findPageByName(pages, key);
+            if (page?.component) {
+                setCurrentPage(key);
+            }
+        }}/>
+			</Sider>
+			<Content className={classes.content} {...contentProps}>
+				<Router pages={pages} currentPage={currentPage ?? defaultPage} fallbackComponent={<ErrorDisplayer error={new Error('Page Not Found')} extra={[
+                <Button type='primary' key='refresh' onClick={() => setCurrentPage(defaultPage)}>
+									Go Home
+								</Button>,
+            ]}/>}/>
+			</Content>
+		</Layout>);
+};
+//# sourceMappingURL=BasicLayout.jsx.map

package/dist_es/react/components/navigation/BasicLayout.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"BasicLayout.jsx","sourceRoot":"","sources":["../../../../src/react/components/navigation/BasicLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AACxE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAY,MAAM,WAAW,CAAA;AAE1D,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,EAAE,cAAc,EAAY,MAAM,YAAY,CAAA;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,MAAM,aAAa,GAAG,EAAE,CAAA;AAOxB,MAAM,SAAS,GAAG,eAAe,CAAC,CAAC,KAAe,EAAE,EAAE;IACrD,OAAO;QACN,MAAM,EAAE;YACP,QAAQ,EAAE,OAAO;YACjB,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,IAAI;YACZ,OAAO,EAAE,CAAC;YACV,MAAM,EAAE,aAAa;YACrB,UAAU,EAAE,MAAM;SAClB;QACD,KAAK,EAAE;YACN,QAAQ,EAAE,MAAM;YAChB,MAAM,EAAE,OAAO;YACf,QAAQ,EAAE,OAAO;YACjB,IAAI,EAAE,CAAC;YACP,GAAG,EAAE,CAAC;YACN,MAAM,EAAE,CAAC;YACT,MAAM,EAAE,GAAG;YACX,UAAU,EAAE,CAAC,EAAE,QAAQ,EAAkB,EAAE,EAAE,CAC5C,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;SAC7B;QACD,WAAW,EAAE;YACZ,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,MAAM;YACd,SAAS,EAAE,QAAQ;YACnB,QAAQ,EAAE,EAAE;YACZ,MAAM,EAAE,SAAS;YACjB,UAAU,EAAE,wBAAwB;YACpC,eAAe,EAAE,aAAa;YAC9B,KAAK,EAAE,OAAO;YACd,SAAS,EAAE;gBACV,KAAK,EAAE,KAAK,CAAC,eAAe;aAC5B;SACD;QACD,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAkB,EAAE,EAAE,CAAC,CAAC;YACzD,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG;YACnD,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;SACxC,CAAC;KACF,CAAA;AACF,CAAC,CAAC,CAAA;AAEF,wCAAwC;AACxC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAiC,CAAA;AACvD,MAAM,KAAK,GAAG,MAAM,CAAC,KAA+B,CAAA;AACpD,MAAM,OAAO,GAAG,MAAM,CAAC,OAAmC,CAAA;AAgB1D;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EACvD,KAAK,GAAG,EAAE,EACV,WAAW,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,EAAE,EAClC,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,YAAY,EACZ,SAAS,GACT,EAAE,EAAE;IACJ,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAA;IAE3D,gBAAgB;IAChB,SAAS,CAAC,GAAG,EAAE;QACd,YAAY,EAAE,CAAC,WAAW,CAAC,CAAA;IAC5B,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAEjB,2BAA2B;IAC3B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC/C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACrD,MAAM,OAAO,GAAG,SAAS,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,CAAC,CAAA;IACrD,OAAO,CACN,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,WAAW,CAAC,CAChC;GAAA,CAAC,QAAQ,IAAI,CACZ,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,iBAAiB,CAAC,CACxD;KAAA,CAAC,WAAW,CAAC,CAAC,CAAC,CACd,CAAC,kBAAkB,CAClB,SAAS,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,CAC/B,OAAO,CAAC,CAAC,GAAG,EAAE;oBACb,cAAc,CAAC,CAAC,WAAW,CAAC,CAAA;gBAC7B,CAAC,CAAC,EACD,CACF,CAAC,CAAC,CAAC,CACH,CAAC,gBAAgB,CAChB,SAAS,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,CAC/B,OAAO,CAAC,CAAC,GAAG,EAAE;oBACb,cAAc,CAAC,CAAC,WAAW,CAAC,CAAA;gBAC7B,CAAC,CAAC,EACD,CACF,CACF;IAAA,EAAE,MAAM,CAAC,CACT,CACD;GAAA,CAAC,KAAK,CACL,UAAU,CAAC,IAAI,CACf,YAAY,CAAC,CAAC,CAAC,MAAe,EAAE,EAAE;YACjC,WAAW,CAAC,MAAM,CAAC,CAAA;YACnB,cAAc,CAAC,IAAI,CAAC,CAAA;QACrB,CAAC,CAAC,CACF,SAAS,CAAC,CAAC,CAAC,QAAQ,IAAI,WAAW,CAAC,IAAI,YAAY,CAAC,CACrD,cAAc,CAAC,CACd,QAAQ,IAAI,WAAW;YACtB,CAAC,CAAC,CAAC;YACH,CAAC,CAAC,YAAY;gBACd,CAAC,CAAC,aAAa;gBACf,CAAC,CAAC,CAAC,CACJ,CACD,OAAO,CAAC,CAAC,IAAI,CAAC,CACd,SAAS,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CACzB;IAAA,CAAC,IAAI,CACJ,IAAI,SAAS,CAAC,CACd,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAC5B,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE;YACrB,IAAI,CAAC,WAAW,EAAE;gBACjB,cAAc,CAAC,IAAI,CAAC,CAAA;aACpB;YACD,MAAM,IAAI,GAAG,cAAc,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;YACvC,IAAI,IAAI,EAAE,SAAS,EAAE;gBACpB,cAAc,CAAC,GAAG,CAAC,CAAA;aACnB;QACF,CAAC,CAAC,EAEJ;GAAA,EAAE,KAAK,CACP;GAAA,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,IAAI,YAAY,CAAC,CACrD;IAAA,CAAC,MAAM,CACN,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,WAAW,CAAC,CAAC,WAAW,IAAI,WAAW,CAAC,CACxC,iBAAiB,CAAC,CACjB,CAAC,cAAc,CACd,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,gBAAgB,CAAC,CAAC,CACnC,KAAK,CAAC,CAAC;gBACN,CAAC,MAAM,CACN,IAAI,CAAC,SAAS,CACd,GAAG,CAAC,SAAS,CACb,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,CAC3C;;QACD,EAAE,MAAM,CAAC;aACT,CAAC,EACD,CACF,EAEH;GAAA,EAAE,OAAO,CACV;EAAA,EAAE,MAAM,CAAC,CACT,CAAA;AACF,CAAC,CAAA"}

package/dist_es/react/components/navigation/MenuPage.d.ts

@@ -0,0 +1,33 @@
+import { ItemType } from 'antd/lib/menu/hooks/useItems';
+import React, { PropsWithChildren } from 'react';
+/**
+ * Menu page has both the data required by the menu and the data required to actually render the page.
+ */
+export declare type MenuPage<T = Record<string, unknown>> = ItemType & Page<T>;
+/**
+ * Menu Item that represents an application page
+ */
+interface Page<T = Record<string, unknown>> {
+    key: string;
+    component?: React.LazyExoticComponent<React.FC<T>>;
+    props?: PropsWithChildren<T>;
+    children?: Page<T>[];
+    disabled?: boolean;
+}
+/**
+ * Retrieve a specific page or subPage from a root page list
+ * @param name the name of the searched page
+ * @param pages the list of root pages
+ */
+export declare function findPageByName<T extends MenuPage>(pages: T[], name?: string): T | undefined;
+/**
+ * Expands the list of pages to include all the subpages
+ */
+export declare function pageTreeToPageList<T extends MenuPage>(pages: T[]): T[];
+/**
+ * Recursively get all the subPages of a root page
+ * @param page root page
+ * @returns the whole tree of subPages as a list
+ */
+export declare function getAllSubPages<T extends MenuPage>(page: T): T[];
+export {};

package/dist_es/react/components/navigation/MenuPage.jsx

@@ -0,0 +1,28 @@
+/**
+ * Retrieve a specific page or subPage from a root page list
+ * @param name the name of the searched page
+ * @param pages the list of root pages
+ */
+export function findPageByName(pages, name) {
+    return pageTreeToPageList(pages).find((page) => page.key === name && !page.disabled);
+}
+/**
+ * Expands the list of pages to include all the subpages
+ */
+export function pageTreeToPageList(pages) {
+    return pages.flatMap((page) => getAllSubPages(page));
+}
+/**
+ * Recursively get all the subPages of a root page
+ * @param page root page
+ * @returns the whole tree of subPages as a list
+ */
+export function getAllSubPages(page) {
+    if (page.children) {
+        return [page].concat(...page.children.map((subPage) => getAllSubPages(subPage)));
+    }
+    else {
+        return [page];
+    }
+}
+//# sourceMappingURL=MenuPage.jsx.map

package/dist_es/react/components/navigation/MenuPage.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuPage.jsx","sourceRoot":"","sources":["../../../../src/react/components/navigation/MenuPage.tsx"],"names":[],"mappings":"AAmBA;;;;GAIG;AACH,MAAM,UAAU,cAAc,CAC7B,KAAU,EACV,IAAa;IAEb,OAAO,kBAAkB,CAAC,KAAK,CAAC,CAAC,IAAI,CACpC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAC7C,CAAA;AACF,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,kBAAkB,CAAqB,KAAU;IAChE,OAAO,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,cAAc,CAAC,IAAS,CAAC,CAAC,CAAA;AAC1D,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,cAAc,CAAqB,IAAO;IACzD,IAAI,IAAI,CAAC,QAAQ,EAAE;QAClB,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,CACnB,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,cAAc,CAAC,OAAY,CAAC,CAAC,CAC/D,CAAA;KACD;SAAM;QACN,OAAO,CAAC,IAAI,CAAC,CAAA;KACb;AACF,CAAC"}

package/dist_es/react/components/navigation/Router.d.ts

@@ -0,0 +1,12 @@
+import { PropsWithChildren, ReactElement } from 'react';
+import { MenuPage } from './MenuPage';
+export interface RouterProps<T extends MenuPage> {
+    pages?: T[];
+    currentPage: string;
+    onPageChange?: (selectedPage?: T) => void;
+    fallbackComponent?: ReactElement;
+}
+/**
+ * Renders the currently selected page from a tree of pages
+ */
+export declare function Router<T extends MenuPage>({ pages, currentPage, onPageChange, fallbackComponent, }: PropsWithChildren<RouterProps<T>>): JSX.Element;

package/dist_es/react/components/navigation/Router.jsx

@@ -0,0 +1,16 @@
+import React, { Suspense, useEffect, useMemo, } from 'react';
+import LoadingSpinner from '../LoadingSpinner';
+import { findPageByName } from './MenuPage';
+/**
+ * Renders the currently selected page from a tree of pages
+ */
+export function Router({ pages = [], currentPage, onPageChange, fallbackComponent, }) {
+    const page = useMemo(() => findPageByName(pages, currentPage), [pages, currentPage]);
+    useEffect(() => {
+        onPageChange?.(page);
+    }, [page]);
+    return page?.component ? (<Suspense fallback={<LoadingSpinner />}>
+			{React.createElement(page.component, page?.props)}
+		</Suspense>) : (fallbackComponent ?? <div>{currentPage} page not found</div>);
+}
+//# sourceMappingURL=Router.jsx.map

package/dist_es/react/components/navigation/Router.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"Router.jsx","sourceRoot":"","sources":["../../../../src/react/components/navigation/Router.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAGb,QAAQ,EACR,SAAS,EACT,OAAO,GACP,MAAM,OAAO,CAAA;AACd,OAAO,cAAc,MAAM,mBAAmB,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAY,MAAM,YAAY,CAAA;AASrD;;GAEG;AACH,MAAM,UAAU,MAAM,CAAqB,EAC1C,KAAK,GAAG,EAAE,EACV,WAAW,EACX,YAAY,EACZ,iBAAiB,GACkB;IACnC,MAAM,IAAI,GAAG,OAAO,CACnB,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,EAAE,WAAW,CAAC,EACxC,CAAC,KAAK,EAAE,WAAW,CAAC,CACpB,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACd,YAAY,EAAE,CAAC,IAAI,CAAC,CAAA;IACrB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,OAAO,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,CACxB,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,AAAD,EAAG,CAAC,CACtC;GAAA,CAAC,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,EAAE,KAAK,CAAC,CAClD;EAAA,EAAE,QAAQ,CAAC,CACX,CAAC,CAAC,CAAC,CACH,iBAAiB,IAAI,CAAC,GAAG,CAAC,CAAC,WAAW,CAAE,eAAc,EAAE,GAAG,CAAC,CAC5D,CAAA;AACF,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@j2inn/fin5-ui-utils",
-	"version": "0.0.2",
+	"version": "0.0.3",
 	"description": "A set of useful client-side utilities useful for creating UI applications on top of FIN 5",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
@@ -23,7 +23,7 @@
 	"license": "ISC",
 	"files": [
 		"dist/**/*",
-		"scripts/**/*"
+		"dist_es/**/*"
 	],
 	"dependencies": {
 		"@hot-loader/react-dom": "^17.0.2",