@uxland/primary-shell 5.4.6 → 5.5.0

package/dist/primary/shell/src/UI/components/communication-action-menu/communication-action-menu.d.ts

@@ -0,0 +1,16 @@
+import { PropertyValues } from 'lit';
+import { IRegion } from '@uxland/regions';
+
+declare const CommunicationActionMenu_base: any;
+export declare class CommunicationActionMenu extends CommunicationActionMenu_base {
+    constructor(icon: string, label: string);
+    showText: boolean;
+    comminucationSidenavRegion: IRegion | undefined;
+    static styles: import('lit').CSSResult;
+    firstUpdated(_changedProps: PropertyValues<CommunicationActionMenu>): void;
+    observeHostResize(): void;
+    render(): import('lit').TemplateResult<1>;
+    icon: string;
+    label: string;
+}
+export {};

package/dist/primary/shell/src/UI/components/communication-action-menu/template.d.ts

@@ -0,0 +1,3 @@
+import { CommunicationActionMenu } from './communication-action-menu';
+
+export declare const template: (props: CommunicationActionMenu) => import('lit').TemplateResult<1>;

package/dist/primary/shell/src/UI/internal-views/upper-nav-views.d.ts

@@ -1 +1,3 @@
 export declare const registerUpperNavMenuViews: () => void;
+export declare const registerCommunicationNavMenuItem: () => void;
+export declare const registerCommunicationMenuActions: () => void;

package/dist/primary/shell/src/UI/shared-components/quick-action-item/quick-action-item.d.ts

@@ -0,0 +1,9 @@
+import { LitElement } from 'lit';
+
+export declare class QuickActionItem extends LitElement {
+    constructor(icon: string, label: string, callbackFn: () => void);
+    render(): import('lit').TemplateResult<1>;
+    icon: string;
+    label: string;
+    callbackFn: () => void;
+}

package/dist/primary/shell/src/UI/shared-components/quick-action-item/template.d.ts

@@ -0,0 +1,3 @@
+import { QuickActionItem } from './quick-action-item';
+
+export declare const template: (props: QuickActionItem) => import('lit').TemplateResult<1>;

package/dist/primary/shell/src/api/region-manager/regions.d.ts

