@j2inn/fin5-ui-utils 0.0.1-alpha.4 → 0.0.2

package/dist/fantomProps/fantomPropsToObject.js

@@ -1,7 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseFantomProps = void 0;
 /**
  * Convert the given fantom props as string to JS object (@see https://fantom.org/doc/sys/InStream#readProps)
  */
-export default function fantomPropsToObject(props) {
+function fantomPropsToObject(props) {
     let i = 0;
     const readChar = () => {
         if (i < props.length) {
@@ -18,6 +21,7 @@ export default function fantomPropsToObject(props) {
     };
     return parseFantomProps(readChar, unreadChar);
 }
+exports.default = fantomPropsToObject;
 var UTF_8;
 (function (UTF_8) {
     UTF_8[UTF_8["tab"] = 9] = "tab";
@@ -51,7 +55,7 @@ const hex = function (c) {
  * 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) {
+function parseFantomProps(readChar, unreadChar) {
     const props = {};
     let name = '';
     let value = null;
@@ -173,3 +177,5 @@ export function parseFantomProps(readChar, unreadChar) {
         throw new Error('Invalid name/value pair [Line ' + lineNum + ']');
     return props;
 }
+exports.parseFantomProps = parseFantomProps;
+//# sourceMappingURL=fantomPropsToObject.js.map

package/dist/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/fantomProps/generateJsonFromFantomPropsFile.d.ts

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

package/dist/fantomProps/generateJsonFromFantomPropsFile.js

@@ -1,8 +1,39 @@
-import * as fs from 'fs';
-import readFantomPropsFile from './readFantomPropsFile';
-export default async function generateJsonFromFantomPropsFile(inputPath = '../locale/en.props', outputPath = './src/localeKeys.json') {
-    const result = await readFantomPropsFile(inputPath);
-    fs.writeFile(outputPath, JSON.stringify(result, null, '\t'), () => {
-        return;
-    });
+"use strict";
+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 });
+const fs = __importStar(require("fs"));
+const readFantomPropsFile_1 = __importDefault(require("./readFantomPropsFile"));
+/**
+ * Converts props file to json file.
+ */
+async function generateJsonFromFantomPropsFile(inputPath = '../locale/en.props', outputPath = './src/localeKeys.json') {
+    const result = await (0, readFantomPropsFile_1.default)(inputPath);
+    fs.writeFileSync(outputPath, JSON.stringify(result, null, '\t'));
 }
+exports.default = generateJsonFromFantomPropsFile;
+//# sourceMappingURL=generateJsonFromFantomPropsFile.js.map

package/dist/fantomProps/generateJsonFromFantomPropsFile.js.map

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

package/dist/fantomProps/localePropsToJson.d.ts

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

package/dist/fantomProps/localePropsToJson.js

@@ -0,0 +1,48 @@
+"use strict";
+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 });
+const fs = __importStar(require("fs"));
+const readFantomPropsFile_1 = __importDefault(require("./readFantomPropsFile"));
+async function localePropsToJson(inputPath = '../locale/en.props', outputPath = './src/localeKeys.json', includeOnlyPrefixedBy = '') {
+    const props = await (0, readFantomPropsFile_1.default)(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'));
+}
+exports.default = localePropsToJson;
+//# sourceMappingURL=localePropsToJson.js.map

package/dist/fantomProps/localePropsToJson.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"localePropsToJson.js","sourceRoot":"","sources":["../../src/fantomProps/localePropsToJson.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uCAAwB;AACxB,gFAAuD;AAExC,KAAK,UAAU,iBAAiB,CAC9C,SAAS,GAAG,oBAAoB,EAChC,UAAU,GAAG,uBAAuB,EACpC,qBAAqB,GAAG,EAAE;IAE1B,MAAM,KAAK,GAAG,MAAM,IAAA,6BAAmB,EAAC,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;AAxBD,oCAwBC"}

package/dist/fantomProps/readFantomPropsFile.js

@@ -1,9 +1,34 @@
-import * as fs from 'fs';
-import { parseFantomProps } from './fantomPropsToObject';
+"use strict";
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const fs = __importStar(require("fs"));
+const fantomPropsToObject_1 = require("./fantomPropsToObject");
 /**
  * Asynchronously read the given Fantom props file to JS object (@see https://fantom.org/doc/sys/InStream#readProps)
  */
-export default function readFantomPropsFile(path) {
+function readFantomPropsFile(path) {
     return new Promise((resolve, reject) => {
         const fileStream = fs.createReadStream(path);
         fileStream.once('readable', function () {
@@ -14,7 +39,7 @@ export default function readFantomPropsFile(path) {
                 return fileStream.unshift(new Uint8Array([char]));
             };
             try {
-                resolve(parseFantomProps(readChar, unreadChar));
+                resolve((0, fantomPropsToObject_1.parseFantomProps)(readChar, unreadChar));
             }
             catch (error) {
                 reject(error);
@@ -30,3 +55,5 @@ export default function readFantomPropsFile(path) {
         });
     });
 }
+exports.default = readFantomPropsFile;
+//# sourceMappingURL=readFantomPropsFile.js.map

package/dist/fantomProps/readFantomPropsFile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"readFantomPropsFile.js","sourceRoot":"","sources":["../../src/fantomProps/readFantomPropsFile.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uCAAwB;AACxB,+DAA+D;AAE/D;;GAEG;AACH,SAAwB,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,IAAA,sCAAgB,EAAC,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;AA1BD,sCA0BC"}

package/dist/fin5Top/fin5Top.js

@@ -1,3 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Fin5AppNames = exports.isWindowTopFin5 = exports.fin5Top = exports.getFin5top = void 0;
 class Fin5TopRetriever {
     static _fin5Top;
     static get fin5Top() {
@@ -12,9 +15,9 @@ class Fin5TopRetriever {
         return this._fin5Top;
     };
 }
-export const getFin5top = Fin5TopRetriever.getFin5top;
-export const fin5Top = Fin5TopRetriever.fin5Top;
-export function isWindowTopFin5(notifyFailure) {
+exports.getFin5top = Fin5TopRetriever.getFin5top;
+exports.fin5Top = Fin5TopRetriever.fin5Top;
+function isWindowTopFin5(notifyFailure) {
     try {
         window?.top?.origin;
         if (window.top.finstack) {
@@ -30,7 +33,8 @@ export function isWindowTopFin5(notifyFailure) {
         return false;
     }
 }
-export var Fin5AppNames;
+exports.isWindowTopFin5 = isWindowTopFin5;
+var Fin5AppNames;
 (function (Fin5AppNames) {
     Fin5AppNames["EQUIP"] = "equip";
     Fin5AppNames["GRAPHICS"] = "graphics";
@@ -48,4 +52,5 @@ export var Fin5AppNames;
     Fin5AppNames["LOGOUT"] = "logout";
     Fin5AppNames["GENERIC"] = "generic";
     Fin5AppNames["REPORTS"] = "reports";
-})(Fin5AppNames || (Fin5AppNames = {}));
+})(Fin5AppNames = exports.Fin5AppNames || (exports.Fin5AppNames = {}));
+//# sourceMappingURL=fin5Top.js.map

package/dist/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;;AAGW,QAAA,UAAU,GAAG,gBAAgB,CAAC,UAAU,CAAA;AAExC,QAAA,OAAO,GAAG,gBAAgB,CAAC,OAAO,CAAA;AAE/C,SAAgB,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;AAbD,0CAaC;AA8GD,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,GAAZ,oBAAY,KAAZ,oBAAY,QAiBvB"}

package/dist/fin5Top/getFin5BinUrl.js

@@ -1,2 +1,7 @@
-import { fin5Top } from './fin5Top';
-export const getFin5BinUrl = (id) => `/finGetFile/${fin5Top?.finstack?.projectName}?fileRef=${id?.toString()}`;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getFin5BinUrl = void 0;
+const fin5Top_1 = require("./fin5Top");
+const getFin5BinUrl = (id) => `/finGetFile/${fin5Top_1.fin5Top?.finstack?.projectName}?fileRef=${id?.toString()}`;
+exports.getFin5BinUrl = getFin5BinUrl;
+//# sourceMappingURL=getFin5BinUrl.js.map

package/dist/fin5Top/getFin5BinUrl.js.map

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

package/dist/fin5Top/openFin5Alarm.js

@@ -1,16 +1,21 @@
+"use strict";
 //////////////////////////////////////////////////////////////////////////
 // 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() ?? {};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.openFin5AlarmsApp = void 0;
+const fin5Top_1 = require("./fin5Top");
+const openFin5AlarmsApp = async ({ targetRef, filter, historical = false, }) => {
+    await fin5Top_1.fin5Top?.app.NavigateToApp(fin5Top_1.fin5Top?.app?.APP_NAMES?.ALARMS, targetRef);
+    fin5Top_1.fin5Top?.app.ToggleCollapse(false);
+    let alarmFilters = fin5Top_1.fin5Top?.app?.GetAlarmFilters() ?? {};
     if (filter) {
         alarmFilters = {
             ...alarmFilters,
             ...filter,
         };
     }
-    fin5Top?.app?.SetAlarmFilters(alarmFilters, historical);
+    fin5Top_1.fin5Top?.app?.SetAlarmFilters(alarmFilters, historical);
 };
+exports.openFin5AlarmsApp = openFin5AlarmsApp;
+//# sourceMappingURL=openFin5Alarm.js.map

package/dist/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,uCAA8C;AAyBvC,MAAM,iBAAiB,GAAG,KAAK,EAAE,EACvC,SAAS,EACT,MAAM,EACN,UAAU,GAAG,KAAK,GACJ,EAAiB,EAAE;IACjC,MAAM,iBAAO,EAAE,GAAG,CAAC,aAAa,CAAC,iBAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,CAAC,CAAA;IAC5E,iBAAO,EAAE,GAAG,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;IAElC,IAAI,YAAY,GAAG,iBAAO,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,iBAAO,EAAE,GAAG,EAAE,eAAe,CAAC,YAAY,EAAE,UAAU,CAAC,CAAA;AACxD,CAAC,CAAA;AAjBY,QAAA,iBAAiB,qBAiB7B"}

package/dist/fin5Top/openFin5Historian.js

@@ -1,12 +1,17 @@
+"use strict";
 //////////////////////////////////////////////////////////////////////////
 // Historian
 //////////////////////////////////////////////////////////////////////////
-import { fin5Top } from './fin5Top';
-export const openFin5HistorianApp = async (queryType, args) => {
-    if (fin5Top) {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.openFin5HistorianApp = void 0;
+const fin5Top_1 = require("./fin5Top");
+const openFin5HistorianApp = async (queryType, args) => {
+    if (fin5Top_1.fin5Top) {
         queryType && args
-            ? fin5Top.app.OpenHistorianWithOptions(queryType, args)
-            : fin5Top.app.NavigateToApp(fin5Top.app.APP_NAMES.TREND_LIST);
-        fin5Top?.app.ToggleCollapse(false);
+            ? fin5Top_1.fin5Top.app.OpenHistorianWithOptions(queryType, args)
+            : fin5Top_1.fin5Top.app.NavigateToApp(fin5Top_1.fin5Top.app.APP_NAMES.TREND_LIST);
+        fin5Top_1.fin5Top?.app.ToggleCollapse(false);
     }
 };
+exports.openFin5HistorianApp = openFin5HistorianApp;
+//# sourceMappingURL=openFin5Historian.js.map

package/dist/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,uCAAmC;AAM5B,MAAM,oBAAoB,GAAG,KAAK,EACxC,SAAyB,EACzB,IAAoB,EACJ,EAAE;IAClB,IAAI,iBAAO,EAAE;QACZ,SAAS,IAAI,IAAI;YAChB,CAAC,CAAC,iBAAO,CAAC,GAAG,CAAC,wBAAwB,CAAC,SAAS,EAAE,IAAI,CAAC;YACvD,CAAC,CAAC,iBAAO,CAAC,GAAG,CAAC,aAAa,CAAC,iBAAO,CAAC,GAAG,CAAC,SAAS,CAAC,UAAU,CAAC,CAAA;QAC9D,iBAAO,EAAE,GAAG,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;KAClC;AACF,CAAC,CAAA;AAVY,QAAA,oBAAoB,wBAUhC"}

package/dist/index.d.ts

@@ -1,3 +1,12 @@
-export * from './fantomProps';
-export * from './fin5Top';
-export * from './react/components';
+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/index.js

@@ -1,3 +1,38 @@
-export * from './fantomProps';
-export * from './fin5Top';
-export * from './react/components';
+"use strict";
+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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+//////////////////////////////////////////////////////////////////////////
+// Fantom Props
+//////////////////////////////////////////////////////////////////////////
+__exportStar(require("./fantomProps/fantomPropsToObject"), exports);
+__exportStar(require("./fantomProps/generateJsonFromFantomPropsFile"), exports);
+__exportStar(require("./fantomProps/readFantomPropsFile"), exports);
+//////////////////////////////////////////////////////////////////////////
+// Fin5 APIs related modules
+//////////////////////////////////////////////////////////////////////////
+__exportStar(require("./fin5Top/fin5Top"), exports);
+__exportStar(require("./fin5Top/getFin5BinUrl"), exports);
+__exportStar(require("./fin5Top/openFin5Alarm"), exports);
+__exportStar(require("./fin5Top/openFin5Historian"), exports);
+//////////////////////////////////////////////////////////////////////////
+// React components
+//////////////////////////////////////////////////////////////////////////
+__exportStar(require("./react/components/ErrorDisplayer"), exports);
+__exportStar(require("./react/components/LoadingSpinner"), exports);
+__exportStar(require("./react/components/navigation/BasicLayout"), exports);
+__exportStar(require("./react/components/navigation/MenuPage"), exports);
+__exportStar(require("./react/components/navigation/Router"), exports);
+//# sourceMappingURL=index.js.map

package/dist/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,oEAAiD;AACjD,gFAA6D;AAC7D,oEAAiD;AACjD,0EAA0E;AAC1E,4BAA4B;AAC5B,0EAA0E;AAC1E,oDAAiC;AACjC,0DAAuC;AACvC,0DAAuC;AACvC,8DAA2C;AAC3C,0EAA0E;AAC1E,mBAAmB;AACnB,0EAA0E;AAC1E,oEAAiD;AACjD,oEAAiD;AACjD,4EAAyD;AACzD,yEAAsD;AACtD,uEAAoD"}

package/dist/react/components/ErrorDisplayer.jsx

@@ -0,0 +1,44 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ErrorDisplayer = exports.DefaultErrorBoundary = void 0;
+const ui_1 = require("@j2inn/ui");
+const react_1 = __importDefault(require("react"));
+class DefaultErrorBoundary extends react_1.default.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 (<exports.ErrorDisplayer error={this.state.error} extra={[
+                    <ui_1.Button type='primary' key='refresh' onClick={() => window.location.reload()}>
+							Refresh The Page
+						</ui_1.Button>,
+                ]}/>);
+        }
+        return this.props.children;
+    }
+}
+exports.DefaultErrorBoundary = DefaultErrorBoundary;
+const ErrorDisplayer = ({ error, extra, }) => {
+    return (<ui_1.Result status='error' title='Ouch... Something Went Wrong' subTitle={<ui_1.Container center>
+					<ui_1.Collapse style={{ width: 600, textAlign: 'left' }}>
+						<ui_1.Collapse.Panel header={`${error.toString()}`} key='1'>
+							<ui_1.Typography.Text style={{ width: 400 }}>
+								{error.stack}
+							</ui_1.Typography.Text>
+						</ui_1.Collapse.Panel>
+					</ui_1.Collapse>
+				</ui_1.Container>} extra={extra}/>);
+};
+exports.ErrorDisplayer = ErrorDisplayer;
+//# sourceMappingURL=ErrorDisplayer.jsx.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorDisplayer.jsx","sourceRoot":"","sources":["../../../src/react/components/ErrorDisplayer.tsx"],"names":[],"mappings":";;;;;;AAAA,kCAA2E;AAC3E,kDAAmD;AAUnD,MAAa,oBAAqB,SAAQ,eAAK,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,sBAAc,CACd,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CACxB,KAAK,CAAC,CAAC;oBACN,CAAC,WAAM,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,WAAM,CAAC;iBACT,CAAC,EACD,CACF,CAAA;SACD;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAA;IAC3B,CAAC;CACD;AAhCD,oDAgCC;AAOM,MAAM,cAAc,GAAkC,CAAC,EAC7D,KAAK,EACL,KAAK,GACL,EAAE,EAAE;IACJ,OAAO,CACN,CAAC,WAAM,CACN,MAAM,CAAC,OAAO,CACd,KAAK,CAAC,8BAA8B,CACpC,QAAQ,CAAC,CACR,CAAC,cAAS,CAAC,MAAM,CAChB;KAAA,CAAC,aAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC,CAClD;MAAA,CAAC,aAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,CACrD;OAAA,CAAC,eAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CACtC;QAAA,CAAC,KAAK,CAAC,KAAK,CACb;OAAA,EAAE,eAAU,CAAC,IAAI,CAClB;MAAA,EAAE,aAAQ,CAAC,KAAK,CACjB;KAAA,EAAE,aAAQ,CACX;IAAA,EAAE,cAAS,CAAC,CACZ,CACD,KAAK,CAAC,CAAC,KAAK,CAAC,EACZ,CACF,CAAA;AACF,CAAC,CAAA;AAtBY,QAAA,cAAc,kBAsB1B"}

package/dist/react/components/LoadingSpinner.jsx

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const ui_1 = require("@j2inn/ui");
+const react_1 = __importDefault(require("react"));
+const LoadingSpinner = () => (<ui_1.Container center style={{ height: '100%', width: '100%' }}>
+		<ui_1.Spin size='large'></ui_1.Spin>
+	</ui_1.Container>);
+exports.default = LoadingSpinner;
+//# sourceMappingURL=LoadingSpinner.jsx.map

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

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

package/dist/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/react/components/navigation/BasicLayout.jsx

@@ -0,0 +1,127 @@
+"use strict";
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BasicLayout = void 0;
+const icons_1 = require("@ant-design/icons");
+const ui_1 = require("@j2inn/ui");
+const react_1 = __importStar(require("react"));
+const react_jss_1 = require("react-jss");
+const ErrorDisplayer_1 = require("../ErrorDisplayer");
+const MenuPage_1 = require("./MenuPage");
+const Router_1 = require("./Router");
+const HEADER_HEIGHT = 45;
+const useStyles = (0, react_jss_1.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 = ui_1.Layout.Header;
+const Sider = ui_1.Layout.Sider;
+const Content = ui_1.Layout.Content;
+/**
+ * Basic layout that combines menu and routing into one.
+ */
+const BasicLayout = ({ pages = [], defaultPage = pages?.[0].key ?? '', onPageChange, compactSider, layoutProps, mobileHeaderProps, contentProps, menuProps, }) => {
+    const [currentPage, setCurrentPage] = (0, react_1.useState)(defaultPage);
+    // Fire onChange
+    (0, react_1.useEffect)(() => {
+        onPageChange?.(currentPage);
+    }, [currentPage]);
+    // manage mobile navigation
+    const [isMobile, setIsMobile] = (0, react_1.useState)(false);
+    const [hiddenSider, setHiddenSider] = (0, react_1.useState)(false);
+    const classes = useStyles({ isMobile, compactSider });
+    return (<ui_1.Layout hasSider {...layoutProps}>
+			{isMobile && (<Header className={classes.header} {...mobileHeaderProps}>
+					{hiddenSider ? (<icons_1.MenuUnfoldOutlined className={classes.menuTrigger} onClick={() => {
+                    setHiddenSider(!hiddenSider);
+                }}/>) : (<icons_1.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}>
+				<ui_1.Menu {...menuProps} items={pages} selectedKeys={[currentPage]} onSelect={({ key }) => {
+            if (!hiddenSider) {
+                setHiddenSider(true);
+            }
+            const page = (0, MenuPage_1.findPageByName)(pages, key);
+            if (page?.component) {
+                setCurrentPage(key);
+            }
+        }}/>
+			</Sider>
+			<Content className={classes.content} {...contentProps}>
+				<Router_1.Router pages={pages} currentPage={currentPage ?? defaultPage} fallbackComponent={<ErrorDisplayer_1.ErrorDisplayer error={new Error('Page Not Found')} extra={[
+                <ui_1.Button type='primary' key='refresh' onClick={() => setCurrentPage(defaultPage)}>
+									Go Home
+								</ui_1.Button>,
+            ]}/>}/>
+			</Content>
+		</ui_1.Layout>);
+};
+exports.BasicLayout = BasicLayout;
+//# sourceMappingURL=BasicLayout.jsx.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BasicLayout.jsx","sourceRoot":"","sources":["../../../../src/react/components/navigation/BasicLayout.tsx"],"names":[],"mappings":"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"}

package/dist/react/components/navigation/{MenuPage/index.d.ts → MenuPage.d.ts}

@@ -19,7 +19,7 @@ interface Page<T = Record<string, unknown>> {
  * @param name the name of the searched page
  * @param pages the list of root pages
  */
-export declare function getPage<T extends MenuPage>(pages: T[], name?: string): T | undefined;
+export declare function findPageByName<T extends MenuPage>(pages: T[], name?: string): T | undefined;
 /**
  * Expands the list of pages to include all the subpages
  */

package/dist/react/components/navigation/{MenuPage/index.jsx → MenuPage.jsx}

@@ -1,23 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getAllSubPages = exports.pageTreeToPageList = exports.findPageByName = void 0;
 /**
  * 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 getPage(pages, name) {
+function findPageByName(pages, name) {
     return pageTreeToPageList(pages).find((page) => page.key === name && !page.disabled);
 }
+exports.findPageByName = findPageByName;
 /**
  * Expands the list of pages to include all the subpages
  */
-export function pageTreeToPageList(pages) {
+function pageTreeToPageList(pages) {
     return pages.flatMap((page) => getAllSubPages(page));
 }
+exports.pageTreeToPageList = pageTreeToPageList;
 /**
  * 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) {
+function getAllSubPages(page) {
     if (page.children) {
         return [page].concat(...page.children.map((subPage) => getAllSubPages(subPage)));
     }
@@ -25,3 +30,5 @@ export function getAllSubPages(page) {
         return [page];
     }
 }
+exports.getAllSubPages = getAllSubPages;
+//# sourceMappingURL=MenuPage.jsx.map

package/dist/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,SAAgB,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;AAPD,wCAOC;AAED;;GAEG;AACH,SAAgB,kBAAkB,CAAqB,KAAU;IAChE,OAAO,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,cAAc,CAAC,IAAS,CAAC,CAAC,CAAA;AAC1D,CAAC;AAFD,gDAEC;AAED;;;;GAIG;AACH,SAAgB,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;AARD,wCAQC"}

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

@@ -1,12 +1,12 @@
 import { PropsWithChildren, ReactElement } from 'react';
 import { MenuPage } from './MenuPage';
 export interface RouterProps<T extends MenuPage> {
-    pages: T[];
+    pages?: T[];
     currentPage: string;
     onPageChange?: (selectedPage?: T) => void;
     fallbackComponent?: ReactElement;
 }
 /**
- * Renders the current selected page from a tree of pages
+ * 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/react/components/navigation/Router.jsx

@@ -1,15 +1,46 @@
-import React, { Suspense, useEffect, useMemo, } from 'react';
-import LoadingSpinner from '../LoadingSpinner';
-import { getPage } from './MenuPage';
+"use strict";
+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.Router = void 0;
+const react_1 = __importStar(require("react"));
+const LoadingSpinner_1 = __importDefault(require("../LoadingSpinner"));
+const MenuPage_1 = require("./MenuPage");
 /**
- * Renders the current selected page from a tree of pages
+ * Renders the currently selected page from a tree of pages
  */
-export function Router({ pages, currentPage, onPageChange, fallbackComponent, }) {
-    const page = useMemo(() => getPage(pages, currentPage), [pages, currentPage]);
-    useEffect(() => {
+function Router({ pages = [], currentPage, onPageChange, fallbackComponent, }) {
+    const page = (0, react_1.useMemo)(() => (0, MenuPage_1.findPageByName)(pages, currentPage), [pages, currentPage]);
+    (0, react_1.useEffect)(() => {
         onPageChange?.(page);
     }, [page]);
-    return page?.component ? (<Suspense fallback={<LoadingSpinner />}>
-			{React.createElement(page.component, page?.props)}
-		</Suspense>) : (fallbackComponent ?? <div>{currentPage} page not found</div>);
+    return page?.component ? (<react_1.Suspense fallback={<LoadingSpinner_1.default />}>
+			{react_1.default.createElement(page.component, page?.props)}
+		</react_1.Suspense>) : (fallbackComponent ?? <div>{currentPage} page not found</div>);
 }
+exports.Router = Router;
+//# sourceMappingURL=Router.jsx.map

package/dist/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,+CAMc;AACd,uEAA8C;AAC9C,yCAAqD;AASrD;;GAEG;AACH,SAAgB,MAAM,CAAqB,EAC1C,KAAK,GAAG,EAAE,EACV,WAAW,EACX,YAAY,EACZ,iBAAiB,GACkB;IACnC,MAAM,IAAI,GAAG,IAAA,eAAO,EACnB,GAAG,EAAE,CAAC,IAAA,yBAAc,EAAC,KAAK,EAAE,WAAW,CAAC,EACxC,CAAC,KAAK,EAAE,WAAW,CAAC,CACpB,CAAA;IAED,IAAA,iBAAS,EAAC,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,gBAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,wBAAc,CAAC,AAAD,EAAG,CAAC,CACtC;GAAA,CAAC,eAAK,CAAC,aAAa,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,EAAE,KAAK,CAAC,CAClD;EAAA,EAAE,gBAAQ,CAAC,CACX,CAAC,CAAC,CAAC,CACH,iBAAiB,IAAI,CAAC,GAAG,CAAC,CAAC,WAAW,CAAE,eAAc,EAAE,GAAG,CAAC,CAC5D,CAAA;AACF,CAAC;AAtBD,wBAsBC"}

package/package.json

@@ -1,39 +1,44 @@
 {
 	"name": "@j2inn/fin5-ui-utils",
-	"version": "0.0.1-alpha.4",
+	"version": "0.0.2",
 	"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",
+	"module": "dist_es/index.js",
 	"scripts": {
 		"clean": "rimraf ./dist",
 		"doc": "typedoc ./src --excludePrivate",
-		"prebuild": "npm run clean",
-		"build": "tsc",
+		"prebuild": "npm run clean npm run lint && npm run test",
+		"build": "tsc && npm run-script build:es",
+		"build:es": "tsc --module ESNext --outDir dist_es",
 		"checktypes": "tsc --noEmit",
 		"format": "prettier-eslint --list-different --write \"$(pwd)/src/**/*.{ts,tsx,js,jsx}\"",
 		"lint": "eslint --fix --ext ts,tsx,js,jsx src/",
 		"lint-staged": "lint-staged",
 		"test": "cross-env NODE_ENV=test && npm run test:jest",
 		"test:jest": "jest --passWithNoTests",
-		"prepack": "npm run lint && npm test && npm run build"
+		"prepack": "npm run lint && npm run test && npm run build"
 	},
 	"author": "",
 	"license": "ISC",
 	"files": [
-		"dist/**/*"
+		"dist/**/*",
+		"scripts/**/*"
 	],
 	"dependencies": {
+		"@hot-loader/react-dom": "^17.0.2",
+		"@j2inn/react-config": "^4.0.10",
+		"@j2inn/ui": "^5.0.0-beta.6",
+		"@j2inn/utils": "^5.0.6",
 		"haystack-core": "^2.0.29",
 		"haystack-nclient": "^3.0.12",
 		"haystack-react": "^3.0.3",
-		"haystack-units": "^1.0.12",
-		"@j2inn/react-config": "^4.0.10",
-		"@j2inn/ui": "^5.0.0-beta.6",
-		"@j2inn/utils": "^5.0.6"
+		"haystack-units": "^1.0.12"
 	},
 	"peerDependencies": {
 		"react": "^17.0.2",
-		"react-dom": "^17.0.2"
+		"react-dom": "^17.0.2",
+		"react-jss": "^10.9.0"
 	},
 	"devDependencies": {
 		"@babel/cli": "^7.14.3",

package/dist/fantomProps/index.d.ts

@@ -1,3 +0,0 @@
-export * from './fantomPropsToObject';
-export * from './generateJsonFromFantomPropsFile';
-export * from './readFantomPropsFile';

package/dist/fantomProps/index.js

@@ -1,3 +0,0 @@
-export * from './fantomPropsToObject';
-export * from './generateJsonFromFantomPropsFile';
-export * from './readFantomPropsFile';

package/dist/fin5Top/index.d.ts

@@ -1,4 +0,0 @@
-export * from './fin5Top';
-export * from './getFin5BinUrl';
-export * from './openFin5Alarm';
-export * from './openFin5Historian';

package/dist/fin5Top/index.js

@@ -1,4 +0,0 @@
-export * from './fin5Top';
-export * from './getFin5BinUrl';
-export * from './openFin5Alarm';
-export * from './openFin5Historian';

package/dist/react/components/DefaultErrorBoundary/index.jsx

@@ -1,35 +0,0 @@
-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}/>);
-};

package/dist/react/components/LoadingSpinner/index.jsx

@@ -1,6 +0,0 @@
-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;

package/dist/react/components/index.d.ts

@@ -1,5 +0,0 @@
-export * from './DefaultErrorBoundary';
-export * from './LoadingSpinner';
-export * from './navigation/BasicLayout';
-export * from './navigation/MenuPage';
-export * from './navigation/Router';

package/dist/react/components/index.js

@@ -1,5 +0,0 @@
-export * from './DefaultErrorBoundary';
-export * from './LoadingSpinner';
-export * from './navigation/BasicLayout';
-export * from './navigation/MenuPage';
-export * from './navigation/Router';

package/dist/react/components/navigation/BasicLayout/index.d.ts

@@ -1,11 +0,0 @@
-import { MenuProps } from 'antd';
-import React from 'react';
-import { MenuPage } from '../MenuPage';
-export interface BasicLayoutProps {
-    pages: MenuPage[] & [MenuPage];
-    defaultPage?: string;
-    onPageChange?: (page: string) => void;
-    uncollapsedMenuWidth?: number;
-    menuProps: Omit<MenuProps, 'items' | 'selectedKeys' | 'onSelect'>;
-}
-export declare const BasicLayout: React.FC<BasicLayoutProps>;

package/dist/react/components/navigation/BasicLayout/index.jsx

@@ -1,74 +0,0 @@
-import { MenuFoldOutlined, MenuUnfoldOutlined } from '@ant-design/icons';
-import { Button, Layout, Menu } from '@j2inn/ui';
-import React, { useEffect, useState } from 'react';
-import { ErrorDisplayer } from '../../DefaultErrorBoundary';
-import { getPage } from '../MenuPage';
-import { Router } from '../Router';
-// Workaround j2inn/ui exporting problem
-const Header = Layout.Sider;
-const Sider = Layout.Sider;
-const Content = Layout.Sider;
-const DEFAULT_UNCOLLAPSED_MENU_WIDTH = 45;
-const COLLAPSED_MENU_WIDTH = 0;
-export const BasicLayout = ({ pages, defaultPage = pages[0].key, onPageChange, uncollapsedMenuWidth = DEFAULT_UNCOLLAPSED_MENU_WIDTH, menuProps, }) => {
-    const [currentPage, setCurrentPage] = useState(defaultPage);
-    // Fire onChange
-    useEffect(() => {
-        onPageChange?.(currentPage);
-    }, [currentPage]);
-    // manage mobile navigation
-    const [isMobile, setIsMobile] = useState(false);
-    const [hiddenSider, setHiddenSider] = useState(true);
-    const actualMenuWidth = hiddenSider && isMobile ? COLLAPSED_MENU_WIDTH : uncollapsedMenuWidth;
-    return (<Layout hasSider>
-			{isMobile && (<Header style={{
-                position: 'fixed',
-                width: '100%',
-                zIndex: 1000,
-            }}>
-					{React.createElement(hiddenSider ? MenuUnfoldOutlined : MenuFoldOutlined, {
-                className: 'antd-menu-custom-header-trigger',
-                onClick: () => {
-                    setHiddenSider(!hiddenSider);
-                },
-            })}
-				</Header>)}
-			<Sider breakpoint='md' onBreakpoint={(broken) => {
-            setIsMobile(broken);
-            setHiddenSider(true);
-        }} collapsed={true} collapsedWidth={actualMenuWidth} trigger={null} style={{
-            overflow: 'auto',
-            height: '100vh',
-            position: 'fixed',
-            left: 0,
-            top: 0,
-            bottom: 0,
-            zIndex: 999,
-            paddingTop: isMobile
-                ? uncollapsedMenuWidth
-                : COLLAPSED_MENU_WIDTH,
-        }}>
-				<Menu mode='inline' {...menuProps} items={pages} selectedKeys={[currentPage]} onSelect={({ key }) => {
-            if (!hiddenSider) {
-                setHiddenSider(true);
-            }
-            const page = getPage(pages, key);
-            if (page?.component) {
-                setCurrentPage(key);
-            }
-        }}/>
-			</Sider>
-			<Content style={{
-            paddingLeft: actualMenuWidth,
-            paddingTop: isMobile
-                ? uncollapsedMenuWidth
-                : COLLAPSED_MENU_WIDTH,
-        }}>
-				<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>);
-};