@uxland/primary-shell 3.4.1 → 3.5.0

package/src/internal-plugins/activity-history/features/update-history-item/bootstrapper.ts

@@ -1,11 +1,14 @@
 import { BrokerExtensions } from "@primaria/plugins-core";
 import { UpdateHistoryItemHandler } from "./handler";
 import { updateHistoryItemRequest } from "./request";
+import { BrokerDisposableHandler } from "../../../../api/broker/primaria-broker";
+
+let request: BrokerDisposableHandler;
 
 export const bootstrapUpdateHistoryItem = (broker: BrokerExtensions) => {
-  broker.registerRequest(updateHistoryItemRequest, UpdateHistoryItemHandler);
+  request = broker.registerRequest(updateHistoryItemRequest, UpdateHistoryItemHandler);
 };
 
 export const teardownUpdateHistoryItem = (broker: BrokerExtensions) => {
-  broker.unregisterRequest(UpdateHistoryItemHandler);
+  request?.dispose();
 };

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

@@ -38,6 +38,8 @@ export const locales = {
       deleted: "Eliminat",
       goToDate: "Anar a data",
       busyEntriesLoading: "Carregant totes les entrades",
+      noResults: "Sense resultats. Modifica la cerca",
+      searchBarResults: "Resultats per",
       actions: {
         cronogram: "Cronograma",
         exportPdf: "Exportar PDF",

package/src/locales.ts

@@ -1,6 +1,6 @@
 import { setLanguage } from "@uxland/localization";
 import { PrimariaApi } from "./api/api";
-import { clinicalMonitoringId, primariaShellId } from "./constants";
+import { primariaShellId } from "./constants";
 
 let shellLocaleManager;
 
@@ -10,15 +10,35 @@ export const initializeLocalization = async (api: PrimariaApi) => {
   shellLocaleManager = localeManager;
 };
 
+type LocaleKeys<T> = T extends object
+  ? {
+      [K in keyof T]:
+        | `${K & string}`
+        | (T[K] extends object ? `${K & string}.${LocaleKeys<T[K]>}` : never);
+    }[keyof T]
+  : never;
+
+export type ShellLocales = LocaleKeys<(typeof locales)[typeof defaultLang][typeof primariaShellId]>;
+
+export const translate = (path: ShellLocales) => {
+  if (shellLocaleManager) return shellLocaleManager.translate(path);
+  return path;
+};
+
 export { shellLocaleManager };
 
 export const locales = {
   ca: {
     [primariaShellId]: {
       title: "Estació de Treball Clínica",
-    },
-    [clinicalMonitoringId]: {
-      title: "Seguiment Clínic",
-    },
+      actions:{
+        create: "Crear",
+        toggleMenuClose: "Tancar menú",
+        toggleMenuOpen: "Expandir menú",
+      },
+      clinicalMonitoring:{
+        title: "Seguiment clínic",
+      },
+    }
   },
 };

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

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

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

@@ -1,15 +0,0 @@
-import { LitElement } from 'lit';
-
-export declare class PrimariaMenuItem extends LitElement {
-    constructor(icon: string, label: string, showArrow: boolean, callbackFn: () => void);
-    render(): import('lit').TemplateResult<1>;
-    static styles: import('lit').CSSResult;
-    firstUpdated(p: any): void;
-    observeHostResize(): void;
-    containerWidth: number;
-    showText: boolean;
-    icon: string;
-    label: string;
-    showArrow: boolean;
-    callbackFn: () => void;
-}

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

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

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

@@ -1,26 +0,0 @@
-import { LitElement } from 'lit';
-
-export declare class PrimariaNavMenu extends LitElement {
-    constructor(icon: string, label: string, subItems: {
-        icon?: string;
-        label: string;
-        callbackFn: () => void;
-    }[]);
-    firstUpdated(p: any): void;
-    observeHostResize(): void;
-    icon: string;
-    label: string;
-    subItems: {
-        icon?: string;
-        label: string;
-        callbackFn: () => void;
-    }[];
-    showText: boolean;
-    isExpanded: boolean;
-    parentWidth: any;
-    private resizeObserver?;
-    render(): import('lit').TemplateResult<1>;
-    static styles: import('lit').CSSResult;
-    toggleMenu(): void;
-    disconnectedCallback(): void;
-}

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

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

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

@@ -1,19 +0,0 @@
-import { LitElement } from 'lit';
-
-interface MenuItem {
-    icon: string;
-    label: string;
-    callbackFn: () => void;
-}
-export declare class PrimariaWrapperMenu extends LitElement {
-    static styles: import('lit').CSSResult;
-    icon: string;
-    label: string;
-    showArrow: boolean;
-    actionMenuItems: MenuItem[];
-    showActionMenu: boolean;
-    constructor(icon: string, label: string, showArrow: boolean, actionMenuItems: MenuItem[]);
-    handleItemClick: () => void;
-    render(): import('lit').TemplateResult<1>;
-}
-export {};

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

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

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

@@ -1 +0,0 @@
-export declare const initializeShell: (element: HTMLElement) => Promise<void>;

package/src/UI/shared-components/dss-container/dss-container.ts

@@ -1,32 +0,0 @@
-import { css, html, LitElement, render, unsafeCSS } from "lit";
-import { customElement } from "lit/decorators.js";
-import styles from "./styles.css?inline";
-
-@customElement("dss-container")
-export class DssContainer extends LitElement {
-  render() {
-    return html`
-    <slot></slot>
-     <div id="container"></div>
-    `;
-  }
-
-  firstUpdated() {
-    const slot = this.shadowRoot?.querySelector("slot");
-    const assignedNodes = slot?.assignedNodes({ flatten: false });
-
-    // assignedNodes.forEach((node) => {
-    //   if (node.nodeType === Node.ELEMENT_NODE) {
-    //     console.log((node as HTMLElement).outerHTML);
-    //   } else if (node.nodeType === Node.TEXT_NODE) {
-    //     console.log(node.textContent);
-    //   }
-    // });
-
-    render(assignedNodes[0], this.shadowRoot.querySelector("#container"));
-  }
-
-  static styles = css`
-    ${unsafeCSS(styles)}
-  `;
-}

package/src/UI/shared-components/dss-container/styles.css

@@ -1,23 +0,0 @@
-@import url("@salut/design-system-salut/css/main.css");
-
-#container {
-  display: flex;
-  align-items: center;
-}
-.white {
-  color: white;
-}
-
-.neutral {
-  color: var(--color-neutral-500);
-}
-
-.action-menu {
-  position: relative;
-  right: 230px;
-  padding: unset;
-  box-shadow:
-    0px 1px 3px 0px rgba(0, 0, 0, 0.1),
-    0px 4px 8px 3px rgba(0, 0, 0, 0.05);
-  z-index: 100;
-}

