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

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

@@ -1,6 +1,6 @@
 import { Logger } from '@nu-art/ts-common';
 import { MouseEvent, ReactNode } from 'react';
-import { ModuleFE_BaseDB } from '@nu-art/thunderstorm-frontend';
+import { ModuleFE_BaseDB } from '@nu-art/db-api-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[]);

package/_core/work-hub-item.js

@@ -7,7 +7,6 @@ export class WorkHubItem extends Logger {
     renderer;
     tabTag;
     customMenuActionsResolver;
-    // ######################## Builder ########################
     constructor(key) {
         super(`WorkHubItem_${key}`);
         this.key = key;
@@ -31,7 +30,6 @@ export class WorkHubItem extends Logger {
         this.customMenuActionsResolver = resolver;
         return this;
     };
-    // ######################## Public Methods ########################
     openTab = (id, label, args) => {
         ModuleFE_WorkHub.tabs.add(this.prepareTab(id, label, args));
     };

package/_module/ModuleFE_WorkHub/ModuleFE_WorkHub.d.ts

@@ -1,7 +1,10 @@
 import { Module } from '@nu-art/ts-common';
 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';
+import { PermissionKeys_WorkHubUI } from '@nu-art/work-hub-shared';
 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,18 @@
 import { BadImplementationException, filterInstances, lastElement, mergeObject, Module, removeFromArrayByIndex, removeItemFromArray } from '@nu-art/ts-common';
 import { isWorkHubTab, isWorkHubTabGroup } from '@nu-art/work-hub-shared';
 import { dispatch_OnWorkHubTabSelected, dispatch_OnWorkHubTabsUpdated } from '../../dispatchers.js';
-import { StorageKey } from '@nu-art/thunderstorm-frontend';
+import { StorageKey } from '@nu-art/thunder-core';
 import { workHubTabGroupColors } from '../../_ui/Component_WorkHub_Header/renderers/Component_WorkHub_TabGroup/consts.js';
+import { PermissionKey_FE } from '@nu-art/permissions-frontend';
+import { PermissionKeys_WorkHubUI } from '@nu-art/work-hub-shared';
 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);
     }
     //######################### Class Properties #########################
     _tabs;

package/_ui/Component_WorkHub/Component_WorkHub.d.ts

@@ -1,4 +1,4 @@
-import { ComponentSync } from '@nu-art/thunderstorm-frontend';
+import { ComponentSync } from '@nu-art/thunder-widgets';
 import './Component_WorkHub.scss';
 import { WorkHubTab, WorkHubTabGroup } from '@nu-art/work-hub-shared';
 import { OnWorkHubTabs } from '../../dispatchers.js';

package/_ui/Component_WorkHub/Component_WorkHub.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { ComponentSync, LL_V_L } from '@nu-art/thunderstorm-frontend';
+import { ComponentSync, LL_V_L } from '@nu-art/thunder-widgets';
 import './Component_WorkHub.scss';
 import { ModuleFE_WorkHub } from '../../_module/index.js';
 import { Component_WorkHub_Header } from '../Component_WorkHub_Header/Component_WorkHub_Header.js';

package/_ui/Component_WorkHubActionMenu/Component_WorkHubActionMenu.d.ts

@@ -1,5 +1,5 @@
 import { MouseEvent } from 'react';