@@ -6,6 +6,7 @@ export declare const shellRegions: {
     navigationLowerLeftMenu: string;
     quickActions: string;
     floating: string;
+    communicationSidenav: string;
 };
 export declare const clinicalMonitoringRegions: {
     sidebar: string;

package/dist/primary/shell/src/internal-plugins/activity-history/activity-history-item/domain/specs/up-filter-spec.d.ts

@@ -0,0 +1,8 @@
+import { IActivityHistoryItem } from '../model';
+import { Spec } from './spec';
+
+export declare class UpFilterSpec extends Spec<IActivityHistoryItem> {
+    private upIds;
+    constructor(upIds: string[]);
+    isSatisfiedBy(item: IActivityHistoryItem): boolean;
+}

package/dist/primary/shell/src/internal-plugins/activity-history/activity-history-item/domain/specs/up-filter-spec.test.d.ts

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

package/dist/primary/shell/src/internal-plugins/activity-history/activity-history-item/filter/UI/active-filters-badges/active-filters-badges.d.ts

@@ -1,6 +1,6 @@
 import { LitElement } from 'lit';
 import { PrimariaApi } from '../../../../../../api/api';
-import { IActivityHistoryCustomFilterGroup, IActivityHistoryDiagnosticsFilter, IActivityHistoryFilter } from '../../model';
+import { IActivityHistoryCustomFilterGroup, IActivityHistoryDiagnosticsFilter, IActivityHistoryFilter, IActivityHistoryUpFilter } from '../../model';
 
 export declare class ActiveFiltersBadges extends LitElement {
     render(): import('lit').TemplateResult<1>;
@@ -10,8 +10,10 @@ export declare class ActiveFiltersBadges extends LitElement {
     enabledCommonFilters: IActivityHistoryFilter[];
     enabledFilters: IActivityHistoryCustomFilterGroup[];
     diagnosticFilterEnabled: IActivityHistoryDiagnosticsFilter;
+    upFilterEnabled: IActivityHistoryUpFilter;
     _onDeleteFilterValue(filterGroupId: string, filterId: string, optionId: string, value: boolean): void;
     _onDeleteCommonFilterValue(filterId: string): void;
     _onDeleteDiagnosticFilterValue(diagnosticValue: string): void;
+    _onDeleteUpFilterValue(upValue: string): void;
     resetFilters(): void;
 }

package/dist/primary/shell/src/internal-plugins/activity-history/activity-history-item/filter/UI/active-filters-header/active-filters-header.d.ts

@@ -7,4 +7,5 @@ export declare class ActiveFiltersHeader extends LitElement {
     areCustomFiltersActive: boolean;
     areCommonFiltersActive: boolean;
     areDiagnosticFiltersActive: boolean;
+    areUpFiltersActive: boolean;
 }

package/dist/primary/shell/src/internal-plugins/activity-history/activity-history-item/filter/UI/activity-history-filters/activity-history-filters.d.ts

@@ -1,6 +1,6 @@
 import { LitElement } from 'lit';
 import { PrimariaApi } from '../../../../../../api/api';
-import { IActivityHistoryCommonFilter, IActivityHistoryCustomFilterGroup, IActivityHistoryDiagnosticsFilter } from '../../model';
+import { IActivityHistoryCommonFilter, IActivityHistoryCustomFilterGroup, IActivityHistoryDiagnosticsFilter, IActivityHistoryUpFilter } from '../../model';
 
 export declare class ActivityHistoryFilters extends LitElement {
     render(): import('lit').TemplateResult<1>;
@@ -9,6 +9,8 @@ export declare class ActivityHistoryFilters extends LitElement {
     customFilterGroups: IActivityHistoryCustomFilterGroup[];
     diagnosticFilter: IActivityHistoryDiagnosticsFilter;
     diagnosticFilterEnabledValues: string[];
+    upFilter: IActivityHistoryUpFilter;
+    upFilterEnabledValues: string[];
     api: PrimariaApi;
     filtersExpanded: boolean;
     wrapperMaximized: boolean;
@@ -18,4 +20,5 @@ export declare class ActivityHistoryFilters extends LitElement {
     _onChangeCustomFilterGroupValue(filterGroupId: string, value: boolean): void;
     _onChangeCustomFilterValue(filterGroupId: string, filterId: string, optionId: string, value: boolean): void;
     _handleDiagnosticFilterChange(e: CustomEvent): void;
+    _handleUpFilterChange(e: CustomEvent): void;
 }

package/dist/primary/shell/src/internal-plugins/activity-history/activity-history-item/filter/model.d.ts

@@ -4,7 +4,8 @@ import { Spec } from '../domain/specs/spec';
 type Constructor<T> = new (...args: any[]) => T;
 export declare enum ActivityHistoryFilterType {
     Switch = "switch",
-    Checkbox = "checkbox"
+    Checkbox = "checkbox",
+    Dropdown = "dropdown"
 }
 export declare enum ActivityHistoryFilterOperation {
     And = "and",
@@ -49,6 +50,7 @@ export declare const isNotCommonFilterGroup: (group: IActivityHistoryFilter) =>
 export declare const isDiagnosticFilter: (filter: IActivityHistoryFilter) => boolean;
 export declare const isNotDiagnosticFilter: (filter: IActivityHistoryFilter) => boolean;
 export declare const isCustomFilter: (filter: IActivityHistoryFilter) => boolean;
+export declare const isUpFilter: (filter: IActivityHistoryFilter) => boolean;
 export interface IActivityHistoryDiagnosticsFilter {
     id: string;
     title: string;
@@ -58,7 +60,17 @@ export interface IActivityHistoryDiagnosticsFilter {
     }[];
     enabledValues: string[];
 }
+export interface IActivityHistoryUpFilter {
+    id: string;
+    title: string;
+    values: {
+        label: string;
+        value: string;
+    }[];
+    enabledValues: string[];
+}
 export declare const diagnosticsfilterId = "history-diagnostics";
 export declare const relevantFilterId = "history-relevant";
 export declare const ownFilterId = "history-own";
+export declare const upFilterId = "history-up";
 export {};

package/dist/primary/shell/src/internal-plugins/activity-history/activity-history-item/filter/slice.d.ts

@@ -8,6 +8,8 @@ import { addDiagnosticFiltersReducer } from './diagnostic-filters/add/reducer';
 import { setDiagnosticFilterValuesReducer } from './diagnostic-filters/set/reducer';
 import { resetCommonFilterValuesReducer } from './common-filters/reset-common-filter/reducer';
 import { resetCustomFilterValuesReducer } from './custom-filters/reset-custom-filter/reducer';
+import { addUpFiltersReducer } from './up-filters/add/reducer';
+import { setUpFilterValuesReducer } from './up-filters/set/reducer';
 
 export declare const activityHistoryFiltersSlice: import('@reduxjs/toolkit').Slice<{
     searchString: string;
@@ -22,6 +24,8 @@ export declare const activityHistoryFiltersSlice: import('@reduxjs/toolkit').Sli
     resetCustomFilterValues: typeof resetCustomFilterValuesReducer;
     addDiagnosticFilters: typeof addDiagnosticFiltersReducer;
     setDiagnosticFilterValues: typeof setDiagnosticFilterValuesReducer;
+    addUpFilters: typeof addUpFiltersReducer;
+    setUpFilterValues: typeof setUpFilterValuesReducer;
 }, "activity-history-filters", "activity-history-filters", import('@reduxjs/toolkit').SliceSelectors<{
     searchString: string;
     filters: IActivityHistoryFilter[];

package/dist/primary/shell/src/internal-plugins/activity-history/activity-history-item/filter/up-filters/add/actions.d.ts

@@ -0,0 +1 @@
+export declare const addUpFilters: import('@reduxjs/toolkit').ActionCreatorWithPayload<import('../..').IActivityHistoryUpFilter, "activity-history-filters/addUpFilters">;

package/dist/primary/shell/src/internal-plugins/activity-history/activity-history-item/filter/up-filters/add/bootstrapper.d.ts

@@ -0,0 +1,4 @@
+import { BrokerExtensions } from '@primaria/plugins-core';
+
+export declare const bootstrapAddUpFilter: (broker: BrokerExtensions) => void;
+export declare const teardownAddUpFilter: () => void;

package/dist/primary/shell/src/internal-plugins/activity-history/activity-history-item/filter/up-filters/add/handler.d.ts

@@ -0,0 +1,6 @@
+import { StoreBaseHandler } from '../../../../infrastructure/base-handlers';
+import { AddUpFiltersCommand } from './request';
+
+export declare class AddUpFiltersHandler extends StoreBaseHandler {
+    handle(request: AddUpFiltersCommand): Promise<void>;
+}

package/dist/primary/shell/src/internal-plugins/activity-history/activity-history-item/filter/up-filters/add/reducer.d.ts

@@ -0,0 +1,4 @@
+import { PayloadAction } from '@reduxjs/toolkit';
+import { IActivityHistoryUpFilter } from '../../model';
+
+export declare function addUpFiltersReducer(state: any, action: PayloadAction<IActivityHistoryUpFilter>): void;

package/dist/primary/shell/src/internal-plugins/activity-history/activity-history-item/filter/up-filters/add/reducer.test.d.ts

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

package/dist/primary/shell/src/internal-plugins/activity-history/activity-history-item/filter/up-filters/add/request.d.ts

@@ -0,0 +1,6 @@
+import { IActivityHistoryUpFilter } from '../../model';
+
+export declare class AddUpFiltersCommand {
+    payload: IActivityHistoryUpFilter;
+    constructor(payload: IActivityHistoryUpFilter);
+}

package/dist/primary/shell/src/internal-plugins/activity-history/activity-history-item/filter/up-filters/handle-add-up-options-from-item.d.ts

@@ -0,0 +1,4 @@
+import { Store } from '@reduxjs/toolkit';
+import { IActivityHistoryItem } from '../../domain/model';
+
+export declare const handleAddUpFilter: (items: IActivityHistoryItem[], store: Store) => void;

package/dist/primary/shell/src/internal-plugins/activity-history/activity-history-item/filter/up-filters/selectors.d.ts

@@ -0,0 +1,185 @@
+import { IActivityHistoryFilter } from '../model';
+
+export declare const upFilterSelector: ((state: {
+    activityHistoryCollections: {
+        busy: import('../../..').IBusyHistoryItem[];
+        error: import('../../..').IErrorHistoryItem[];
+        collections: Record<string, import('../../..').IActivityHistoryItemCollection>;
+    };
+    activityHistoryFilters: {
+        searchString: string;
+        filters: IActivityHistoryFilter[];
+    };
+}) => IActivityHistoryFilter | undefined) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+} & {
+    resultFunc: (resultFuncArgs_0: IActivityHistoryFilter[]) => IActivityHistoryFilter | undefined;
+    memoizedResultFunc: ((resultFuncArgs_0: IActivityHistoryFilter[]) => IActivityHistoryFilter | undefined) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+    };
+    lastResult: () => IActivityHistoryFilter | undefined;
+    dependencies: [(state: import('../../../infrastructure/state/store').RootState) => IActivityHistoryFilter[]];
+    recomputations: () => number;
+    resetRecomputations: () => void;
+    dependencyRecomputations: () => number;
+    resetDependencyRecomputations: () => void;
+} & {
+    argsMemoize: typeof import('@reduxjs/toolkit').weakMapMemoize;
+    memoize: typeof import('@reduxjs/toolkit').weakMapMemoize;
+};
+export declare const upFilterEnabledValuesSelector: ((state: {
+    activityHistoryCollections: {
+        busy: import('../../..').IBusyHistoryItem[];
+        error: import('../../..').IErrorHistoryItem[];
+        collections: Record<string, import('../../..').IActivityHistoryItemCollection>;
+    };
+    activityHistoryFilters: {
+        searchString: string;
+        filters: IActivityHistoryFilter[];
+    };
+}) => string[]) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+} & {
+    resultFunc: (resultFuncArgs_0: IActivityHistoryFilter | undefined) => string[];
+    memoizedResultFunc: ((resultFuncArgs_0: IActivityHistoryFilter | undefined) => string[]) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+    };
+    lastResult: () => string[];
+    dependencies: [((state: {
+        activityHistoryCollections: {
+            busy: import('../../..').IBusyHistoryItem[];
+            error: import('../../..').IErrorHistoryItem[];
+            collections: Record<string, import('../../..').IActivityHistoryItemCollection>;
+        };
+        activityHistoryFilters: {
+            searchString: string;
+            filters: IActivityHistoryFilter[];
+        };
+    }) => IActivityHistoryFilter | undefined) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+    } & {
+        resultFunc: (resultFuncArgs_0: IActivityHistoryFilter[]) => IActivityHistoryFilter | undefined;
+        memoizedResultFunc: ((resultFuncArgs_0: IActivityHistoryFilter[]) => IActivityHistoryFilter | undefined) & {
+            clearCache: () => void;
+            resultsCount: () => number;
+            resetResultsCount: () => void;
+        };
+        lastResult: () => IActivityHistoryFilter | undefined;
+        dependencies: [(state: import('../../../infrastructure/state/store').RootState) => IActivityHistoryFilter[]];
+        recomputations: () => number;
+        resetRecomputations: () => void;
+        dependencyRecomputations: () => number;
+        resetDependencyRecomputations: () => void;
+    } & {
+        argsMemoize: typeof import('@reduxjs/toolkit').weakMapMemoize;
+        memoize: typeof import('@reduxjs/toolkit').weakMapMemoize;
+    }];
+    recomputations: () => number;
+    resetRecomputations: () => void;
+    dependencyRecomputations: () => number;
+    resetDependencyRecomputations: () => void;
+} & {
+    argsMemoize: typeof import('@reduxjs/toolkit').weakMapMemoize;
+    memoize: typeof import('@reduxjs/toolkit').weakMapMemoize;
+};
+export declare const areUpFiltersActive: ((state: {
+    activityHistoryCollections: {
+        busy: import('../../..').IBusyHistoryItem[];
+        error: import('../../..').IErrorHistoryItem[];
+        collections: Record<string, import('../../..').IActivityHistoryItemCollection>;
+    };
+    activityHistoryFilters: {
+        searchString: string;
+        filters: IActivityHistoryFilter[];
+    };
+}) => boolean) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+} & {
+    resultFunc: (resultFuncArgs_0: string[]) => boolean;
+    memoizedResultFunc: ((resultFuncArgs_0: string[]) => boolean) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+    };
+    lastResult: () => boolean;
+    dependencies: [((state: {
+        activityHistoryCollections: {
+            busy: import('../../..').IBusyHistoryItem[];
+            error: import('../../..').IErrorHistoryItem[];
+            collections: Record<string, import('../../..').IActivityHistoryItemCollection>;
+        };
+        activityHistoryFilters: {
+            searchString: string;
+            filters: IActivityHistoryFilter[];
+        };
+    }) => string[]) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+    } & {
+        resultFunc: (resultFuncArgs_0: IActivityHistoryFilter | undefined) => string[];
+        memoizedResultFunc: ((resultFuncArgs_0: IActivityHistoryFilter | undefined) => string[]) & {
+            clearCache: () => void;
+            resultsCount: () => number;
+            resetResultsCount: () => void;
+        };
+        lastResult: () => string[];
+        dependencies: [((state: {
+            activityHistoryCollections: {
+                busy: import('../../..').IBusyHistoryItem[];
+                error: import('../../..').IErrorHistoryItem[];
+                collections: Record<string, import('../../..').IActivityHistoryItemCollection>;
+            };
+            activityHistoryFilters: {
+                searchString: string;
+                filters: IActivityHistoryFilter[];
+            };
+        }) => IActivityHistoryFilter | undefined) & {
+            clearCache: () => void;
+            resultsCount: () => number;
+            resetResultsCount: () => void;
+        } & {
+            resultFunc: (resultFuncArgs_0: IActivityHistoryFilter[]) => IActivityHistoryFilter | undefined;
+            memoizedResultFunc: ((resultFuncArgs_0: IActivityHistoryFilter[]) => IActivityHistoryFilter | undefined) & {
+                clearCache: () => void;
+                resultsCount: () => number;
+                resetResultsCount: () => void;
+            };
+            lastResult: () => IActivityHistoryFilter | undefined;
+            dependencies: [(state: import('../../../infrastructure/state/store').RootState) => IActivityHistoryFilter[]];
+            recomputations: () => number;
+            resetRecomputations: () => void;
+            dependencyRecomputations: () => number;
+            resetDependencyRecomputations: () => void;
+        } & {
+            argsMemoize: typeof import('@reduxjs/toolkit').weakMapMemoize;
+            memoize: typeof import('@reduxjs/toolkit').weakMapMemoize;
+        }];
+        recomputations: () => number;
+        resetRecomputations: () => void;
+        dependencyRecomputations: () => number;
+        resetDependencyRecomputations: () => void;
+    } & {
+        argsMemoize: typeof import('@reduxjs/toolkit').weakMapMemoize;
+        memoize: typeof import('@reduxjs/toolkit').weakMapMemoize;
+    }];
+    recomputations: () => number;
+    resetRecomputations: () => void;
+    dependencyRecomputations: () => number;
+    resetDependencyRecomputations: () => void;
+} & {
+    argsMemoize: typeof import('@reduxjs/toolkit').weakMapMemoize;
+    memoize: typeof import('@reduxjs/toolkit').weakMapMemoize;
+};