package/src/UI/shared-components/primaria-menu/template.ts

@@ -1,9 +0,0 @@
-import { html } from "lit";
-import { PrimariaMenu } from "./primaria-menu";
-
-export const template = (props: PrimariaMenu) => html`
-<span style="position: relative">
-  <slot name="anchor"></slot>
-  <slot name="content"></slot>
-</span>
-`;

package/src/UI/shared-components/primaria-menu-item/primaria-menu-item.ts

@@ -1,51 +0,0 @@
-import { LitElement, html, css, unsafeCSS } from "lit";
-import { template } from "./template";
-import styles from "./styles.css?inline";
-import { customElement, property, state } from "lit/decorators.js";
-
-@customElement("primaria-menu-item")
-export class PrimariaMenuItem extends LitElement {
-  constructor(icon: string, label: string, showArrow: boolean, callbackFn: () => void) {
-    super();
-    this.icon = icon;
-    this.label = label;
-    this.showArrow = showArrow;
-    this.callbackFn = callbackFn;
-  }
-
-  render() {
-    return html`${template(this)}`;
-  }
-
-  static styles = css`
-    ${unsafeCSS(styles)}
-  `;
-
-  firstUpdated(p) {
-    super.firstUpdated(p);
-    this.observeHostResize();
-  }
-
-  observeHostResize() {
-    const parentElement = this.parentElement;
-    const observer = new ResizeObserver((entries) => {
-      for (const entry of entries) {
-        const width = entry.target.clientWidth; // Obtenemos el ancho del host
-        this.showText = width > 100; // Mostrar texto si el ancho del host es mayor que 150px
-      }
-    });
-
-    // Observamos el tamaño del padre host del componente
-    observer.observe(parentElement as HTMLElement);
-  }
-
-  @property({ type: Number }) containerWidth = 0;
-  @state() showText = false;
-  // @state() showArrow = false;
-
-
-  @property({ type: String }) icon = "";
-  @property({ type: String }) label = "";
-  @property({ type: Boolean }) showArrow = false;
-  @property({ type: Function }) callbackFn = () => {};
-}

