@nu-art/work-hub-frontend 0.401.8 → 0.401.9

package/_module/ModuleFE_WorkHub/ModuleFE_WorkHub.d.ts

@@ -1,7 +1,10 @@
 import { Module } from '@nu-art/ts-common';
+import { PermissionKeys_WorkHubUI } from '@nu-art/work-hub-shared';
 import { ModuleFE_WorkHub_GroupActions, ModuleFE_WorkHub_TabActions } from './types.js';
 import { WorkHubItem } from '../../_core/work-hub-item.js';
+import { ModuleFE_PermissionMapper } from '@nu-art/permissions-frontend';
 declare class ModuleFE_WorkHub_Class extends Module {
+    readonly permissions: ModuleFE_PermissionMapper<typeof PermissionKeys_WorkHubUI>;
     constructor();
     private readonly _tabs;
     private readonly _tabStack;

package/_module/ModuleFE_WorkHub/ModuleFE_WorkHub.js

@@ -1,14 +1,23 @@
 import { BadImplementationException, filterInstances, lastElement, mergeObject, Module, removeFromArrayByIndex, removeItemFromArray } from '@nu-art/ts-common';
-import { isWorkHubTab, isWorkHubTabGroup } from '@nu-art/work-hub-shared';
+import { isWorkHubTab, isWorkHubTabGroup, PermissionKeys_WorkHubUI } from '@nu-art/work-hub-shared';
 import { dispatch_OnWorkHubTabSelected, dispatch_OnWorkHubTabsUpdated } from '../../dispatchers.js';
 import { StorageKey } from '@nu-art/thunderstorm-frontend';
 import { workHubTabGroupColors } from '../../_ui/Component_WorkHub_Header/renderers/Component_WorkHub_TabGroup/consts.js';
+import { PermissionKey_FE } from '@nu-art/permissions-frontend';
 class ModuleFE_WorkHub_Class extends Module {
+    permissions;
     constructor() {
         super();
         this._tabs = this.storage_tabs.get([]);
         this._tabStack = this.storage_tabStack.get([]);
         this._workHubItemMap = {};
+        this.permissions = PermissionKey_FE.generatePermissionKeysByLevels(PermissionKeys_WorkHubUI);
+        if (this._tabs.length && !this._tabStack.length) {
+            let firstTab = this._tabs[0];
+            if (isWorkHubTabGroup(firstTab))
+                firstTab = firstTab.tabs[0];
+            this._tabStack.push(firstTab.id);
+        }
     }
     //######################### Class Properties #########################
     _tabs;

package/_ui/Component_WorkHubActionMenu/Component_WorkHubActionMenu.d.ts

@@ -11,7 +11,8 @@ export declare class Component_WorkHubActionMenu extends ComponentSync<Props> {
     private generateGeneralSection;
     private getSections;
     private closeMenu;
-    render(): import("react/jsx-runtime").JSX.Element[];
+    private hasVisibleActions;
+    render(): (import("react/jsx-runtime").JSX.Element | undefined)[];
     private render_Section;
     private render_Action;
     private render_ActionButton;

package/_ui/Component_WorkHubActionMenu/Component_WorkHubActionMenu.js

@@ -4,7 +4,7 @@ import { _className, Button, ComponentSync, LL_H_C, LL_V_L, ModuleFE_MouseIntera
 import { ModuleFE_WorkHub } from '../../_module/index.js';
 import './Component_WorkHubActionMenu.scss';
 import { TS_Icons } from '@nu-art/ts-styles';
-import { generateHex } from '@nu-art/ts-common';
+import { exists, generateHex, resolveContent } from '@nu-art/ts-common';
 import { isWorkHubTabGroup } from '@nu-art/work-hub-shared';
 export class Component_WorkHubActionMenu extends ComponentSync {
     // ######################## Static ########################
@@ -54,21 +54,33 @@ export class Component_WorkHubActionMenu extends ComponentSync {
     closeMenu = () => {
         ModuleFE_MouseInteractivity.hide(mouseInteractivity_PopUp);
     };
+    hasVisibleActions = (item) => {
+        if ('actions' in item)
+            return item.actions.some(this.hasVisibleActions);
+        if (exists(item.visible))
+            return item.visible;
+        return item.innerActions?.length ? item.innerActions.some(this.hasVisibleActions) : true;
+    };
     // ######################## Render ########################
     render() {
         const sections = this.getSections();
         return sections.map(this.render_Section);
     }
     render_Section = (section, index) => {
+        if (!this.hasVisibleActions(section))
+            return;
         return _jsxs(LL_V_L, { className: 'action-menu__section', children: [!!section.label?.length && _jsx("div", { className: 'action-menu__section-label', children: section.label }), section.actions.map(this.render_Action)] }, index);
     };
     render_Action = (action, index) => {
+        if (!this.hasVisibleActions(action))
+            return;
         if (action.action)
             return this.render_ActionButton(action, index);
         return this.render_ActionWithInner(action, index);
     };
     render_ActionButton = (action, index) => {
-        return _jsxs(Fragment, { children: [_jsx(Button, { variant: 'work-hub-menu-action', disabled: action.disabled, onClick: async () => {
+        const disabled = resolveContent(action.disabled);
+        return _jsxs(Fragment, { children: [_jsx(Button, { variant: 'work-hub-menu-action', disabled: disabled, onClick: async () => {
                         await action.action();
                         this.closeMenu();
                     }, children: action.label }), action.separatorAfter && _jsx("div", { className: 'action-menu__separator' })] }, index);

package/_ui/Component_WorkHubActionMenu/types.d.ts

@@ -1,7 +1,9 @@
+import { ResolvableContent } from "@nu-art/ts-common";
 export type WorkHubItem_MenuAction = {
     label: string;
     action?: () => (Promise<void> | void);
-    disabled?: boolean;
+    visible?: ResolvableContent<boolean>;
+    disabled?: ResolvableContent<boolean>;
     separatorAfter?: boolean;
     innerActions?: WorkHubItem_MenuAction[];
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nu-art/work-hub-frontend",
-  "version": "0.401.8",
+  "version": "0.401.9",
   "description": "TS WorkHub Frontend",
   "keywords": [
     "TacB0sS",
@@ -21,11 +21,13 @@
     "linkDirectory": true
   },
   "dependencies": {
-    "@nu-art/work-hub-shared": "0.401.8",
-    "@nu-art/ts-common": "0.401.8",
-    "@nu-art/ts-styles": "0.401.8",
-    "@nu-art/thunderstorm-shared": "0.401.8",
-    "@nu-art/thunderstorm-frontend": "0.401.8",
+    "@nu-art/work-hub-shared": "0.401.9",
+    "@nu-art/ts-common": "0.401.9",
+    "@nu-art/ts-styles": "0.401.9",
+    "@nu-art/thunderstorm-shared": "0.401.9",
+    "@nu-art/thunderstorm-frontend": "0.401.9",
+    "@nu-art/permissions-frontend": "0.401.9",
+    "@nu-art/permissions-shared": "0.401.9",
     "react": "^18.0.0"
   },
   "devDependencies": {