@nu-art/work-hub-frontend 0.400.7

package/_core/index.d.ts

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

package/_core/index.js

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

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

@@ -0,0 +1,20 @@
+import { Logger } from '@nu-art/ts-common';
+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';
+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;
+    private tabTag;
+    private customMenuActionsResolver;
+    constructor(key: string);
+    setRenderer: (renderer: (workHubItem: WorkHubItem<Args>, args: Args) => ReactNode) => this;
+    setTag: (tag: string) => this;
+    setModulesToAwait: (modules: ModuleFE_BaseDB<any>[]) => this;
+    setCustomMenuActionsResolver: (resolver: (tab: WorkHubTab) => WorkHubItem_MenuSection[]) => this;
+    openTab: (id: string, label: string, args: Args) => void;
+    openTabMenu: (e: MouseEvent<HTMLDivElement>, tab: WorkHubTab) => void;
+    updateArgs: (tabId: string, args: Partial<Args>) => void;
+}

package/_core/work-hub-item.js

@@ -0,0 +1,54 @@
+import { Logger } from '@nu-art/ts-common';
+import { ModuleFE_WorkHub } from '../_module/index.js';
+import { Component_WorkHubActionMenu } from '../_ui/Component_WorkHubActionMenu/Component_WorkHubActionMenu.js';
+export class WorkHubItem extends Logger {
+    key;
+    modulesToAwait;
+    renderer;
+    tabTag;
+    customMenuActionsResolver;
+    // ######################## Builder ########################
+    constructor(key) {
+        super(`WorkHubItem_${key}`);
+        this.key = key;
+        this.renderer = () => `Renderer not set for work hub item ${this.key}`;
+        this.customMenuActionsResolver = () => [];
+        ModuleFE_WorkHub.workHubItem.register(this);
+    }
+    setRenderer = (renderer) => {
+        this.renderer = renderer;
+        return this;
+    };
+    setTag = (tag) => {
+        this.tabTag = tag;
+        return this;
+    };
+    setModulesToAwait = (modules) => {
+        this.modulesToAwait = modules;
+        return this;
+    };
+    setCustomMenuActionsResolver = (resolver) => {
+        this.customMenuActionsResolver = resolver;
+        return this;
+    };
+    // ######################## Public Methods ########################
+    openTab = (id, label, args) => {
+        ModuleFE_WorkHub.tabs.add({
+            itemKey: this.key,
+            tag: this.tabTag,
+            id,
+            label,
+            renderArgs: args,
+        });
+    };
+    openTabMenu = (e, tab) => {
+        const customSections = this.customMenuActionsResolver(tab);
+        Component_WorkHubActionMenu.show(e, {
+            tabId: tab.id,
+            customSections
+        });
+    };
+    updateArgs = (tabId, args) => {
+        ModuleFE_WorkHub.tabs.updateArgs(tabId, args);
+    };
+}

package/_module/ModuleFE_WorkHub/ModuleFE_WorkHub.d.ts

@@ -0,0 +1,19 @@
+import { Module } from '@nu-art/ts-common';
+import { ModuleFE_WorkHub_TabActions } from './types.js';
+import { WorkHubItem } from '../../_core/work-hub-item.js';
+declare class ModuleFE_WorkHub_Class extends Module {
+    constructor();
+    private readonly _tabs;
+    private readonly _tabStack;
+    private readonly _workHubItemMap;
+    private readonly storage_tabs;
+    private readonly storage_tabStack;
+    private tabStack;
+    tabs: ModuleFE_WorkHub_TabActions;
+    workHubItem: {
+        register: (item: WorkHubItem<any>) => void;
+        getByKey: (key: string) => WorkHubItem<any>;
+    };
+}
+export declare const ModuleFE_WorkHub: ModuleFE_WorkHub_Class;
+export {};

package/_module/ModuleFE_WorkHub/ModuleFE_WorkHub.js

