@uxland/primary-shell 3.2.5 → 3.2.7

package/dist/primary/shell/src/UI/shared-components/{primaria-menu-with-submenu/primaria-menu-with-submenu.d.ts → primaria-nav-menu/primaria-nav-menu.d.ts}

@@ -1,6 +1,6 @@
 import { LitElement } from 'lit';
 
-export declare class PrimariaMenuWithSubmenu extends LitElement {
+export declare class PrimariaNavMenu extends LitElement {
     constructor(icon: string, label: string, subItems: {
         icon?: string;
         label: string;

package/dist/primary/shell/src/UI/shared-components/primaria-nav-menu/template.d.ts

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

package/dist/primary/shell/src/api/api.d.ts

@@ -5,6 +5,7 @@ import { PrimariaGlobalStateManager } from './global-state/global-state';
 import { HttpClient } from './http-client/http-client';
 import { PrimariaInteractionManager } from './interaction-manager/interaction';
 import { TokenManager } from './token-manager/token-manager';
+import { EcapEventManager } from './ecap-event-manager/ecap-event-manager';
 
 export interface PrimariaApi extends HarmonixApi {
     httpClient: HttpClient;
@@ -13,6 +14,7 @@ export interface PrimariaApi extends HarmonixApi {
     regionManager: PrimariaRegionManager;
     globalStateManager: PrimariaGlobalStateManager;
     tokenManager: TokenManager;
+    ecapEventManager: EcapEventManager;
 }
 export declare const PrimariaRegionHost: any;
 /**

package/dist/primary/shell/src/api/ecap-event-manager/ecap-event-manager.d.ts

@@ -0,0 +1,16 @@
+export declare abstract class EcapEventManager {
+    /**
+     * Publish an Ecap event.
+     * @param event - Event name.
+     * @param eventType - Event type.
+     * @param url - Asociated URL to event.
+     */
+    abstract publish(event: string, eventType: string, url: string): void;
+}
+declare class EcapEventManagerImpl implements EcapEventManager {
+    publish(event: string, eventType: string, url: string): void;
+    private createEcapEvent;
+    private raiseEcapEvent;
+}
+export declare const createEcapEventManager: () => EcapEventManagerImpl;
+export {};

package/dist/primary/shell/src/api/ecap-event-manager/typings.d.ts

@@ -0,0 +1,5 @@
+export interface IEcapEvent {
+    event: string;
+    eventType: string;
+    url: string;
+}

package/dist/primary/shell/src/index.d.ts

@@ -7,5 +7,7 @@ export * from './api/broker/primaria-broker';
 export { PrimariaMenuItem } from './UI/shared-components/primaria-menu-item/primaria-menu-item';
 export { confirmMixin } from './UI/shared-components/primaria-interaction';
 export type { IConfirmMixin, CustomConfirmOptions, } from './UI/shared-components/primaria-interaction';
+export { EcapEventManager, createEcapEventManager, } from './api/ecap-event-manager/ecap-event-manager';
+export type { IEcapEvent } from './api/ecap-event-manager/typings';
 export * from './internal-plugins';
 export * from '@uxland/harmonix-adapters';

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

@@ -17,7 +17,7 @@ export declare class ActivityHistory extends ActivityHistory_base {
     _toggleFilters(): void;
     _maximize(): void;
     _minimize(): void;
-    _handleSearch(value: string): void;
+    _handleSearchChange(event: any): void;
     _handleSelectDate(date: string): void;
     selectedDate: Date;
     scrollToClosestDate(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxland/primary-shell",
-  "version": "3.2.5",
+  "version": "3.2.7",
   "description": "Primaria Shell",
   "author": "UXLand <dev@uxland.es>",
   "homepage": "https://github.com/uxland/harmonix/tree/app#readme",
@@ -28,7 +28,7 @@
     "@material/web": "^2.1.0",
     "@reduxjs/toolkit": "^2.2.5",
     "@uxland/harmonix": "^1.0.0",
-    "@uxland/harmonix-adapters": "^1.0.0",
+    "@uxland/harmonix-adapters": "^1.0.1",
     "axios": "^1.7.2",
     "date-fns": "^3.6.0",
     "inversify": "^6.0.2",

package/src/UI/components/poc-events-ecap/poc-events-ecap.ts

@@ -1,5 +1,6 @@
 import { LitElement, css, html } from "lit";
 import { customElement } from "lit/decorators.js";
+import { shellApi } from "../../../api/api";
 
 //@ts-ignore
 @customElement("poc-events-ecap")
@@ -25,16 +26,9 @@ export class PocEventsEcap extends LitElement {
   goToLinkOnEcap(url?: string, accio?: string) {
     const finalUrl = url || (this as any).shadowRoot?.getElementById("url")?.value;
     const finalAccio = accio || (this as any).shadowRoot?.getElementById("accio")?.value;
-    if (window.parent) {
-      const ecapEvent = {
-        TipusEvent: "URL_EXTERNA",
-        Accio: finalAccio,
-        URL_LLAMADA: finalUrl,
-      };
-      console.log(JSON.stringify(ecapEvent));
-      //sending data to parent window if opened inside iframe
-      window.parent.postMessage(JSON.stringify(ecapEvent), "*");
-    }
+
+    //sending data to parent window if opened inside iframe
+    shellApi.ecapEventManager.publish(finalAccio, "URL_EXTERNA", finalUrl);
   }
 
   static styles = css`

package/src/UI/shared-components/{primaria-menu-with-submenu/primaria-menu-with-submenu.ts → primaria-nav-menu/primaria-nav-menu.ts}

@@ -3,8 +3,8 @@ import { template } from "./template";
 import styles from "./styles.css?inline";
 import { customElement, property, state } from "lit/decorators.js";
 
-@customElement("primaria-menu-with-submenu")
-export class PrimariaMenuWithSubmenu extends LitElement {
+@customElement("primaria-nav-menu")
+export class PrimariaNavMenu extends LitElement {
   constructor(
     icon: string,
     label: string,

package/src/UI/shared-components/{primaria-menu-with-submenu → primaria-nav-menu}/styles.css

@@ -1,4 +1,4 @@
-.item {
+.nav-menu {
   position: relative;
   display: flex;
   flex-direction: row;

package/src/UI/shared-components/{primaria-menu-with-submenu → primaria-nav-menu}/template.ts

@@ -1,11 +1,11 @@
 import { html } from "lit";
-import { PrimariaMenuWithSubmenu } from "./primaria-menu-with-submenu";
+import { PrimariaNavMenu } from "./primaria-nav-menu";
 
-export const template = (props: PrimariaMenuWithSubmenu) => {
+export const template = (props: PrimariaNavMenu) => {
   const actionMenuStyle = `left: ${props.parentWidth}px`;
 
   return html`
-    <div class="item" @click="${props.toggleMenu}" ?expanded=${props.showText}>
+    <div class="nav-menu" @click="${props.toggleMenu}" ?expanded=${props.showText}>
       <dss-container><i class="dss-icon dss-icon--md">${props.icon}</i></dss-container>
       ${props.showText ? html`<span>${props.label}</span>` : ""}
       ${

package/src/api/api.ts

@@ -17,6 +17,8 @@ import {
 } from "./interaction-manager/interaction";
 import { createLocaleManager } from "./localization/localization";
 import { TokenManager, createTokenManager } from "./token-manager/token-manager";
+import { EcapEventManager, createEcapEventManager } from "./ecap-event-manager/ecap-event-manager";
+
 const broker = createBroker();
 
 export interface PrimariaApi extends HarmonixApi {
@@ -26,6 +28,7 @@ export interface PrimariaApi extends HarmonixApi {
   regionManager: PrimariaRegionManager;
   globalStateManager: PrimariaGlobalStateManager;
   tokenManager: TokenManager;
+  ecapEventManager: EcapEventManager;
 }
 
 const regionManager: IRegionManager = createRegionManager("primaria");
@@ -51,6 +54,7 @@ export const primariaApiFactory: ApiFactory<PrimariaApi> = (
     createLocaleManager: createLocaleManager(pluginInfo.pluginId) as any,
     globalStateManager,
     tokenManager,
+    ecapEventManager: createEcapEventManager(),
   };
 };
 

package/src/api/ecap-event-manager/ecap-event-manager.ts

@@ -0,0 +1,34 @@
+import { IEcapEvent } from "./typings";
+
+export abstract class EcapEventManager {
+  /**
+   * Publish an Ecap event.
+   * @param event - Event name.
+   * @param eventType - Event type.
+   * @param url - Asociated URL to event.
+   */
+  abstract publish(event: string, eventType: string, url: string): void;
+}
+
+class EcapEventManagerImpl implements EcapEventManager {
+  publish(event: string, eventType: string, url: string) {
+    const ecapEvent = this.createEcapEvent(event, eventType, url);
+    this.raiseEcapEvent(ecapEvent);
+  }
+
+  private createEcapEvent(event: string, eventType: string, url: string) {
+    return {
+      event,
+      eventType,
+      url,
+    } as IEcapEvent;
+  }
+  private raiseEcapEvent(ecapEvent: IEcapEvent) {
+    if (window.parent) window.parent.postMessage(JSON.stringify(ecapEvent), "*");
+    console.log("metod", JSON.stringify(ecapEvent));
+  }
+}
+
+const ecapEventManager = new EcapEventManagerImpl();
+
+export const createEcapEventManager = () => ecapEventManager;

package/src/api/ecap-event-manager/typings.ts

@@ -0,0 +1,5 @@
+export interface IEcapEvent {
+  event: string;
+  eventType: string;
+  url: string;
+}

package/src/api/region-manager/region-manager.ts

@@ -102,6 +102,14 @@ class RegionManagerProxy implements PrimariaRegionManager {
     );
     return Promise.resolve();
   }
+  registerNavigationMenu(view: HarmonixViewDefinition): Promise<void> {
+    this.regionManager.registerViewWithRegion(
+      shellRegions.navigationMenu,
+      `${this.pluginInfo.pluginId}::${view.id}`,
+      view,
+    );
+    return Promise.resolve();
+  }
   registerMainView(view: HarmonixViewDefinition): Promise<void> {
     this.regionManager.registerViewWithRegion(
       shellRegions.main,

package/src/index.ts

@@ -11,5 +11,10 @@ export type {
   IConfirmMixin,
   CustomConfirmOptions,
 } from "./UI/shared-components/primaria-interaction";
+export {
+  EcapEventManager,
+  createEcapEventManager,
+} from "./api/ecap-event-manager/ecap-event-manager";
+export type { IEcapEvent } from "./api/ecap-event-manager/typings";
 export * from "./internal-plugins";
 export * from "@uxland/harmonix-adapters";

package/src/internal-plugins/activity-history/components/activity-history/activity-history.ts

@@ -31,6 +31,10 @@ export class ActivityHistory extends PrimariaRegionHost(LitElement) {
     this.api.broker.subscribe(shellEvents.openClinicalMonitoringRequested, () => {
       this.maximized = false;
     });
+    const searchBar = this.shadowRoot?.querySelector("dss-search-bar");
+    if (searchBar) {
+      searchBar.addEventListener("onSearchChange", this._handleSearchChange);
+    }
   }
 
   firstUpdated(_changedProperties) {
@@ -38,9 +42,9 @@ export class ActivityHistory extends PrimariaRegionHost(LitElement) {
     this.shadowRoot.querySelector("dss-datepicker")?.addEventListener("onValueChange", (e) => {
       this._handleSelectDate(e.detail);
     });
-    this.shadowRoot.querySelector("dss-search-bar")?.addEventListener("onSearchChange", (e) => {
-      this._handleSearch(e.detail);
-    });
+    // this.shadowRoot.querySelector("dss-search-bar")?.addEventListener("onSearchChange", (e) => {
+    //   this._handleSearchChange(e.detail);
+    // });
   }
 
   @property({ type: Boolean })
@@ -80,8 +84,16 @@ export class ActivityHistory extends PrimariaRegionHost(LitElement) {
     this.maximized = false;
   }
 
-  _handleSearch(value: string) {
-    this.api.broker.send(new SearchActivityHistoryItems(value?.length > 2 ? value : ""));
+  _handleSearchChange(event) {
+      const selectedItems = event.detail || [];
+      const searchQuery = selectedItems.length > 0 ? selectedItems.join(" ") : "";
+      console.log(searchQuery);
+
+      if (searchQuery.length > 2) {
+          this.api.broker.send(new SearchActivityHistoryItems(searchQuery));
+      } else {
+          console.log("query too short");
+      }
   }
 
   _handleSelectDate(date: string) {

package/src/internal-plugins/activity-history/components/activity-history/template.ts

@@ -12,11 +12,10 @@ export const template = (props: ActivityHistory) =>
       : html`<div class="header">
             <div class="header__left">
                 <div class="title">${translate("activityHistory")}</div>
-                <input type="text" placeholder="Escriu per cercar" @input=${props._handleSearch}>
-                <!-- <dss-search-bar icon="search" inputsize="md" threshold="3" recentsearchestext="" emptydropdowntext="Sense resultats per">
+                <dss-search-bar @onSearchChange=${props._handleSearchChange} icon="search" inputsize="md" threshold="2" recentsearchestext="" emptydropdowntext="">
                     <label slot="label" for="searchbar1" aria-hidden="false"></label>
                     <input slot="input" id="searchbar1" type="text">
-                </dss-search-bar> -->
+                </dss-search-bar>
                 <dss-datepicker inputsize="md" class="date-picker">
                     <label slot="label" for="myDatepicker">${translate("goToDate")}</label>
                     <input slot="input" id="myDatepicker" type="text" class="dss-input">

package/dist/primary/shell/src/UI/shared-components/primaria-menu-with-submenu/template.d.ts

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