@uxland/primary-shell 5.3.7 → 5.3.9

package/src/UI/internal-views/upper-nav-views.ts

@@ -51,13 +51,13 @@ const upperNavMenuItems: MenuItemConfig[] = [
       },
       {
         icon: "open_in_new",
-        label: "Procés Obstètric",
-        callbackFn: () => {},
+        label: "Nen sa",
+        callbackFn: () => navigateToEcapWithoutClosingWithCip("NEN_SA"),
       },
       {
         icon: "open_in_new",
-        label: "Nen sa",
-        callbackFn: () => navigateToEcapWithoutClosingWithCip("NEN_SA"),
+        label: "ASSIR",
+        callbackFn: () => {},
       },
       {
         icon: "open_in_new",
@@ -69,6 +69,11 @@ const upperNavMenuItems: MenuItemConfig[] = [
         label: "Situació d'especial cura",
         callbackFn: () => navigateToEcapWithoutClosingWithCip("SIT_ESPEC_CURA_DEV"),
       },
+      {
+        icon: "open_in_new",
+        label: "Valoració social",
+        callbackFn: () => {},
+      },
     ],
   },
   {
@@ -100,6 +105,14 @@ const upperNavMenuItems: MenuItemConfig[] = [
       },
     ],
   },
+  {
+    id: "analytics-monitoring", // id correcta?
+    icon: "science",
+    label: "Seguiment analític",
+    type: "item",
+    sortHint: "0060",
+    callbackFn: () => {},
+  },
   {
     id: "results-reports",
     icon: "folder_shared",
@@ -109,7 +122,7 @@ const upperNavMenuItems: MenuItemConfig[] = [
     actionMenuItems: [
       {
         icon: "open_in_new",
-        label: "Resultats i informes ECAP",
+        label: "Resultats i informes",
         callbackFn: () => {},
       },
       {
@@ -120,8 +133,66 @@ const upperNavMenuItems: MenuItemConfig[] = [
             navigateToEcapWithoutClosingWithCip("CRIDA_DOCS_USU");
           }, 0),
       },
+      {
+        icon: "open_in_new",
+        label: "Informes clínics",
+        callbackFn: () => {},
+      },
+    ],
+  },
+  {
+    id: "test-cabinets",
+    icon: "list_alt",
+    label: "Gabinets de proves",
+    type: "item",
+    sortHint: "0080",
+    callbackFn: () => {},
+  },
+  {
+    id: "prescriptions",
+    icon: "pill",
+    label: "Prescripció",
+    type: "tree",
+    sortHint: "0090",
+    actionMenuItems: [
+      {
+        icon: "open_in_new",
+        label: "Prescripció",
+        callbackFn: () => {},
+      },
+      {
+        icon: "open_in_new",
+        label: "Ordres de tractament",
+        callbackFn: () => {},
+      },
+      {
+        icon: "open_in_new",
+        label: "Dispensació material sanitari",
+        callbackFn: () => {},
+      },
+      {
+        icon: "open_in_new",
+        label: "Prescripció social",
+        callbackFn: () => {},
+      },
     ],
   },
+  {
+    id: "vaccines",
+    icon: "vaccines",
+    label: "Immunitzacions",
+    type: "item",
+    sortHint: "0100",
+    callbackFn: () => {},
+  },
+  {
+    id: "it",
+    icon: "history_toggle_off",
+    label: "Incapacitat temporal",
+    type: "item",
+    sortHint: "0100",
+    callbackFn: () => navigateToEcapWithoutClosingWithCip("REV_IT"),
+  },
   {
     id: "communication",
     icon: "3p",
@@ -140,7 +211,7 @@ const upperNavMenuItems: MenuItemConfig[] = [
           });
         },
       },