@@ -0,0 +1,85 @@
+import { BadImplementationException, lastElement, mergeObject, Module, removeFromArrayByIndex, removeItemFromArray } from '@nu-art/ts-common';
+import { dispatch_OnWorkHubTabSelected, dispatch_OnWorkHubTabsUpdated } from '../../dispatchers.js';
+import { StorageKey } from '@nu-art/thunderstorm-frontend';
+class ModuleFE_WorkHub_Class extends Module {
+    constructor() {
+        super();
+        this._tabs = this.storage_tabs.get([]);
+        this._tabStack = this.storage_tabStack.get([]);
+        this._workHubItemMap = {};
+    }
+    //######################### Class Properties #########################
+    _tabs;
+    _tabStack;
+    _workHubItemMap;
+    storage_tabs = new StorageKey('work-hub__tabs');
+    storage_tabStack = new StorageKey('work-hub__tab-stack');
+    //######################### Internal Methods #########################
+    tabStack = {
+        push: (tabId) => {
+            this.tabStack.pop(tabId);
+            this._tabStack.push(tabId);
+            this.storage_tabStack.set(this._tabStack);
+        },
+        pop: (tabId) => {
+            removeItemFromArray(this._tabStack, tabId);
+            this.storage_tabStack.set(this._tabStack);
+        },
+    };
+    //######################### Public Methods #########################
+    tabs = {
+        get: () => [...this._tabs],
+        select: (tabId) => {
+            this.tabStack.push(tabId);
+            dispatch_OnWorkHubTabSelected.dispatchUI();
+        },
+        add: (tab, setAsSelected = true) => {
+            if (this._tabs.find(_tab => _tab.id === tab.id)) {
+                if (setAsSelected)
+                    this.tabs.select(tab.id);
+                return;
+            }
+            else {
+                this._tabs.push(tab);
+                this.storage_tabs.set(this._tabs);
+                if (setAsSelected)
+                    this.tabStack.push(tab.id);
+                dispatch_OnWorkHubTabsUpdated.dispatchUI();
+            }
+        },
+        remove: (tabId) => {
+            const index = this._tabs.findIndex(tab => tab.id === tabId);
+            if (index === -1)
+                return;
+            removeFromArrayByIndex(this._tabs, index);
+            this.storage_tabs.set(this._tabs);
+            this.tabStack.pop(tabId);
+            dispatch_OnWorkHubTabsUpdated.dispatchUI();
+        },
+        getSelected: () => {
+            const selectedId = lastElement(this._tabStack);
+            if (!selectedId)
+                return;
+            return this._tabs.find(i => i.id === selectedId);
+        },
+        updateArgs: (tabId, args) => {
+            const tab = this._tabs.find(tab => tab.id === tabId);
+            if (!tab)
+                return;
+            tab.renderArgs = mergeObject({ ...tab.renderArgs }, args);
+            this.storage_tabs.set(this._tabs);
+            dispatch_OnWorkHubTabsUpdated.dispatchUI();
+        }
+    };
+    workHubItem = {
+        register: (item) => {
+            this._workHubItemMap[item.key] ??= item;
+        },
+        getByKey: (key) => {
+            if (!this._workHubItemMap[key])
+                throw new BadImplementationException(`No WorkHubItem registered for key ${key}`);
+            return this._workHubItemMap[key];
+        }
+    };
+}
+export const ModuleFE_WorkHub = new ModuleFE_WorkHub_Class();

package/_module/ModuleFE_WorkHub/types.d.ts

@@ -0,0 +1,9 @@
+import { WorkHubTab } from '@nu-art/work-hub-shared';
+export type ModuleFE_WorkHub_TabActions = {
+    get: () => WorkHubTab[];
+    select: (tabId: string) => void;
+    add: (tab: WorkHubTab, setAsSelected?: boolean) => void;
+    remove: (tabId: string) => void;
+    getSelected: () => WorkHubTab | undefined;
+    updateArgs: (tabId: string, args: any) => void;
+};

