@nu-art/work-hub-frontend 0.400.8 → 0.400.14

package/_core/work-hub-item.d.ts

@@ -3,19 +3,22 @@ import { MouseEvent, ReactNode } from 'react';
 import { ModuleFE_BaseDB } from '@nu-art/thunderstorm-frontend';
 import { WorkHubTab } from '@nu-art/work-hub-shared';
 import { WorkHubItem_MenuSection } from '../_ui/Component_WorkHubActionMenu/types.js';
+type MenuResolver = (tab: WorkHubTab) => (Promise<WorkHubItem_MenuSection[]> | WorkHubItem_MenuSection[]);
+type WorkHubItemRenderer<Args extends any = void> = (workHubItem: WorkHubItem<Args>, tabId: string, args: Args) => ReactNode;
 export declare class WorkHubItem<Args extends any = void> extends Logger {
     readonly key: string;
     modulesToAwait: ModuleFE_BaseDB<any>[] | undefined;
-    renderer: (workHubItem: WorkHubItem<Args>, args: Args) => ReactNode;
+    renderer: WorkHubItemRenderer<Args>;
     private tabTag;
     private customMenuActionsResolver;
     constructor(key: string);
-    setRenderer: (renderer: (workHubItem: WorkHubItem<Args>, args: Args) => ReactNode) => this;
+    setRenderer: (renderer: WorkHubItemRenderer<Args>) => this;
     setTag: (tag: string) => this;
     setModulesToAwait: (modules: ModuleFE_BaseDB<any>[]) => this;
-    setCustomMenuActionsResolver: (resolver: (tab: WorkHubTab) => WorkHubItem_MenuSection[]) => this;
+    setCustomMenuActionsResolver: (resolver: MenuResolver) => this;
     openTab: (id: string, label: string, args: Args) => void;
     closeTab: (tabId: string) => void;
-    openTabMenu: (e: MouseEvent<HTMLDivElement>, tab: WorkHubTab) => void;
+    openTabMenu: (e: MouseEvent<HTMLDivElement>, tab: WorkHubTab) => Promise<void>;
     updateArgs: (tabId: string, args: Partial<Args>) => void;
 }
+export {};

package/_core/work-hub-item.js