package/dist/primary/shell/src/internal-plugins/activity-history/activity-history-item/filter/up-filters/set/actions.d.ts

@@ -0,0 +1 @@
+export declare const setUpFilterValues: import('@reduxjs/toolkit').ActionCreatorWithPayload<string[], "activity-history-filters/setUpFilterValues">;

package/dist/primary/shell/src/internal-plugins/activity-history/activity-history-item/filter/up-filters/set/bootstrapper.d.ts

@@ -0,0 +1,4 @@
+import { BrokerExtensions } from '@primaria/plugins-core';
+
+export declare const bootstrapSetUpFilter: (broker: BrokerExtensions) => void;
+export declare const teardownSetUpFilter: () => void;

package/dist/primary/shell/src/internal-plugins/activity-history/activity-history-item/filter/up-filters/set/handler.d.ts

@@ -0,0 +1,6 @@
+import { StoreBaseHandler } from '../../../../infrastructure/base-handlers';
+import { SetUpFiltersCommand } from './request';
+
+export declare class SetUpFiltersHandler extends StoreBaseHandler {
+    handle(request: SetUpFiltersCommand): Promise<void>;
+}

package/dist/primary/shell/src/internal-plugins/activity-history/activity-history-item/filter/up-filters/set/reducer.d.ts