package/_module/ModuleFE_WorkHub/types.js

@@ -0,0 +1 @@
+export {};

package/_module/index.d.ts

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

package/_module/index.js

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

package/_ui/Component_WorkHub/Component_WorkHub.d.ts

@@ -0,0 +1,22 @@
+import { ComponentSync } from '@nu-art/thunderstorm-frontend';
+import './Component_WorkHub.scss';
+import { WorkHubTab } from '@nu-art/work-hub-shared';
+import { OnWorkHubTabs } from '../../dispatchers.js';
+export type WorkHubHeaderConfig = {};
+type Props = {
+    noTabsMessage: string;
+    headerConfig?: WorkHubHeaderConfig;
+};
+type State = {
+    noTabsMessage: string;
+    tabs: WorkHubTab[];
+    headerConfig?: WorkHubHeaderConfig;
+};
+export declare class Component_WorkHub extends ComponentSync<Props, State> implements OnWorkHubTabs {
+    __onWorkHubTabsUpdated: () => void;
+    __onWorkHubTabSelected: () => void;
+    protected deriveStateFromProps(nextProps: Props, state: State): State;
+    render(): import("react/jsx-runtime").JSX.Element;
+    private render_Content;
+}
+export {};

package/_ui/Component_WorkHub/Component_WorkHub.js

@@ -0,0 +1,35 @@
+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 './Component_WorkHub.scss';
+import { ModuleFE_WorkHub } from '../../_module/index.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';
+export class Component_WorkHub extends ComponentSync {
+    //######################### Life Cycle #########################
+    __onWorkHubTabsUpdated = () => {
+        this.setState({
+            tabs: ModuleFE_WorkHub.tabs.get(),
+        });
+    };
+    __onWorkHubTabSelected = () => {
+        this.forceUpdate();
+    };
+    deriveStateFromProps(nextProps, state) {
+        state.noTabsMessage = nextProps.noTabsMessage;
+        state.tabs = ModuleFE_WorkHub.tabs.get();
+        return state;
+    }
+    //######################### Render #########################
+    render() {
+        return _jsx(LL_V_L, { className: 'c__work-hub', children: this.render_Content() });
+    }
+    render_Content = () => {
+        if (!this.state.tabs.length)
+            return _jsx("div", { className: 'c__work-hub__no-tabs-message', children: this.state.noTabsMessage });
+        const selectedTab = ModuleFE_WorkHub.tabs.getSelected();
+        if (!selectedTab)
+            throw new BadImplementationException('Has tabs but no selected tab!');
+        return _jsxs(_Fragment, { children: [_jsx(Component_WorkHub_Header, { tabs: this.state.tabs, selectedTabId: selectedTab.id }), _jsx(Component_WorkHub_TabContent, { tab: selectedTab })] });
+    };
+}

package/_ui/Component_WorkHub/Component_WorkHub.scss

@@ -0,0 +1,38 @@
+.c__work-hub {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  background: transparent;
+  padding: 16px;
+  gap: 8px;
+
+  .c__work-hub__no-tabs-message {
+    height: 100%;
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    white-space: pre-wrap;
+    line-height: 1.5;
+    text-align: center;
+    padding: 0 32px;
+    opacity: 0.6;
+    font: {
+      size: 80px;
+      weight: 600;
+    }
+    color: #FFFFFF;
+    text-shadow: 0 1px 0 #CCCCCC,
+    0 2px 0 #c9c9c9,
+    0 3px 0 #bbb,
+    0 4px 0 #b9b9b9,
+    0 5px 0 #aaa,
+    0 6px 1px rgba(0, 0, 0, .1),
+    0 0 5px rgba(0, 0, 0, .1),
+    0 1px 3px rgba(0, 0, 0, .3),
+    0 3px 5px rgba(0, 0, 0, .2),
+    0 5px 10px rgba(0, 0, 0, .25),
+    0 10px 10px rgba(0, 0, 0, .2),
+    0 20px 20px rgba(0, 0, 0, .15);
+  }
+}