-      { icon: "open_in_new", label: "Econsulta", callbackFn: () => {} },
+      { icon: "open_in_new", label: "eConsulta", callbackFn: () => {} },
       { icon: "open_in_new", label: "Mail", callbackFn: () => {} },
       {
         icon: "open_in_new",
@@ -159,18 +230,12 @@ const upperNavMenuItems: MenuItemConfig[] = [
     callbackFn: () => navigateToEcapWithoutClosingWithCip("CONSULTA_VISITES"),
   },
   {
-    id: "it",
-    icon: "add_box",
-    label: "IT",
-    type: "item",
-    callbackFn: () => navigateToEcapWithoutClosingWithCip("REV_IT"),
-  },
-  {
-    id: "variable activities",
-    icon: "add_box",
-    label: "Activitats variables",
+    id: "visor",
+    icon: "window",
+    label: "Visor",
     type: "item",
-    callbackFn: () => navigateToEcapWithoutClosingWithCip("SIA_DEV"),
+    sortHint: "0140",
+    callbackFn: () => {},
   },
 ];
 

package/src/UI/shared-components/primaria-character-limit-badge/primaria-character-limit-badge.ts

@@ -14,14 +14,12 @@ export class PrimariaCharacterLimitBadge extends LitElement {
   render() {
     if (this.characterCount > this.characterLimit) {
       return html`
-        <dss-badge
-          class="limit-badge"
-          icon="report"
+        <dss-alert
+          class="limit-alert"
+          state="warning"
           size="md"
-          state="alert"
-          text="${this.label} ${this.characterCount}/${this.characterLimit}"
-          outlined
-        ></dss-badge>
+          message="${this.label} ${this.characterCount}/${this.characterLimit}"
+          ></dss-alert>
       `;
     }
     return nothing;

package/src/UI/shared-components/primaria-character-limit-badge/styles.css

@@ -2,7 +2,7 @@
   margin: 0 auto;
 }
 
-.limit-badge {
+.limit-alert {
   padding-top: 8px;
   padding-bottom: 8px;
 }

package/src/api/interaction-service/modal-styles.css

@@ -1,5 +1,5 @@
 .modal {
-  font-family: "Open Sans";
+  font-family: "Open Sans", sans-serif;
   display: block;
   position: fixed;
   z-index: 400;

package/src/events.ts

@@ -5,4 +5,5 @@ export const shellEvents = {
   refreshTokenFailed: "refreshTokenFailed",
   mpidHeaderInvalid: "mpidHeaderInvalid",
   quickActionBusyChanged: "quickActionBusyChanged",
+  refresh_history_data_requested: "refresh_history_data_requested",
 };

package/src/features/clinical-monitoring/component/template.ts

@@ -3,10 +3,10 @@ import { ClinicalMonitoring } from "./clinical-monitoring";
 
 export const template = (props: ClinicalMonitoring) => html`
     <div class="wrapper">
-        <div class="content">
-            <div id="header-widgets-region"></div>
-            <div id="content-widgets-region"></div>
-        </div>
-         <div id="widgets-sidebar-region"></div>
+      <div class="content">
+        <div id="header-widgets-region"></div>
+        <div id="content-widgets-region"></div>
+      </div>
+      <div id="widgets-sidebar-region"></div>
     </div>
 `;

package/src/internal-plugins/activity-history/activity-history-item/add/add-async-history-items/handler.ts

@@ -1,8 +1,8 @@
 import { BaseHandler } from "../../../infrastructure/base-handlers";
 import { AddCustomFiltersCommand } from "../../filter/custom-filters/add-custom-filters/request";
-import { addBusyHistoryItem, removeBusyHistoryItem } from "../../list/handle-busy/actions";
-import { addErrorHistoryItem } from "../../list/handle-error/actions";
 import { addHistoryItemsCommand } from "../add-history-items/request";
+import { addBusyHistoryItem, removeBusyHistoryItem } from "../handle-busy/actions";
+import { addErrorHistoryItem } from "../handle-error/actions";
 import { InjectAsyncHistoryItemsPayload } from "./request";
 import { validateAddAsyncCommand } from "./validate-add-async-items-command";
 
@@ -14,6 +14,7 @@ export class InjectAsyncHistoryItemsHandler extends BaseHandler {
       validateAddAsyncCommand(payload, items);
       this.api.broker.send(addHistoryItemsCommand, {
         entityId: payload.entityId,
+        entityDescription: payload.entityDescription,
         items,
         componentFactory: payload.componentFactory,
         searchPredicate: payload.searchPredicate,
@@ -21,7 +22,7 @@ export class InjectAsyncHistoryItemsHandler extends BaseHandler {
       payload.filters ? this.api.broker.send(new AddCustomFiltersCommand(payload.filters)) : null;
     } catch (e) {
       this.store.dispatch(
-        addErrorHistoryItem({ id: payload.entityId, message: payload.errorMessage || e.message }),
+        addErrorHistoryItem({ entityId: payload.entityId, message: payload.errorMessage || e.message, entityDescription: payload.entityDescription }),
       );
     } finally {
       this.store.dispatch(removeBusyHistoryItem(payload.entityId));

package/src/internal-plugins/activity-history/activity-history-item/add/add-async-history-items/request.ts

@@ -1,13 +1,14 @@
 import { IActivityHistoryItem } from "../../domain/model";
-import { IActivityHistoryCommonFilterGroup } from "../../filter";
+import { IActivityHistoryCustomFilter } from "../../filter";
 
 export interface InjectAsyncHistoryItemsPayload {
   entityId: string;
+  entityDescription: string;
   asyncDataProvider: () => Promise<IActivityHistoryItem[]>;
   componentFactory: (item: IActivityHistoryItem) => HTMLElement;
   searchPredicate?: (searchString: string, item: IActivityHistoryItem) => boolean;
   errorMessage: string;
-  filters: IActivityHistoryCommonFilterGroup;
+  filters: IActivityHistoryCustomFilter;
 }
 
 export const addAsyncHistoryItemsCommand = "inject_async_history_items_request";

package/src/internal-plugins/activity-history/activity-history-item/add/add-history-item/handler.ts

@@ -1,18 +1,20 @@
 import { StoreBaseHandler } from "../../../infrastructure/base-handlers";
-import { ensureAreValidActivityHistoryItems } from "../../domain/is-valid-history-item/is-valid-history-item";
+import { ensureAreValidBasicActivityHistoryItems } from "../../domain/validation/is-valid-basic-history-item";
+import { handleAddDiagnosticsFilter } from "../../filter/diagnostic-filters/handle-add-diagnostics-options-from-item";
 import { addActivityHistoryItem } from "./action";
 import { AddHistoryItemPayload } from "./request";
 
 export class AddHistoryItemHandler extends StoreBaseHandler {
   async handle(payload: AddHistoryItemPayload) {
     try {
-      ensureAreValidActivityHistoryItems([payload.item]);
+      ensureAreValidBasicActivityHistoryItems([payload.item]);
       this.store.dispatch(
         addActivityHistoryItem({
           id: payload.entityId,
           item: payload.item,
         }),
       );
+      handleAddDiagnosticsFilter([payload.item], this.store);
     } catch (e) {
       console.log(e.message);
     }

package/src/internal-plugins/activity-history/activity-history-item/add/add-history-items/handler.ts

@@ -1,12 +1,13 @@
 import { StoreBaseHandler } from "../../../infrastructure/base-handlers";
-import { validateAndFilterItems } from "../../domain/is-valid-history-item/is-valid-history-item";
+import { validateAndFilterBasicItems } from "../../domain/validation/is-valid-basic-history-item";
+import { handleAddDiagnosticsFilter } from "../../filter/diagnostic-filters/handle-add-diagnostics-options-from-item";
 import { addActivityHistoryItems } from "./action";
 import { AddHistoryItemsPayload } from "./request";
 
 export class AddHistoryItemsHandler extends StoreBaseHandler {
   async handle(payload: AddHistoryItemsPayload) {
     try {
-      const validItems = validateAndFilterItems(payload.items);
+      const validItems = validateAndFilterBasicItems(payload.items);
       this.store.dispatch(
         addActivityHistoryItems({
           id: payload.entityId,
@@ -15,6 +16,7 @@ export class AddHistoryItemsHandler extends StoreBaseHandler {
           searchPredicate: payload.searchPredicate,
         }),
       );
+      handleAddDiagnosticsFilter(validItems, this.store);
     } catch (e) {
       console.log(e.message);
     }

package/src/internal-plugins/activity-history/activity-history-item/add/handle-error/handle-history-items-add-error/bootstrapper.ts

@@ -0,0 +1,18 @@
+import { PrimariaApi } from "../../../../../../api/api";
+import { registerRequest } from "../../../../../../features/utils";
+import { BrokerDisposableHandler } from "../../../../../../api/broker/primaria-broker";
+import { HandleHistoryItemsAddError } from "./request";
+import { HandleHistoryItemsAddErrorHandler } from "./handler";
+import { container } from "../../../../infrastructure/ioc/container";
+
+
+let request: BrokerDisposableHandler;
+
+export const bootstrapHandleHistoryItemsAddError = (api: PrimariaApi) => {
+  teardownHandleHistoryItemsAddError();
+  request = registerRequest(api, container)(HandleHistoryItemsAddError, HandleHistoryItemsAddErrorHandler);
+};
+
+export const teardownHandleHistoryItemsAddError = () => {
+  request?.dispose();
+};

package/src/internal-plugins/activity-history/activity-history-item/add/handle-error/handle-history-items-add-error/handler.ts

@@ -0,0 +1,26 @@
+import { BaseHandler } from "../../../../infrastructure/base-handlers";
+import { HandleHistoryItemsAddError } from "./request";
+import { shellEvents } from "../../../../../../events";
+import { removeErrorHistoryItem } from "../actions";
+import { translate } from "../../../../localization";
+
+export class HandleHistoryItemsAddErrorHandler extends BaseHandler {
+  async handle(payload: HandleHistoryItemsAddError) {
+    try {
+      const entityIdsWithError = payload.entities.map(error => error.entityId);   
+      
+      await this.dispatchRemoveErrorItems(entityIdsWithError);
+
+      this.api.broker.publish(shellEvents.refresh_history_data_requested, entityIdsWithError);
+
+    } catch (e) {
+      this.api.notificationService.error(translate("error.errorToRefresh"));
+    }
+  }
+
+  private async dispatchRemoveErrorItems(entityIds: string[]) {
+    for (const entityId of entityIds) {
+      this.store.dispatch(removeErrorHistoryItem(entityId));
+    }
+  }
+}

package/src/internal-plugins/activity-history/activity-history-item/add/handle-error/handle-history-items-add-error/request.ts

@@ -0,0 +1,5 @@
+import { IErrorHistoryItem } from "../../../domain/model";
+
+export class HandleHistoryItemsAddError {
+  constructor(public entities: Array<IErrorHistoryItem>) {}
+}

package/src/internal-plugins/activity-history/activity-history-item/add/handle-error/history-full-data-error/component.ts

@@ -0,0 +1,32 @@
+import { LitElement, css, html, unsafeCSS } from "lit";
+import { customElement } from "lit/decorators.js";
+import styles from "./styles.css?inline";
+import { template } from "./template";
+import { connectedProperty } from "../../../../infrastructure/state/connected-property";
+import { isAllDataFailedToLoad, selectErrorMessages } from "../selectors";
+import { shellApi } from "../../../../../../api/api";
+import { shellEvents } from "../../../../../../events";
+import { IErrorHistoryItem } from "../../../domain/model";
+import { HandleHistoryItemsAddError } from "../handle-history-items-add-error/request";
+
+//@ts-ignore
+@customElement("activity-history-full-data-error")
+export class ActivityHistoryFullDataError extends LitElement {
+  render() {
+    return html`${template(this)}`;
+  }
+
+  static styles = css`
+    ${unsafeCSS(styles)}
+  `;
+
+  @connectedProperty(isAllDataFailedToLoad)
+  isAllDataFailedToLoad: boolean;
+
+  @connectedProperty(selectErrorMessages)
+  errorMessages: Array<IErrorHistoryItem> = [];
+
+  handleClickFeedback() {
+    shellApi.broker.send(new HandleHistoryItemsAddError(this.errorMessages));
+  }
+}

package/src/internal-plugins/activity-history/activity-history-item/add/handle-error/history-full-data-error/styles.css

@@ -0,0 +1,11 @@
+:host {
+  width: 100%;
+}
+
+.container {
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  height: 100%;
+  justify-content: center;
+}

package/src/internal-plugins/activity-history/activity-history-item/add/handle-error/history-full-data-error/template.ts

@@ -0,0 +1,23 @@
+import { html, nothing } from "lit";
+import { ActivityHistoryFullDataError } from "./component";
+import { translate } from "../../../../localization";
+import showError from "../../../../../../UI/images/feedback-error.svg";
+
+export const template = (props: ActivityHistoryFullDataError) => {
+  return html`
+    ${props.isAllDataFailedToLoad ? renderErrorFeedback(props) : nothing}
+  `;
+};
+
+const renderErrorFeedback = (props: ActivityHistoryFullDataError) => {
+  return html`
+    <div class="container">
+      <dss-user-feedback imagealt=${translate("error.imageAlt")} variant="default" size="lg" imagesrc=${showError} title=${translate("error.title")} description=${translate("error.general.title")} hasdetails="" detailslabel=${translate("error.viewDetails")}>
+        <div slot="details">
+          ${props.errorMessages.length > 0 ? html`<div>${props.errorMessages.map(error => html`<div>${error.message}</div>`)}</div>` : translate("error.general.noInfo")}
+        </div>
+        <dss-button @onClick=${props.handleClickFeedback} label=${translate("error.general.refresh")} size="lg"></dss-button>
+      </dss-user-feedback>
+    </div>
+  `;
+};

package/src/internal-plugins/activity-history/activity-history-item/add/handle-error/history-partial-data-error/component.ts

@@ -0,0 +1,42 @@
+import { LitElement, css, html, unsafeCSS } from "lit";
+import { customElement } from "lit/decorators.js";
+import styles from "./styles.css?inline";
+import { template } from "./template";
+import { connectedProperty } from "../../../../infrastructure/state/connected-property";
+import { isErrorOccurred, selectErrorMessages } from "../selectors";
+import { shellApi } from "../../../../../../api/api";
+import { translate } from "../../../../localization";
+import { IErrorHistoryItem } from "../../../domain/model";
+import { HandleHistoryItemsAddError } from "../handle-history-items-add-error/request";
+
+//@ts-ignore
+@customElement("activity-history-partial-data-error")
+export class ActivityHistoryPartialDataError extends LitElement {
+  render() {
+    return html`${template(this)}`;
+  }
+
+  static styles = css`
+    ${unsafeCSS(styles)}
+  `;
+
+  @connectedProperty(isErrorOccurred)
+  isErrorOccurred: boolean;
+
+  @connectedProperty(selectErrorMessages)
+  errorMessages: Array<IErrorHistoryItem> = [];
+
+  handleClickAlert() {
+    shellApi.broker.send(new HandleHistoryItemsAddError(this.errorMessages));
+  }
+
+  getCombinedMessage() {
+    const titleMessage = translate("error.partial.title");
+
+    const errorMessages = this.errorMessages.length > 0 ? this.errorMessages.map(error => error.entityDescription) : [];
+    
+    return errorMessages.length > 0 
+      ? `${titleMessage} ${errorMessages[0]}${errorMessages.length > 1 ? ` i ${errorMessages.slice(1).join(' i ')}` : ''}` 
+      : titleMessage;
+  }
+}

package/src/internal-plugins/activity-history/activity-history-item/add/handle-error/history-partial-data-error/styles.css

@@ -0,0 +1,11 @@
+:host {
+  width: 100%;
+}
+
+.container {
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  padding-top: 16px;
+  padding-inline: 16px;
+}

package/src/internal-plugins/activity-history/activity-history-item/add/handle-error/history-partial-data-error/template.ts

@@ -0,0 +1,19 @@
+import { html, nothing } from "lit";
+import { translate } from "../../../../localization";
+import { ActivityHistoryPartialDataError } from "./component";
+
+export const template = (props: ActivityHistoryPartialDataError) => {
+  const combinedMessage = props.getCombinedMessage();
+
+  return html`
+    ${props.isErrorOccurred ? renderPartialErrorAlert(props, combinedMessage) : nothing}
+  `;
+};
+
+const renderPartialErrorAlert = (props: ActivityHistoryPartialDataError, combinedMessage: string) => {
+  return html`
+    <div class="container">
+      <dss-alert @onButtonClick=${props.handleClickAlert} state="warning" size="lg" message="${combinedMessage}" buttonLabel=${translate("error.partial.refresh")} hasbutton></dss-alert>
+    </div>
+  `;
+};

package/src/internal-plugins/activity-history/activity-history-item/{list → add}/handle-error/reducers.ts

@@ -1,11 +1,12 @@
 import { PayloadAction } from "@reduxjs/toolkit";
+import { IErrorHistoryItem } from "../../domain/model";
 
 export function addErrorHistoryItemReducer(
   state,
-  action: PayloadAction<{ id: string; message: string }>,
+  action: PayloadAction<IErrorHistoryItem>,
 ) {
   state.error.push(action.payload);
 }
 export function removeErrorHistoryItemReducer(state, action: PayloadAction<string>) {
-  state.error = state.error.filter((i) => i !== action.payload);
+  state.error = state.error.filter((item) => item.entityId !== action.payload);
 }

package/src/internal-plugins/activity-history/activity-history-item/add/handle-error/selectors.ts

@@ -0,0 +1,19 @@
+import { RootState } from "../../../infrastructure/state/store";
+import { isAnyCollectionLoadingWithoutAnyLoaded, isSomeCollectionLoadedAndOtherLoading } from "../handle-busy/selectors";
+
+export const isErrorOccurred = (state: RootState) => state.activityHistoryCollections.error.length > 0;
+
+const areCollectionsEmpty = (state: RootState) => {
+  const collections = state.activityHistoryCollections.collections;
+
+  return Object.values(collections).every(collection => {
+    return !collection.items || collection.items.length === 0;
+  });
+};
+export const isAllDataFailedToLoad = (state: RootState) => {
+  return !isAnyCollectionLoadingWithoutAnyLoaded(state) && 
+         !isSomeCollectionLoadedAndOtherLoading(state) && 
+         isErrorOccurred(state) && areCollectionsEmpty(state); 
+};
+
+export const selectErrorMessages = (state: RootState) => state.activityHistoryCollections.error;

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

@@ -18,7 +18,8 @@ import { bootstrapUpdateHistoryItem, teardownUpdateHistoryItem } from "./update/
 import { bootstrapListActivityHistoryItems } from "./list/bootstrapper";
 import { bootstrapFilters, teardownFilters } from "./filter/bootstrapper";
 import { bootstrapSearchItems, teardownSearchItems } from "./search/bootstrapper";
-import { bootstrapActivityHistoryItemHandleBusy } from "./list/handle-busy/bootstrapper";
+import { bootstrapHandleHistoryItemsAddError, teardownHandleHistoryItemsAddError } from "./add/handle-error/handle-history-items-add-error/bootstrapper";
+import { bootstrapActivityHistoryItemHandleBusy } from "./add/handle-busy/bootstrapper";
 
 let broker: BrokerExtensions;
 
@@ -29,6 +30,7 @@ export const bootstrapActivityHistoryItem = (api: PrimariaApi) => {
   bootstrapInjectAsyncHistoryItems(broker);
   bootstrapAddHistoryItem(broker);
   bootstrapAddHistoryItems(broker);
+  bootstrapHandleHistoryItemsAddError(api);
   bootstrapUpdateHistoryItem(broker);
   bootstrapExportPdf(broker);
   bootstrapFilters(broker);
@@ -39,6 +41,7 @@ export const teardownActivityHistoryItem = () => {
   teardownInjectAsyncHistoryItems();
   teardownAddHistoryItem();
   teardownAddHistoryItems();
+  teardownHandleHistoryItemsAddError();
   teardownUpdateHistoryItem();
   teardownExportPdf();
   teardownFilters();

package/src/internal-plugins/activity-history/activity-history-item/domain/business-rules.ts

@@ -20,5 +20,5 @@ export const hasItemDivider = (
     return true;
   }
 
-  return !item.diagnostics.length;
+  return !item.diagnostics?.length;
 };

package/src/internal-plugins/activity-history/activity-history-item/domain/model.ts

@@ -5,8 +5,9 @@ export interface IBusyHistoryItem {
 }
 
 export interface IErrorHistoryItem {
-  id: string;
+  entityId: string;
   message: string;
+  entityDescription: string;
 }
 
 export type TSearchActivityHistoryItemPredicate = (

package/src/internal-plugins/activity-history/activity-history-item/domain/specs/diagnostics-filter-spec.test.ts

@@ -0,0 +1,59 @@
+import { describe, it, expect } from "vitest";
+import { DiagnosticCodeSpec } from "./diagnostics-filter-spec";
+import { IActivityHistoryItem } from "../model";
+
+describe("DiagnosticCodeSpec", () => {
+  it("should return true if allowedCodes is empty", () => {
+    const spec = new DiagnosticCodeSpec([]);
+    const item: IActivityHistoryItem = {
+      diagnostics: [{ codi: "E11", descripcio: "Diabetes" }],
+    };
+    expect(spec.isSatisfiedBy(item)).toBe(true);
+  });
+
+  it("should return true if item has at least one matching diagnostic code", () => {
+    const spec = new DiagnosticCodeSpec(["I10", "E11"]);
+    const item: IActivityHistoryItem = {
+      diagnostics: [
+        { codi: "Z99", descripcio: "No relevante" },
+        { codi: "E11", descripcio: "Diabetes" },
+      ],
+    };
+    expect(spec.isSatisfiedBy(item)).toBe(true);
+  });
+
+  it("should return false if item has diagnostics but none match", () => {
+    const spec = new DiagnosticCodeSpec(["J00", "K52"]);
+    const item: IActivityHistoryItem = {
+      diagnostics: [
+        { codi: "E11", descripcio: "Diabetes" },
+        { codi: "I10", descripcio: "Hipertensió" },
+      ],
+    };
+    expect(spec.isSatisfiedBy(item)).toBe(false);
+  });
+
+  it("should return false if item has no diagnostics", () => {
+    const spec = new DiagnosticCodeSpec(["E11"]);
+    const item: IActivityHistoryItem = {
+      diagnostics: undefined,
+    };
+    expect(spec.isSatisfiedBy(item)).toBe(false);
+  });
+
+  it("should return false if item.diagnostics is an empty array", () => {
+    const spec = new DiagnosticCodeSpec(["E11"]);
+    const item: IActivityHistoryItem = {
+      diagnostics: [],
+    };
+    expect(spec.isSatisfiedBy(item)).toBe(false);
+  });
+
+  it("should be case-sensitive by default (E11 !== e11)", () => {
+    const spec = new DiagnosticCodeSpec(["e11"]);
+    const item: IActivityHistoryItem = {
+      diagnostics: [{ codi: "E11", descripcio: "Diabetes" }],
+    };
+    expect(spec.isSatisfiedBy(item)).toBe(false);
+  });
+});