@@ -0,0 +1,3 @@
+import { PayloadAction } from '@reduxjs/toolkit';
+
+export declare function setUpFilterValuesReducer(state: any, action: PayloadAction<string[]>): void;

package/dist/primary/shell/src/internal-plugins/activity-history/activity-history-item/filter/up-filters/set/request.d.ts

@@ -0,0 +1,4 @@
+export declare class SetUpFiltersCommand {
+    payload: string[];
+    constructor(payload: string[]);
+}

package/dist/primary/shell/src/internal-plugins/activity-history/activity-history-item/selectors.d.ts

@@ -342,6 +342,66 @@ export declare const activityHistoryGroupedItems: ((state: {
     } & {
         argsMemoize: typeof import('@reduxjs/toolkit').weakMapMemoize;
         memoize: typeof import('@reduxjs/toolkit').weakMapMemoize;
+    }, ((state: {
+        activityHistoryCollections: {
+            busy: import('..').IBusyHistoryItem[];
+            error: import('..').IErrorHistoryItem[];
+            collections: Record<string, IActivityHistoryItemCollection>;
+        };
+        activityHistoryFilters: {
+            searchString: string;
+            filters: import('./filter').IActivityHistoryFilter[];
+        };
+    }) => string[]) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+    } & {
+        resultFunc: (resultFuncArgs_0: import('./filter').IActivityHistoryFilter | undefined) => string[];
+        memoizedResultFunc: ((resultFuncArgs_0: import('./filter').IActivityHistoryFilter | undefined) => string[]) & {
+            clearCache: () => void;
+            resultsCount: () => number;
+            resetResultsCount: () => void;
+        };
+        lastResult: () => string[];
+        dependencies: [((state: {
+            activityHistoryCollections: {
+                busy: import('..').IBusyHistoryItem[];
+                error: import('..').IErrorHistoryItem[];
+                collections: Record<string, IActivityHistoryItemCollection>;
+            };
+            activityHistoryFilters: {
+                searchString: string;
+                filters: import('./filter').IActivityHistoryFilter[];
+            };
+        }) => import('./filter').IActivityHistoryFilter | undefined) & {
+            clearCache: () => void;
+            resultsCount: () => number;
+            resetResultsCount: () => void;
+        } & {
+            resultFunc: (resultFuncArgs_0: import('./filter').IActivityHistoryFilter[]) => import('./filter').IActivityHistoryFilter | undefined;
+            memoizedResultFunc: ((resultFuncArgs_0: import('./filter').IActivityHistoryFilter[]) => import('./filter').IActivityHistoryFilter | undefined) & {
+                clearCache: () => void;
+                resultsCount: () => number;
+                resetResultsCount: () => void;
+            };
+            lastResult: () => import('./filter').IActivityHistoryFilter | undefined;
+            dependencies: [(state: RootState) => import('./filter').IActivityHistoryFilter[]];
+            recomputations: () => number;
+            resetRecomputations: () => void;
+            dependencyRecomputations: () => number;
+            resetDependencyRecomputations: () => void;
+        } & {
+            argsMemoize: typeof import('@reduxjs/toolkit').weakMapMemoize;
+            memoize: typeof import('@reduxjs/toolkit').weakMapMemoize;
+        }];
+        recomputations: () => number;
+        resetRecomputations: () => void;
+        dependencyRecomputations: () => number;
+        resetDependencyRecomputations: () => void;
+    } & {
+        argsMemoize: typeof import('@reduxjs/toolkit').weakMapMemoize;
+        memoize: typeof import('@reduxjs/toolkit').weakMapMemoize;
     }];
     recomputations: () => number;
     resetRecomputations: () => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxland/primary-shell",