package/_ui/Component_WorkHubActionMenu/Component_WorkHubActionMenu.d.ts

@@ -0,0 +1,18 @@
+import { MouseEvent } from 'react';
+import { ComponentSync } from '@nu-art/thunderstorm-frontend';
+import { WorkHubItem_MenuSection } from './types.js';
+import './Component_WorkHubActionMenu.scss';
+type Props = {
+    tabId: string;
+    customSections?: WorkHubItem_MenuSection[];
+};
+export declare class Component_WorkHubActionMenu extends ComponentSync<Props> {
+    static show: (e: MouseEvent<HTMLDivElement>, props: Props) => void;
+    private generateGeneralSection;
+    private getSections;
+    private closeMenu;
+    render(): import("react/jsx-runtime").JSX.Element[];
+    private render_Section;
+    private render_Action;
+}
+export {};

package/_ui/Component_WorkHubActionMenu/Component_WorkHubActionMenu.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, ComponentSync, LL_V_L, ModuleFE_MouseInteractivity, mouseInteractivity_PopUp } from '@nu-art/thunderstorm-frontend';
+import { ModuleFE_WorkHub } from '../../_module/index.js';
+import './Component_WorkHubActionMenu.scss';
+export class Component_WorkHubActionMenu extends ComponentSync {
+    // ######################## Static ########################
+    static show = (e, props) => {
+        const model = {
+            id: 'work-hub-action-menu',
+            content: () => _jsx(Component_WorkHubActionMenu, { ...props }),
+            originPos: { x: e.clientX, y: e.clientY },
+            modalPos: { x: 1, y: 1 },
+        };
+        ModuleFE_MouseInteractivity.showContent(model);
+    };
+    // ######################## Logic ########################
+    generateGeneralSection = () => {
+        return {
+            actions: [
+                { label: 'Close', action: () => ModuleFE_WorkHub.tabs.remove(this.props.tabId) }
+            ]
+        };
+    };
+    getSections = () => {
+        return [
+            this.generateGeneralSection(),
+            ...(this.props.customSections ?? [])
+        ];
+    };
+    closeMenu = () => {
+        ModuleFE_MouseInteractivity.hide(mouseInteractivity_PopUp);
+    };
+    // ######################## Render ########################
+    render() {
+        const sections = this.getSections();
+        return sections.map(this.render_Section);
+    }
+    render_Section = (section, index) => {
+        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) => {
+        return _jsx(Button, { variant: 'work-hub-menu-action', disabled: action.disabled, onClick: async () => {
+                await action.action();
+                this.closeMenu();
+            }, children: action.label }, index);
+    };
+}

package/_ui/Component_WorkHubActionMenu/Component_WorkHubActionMenu.scss

@@ -0,0 +1,53 @@
+@use '@nu-art/ts-styles' as S;
+
+#work-hub-action-menu {
+  width: 300px;
+  border: 1px solid #333;
+  box-shadow: 0 0 15px 0 #BAB8E6;
+  padding: 4px;
+  border-radius: 10px;
+  overflow: hidden;
+
+  .ts-button[data-variant='work-hub-menu-action'] {
+    --ts-button--content-color: #{S.black(1)};
+    height: 24px;
+    width: 100%;
+    min-height: unset;
+    margin: 0;
+    padding: 0;
+    border-radius: 6px;
+    background: transparent;
+
+    .ts-button__content {
+      justify-content: flex-start;
+      padding: 0 4px;
+      font: {
+        size: 14px;
+        weight: 500;
+      }
+    }
+
+    &:enabled {
+      @include S.mouse-interactive-background(transparent, S.dark-blue(6));
+    }
+
+    &:disabled {
+      opacity: 1;
+      --ts-button--content-color: #{S.black(5)};
+    }
+  }
+
+  .action-menu__section {
+    width: 100%;
+    padding: 4px 0;
+    gap: 4px;
+
+    .action-menu__section-label {
+
+    }
+
+    &:not(:last-child) {
+      border-bottom: 1px solid #333;
+    }
+  }
+}