@@ -44,8 +44,8 @@ export class WorkHubItem extends Logger {
     closeTab = (tabId) => {
         ModuleFE_WorkHub.tabs.remove(tabId);
     };
-    openTabMenu = (e, tab) => {
-        const customSections = this.customMenuActionsResolver(tab);
+    openTabMenu = async (e, tab) => {
+        const customSections = await this.customMenuActionsResolver(tab);
         Component_WorkHubActionMenu.show(e, {
             tabId: tab.id,
             customSections

package/_module/ModuleFE_WorkHub/ModuleFE_WorkHub.d.ts

@@ -8,12 +8,14 @@ declare class ModuleFE_WorkHub_Class extends Module {
     private readonly _workHubItemMap;
     private readonly storage_tabs;
     private readonly storage_tabStack;
+    private postTabAdditionCallback;
     private tabStack;
     tabs: ModuleFE_WorkHub_TabActions;
     workHubItem: {
         register: (item: WorkHubItem<any>) => void;
         getByKey: (key: string) => WorkHubItem<any>;
     };
+    setPostTabAdditionCallback: (callback: VoidFunction) => VoidFunction;
 }
 export declare const ModuleFE_WorkHub: ModuleFE_WorkHub_Class;
 export {};

package/_module/ModuleFE_WorkHub/ModuleFE_WorkHub.js

@@ -14,16 +14,17 @@ class ModuleFE_WorkHub_Class extends Module {
     _workHubItemMap;
     storage_tabs = new StorageKey('work-hub__tabs');
     storage_tabStack = new StorageKey('work-hub__tab-stack');
+    postTabAdditionCallback = undefined;
     //######################### Internal Methods #########################
     tabStack = {
         push: (tabId) => {
             this.tabStack.pop(tabId);
             this._tabStack.push(tabId);
-            this.storage_tabStack.set(this._tabStack);
+            this.storage_tabStack.set([...this._tabStack]);
         },
         pop: (tabId) => {
             removeItemFromArray(this._tabStack, tabId);
-            this.storage_tabStack.set(this._tabStack);
+            this.storage_tabStack.set([...this._tabStack]);
         },
     };
     //######################### Public Methods #########################
@@ -45,6 +46,7 @@ class ModuleFE_WorkHub_Class extends Module {
                 if (setAsSelected)
                     this.tabStack.push(tab.id);
                 dispatch_OnWorkHubTabsUpdated.dispatchUI();
+                this.postTabAdditionCallback?.();
             }
         },
         remove: (tabId) => {
@@ -81,5 +83,6 @@ class ModuleFE_WorkHub_Class extends Module {
             return this._workHubItemMap[key];
         }
     };
+    setPostTabAdditionCallback = (callback) => this.postTabAdditionCallback = callback;
 }
 export const ModuleFE_WorkHub = new ModuleFE_WorkHub_Class();

package/_ui/Component_WorkHub_TabContent/Component_WorkHub_TabContent.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { createRef, useEffect } from 'react';
 import { ModuleFE_WorkHub } from '../../_module/index.js';
 import './Component_WorkHub_TabContent.scss';
-import { AwaitModules } from '@nu-art/thunderstorm-frontend';
+import { AwaitModules, TS_ErrorBoundary } from '@nu-art/thunderstorm-frontend';
 export const Component_WorkHub_TabContent = (props) => {
     const item = ModuleFE_WorkHub.workHubItem.getByKey(props.tab.itemKey);
     const ref = createRef();
@@ -10,6 +10,6 @@ export const Component_WorkHub_TabContent = (props) => {
         ref.current?.focus();
     });
     if (item.modulesToAwait?.length)
-        return _jsx("div", { className: 'c__work-hub-tab-content', ref: ref, tabIndex: 0, children: _jsx(AwaitModules, { modules: item.modulesToAwait, children: item.renderer(item, props.tab.renderArgs) }) });
-    return _jsx("div", { className: 'c__work-hub-tab-content', ref: ref, tabIndex: 0, children: item.renderer(item, props.tab.renderArgs) });
+        return _jsx("div", { className: 'c__work-hub-tab-content', ref: ref, tabIndex: 0, children: _jsx(AwaitModules, { modules: item.modulesToAwait, children: _jsx(TS_ErrorBoundary, { children: item.renderer(item, props.tab.id, props.tab.renderArgs) }) }) });
+    return _jsx("div", { className: 'c__work-hub-tab-content', ref: ref, tabIndex: 0, children: _jsx(TS_ErrorBoundary, { children: item.renderer(item, props.tab.id, props.tab.renderArgs) }) });
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nu-art/work-hub-frontend",
-  "version": "0.400.8",
+  "version": "0.400.14",
   "description": "TS WorkHub Frontend",
   "keywords": [
     "TacB0sS",
@@ -21,11 +21,11 @@
     "linkDirectory": true
   },
   "dependencies": {
-    "@nu-art/work-hub-shared": "0.400.8",
-    "@nu-art/ts-common": "0.400.8",
-    "@nu-art/ts-styles": "0.400.8",
-    "@nu-art/thunderstorm-shared": "0.400.8",
-    "@nu-art/thunderstorm-frontend": "0.400.8",
+    "@nu-art/work-hub-shared": "0.400.14",
+    "@nu-art/ts-common": "0.400.14",
+    "@nu-art/ts-styles": "0.400.14",
+    "@nu-art/thunderstorm-shared": "0.400.14",
+    "@nu-art/thunderstorm-frontend": "0.400.14",
     "react": "^18.0.0"
   },
   "devDependencies": {
@@ -43,6 +43,10 @@
     "./ui": {
       "types": "./_ui/index.d.ts",
       "import": "./_ui/index.js"
+    },
+    "./modules": {
+      "types": "./_module/ModuleFE_WorkHub/ModuleFE_WorkHub.d.ts",
+      "import": "./_module/ModuleFE_WorkHub/ModuleFE_WorkHub.js"
     }
   }
 }