-import { ComponentSync } from '@nu-art/thunderstorm-frontend';
+import { ComponentSync } from '@nu-art/thunder-widgets';
 import { WorkHubItem_MenuSection } from './types.js';
 import './Component_WorkHubActionMenu.scss';
 type Props = {

package/_ui/Component_WorkHubActionMenu/Component_WorkHubActionMenu.js

@@ -1,13 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment } from 'react';
-import { _className, Button, ComponentSync, LL_H_C, LL_V_L, ModuleFE_MouseInteractivity, mouseInteractivity_PopUp } from '@nu-art/thunderstorm-frontend';
+import { _className } from '@nu-art/thunder-core';
+import { Button, ComponentSync, LL_H_C, LL_V_L } from '@nu-art/thunder-widgets';
+import { ModuleFE_MouseInteractivity, mouseInteractivity_PopUp } from '@nu-art/thunder-mouse-interactivity-frontend';
 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 { isWorkHubTabGroup } from '@nu-art/work-hub-shared';
 export class Component_WorkHubActionMenu extends ComponentSync {
-    // ######################## Static ########################
     static show = (e, props) => {
         const model = {
             id: 'work-hub-action-menu',
@@ -17,7 +18,6 @@ export class Component_WorkHubActionMenu extends ComponentSync {
         };
         ModuleFE_MouseInteractivity.showContent(model);
     };
-    // ######################## Logic ########################
     generateGeneralSection = () => {
         const currentGroupKey = ModuleFE_WorkHub.group.getKeyForTabId(this.props.tabId);
         const availableGroups = ModuleFE_WorkHub.tabs.get().filter(i => isWorkHubTabGroup(i) && i.groupKey !== currentGroupKey);
@@ -54,7 +54,6 @@ export class Component_WorkHubActionMenu extends ComponentSync {
     closeMenu = () => {
         ModuleFE_MouseInteractivity.hide(mouseInteractivity_PopUp);
     };
-    // ######################## Render ########################
     render() {
         const sections = this.getSections();
         return sections.map(this.render_Section);

package/_ui/Component_WorkHub_Header/Component_WorkHub_Header.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { LL_H_C } from '@nu-art/thunderstorm-frontend';
+import { LL_H_C } from '@nu-art/thunder-widgets';
 import { isWorkHubTabGroup } from '@nu-art/work-hub-shared';
 import './Component_WorkHub_Header.scss';
 import { Component_WorkHub_Tab } from './renderers/Component_WorkHub_Tab/Component_WorkHub_Tab.js';

package/_ui/Component_WorkHub_Header/renderers/Component_WorkHub_Tab/Component_WorkHub_Tab.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import './Component_WorkHub_Tab.scss';
-import { _className, LL_H_C } from '@nu-art/thunderstorm-frontend';
+import { _className } from '@nu-art/thunder-core';
+import { LL_H_C } from '@nu-art/thunder-widgets';
 import { exists } from '@nu-art/ts-common';
 import { ModuleFE_WorkHub } from '../../../../_module/index.js';
 const onTabMouseDown = (e, tabId) => {

package/_ui/Component_WorkHub_Header/renderers/Component_WorkHub_TabGroup/Component_WorkHub_TabGroup.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { LL_H_C, TS_CollapsableContainerV2 } from '@nu-art/thunderstorm-frontend';
+import { LL_H_C, TS_CollapsableContainer } from '@nu-art/thunder-widgets';
 import { Component_WorkHub_Tab } from '../Component_WorkHub_Tab/Component_WorkHub_Tab.js';
 import './Component_WorkHub_TabGroup.scss';
 import { Component_WorkHub_TabGroupMenu } from '../Component_WorkHub_TabGroupMenu/Component_WorkHub_TabGroupMenu.js';
 import { ModuleFE_WorkHub } from '../../../../_module/index.js';
 export const Component_WorkHub_TabGroup = (props) => {
     const style = { '--color-fg': props.group.color.foreground, '--color-bg': props.group.color.background };
-    return _jsx(TS_CollapsableContainerV2, { className: 'c__work-hub-tab-group', style: style, animated: true, forceUpdate: true, onCollapseToggle: () => {
+    return _jsx(TS_CollapsableContainer, { className: 'c__work-hub-tab-group', style: style, animated: true, forceUpdate: true, onCollapseToggle: () => {
             ModuleFE_WorkHub.group.update(props.group.groupKey, { collapsed: !props.group.collapsed });
         }, collapsed: props.group.collapsed, headerRenderer: () => props.group.label, onHeaderRightClick: e => Component_WorkHub_TabGroupMenu.show(e, props.group.groupKey), containerRenderer: () => _jsx(LL_H_C, { children: props.group.tabs.map(tab => _jsx(Component_WorkHub_Tab, { tab: tab, selected: tab.id === props.selectedTabId }, tab.id)) }) });
 };

package/_ui/Component_WorkHub_Header/renderers/Component_WorkHub_TabGroupMenu/Component_WorkHub_TabGroupMenu.d.ts

@@ -1,4 +1,5 @@
-import { ComponentSync, EditableItem } from '@nu-art/thunderstorm-frontend';
+import { EditableItem } from '@nu-art/editable-item';
+import { ComponentSync } from '@nu-art/thunder-widgets';
 import { WorkHubTabGroup } from '@nu-art/work-hub-shared';
 import { MouseEvent } from 'react';
 import './Component_WorkHub_TabGroupMenu.scss';

package/_ui/Component_WorkHub_Header/renderers/Component_WorkHub_TabGroupMenu/Component_WorkHub_TabGroupMenu.js

@@ -1,5 +1,7 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { ComponentSync, EditableItem, LL_H_C, ModuleFE_MouseInteractivity, TS_Input } from '@nu-art/thunderstorm-frontend';
+import { EditableItem } from '@nu-art/editable-item';
+import { ComponentSync, LL_H_C, TS_Input } from '@nu-art/thunder-widgets';
+import { ModuleFE_MouseInteractivity } from '@nu-art/thunder-mouse-interactivity-frontend';
 import { createRef } from 'react';
 import { ModuleFE_WorkHub } from '../../../../_module/index.js';
 import { BadImplementationException, compare } from '@nu-art/ts-common';
@@ -7,7 +9,6 @@ import './Component_WorkHub_TabGroupMenu.scss';
 import { workHubTabGroupColors } from '../Component_WorkHub_TabGroup/consts.js';
 export class Component_WorkHub_TabGroupMenu extends ComponentSync {
     inputRef = createRef();
-    // ######################## Static ########################
     static show = (e, groupKey) => {
         const group = ModuleFE_WorkHub.group.get(groupKey);
         if (!group)
@@ -22,7 +23,6 @@ export class Component_WorkHub_TabGroupMenu extends ComponentSync {
         };
         ModuleFE_MouseInteractivity.showContent(model);
     };
-    // ######################## Life Cycle ########################
     deriveStateFromProps(nextProps, state) {
         state.group = this.getEditable(nextProps.group);
         return state;
@@ -33,7 +33,6 @@ export class Component_WorkHub_TabGroupMenu extends ComponentSync {
     componentDidUpdate() {
         this.inputRef.current?.focus();
     }
-    // ######################## Logic ########################
     getEditable(group) {
         return new EditableItem(group)
             .setOnChanged(async () => this.forceUpdate())
@@ -43,7 +42,6 @@ export class Component_WorkHub_TabGroupMenu extends ComponentSync {
         })
             .setAutoSave(true);
     }
-    // ######################## Render ########################
     render() {
         return _jsxs(_Fragment, { children: [this.render_Label(), this.render_Color()] });
     }

package/_ui/Component_WorkHub_TabContent/Component_WorkHub_TabContent.d.ts

@@ -1,6 +1,6 @@
 import { WorkHubTab } from '@nu-art/work-hub-shared';
 import './Component_WorkHub_TabContent.scss';
-import { ComponentSync } from '@nu-art/thunderstorm-frontend';
+import { ComponentSync } from '@nu-art/thunder-widgets';
 import { WorkHubItem } from '../../_core/work-hub-item.js';
 import { OnWorkHubTabs } from '../../dispatchers.js';
 type Props = {
@@ -19,7 +19,5 @@ export declare class Component_WorkHub_TabContent extends ComponentSync<Props, S
     componentDidMount(): void;
     componentDidUpdate(): void;
     render(): import("react/jsx-runtime").JSX.Element;
-    private renderAsync;
-    private renderSync;
 }
 export {};

package/_ui/Component_WorkHub_TabContent/Component_WorkHub_TabContent.js

@@ -2,11 +2,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { createRef } from 'react';
 import { ModuleFE_WorkHub } from '../../_module/index.js';
 import './Component_WorkHub_TabContent.scss';
-import { AwaitModules, ComponentSync, TS_ErrorBoundary } from '@nu-art/thunderstorm-frontend';
+import { ComponentSync, TS_ErrorBoundary } from '@nu-art/thunder-widgets';
 import { voidFunction } from '@nu-art/ts-common';
 export class Component_WorkHub_TabContent extends ComponentSync {
     ref = createRef();
-    // ######################## Life Cycle ########################
     __onWorkHubTabsUpdated = () => {
         this.reDeriveState();
     };
@@ -24,19 +23,10 @@ export class Component_WorkHub_TabContent extends ComponentSync {
     componentDidUpdate() {
         this.ref.current?.focus();
     }
-    // ######################## Render ########################
+    // Await-modules is up-level per user-account pattern (Component_AccountThumbnail); no AwaitModules wrapper here.
     render() {
-        if (this.state.item.modulesToAwait?.length)
-            return this.renderAsync();
-        return this.renderSync();
-    }
-    renderAsync = () => {
         const item = this.state.item;
         const tab = this.state.tab;
-        return _jsx("div", { className: 'c__work-hub-tab-content', ref: this.ref, tabIndex: 0, children: _jsx(AwaitModules, { modules: item.modulesToAwait, children: _jsx(TS_ErrorBoundary, { children: item.renderer(item, tab.id, tab.renderArgs) }) }) });
-    };
-    renderSync = () => {
-        const item = this.state.item;
-        return _jsx("div", { className: 'c__work-hub-tab-content', ref: this.ref, tabIndex: 0, children: _jsx(TS_ErrorBoundary, { children: item.renderer(item, this.state.tab.id, this.state.renderArgs) }) });
-    };
+        return _jsx("div", { className: 'c__work-hub-tab-content', ref: this.ref, tabIndex: 0, children: _jsx(TS_ErrorBoundary, { children: item.renderer(item, tab.id, this.state.renderArgs) }) });
+    }
 }

package/dispatchers.d.ts

@@ -1,4 +1,4 @@
-import { ThunderDispatcher } from '@nu-art/thunderstorm-frontend';
+import { ThunderDispatcher } from '@nu-art/thunder-core';
 export interface OnWorkHubTabs {
     __onWorkHubTabsUpdated: VoidFunction;
     __onWorkHubTabSelected: VoidFunction;

package/dispatchers.js

@@ -1,3 +1,3 @@
-import { ThunderDispatcher } from '@nu-art/thunderstorm-frontend';
+import { ThunderDispatcher } from '@nu-art/thunder-core';
 export const dispatch_OnWorkHubTabsUpdated = new ThunderDispatcher('__onWorkHubTabsUpdated');
 export const dispatch_OnWorkHubTabSelected = new ThunderDispatcher('__onWorkHubTabSelected');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nu-art/work-hub-frontend",
-  "version": "0.401.8",
+  "version": "0.500.0",
   "description": "TS WorkHub Frontend",
   "keywords": [
     "TacB0sS",
@@ -21,11 +21,16 @@
     "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.500.0",
+    "@nu-art/ts-common": "0.500.0",
+    "@nu-art/ts-styles": "0.500.0",
+    "@nu-art/db-api-frontend": "0.500.0",
+    "@nu-art/editable-item": "{{THUNDERSTORM_VERSION}}",
+    "@nu-art/thunder-core": "{{THUNDERSTORM_VERSION}}",
+    "@nu-art/thunder-mouse-interactivity-frontend": "{{THUNDERSTORM_VERSION}}",
+    "@nu-art/thunder-widgets": "{{THUNDERSTORM_VERSION}}",
+    "@nu-art/permissions-frontend": "0.500.0",
+    "@nu-art/permissions-shared": "0.500.0",
     "react": "^18.0.0"
   },
   "devDependencies": {