package/_ui/Component_WorkHubActionMenu/types.d.ts

@@ -0,0 +1,9 @@
+export type WorkHubItem_MenuAction = {
+    label: string;
+    action: () => (Promise<void> | void);
+    disabled?: boolean;
+};
+export type WorkHubItem_MenuSection = {
+    label?: string;
+    actions: WorkHubItem_MenuAction[];
+};

package/_ui/Component_WorkHubActionMenu/types.js

@@ -0,0 +1 @@
+export {};

package/_ui/Component_WorkHub_Header/Component_WorkHub_Header.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { WorkHubTab } from '@nu-art/work-hub-shared';
+import './Component_WorkHub_Header.scss';
+type Props = {
+    tabs: WorkHubTab[];
+    selectedTabId?: string;
+};
+export declare const Component_WorkHub_Header: FC<Props>;
+export {};

package/_ui/Component_WorkHub_Header/Component_WorkHub_Header.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { LL_H_C } from '@nu-art/thunderstorm-frontend';
+import './Component_WorkHub_Header.scss';
+import { Component_WorkHub_Tab } from '../Component_WorkHub_Tab/Component_WorkHub_Tab.js';
+export const Component_WorkHub_Header = (props) => {
+    return _jsx(LL_H_C, { className: 'c__work-hub-header', children: props.tabs.map(tab => {
+            return _jsx(Component_WorkHub_Tab, { tab: tab, selected: tab.id === props.selectedTabId }, tab.id);
+        }) });
+};

package/_ui/Component_WorkHub_Header/Component_WorkHub_Header.scss

@@ -0,0 +1,6 @@
+.c__work-hub-header {
+  width: 100%;
+  gap: 8px;
+  flex-wrap: wrap;
+  flex-shrink: 0;
+}

package/_ui/Component_WorkHub_Tab/Component_WorkHub_Tab.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import './Component_WorkHub_Tab.scss';
+import { WorkHubTab } from '@nu-art/work-hub-shared';
+type Props = {
+    tab: WorkHubTab;
+    selected: boolean;
+};
+export declare const Component_WorkHub_Tab: FC<Props>;
+export {};

package/_ui/Component_WorkHub_Tab/Component_WorkHub_Tab.js

@@ -0,0 +1,25 @@
+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 { ModuleFE_WorkHub } from '../../_module/index.js';
+import { exists } from '@nu-art/ts-common';
+const onTabMouseDown = (e, tabId) => {
+    if (e.button !== 1) //Only take into account middle mouse button
+        return;
+    e.stopPropagation();
+    ModuleFE_WorkHub.tabs.remove(tabId);
+};
+const onTabClick = (e, tabId) => {
+    e.stopPropagation();
+    ModuleFE_WorkHub.tabs.select(tabId);
+};
+const onTabRightClick = (e, tab) => {
+    const workHubItem = ModuleFE_WorkHub.workHubItem.getByKey(tab.itemKey);
+    if (!workHubItem)
+        return;
+    workHubItem.openTabMenu(e, tab);
+};
+export const Component_WorkHub_Tab = (props) => {
+    const className = _className('c__work-hub-tab', props.selected && 'selected');
+    return _jsxs(LL_H_C, { className: className, onMouseUp: e => onTabMouseDown(e, props.tab.id), onClick: e => onTabClick(e, props.tab.id), onContextMenu: e => onTabRightClick(e, props.tab), children: [exists(props.tab.tag) && _jsx("div", { className: 'c__work-hub-tab__tag', children: props.tab.tag }), props.tab.label] });
+};