-  "version": "5.4.6",
+  "version": "5.5.0",
   "description": "Primaria Shell",
   "author": "UXLand <dev@uxland.es>",
   "homepage": "https://github.com/uxland/harmonix/tree/app#readme",

package/src/UI/components/bootstrapper.ts

@@ -6,6 +6,7 @@ import { PrimariaShellHeader } from "./primaria-shell/shell-header/shell-header"
 import { PocEventsEcap } from "./poc-events-ecap/poc-events-ecap";
 import { FinalizeVisitButton } from "../../features/visit/finalize-visit/component/finalize-visit-button";
 import { PrimariaAccordion } from "./primaria-accordion/primaria-accordion";
+import { CommunicationActionMenu } from "./communication-action-menu/communication-action-menu";
 
 export const useComponents = () => {
   //@ts-ignore
@@ -15,6 +16,7 @@ export const useComponents = () => {
   customElement("primaria-error-view")(PrimariaErrorView);
   customElement("quick-actions-menu")(QuickActionsMenu);
   customElement("finalize-visit-button")(FinalizeVisitButton);
+  customElement("communication-action-menu")(CommunicationActionMenu);
   //@ts-ignore
   customElement("poc-events-ecap")(PocEventsEcap);
   customElement("primaria-accordion")(PrimariaAccordion);

package/src/UI/components/communication-action-menu/communication-action-menu.ts

@@ -0,0 +1,48 @@
+import { LitElement, html, css, unsafeCSS, PropertyValues } from "lit";
+import { template } from "./template";
+import { property, state } from "lit/decorators.js";
+import { shellRegions } from "../../../api/region-manager/regions";
+import { IRegion, region } from "@uxland/regions";
+import { PrimariaRegionHost } from "../../../api/api";
+import styles from "./styles.css?inline";
+
+export class CommunicationActionMenu extends PrimariaRegionHost(LitElement) {
+  constructor(icon: string, label: string) {
+    super();
+    this.icon = icon;
+    this.label = label;
+  }
+
+  @state() showText = false;
+
+  @region({ targetId: "communication-sidenav-region-container", name: shellRegions.communicationSidenav })
+  comminucationSidenavRegion: IRegion | undefined;
+
+  static styles = css`
+    ${unsafeCSS(styles)}
+  `;
+
+  firstUpdated(_changedProps: PropertyValues<CommunicationActionMenu>) {
+    super.firstUpdated(_changedProps);
+    this.observeHostResize();
+  }
+
+  observeHostResize() {
+    const parentElement = this.parentElement;
+    const observer = new ResizeObserver((entries) => {
+      for (const entry of entries) {
+        const width = entry.target.clientWidth;
+        this.showText = width > 100;
+      }
+    });
+
+    observer.observe(parentElement as HTMLElement);
+  }
+
+  render() {
+    return html`${template(this)}`;
+  }
+
+  @property({ type: String }) icon = "";
+  @property({ type: String }) label = "";
+}

package/src/UI/components/communication-action-menu/styles.css

@@ -0,0 +1,25 @@
+.item {
+  display: flex;
+  cursor: pointer;
+  border-radius: 8px;
+  padding: 8px;
+  justify-content: center;
+  transition: background-color 0.3s ease;
+  &[expanded] {
+    justify-content: space-between;
+  }
+  &:hover {
+    background-color: var(--color-primary-900);
+    color: white;
+  }
+  .icon-label {
+    display: flex;
+    gap: 8px;
+    transition: background-color 0.3s;
+  }
+}
+
+.item.active{
+  outline: 2px solid white;
+  outline-offset: -2px;
+}

package/src/UI/components/communication-action-menu/template.ts

@@ -0,0 +1,24 @@
+import { html, nothing } from "lit";
+import { CommunicationActionMenu } from "./communication-action-menu";
+
+export const template = (props: CommunicationActionMenu) => {
+  return html`
+    <div class="item" ?expanded=${props.showText}>
+      <div class="icon-label">
+        <dss-icon icon=${props.icon} size="md"></dss-icon>
+        ${props.showText ? html`<span>${props.label}</span>` : ""}
+        ${
+          !props.showText
+            ? html`
+          <dss-tooltip position="right">
+            ${props.label}
+          </dss-tooltip>`
+            : nothing
+        }
+      </div>
+      <dss-action-menu id="communication-sidenav-region-container" slot="content" >
+      </dss-action-menu>
+      ${props.showText ? html`<dss-icon icon="chevron_right" size="md"></dss-icon>` : nothing}
+    </div>
+  `;
+};

package/src/UI/components/primaria-shell/styles.css

@@ -90,9 +90,6 @@
         gap: 4px;
       }
     }
-    #quick-actions-region-container {
-      width: 100%;
-    }
     &[expanded] {
       width: 252px;
       align-items: flex-start;

package/src/UI/internal-views/handle-views.ts

@@ -1,6 +1,6 @@
 import { registerPDFVisorMainView } from "../../api/pdf-viewer-manager/handle-views";
 import { registerLowerNavMenuViews } from "./lower-nav-menu-views";
-import { registerUpperNavMenuViews } from "./upper-nav-views";
+import { registerCommunicationMenuActions, registerCommunicationNavMenuItem, registerUpperNavMenuViews } from "./upper-nav-views";
 
 const registerMainViews = () => {
   registerPDFVisorMainView();
@@ -8,6 +8,9 @@ const registerMainViews = () => {
 
 export const useInternalViews = () => {
   registerMainViews();
+  registerCommunicationNavMenuItem();
   registerUpperNavMenuViews();
   registerLowerNavMenuViews();
+
+  registerCommunicationMenuActions();
 };