package/src/UI/shared-components/primaria-menu-item/template.ts

@@ -1,11 +0,0 @@
-import { html } from "lit";
-import { PrimariaMenuItem } from "./primaria-menu-item";
-
-export const template = (props: PrimariaMenuItem) => html`
-<div class="item" @click=${props.callbackFn} ?expanded=${props.showText}>
-  <div class="icon-label">
-    <dss-icon icon=${props.icon} size="md"></dss-icon>
-    ${props.showText ? html`<span>${props.label}</span>` : ""}
-  </div>
-  ${props.showText && props.showArrow ? html`<dss-icon icon="chevron_right" size="md"></dss-icon>` : ""}
-</div>`;

package/src/UI/shared-components/primaria-nav-menu/primaria-nav-menu.ts

@@ -1,66 +0,0 @@
-import { LitElement, html, css, unsafeCSS } from "lit";
-import { template } from "./template";
-import styles from "./styles.css?inline";
-import { customElement, property, state } from "lit/decorators.js";
-
-@customElement("primaria-nav-menu")
-export class PrimariaNavMenu extends LitElement {
-  constructor(
-    icon: string,
-    label: string,
-    subItems: { icon?: string; label: string; callbackFn: () => void }[],
-  ) {
-    super();
-    this.icon = icon;
-    this.label = label;
-    this.subItems = subItems;
-  }
-
-  firstUpdated(p) {
-    super.firstUpdated(p);
-    this.observeHostResize();
-  }
-
-  observeHostResize() {
-    const parentElement = this.parentElement;
-    const observer = new ResizeObserver((entries) => {
-      for (const entry of entries) {
-        const width = entry.target.clientWidth; // Obtenemos el ancho del host
-        this.parentWidth = width;
-        this.showText = width > 100; // Mostrar texto si el ancho del host es mayor que 150px
-      }
-    });
-
-    // Observamos el tamaño del padre host del componente
-    observer.observe(parentElement as HTMLElement);
-    this.resizeObserver = observer;
-  }
-
-  @property({ type: String }) icon = "";
-  @property({ type: String }) label = "";
-  @property({ type: Array }) subItems: { icon?: string; label: string; callbackFn: () => void }[] =
-    [];
-
-  @state() showText = false;
-  @state() isExpanded = false;
-  @state() parentWidth;
-
-  private resizeObserver?: ResizeObserver;
-
-  render() {
-    return html`${template(this)}`;
-  }
-
-  static styles = css`
-    ${unsafeCSS(styles)}
-  `;
-
-  toggleMenu() {
-    this.isExpanded = !this.isExpanded;
-  }
-
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    this.resizeObserver?.disconnect();
-  }
-}

package/src/UI/shared-components/primaria-nav-menu/styles.css

