@j2inn/fin5-ui-utils 0.0.1-alpha.3 → 0.0.1-alpha.6

package/dist/fantomProps/fantomPropsToObject.js

@@ -1,10 +1,7 @@
-"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)
  */
-function fantomPropsToObject(props) {
+export default function fantomPropsToObject(props) {
     let i = 0;
     const readChar = () => {
         if (i < props.length) {
@@ -21,7 +18,6 @@ function fantomPropsToObject(props) {
     };
     return parseFantomProps(readChar, unreadChar);
 }
-exports.default = fantomPropsToObject;
 var UTF_8;
 (function (UTF_8) {
     UTF_8[UTF_8["tab"] = 9] = "tab";
@@ -55,7 +51,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
  */
-function parseFantomProps(readChar, unreadChar) {
+export function parseFantomProps(readChar, unreadChar) {
     const props = {};
     let name = '';
     let value = null;
@@ -177,4 +173,4 @@ 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.js

@@ -1,37 +1,9 @@
-"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 generateJsonFromFantomPropsFile(inputPath = '../locale/en.props', outputPath = './src/localeKeys.json') {
-    const result = await (0, readFantomPropsFile_1.default)(inputPath);
+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;
     });
 }
-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,OAAO,KAAK,EAAE,MAAM,IAAI,CAAA;AACxB,OAAO,mBAAmB,MAAM,uBAAuB,CAAA;AAEvD,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,SAAS,CAAC,UAAU,EAAE,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE,GAAG,EAAE;QACjE,OAAM;IACP,CAAC,CAAC,CAAA;AACH,CAAC"}

package/dist/fantomProps/index.js

@@ -1,19 +1,4 @@
-"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 });
-__exportStar(require("./fantomPropsToObject"), exports);
-__exportStar(require("./generateJsonFromFantomPropsFile"), exports);
-__exportStar(require("./readFantomPropsFile"), exports);
+export * from './fantomPropsToObject';
+export * from './generateJsonFromFantomPropsFile';
+export * from './readFantomPropsFile';
+//# sourceMappingURL=index.js.map

package/dist/fantomProps/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/fantomProps/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AACrC,cAAc,mCAAmC,CAAA;AACjD,cAAc,uBAAuB,CAAA"}

package/dist/fantomProps/readFantomPropsFile.js

@@ -1,34 +1,9 @@
-"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");
+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)
  */
-function readFantomPropsFile(path) {
+export default function readFantomPropsFile(path) {
     return new Promise((resolve, reject) => {
         const fileStream = fs.createReadStream(path);
         fileStream.once('readable', function () {
@@ -39,7 +14,7 @@ function readFantomPropsFile(path) {
                 return fileStream.unshift(new Uint8Array([char]));
             };
             try {
-                resolve((0, fantomPropsToObject_1.parseFantomProps)(readChar, unreadChar));
+                resolve(parseFantomProps(readChar, unreadChar));
             }
             catch (error) {
                 reject(error);
@@ -55,4 +30,4 @@ 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,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/fin5Top/fin5Top.js

@@ -1,6 +1,3 @@
-"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() {
@@ -15,9 +12,9 @@ class Fin5TopRetriever {
         return this._fin5Top;
     };
 }
-exports.getFin5top = Fin5TopRetriever.getFin5top;
-exports.fin5Top = Fin5TopRetriever.fin5Top;
-function isWindowTopFin5(notifyFailure) {
+export const getFin5top = Fin5TopRetriever.getFin5top;
+export const fin5Top = Fin5TopRetriever.fin5Top;
+export function isWindowTopFin5(notifyFailure) {
     try {
         window?.top?.origin;
         if (window.top.finstack) {
@@ -33,8 +30,7 @@ function isWindowTopFin5(notifyFailure) {
         return false;
     }
 }
-exports.isWindowTopFin5 = isWindowTopFin5;
-var Fin5AppNames;
+export var Fin5AppNames;
 (function (Fin5AppNames) {
     Fin5AppNames["EQUIP"] = "equip";
     Fin5AppNames["GRAPHICS"] = "graphics";
@@ -52,4 +48,5 @@ var Fin5AppNames;
     Fin5AppNames["LOGOUT"] = "logout";
     Fin5AppNames["GENERIC"] = "generic";
     Fin5AppNames["REPORTS"] = "reports";
-})(Fin5AppNames = exports.Fin5AppNames || (exports.Fin5AppNames = {}));
+})(Fin5AppNames || (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;;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/fin5Top/getFin5BinUrl.js

@@ -1,6 +1,3 @@
-"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;
+import { fin5Top } from './fin5Top';
+export const getFin5BinUrl = (id) => `/finGetFile/${fin5Top?.finstack?.projectName}?fileRef=${id?.toString()}`;
+//# 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,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/fin5Top/index.js

@@ -1,20 +1,5 @@
-"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 });
-__exportStar(require("./fin5Top"), exports);
-__exportStar(require("./getFin5BinUrl"), exports);
-__exportStar(require("./openFin5Alarm"), exports);
-__exportStar(require("./openFin5Historian"), exports);
+export * from './fin5Top';
+export * from './getFin5BinUrl';
+export * from './openFin5Alarm';
+export * from './openFin5Historian';
+//# sourceMappingURL=index.js.map

package/dist/fin5Top/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/fin5Top/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,qBAAqB,CAAA"}

package/dist/fin5Top/openFin5Alarm.js

@@ -1,20 +1,17 @@
-"use strict";
 //////////////////////////////////////////////////////////////////////////
 // Alarms
 //////////////////////////////////////////////////////////////////////////
-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() ?? {};
+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_1.fin5Top?.app?.SetAlarmFilters(alarmFilters, historical);
+    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,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/fin5Top/openFin5Historian.js

@@ -1,16 +1,13 @@
-"use strict";
 //////////////////////////////////////////////////////////////////////////
 // Historian
 //////////////////////////////////////////////////////////////////////////
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.openFin5HistorianApp = void 0;
-const fin5Top_1 = require("./fin5Top");
-const openFin5HistorianApp = async (queryType, args) => {
-    if (fin5Top_1.fin5Top) {
+import { fin5Top } from './fin5Top';
+export const openFin5HistorianApp = async (queryType, args) => {
+    if (fin5Top) {
         queryType && args
-            ? 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);
+            ? fin5Top.app.OpenHistorianWithOptions(queryType, args)
+            : fin5Top.app.NavigateToApp(fin5Top.app.APP_NAMES.TREND_LIST);
+        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,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/index.js

@@ -1,19 +1,4 @@
-"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 });
-__exportStar(require("./fantomProps"), exports);
-__exportStar(require("./fin5Top"), exports);
-__exportStar(require("./react/components"), exports);
+export * from './fantomProps';
+export * from './fin5Top';
+export * from './react/components';
+//# 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,cAAc,eAAe,CAAA;AAC7B,cAAc,WAAW,CAAA;AACzB,cAAc,oBAAoB,CAAA"}

package/dist/react/components/ErrorDisplayer/index.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=index.jsx.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../src/react/components/ErrorDisplayer/index.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/react/components/LoadingSpinner/index.jsx

@@ -1,11 +1,7 @@
-"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;
+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=index.jsx.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../src/react/components/LoadingSpinner/index.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/react/components/index.d.ts

@@ -1,4 +1,4 @@
-export * from './DefaultErrorBoundary';
+export * from './ErrorDisplayer';
 export * from './LoadingSpinner';
 export * from './navigation/BasicLayout';
 export * from './navigation/MenuPage';

package/dist/react/components/index.js

@@ -1,21 +1,6 @@
-"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 });
-__exportStar(require("./DefaultErrorBoundary"), exports);
-__exportStar(require("./LoadingSpinner"), exports);
-__exportStar(require("./navigation/BasicLayout"), exports);
-__exportStar(require("./navigation/MenuPage"), exports);
-__exportStar(require("./navigation/Router"), exports);
+export * from './ErrorDisplayer';
+export * from './LoadingSpinner';
+export * from './navigation/BasicLayout';
+export * from './navigation/MenuPage';
+export * from './navigation/Router';
+//# sourceMappingURL=index.js.map

package/dist/react/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/react/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,0BAA0B,CAAA;AACxC,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA"}

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

@@ -2,7 +2,7 @@ import { MenuProps } from 'antd';
 import React from 'react';
 import { MenuPage } from '../MenuPage';
 export interface BasicLayoutProps {
-    pages: MenuPage[] & [MenuPage];
+    pages?: MenuPage[];
     defaultPage?: string;
     onPageChange?: (page: string) => void;
     uncollapsedMenuWidth?: number;

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

@@ -1,101 +1,104 @@
-"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;
+import { 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 { getPage } from '../MenuPage';
+import { Router } from '../Router';
+const useStyles = createUseStyles((theme) => {
+    console.log('theme ->', theme);
+    return {
+        header: {
+            position: 'fixed',
+            width: '100%',
+            zIndex: 1000,
+            color: theme.textColorInverse,
+            background: theme.primary,
+        },
+        sider: {
+            overflow: 'auto',
+            height: '100vh',
+            position: 'fixed',
+            left: 0,
+            top: 0,
+            bottom: 0,
+            zIndex: 999,
+            color: 'red',
+            backgroundColor: theme.primary,
+        },
+        menuTrigger: {
+            width: 45,
+            height: '100%',
+            textAlign: 'center',
+            fontSize: 18,
+            cursor: 'pointer',
+            transition: 'color 0.3s ease-in-out',
+            backgroundColor: 'transparent',
+            color: 'white',
+        },
+        // '&:hover': {
+        // 	menuTrigger: {
+        // 		color: theme.primary,
+        // 		backgroundColor: theme.backgroundColorBase,
+        // 	},
+        // },
+    };
 });
-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 DefaultErrorBoundary_1 = require("../../DefaultErrorBoundary");
-const MenuPage_1 = require("../MenuPage");
-const Router_1 = require("../Router");
 // Workaround j2inn/ui exporting problem
-const Header = ui_1.Layout.Sider;
-const Sider = ui_1.Layout.Sider;
-const Content = ui_1.Layout.Sider;
+const Header = Layout.Header;
+const Sider = Layout.Sider;
+const Content = Layout.Content;
 const DEFAULT_UNCOLLAPSED_MENU_WIDTH = 45;
 const COLLAPSED_MENU_WIDTH = 0;
-const BasicLayout = ({ pages, defaultPage = pages[0].key, onPageChange, uncollapsedMenuWidth = DEFAULT_UNCOLLAPSED_MENU_WIDTH, menuProps, }) => {
-    const [currentPage, setCurrentPage] = (0, react_1.useState)(defaultPage);
+export const BasicLayout = ({ pages = [], defaultPage = pages?.[0].key ?? '', onPageChange, uncollapsedMenuWidth = DEFAULT_UNCOLLAPSED_MENU_WIDTH, menuProps, }) => {
+    const classes = useStyles();
+    const [currentPage, setCurrentPage] = useState(defaultPage);
     // Fire onChange
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         onPageChange?.(currentPage);
     }, [currentPage]);
     // manage mobile navigation
-    const [isMobile, setIsMobile] = (0, react_1.useState)(false);
-    const [hiddenSider, setHiddenSider] = (0, react_1.useState)(true);
-    const actualMenuWidth = hiddenSider && isMobile ? COLLAPSED_MENU_WIDTH : uncollapsedMenuWidth;
-    return (<ui_1.Layout hasSider>
-			{isMobile && (<Header style={{
-                position: 'fixed',
-                width: '100%',
-                zIndex: 1000,
-            }}>
-					{react_1.default.createElement(hiddenSider ? icons_1.MenuUnfoldOutlined : icons_1.MenuFoldOutlined, {
-                className: 'antd-menu-custom-header-trigger',
-                onClick: () => {
-                    setHiddenSider(!hiddenSider);
-                },
-            })}
+    const [isMobile, setIsMobile] = useState(false);
+    const [hiddenSider, setHiddenSider] = useState(false);
+    // const [collapsedSider, setCollapsedSider] = useState(false)
+    // const actualCollapsedMenuWidth =
+    // 	hiddenSider && isMobile ? 0 : COLLAPSED_MENU_WIDTH
+    return (<Layout hasSider>
+			{isMobile && (<Header className={classes.header}>
+					<MenuUnfoldOutlined className={classes.menuTrigger} 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,
+        }} collapsed={isMobile && hiddenSider} collapsedWidth={COLLAPSED_MENU_WIDTH} trigger={null} className={classes.sider} style={{
             paddingTop: isMobile
                 ? uncollapsedMenuWidth
                 : COLLAPSED_MENU_WIDTH,
         }}>
-				<ui_1.Menu mode='inline' {...menuProps} items={pages} selectedKeys={[currentPage]} onSelect={({ key }) => {
+				<Menu mode='inline' {...menuProps} items={pages} selectedKeys={[currentPage]} onSelect={({ key }) => {
             if (!hiddenSider) {
                 setHiddenSider(true);
             }
-            const page = (0, MenuPage_1.getPage)(pages, key);
+            const page = getPage(pages, key);
             if (page?.component) {
                 setCurrentPage(key);
             }
         }}/>
 			</Sider>
 			<Content style={{
-            paddingLeft: actualMenuWidth,
+            // paddingLeft: actualMenuWidth,
             paddingTop: isMobile
                 ? uncollapsedMenuWidth
                 : COLLAPSED_MENU_WIDTH,
         }}>
-				<Router_1.Router pages={pages} currentPage={currentPage ?? defaultPage} fallbackComponent={<DefaultErrorBoundary_1.ErrorDisplayer error={new Error('Page Not Found')} extra={[
-                <ui_1.Button type='primary' key='refresh' onClick={() => setCurrentPage(defaultPage)}>
+				<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
-								</ui_1.Button>,
+								</Button>,
             ]}/>}/>
 			</Content>
-		</ui_1.Layout>);
+		</Layout>);
 };
-exports.BasicLayout = BasicLayout;
+//# sourceMappingURL=index.jsx.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../src/react/components/navigation/BasicLayout/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AACtD,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,sBAAsB,CAAA;AACrD,OAAO,EAAE,OAAO,EAAY,MAAM,aAAa,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAElC,MAAM,SAAS,GAAG,eAAe,CAAC,CAAC,KAAe,EAAE,EAAE;IACrD,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,KAAK,CAAC,CAAA;IAE9B,OAAO;QACN,MAAM,EAAE;YACP,QAAQ,EAAE,OAAO;YACjB,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,IAAI;YACZ,KAAK,EAAE,KAAK,CAAC,gBAAgB;YAC7B,UAAU,EAAE,KAAK,CAAC,OAAO;SACzB;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,KAAK,EAAE,KAAK;YACZ,eAAe,EAAE,KAAK,CAAC,OAAO;SAC9B;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;SACd;QACD,eAAe;QACf,kBAAkB;QAClB,0BAA0B;QAC1B,gDAAgD;QAChD,MAAM;QACN,KAAK;KACL,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;AAE1D,MAAM,8BAA8B,GAAG,EAAE,CAAA;AACzC,MAAM,oBAAoB,GAAG,CAAC,CAAA;AAU9B,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,oBAAoB,GAAG,8BAA8B,EACrD,SAAS,GACT,EAAE,EAAE;IACJ,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAC3B,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,8DAA8D;IAE9D,mCAAmC;IACnC,sDAAsD;IACtD,OAAO,CACN,CAAC,MAAM,CAAC,QAAQ,CACf;GAAA,CAAC,QAAQ,IAAI,CACZ,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CACjC;KAAA,CAAC,kBAAkB,CAClB,SAAS,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,CAC/B,OAAO,CAAC,CAAC,GAAG,EAAE;gBACb,cAAc,CAAC,CAAC,WAAW,CAAC,CAAA;YAC7B,CAAC,CAAC,EAEJ;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,QAAQ,IAAI,WAAW,CAAC,CACnC,cAAc,CAAC,CAAC,oBAAoB,CAAC,CACrC,OAAO,CAAC,CAAC,IAAI,CAAC,CACd,SAAS,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CACzB,KAAK,CAAC,CAAC;YACN,UAAU,EAAE,QAAQ;gBACnB,CAAC,CAAC,oBAAoB;gBACtB,CAAC,CAAC,oBAAoB;SACvB,CAAC,CACF;IAAA,CAAC,IAAI,CACJ,IAAI,CAAC,QAAQ,CACb,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,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;YAChC,IAAI,IAAI,EAAE,SAAS,EAAE;gBACpB,cAAc,CAAC,GAAG,CAAC,CAAA;aACnB;QACF,CAAC,CAAC,EAEJ;GAAA,EAAE,KAAK,CACP;GAAA,CAAC,OAAO,CACP,KAAK,CAAC,CAAC;YACN,gCAAgC;YAChC,UAAU,EAAE,QAAQ;gBACnB,CAAC,CAAC,oBAAoB;gBACtB,CAAC,CAAC,oBAAoB;SACvB,CAAC,CACF;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/react/components/navigation/MenuPage/index.jsx

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

package/dist/react/components/navigation/MenuPage/index.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../src/react/components/navigation/MenuPage/index.tsx"],"names":[],"mappings":"AAmBA;;;;GAIG;AACH,MAAM,UAAU,OAAO,CACtB,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/react/components/navigation/Router.d.ts

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

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

@@ -1,45 +1,16 @@
-"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");
+import React, { Suspense, useEffect, useMemo, } from 'react';
+import LoadingSpinner from '../LoadingSpinner';
+import { getPage } from './MenuPage';
 /**
  * Renders the current selected page from a tree of pages
  */
-function Router({ pages, currentPage, onPageChange, fallbackComponent, }) {
-    const page = (0, react_1.useMemo)(() => (0, MenuPage_1.getPage)(pages, currentPage), [pages, currentPage]);
-    (0, react_1.useEffect)(() => {
+export function Router({ pages = [], currentPage, onPageChange, fallbackComponent, }) {
+    const page = useMemo(() => getPage(pages, currentPage), [pages, currentPage]);
+    useEffect(() => {
         onPageChange?.(page);
     }, [page]);
-    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>);
+    return page?.component ? (<Suspense fallback={<LoadingSpinner />}>
+			{React.createElement(page.component, page?.props)}
+		</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,OAAO,KAAK,EAAE,EAGb,QAAQ,EACR,SAAS,EACT,OAAO,GACP,MAAM,OAAO,CAAA;AACd,OAAO,cAAc,MAAM,mBAAmB,CAAA;AAC9C,OAAO,EAAE,OAAO,EAAY,MAAM,YAAY,CAAA;AAS9C;;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,OAAO,CAAC,KAAK,EAAE,WAAW,CAAC,EACjC,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.1-alpha.3",
+	"version": "0.0.1-alpha.6",
 	"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",
@@ -8,14 +8,15 @@
 		"clean": "rimraf ./dist",
 		"doc": "typedoc ./src --excludePrivate",
 		"prebuild": "npm run clean",
-		"build": "tsc",
+		"build": "tsc --project ./scripts && tsc",
 		"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 build",
+		"watch": "tsc --watch"
 	},
 	"author": "",
 	"license": "ISC",
@@ -23,15 +24,17 @@
 		"dist/**/*"
 	],
 	"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-jss": "^10.9.0",
 		"react": "^17.0.2",
 		"react-dom": "^17.0.2"
 	},

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

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