package/_ui/Component_WorkHub_Tab/Component_WorkHub_Tab.scss

@@ -0,0 +1,26 @@
+.c__work-hub-tab {
+  background: #fff;
+  padding: 4px 4px;
+  border-radius: 6px;
+  border: 2px solid transparent;
+  gap: 6px;
+  font: {
+    size: 14px;
+    weight: 500;
+  }
+
+  .c__work-hub-tab__tag {
+    padding: 2px 4px;
+    background: #0000ff;
+    color: #fff;
+    border-radius: 4px;
+    font: {
+      size: 12px;
+      weight: 600;
+    }
+  }
+
+  &.selected {
+    border-color: #0000ff;
+  }
+}

package/_ui/Component_WorkHub_TabContent/Component_WorkHub_TabContent.d.ts

@@ -0,0 +1,8 @@
+import { WorkHubTab } from '@nu-art/work-hub-shared';
+import { FC } from 'react';
+import './Component_WorkHub_TabContent.scss';
+type Props = {
+    tab: WorkHubTab;
+};
+export declare const Component_WorkHub_TabContent: FC<Props>;
+export {};

package/_ui/Component_WorkHub_TabContent/Component_WorkHub_TabContent.js

@@ -0,0 +1,15 @@
+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';
+export const Component_WorkHub_TabContent = (props) => {
+    const item = ModuleFE_WorkHub.workHubItem.getByKey(props.tab.itemKey);
+    const ref = createRef();
+    useEffect(() => {
+        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) });
+};

package/_ui/Component_WorkHub_TabContent/Component_WorkHub_TabContent.scss

@@ -0,0 +1,9 @@
+.c__work-hub-tab-content {
+  width: 100%;
+  height: 0;
+  flex: 1;
+  background: #fff;
+  border-radius: 10px;
+  overflow: hidden;
+  outline: none !important;
+}

package/_ui/index.d.ts

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

package/_ui/index.js

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

package/dispatchers.d.ts

@@ -0,0 +1,7 @@
+import { ThunderDispatcher } from '@nu-art/thunderstorm-frontend';
+export interface OnWorkHubTabs {
+    __onWorkHubTabsUpdated: VoidFunction;
+    __onWorkHubTabSelected: VoidFunction;
+}
+export declare const dispatch_OnWorkHubTabsUpdated: ThunderDispatcher<OnWorkHubTabs, "__onWorkHubTabsUpdated", [], void>;
+export declare const dispatch_OnWorkHubTabSelected: ThunderDispatcher<OnWorkHubTabs, "__onWorkHubTabSelected", [], void>;

package/dispatchers.js

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

package/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "@nu-art/work-hub-frontend",
+  "version": "0.400.7",
+  "description": "TS WorkHub Frontend",
+  "keywords": [
+    "TacB0sS",
+    "express",
+    "infra",
+    "live-docs",
+    "nu-art",
+    "thunderstorm",
+    "typescript"
+  ],
+  "license": "Apache-2.0",
+  "author": "TacB0sS",
+  "scripts": {
+    "build": "tsc"
+  },
+  "publishConfig": {
+    "directory": "dist",
+    "linkDirectory": true
+  },
+  "dependencies": {
+    "@nu-art/work-hub-shared": "0.400.7",
+    "@nu-art/ts-common": "0.400.7",
+    "@nu-art/ts-styles": "0.400.7",
+    "@nu-art/thunderstorm-shared": "0.400.7",
+    "@nu-art/thunderstorm-frontend": "0.400.7",
+    "react": "^18.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.0.0"
+  },
+  "unitConfig": {
+    "type": "typescript-lib"
+  },
+  "type": "module",
+  "exports": {
+    "./core": {
+      "types": "./_core/index.d.ts",
+      "import": "./_core/index.js"
+    },
+    "./ui": {
+      "types": "./_ui/index.d.ts",
+      "import": "./_ui/index.js"
+    }
+  }
+}