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

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

@@ -1,5 +1,5 @@
 import { generateHex, Logger } from '@nu-art/ts-common';
-import { ModuleFE_WorkHub } from '../_module/index.js';
+import { ModuleFE_WorkHub } from '../_module/ModuleFE_WorkHub/ModuleFE_WorkHub.js';
 import { Component_WorkHubActionMenu } from '../_ui/Component_WorkHubActionMenu/Component_WorkHubActionMenu.js';
 export class WorkHubItem extends Logger {
     key;
@@ -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,10 +1,7 @@
 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,23 +1,14 @@
 import { BadImplementationException, filterInstances, lastElement, mergeObject, Module, removeFromArrayByIndex, removeItemFromArray } from '@nu-art/ts-common';
-import { isWorkHubTab, isWorkHubTabGroup, PermissionKeys_WorkHubUI } from '@nu-art/work-hub-shared';
+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';
 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_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,7 +1,7 @@
 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 { ModuleFE_WorkHub } from '../../_module/ModuleFE_WorkHub/ModuleFE_WorkHub.js';
 import { Component_WorkHub_Header } from '../Component_WorkHub_Header/Component_WorkHub_Header.js';
 import { Component_WorkHub_TabContent } from '../Component_WorkHub_TabContent/Component_WorkHub_TabContent.js';
 import { BadImplementationException } from '@nu-art/ts-common';

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

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 { ModuleFE_WorkHub } from '../../_module/index.js';
+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/ModuleFE_WorkHub/ModuleFE_WorkHub.js';
 import './Component_WorkHubActionMenu.scss';
 import { TS_Icons } from '@nu-art/ts-styles';
-import { exists, generateHex, resolveContent } from '@nu-art/ts-common';
+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,33 +54,20 @@ 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) => {
-        const disabled = resolveContent(action.disabled);
-        return _jsxs(Fragment, { children: [_jsx(Button, { variant: 'work-hub-menu-action', disabled: disabled, onClick: async () => {
+        return _jsxs(Fragment, { children: [_jsx(Button, { variant: 'work-hub-menu-action', disabled: action.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,9 +1,7 @@
-import { ResolvableContent } from "@nu-art/ts-common";
 export type WorkHubItem_MenuAction = {
     label: string;
     action?: () => (Promise<void> | void);
-    visible?: ResolvableContent<boolean>;
-    disabled?: ResolvableContent<boolean>;
+    disabled?: boolean;
     separatorAfter?: boolean;
     innerActions?: WorkHubItem_MenuAction[];
 };

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,8 +1,9 @@
 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';
+import { ModuleFE_WorkHub } from '../../../../_module/ModuleFE_WorkHub/ModuleFE_WorkHub.js';
 const onTabMouseDown = (e, tabId) => {
     if (e.button !== 1) //Only take into account middle mouse button
         return;

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';
+import { ModuleFE_WorkHub } from '../../../../_module/ModuleFE_WorkHub/ModuleFE_WorkHub.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,13 +1,14 @@
 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 { ModuleFE_WorkHub } from '../../../../_module/ModuleFE_WorkHub/ModuleFE_WorkHub.js';
 import { BadImplementationException, compare } from '@nu-art/ts-common';
 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

@@ -1,12 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createRef } from 'react';
-import { ModuleFE_WorkHub } from '../../_module/index.js';
+import { ModuleFE_WorkHub } from '../../_module/ModuleFE_WorkHub/ModuleFE_WorkHub.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.9",
+  "version": "0.500.6",
   "description": "TS WorkHub Frontend",
   "keywords": [
     "TacB0sS",
@@ -21,13 +21,16 @@
     "linkDirectory": true
   },
   "dependencies": {
-    "@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",
+    "@nu-art/work-hub-shared": "0.500.6",
+    "@nu-art/ts-common": "0.500.6",
+    "@nu-art/ts-styles": "0.500.6",
+    "@nu-art/db-api-frontend": "0.500.6",
+    "@nu-art/editable-item": "0.500.6",
+    "@nu-art/thunder-core": "0.500.6",
+    "@nu-art/thunder-mouse-interactivity-frontend": "0.500.6",
+    "@nu-art/thunder-widgets": "0.500.6",
+    "@nu-art/permissions-frontend": "0.500.6",
+    "@nu-art/permissions-shared": "0.500.6",
     "react": "^18.0.0"
   },
   "devDependencies": {
@@ -39,12 +42,16 @@
   "type": "module",
   "exports": {
     "./core": {
-      "types": "./_core/index.d.ts",
-      "import": "./_core/index.js"
+      "types": "./_core/work-hub-item.d.ts",
+      "import": "./_core/work-hub-item.js"
     },
     "./ui": {
-      "types": "./_ui/index.d.ts",
-      "import": "./_ui/index.js"
+      "types": "./_ui/Component_WorkHub/Component_WorkHub.d.ts",
+      "import": "./_ui/Component_WorkHub/Component_WorkHub.js"
+    },
+    "./ui/action-menu-types": {
+      "types": "./_ui/Component_WorkHubActionMenu/types.d.ts",
+      "import": "./_ui/Component_WorkHubActionMenu/types.js"
     },
     "./modules": {
       "types": "./_module/ModuleFE_WorkHub/ModuleFE_WorkHub.d.ts",

package/_core/index.d.ts

@@ -1 +0,0 @@
-export * from './work-hub-item.js';

package/_core/index.js

@@ -1 +0,0 @@
-export * from './work-hub-item.js';

package/_module/index.d.ts

@@ -1 +0,0 @@
-export * from './ModuleFE_WorkHub/ModuleFE_WorkHub.js';

package/_module/index.js

@@ -1 +0,0 @@
-export * from './ModuleFE_WorkHub/ModuleFE_WorkHub.js';

package/_ui/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Component_WorkHub/Component_WorkHub.js';
-export * from './Component_WorkHubActionMenu/types.js';

package/_ui/index.js

@@ -1,2 +0,0 @@
-export * from './Component_WorkHub/Component_WorkHub.js';
-export * from './Component_WorkHubActionMenu/types.js';