@@ -1,26 +0,0 @@
-.nav-menu {
-  position: relative;
-  display: flex;
-  flex-direction: row;
-  cursor: pointer;
-  border-radius: 8px;
-  border: 1px;
-  border-color: white;
-  padding: 8px;
-  gap: 8px;
-  box-sizing: border-box;
-  justify-content: center;
-  transition: background-color 0.3s ease;
-
-  &[expanded] {
-    justify-content: flex-start;
-  }
-  &:hover {
-    background-color: var(--color-primary-900);
-    color: white;
-  }
-}
-
-dss-action-menu {
-  position: absolute;
-}

package/src/UI/shared-components/primaria-nav-menu/template.ts

@@ -1,30 +0,0 @@
-import { html } from "lit";
-import { PrimariaNavMenu } from "./primaria-nav-menu";
-
-export const template = (props: PrimariaNavMenu) => {
-  const actionMenuStyle = `left: ${props.parentWidth}px`;
-
-  return html`
-    <div class="nav-menu" @click="${props.toggleMenu}" ?expanded=${props.showText}>
-      <dss-icon icon=${props.icon} size="md"></dss-icon>
-      ${props.showText ? html`<span>${props.label}</span>` : ""}
-      ${
-        props.isExpanded
-          ? html`
-          <dss-action-menu style=${actionMenuStyle}>
-            ${props.subItems.map(
-              (subItem) => html`
-                <dss-action-menu-item
-                  label=${subItem.label}
-                  righticon=${subItem.icon || ""}
-                  @click=${subItem.callbackFn}
-                ></dss-action-menu-item>
-              `,
-            )}
-          </dss-action-menu>
-        `
-          : ""
-      }
-    </div>
-  `;
-};

package/src/UI/shared-components/primaria-wrapper-menu/primaria-wrapper-menu.ts

@@ -1,41 +0,0 @@
-import { LitElement, html, css, unsafeCSS, nothing } from "lit";
-import styles from "./styles.css?inline";
-import { customElement, property, state } from "lit/decorators.js";
-import { template } from "./template";
-
-interface MenuItem {
-  icon: string;
-  label: string;
-  callbackFn: () => void;
-}
-
-@customElement("primaria-wrapper-menu")
-export class PrimariaWrapperMenu extends LitElement {
-  static styles = css`
-    ${unsafeCSS(styles)}
-  `;
-
-  @property({ type: String }) icon = "";
-  @property({ type: String }) label = "";
-  @property({ type: Boolean }) showArrow = true;
-  @property({ type: Array }) actionMenuItems: MenuItem[] = [];
-
-  @state() showActionMenu = false;
-
-  constructor(icon: string, label: string, showArrow: boolean, actionMenuItems: MenuItem[]) {
-    super();
-    this.icon = icon;
-    this.label = label;
-    this.showArrow = showArrow;
-    this.actionMenuItems = actionMenuItems;
-  }
-
-  handleItemClick = () => {
-    this.showActionMenu = true;
-    this.requestUpdate();
-  };
-
-  render() {
-    return html`${template(this)}`;
-  }
-}

package/src/UI/shared-components/primaria-wrapper-menu/styles.css

@@ -1,5 +0,0 @@
-.wrapper {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}

package/src/UI/shared-components/primaria-wrapper-menu/template.ts

@@ -1,28 +0,0 @@
-import { html, nothing } from "lit";
-import { PrimariaWrapperMenu } from "./primaria-wrapper-menu";
-
-export const template = (props: PrimariaWrapperMenu) => html`
-  <div class="wrapper">
-    <primaria-menu-item
-      .icon=${props.icon}
-      .label=${props.label}
-      .showArrow=${props.showArrow}
-      @click=${props.handleItemClick}
-    ></primaria-menu-item>
-    ${props.showActionMenu
-      ? html`
-          <dss-action-menu>
-            ${props.actionMenuItems?.map(
-              (item) => html`
-                <dss-action-menu-item
-                  righticon=${item.icon}
-                  .label=${item.label}
-                  @click=${item.callbackFn}
-                ></dss-action-menu-item>
-              `
-            )}
-          </dss-action-menu>
-        `
-      : nothing}
-  </div>
-`