@uxland/primary-shell 6.0.6 → 7.0.0

package/src/internal-plugins/activity-history/activity-history-item/filter/up-filters/handle-add-up-options-from-item.test.ts

@@ -1,237 +0,0 @@
-import { describe, it, expect, vi, beforeEach } from 'vitest';
-import { getUpFilter } from "./handle-add-up-options-from-item";
-
-// Mock de las dependencias
-const mockMapArrayToLabelValue = vi.fn((arr, descField, idField) => 
-  arr.map(item => ({ 
-    label: item[descField] || item[idField], // Usa el ID como fallback si description está vacía
-    value: item[idField] 
-  }))
-);
-
-vi.mock('./path/to/your/utils', () => ({
-  mapArrayToLabelValue: mockMapArrayToLabelValue,
-}));
-
-const upFilterId = 'history-up'; // Define el valor que uses en tu código
-
-describe('getUpFilter', () => {
-  beforeEach(() => {
-    vi.clearAllMocks();
-  });
-  it('debe retornar filtro cuando hay UPs válidos con ID', () => {
-    const items = [
-      {
-        id: '1',
-        up: [
-          { id: 'up1', description: 'UP 1' },
-          { id: 'up2', description: 'UP 2' },
-        ],
-      },
-    ];
-
-    const result = getUpFilter(items);
-
-    expect(result).toEqual({
-      id: upFilterId,
-      title: 'UP',
-      values: [
-        { label: 'UP 1', value: 'up1' },
-        { label: 'UP 2', value: 'up2' },
-      ],
-      enabledValues: [],
-    });
-  });
-
-  it('debe permitir UPs con description vacía pero ID válido', () => {
-    const items = [
-      {
-        id: '1',
-        up: [
-          { id: 'up1', description: '' },
-          { id: 'up2', description: null },
-          { id: 'up3', description: undefined },
-          { id: 'up4', description: 'UP 4' },
-        ],
-      },
-    ];
-
-    const result = getUpFilter(items);
-
-    expect(result).toEqual({
-      id: upFilterId,
-      title: 'UP',
-      values: [
-        { label: 'up1', value: 'up1' },
-        { label: 'up2', value: 'up2' },
-        { label: 'up3', value: 'up3' },
-        { label: 'UP 4', value: 'up4' },
-      ],
-      enabledValues: [],
-    });
-  });
-
-  it('no debe incluir UPs con ID vacío, null, undefined o solo espacios', () => {
-    const items = [
-      {
-        id: '1',
-        up: [
-          { id: '', description: 'UP con ID vacío' },
-          { id: null, description: 'UP con ID null' },
-          { id: undefined, description: 'UP con ID undefined' },
-          { id: '   ', description: 'UP con ID solo espacios' },
-          { id: '\t\n  ', description: 'UP con ID espacios y tabs' },
-          { id: 'up1', description: 'UP válido' },
-        ],
-      },
-    ];
-
-    const result = getUpFilter(items);
-
-    expect(result).toEqual({
-      id: upFilterId,
-      title: 'UP',
-      values: [{ label: 'UP válido', value: 'up1' }],
-      enabledValues: [],
-    });
-  });
-
-  it('debe filtrar UPs duplicados por ID', () => {
-    const items = [
-      {
-        id: '1',
-        up: [
-          { id: 'up1', description: 'UP 1 - Primera aparición' },
-          { id: 'up2', description: 'UP 2' },
-        ],
-      },
-      {
-        id: '2',
-        up: [
-          { id: 'up1', description: 'UP 1 - Duplicado' },
-          { id: 'up3', description: 'UP 3' },
-        ],
-      },
-    ];
-
-    const result = getUpFilter(items);
-
-    expect(result).toEqual({
-      id: upFilterId,
-      title: 'UP',
-      values: [
-        { label: 'UP 1 - Primera aparición', value: 'up1' },
-        { label: 'UP 2', value: 'up2' },
-        { label: 'UP 3', value: 'up3' },
-      ],
-      enabledValues: [],
-    });
-  });
-
-  it('debe manejar items sin propiedad up', () => {
-    const items = [
-      { id: '1' },
-      { id: '2', up: null },
-      { id: '3', up: undefined },
-      { id: '4', up: [{ id: 'up1', description: 'UP 1' }] },
-    ];
-
-    const result = getUpFilter(items);
-
-    expect(result).toEqual({
-      id: upFilterId,
-      title: 'UP',
-      values: [{ label: 'UP 1', value: 'up1' }],
-      enabledValues: [],
-    });
-  });
-
-  it('debe manejar array up vacío', () => {
-    const items = [
-      { id: '1', up: [] },
-      { id: '2', up: [{ id: 'up1', description: 'UP 1' }] },
-    ];
-
-    const result = getUpFilter(items);
-
-    expect(result).toEqual({
-      id: upFilterId,
-      title: 'UP',
-      values: [{ label: 'UP 1', value: 'up1' }],
-      enabledValues: [],
-    });
-  });
-
-  it('debe retornar undefined cuando no hay UPs válidos', () => {
-    const items = [
-      {
-        id: '1',
-        up: [
-          { id: '', description: 'UP con ID vacío' },
-          { id: null, description: 'UP con ID null' },
-        ],
-      },
-    ];
-
-    const result = getUpFilter(items);
-
-    expect(result).toBeUndefined();
-  });
-
-  it('debe retornar undefined cuando items está vacío', () => {
-    const items = [];
-
-    const result = getUpFilter(items);
-
-    expect(result).toBeUndefined();
-  });
-
-  it('debe manejar objetos up que son null o undefined en el array', () => {
-    const items = [
-      {
-        id: '1',
-        up: [
-          null,
-          undefined,
-          { id: 'up1', description: 'UP válido' },
-          null,
-        ],
-      },
-    ];
-
-    const result = getUpFilter(items);
-
-    expect(result).toEqual({
-      id: upFilterId,
-      title: 'UP',
-      values: [{ label: 'UP válido', value: 'up1' }],
-      enabledValues: [],
-    });
-  });
-
-  it('debe rechazar IDs que son solo espacios en blanco', () => {
-    const items = [
-      {
-        id: '1',
-        up: [
-          { id: '   ', description: 'UP con ID solo espacios' },
-          { id: '\t\n  \r', description: 'UP con tabs y saltos' },
-          { id: 'up1', description: 'UP válido' },
-          { id: ' up2 ', description: 'UP válido con espacios al inicio/final' },
-        ],
-      },
-    ];
-
-    const result = getUpFilter(items);
-
-    expect(result).toEqual({
-      id: upFilterId,
-      title: 'UP',
-      values: [
-        { label: 'UP válido', value: 'up1' },
-        { label: 'UP válido con espacios al inicio/final', value: ' up2 ' },
-      ],
-      enabledValues: [],
-    });
-  });
-});

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

@@ -1,29 +0,0 @@
-import { mapArrayToLabelValue } from "@primaria/plugins-core";
-import { Store } from "@reduxjs/toolkit";
-import { IActivityHistoryItem } from "../../domain/model";
-import { upFilterId } from "../model";
-import { addUpFilters } from "./add/actions";
-
-export const getUpFilter = (items: IActivityHistoryItem[]) => {
-  const allUps = items
-    .flatMap((item) => item.up ?? [])
-    .filter((up) => up?.id?.trim()) // Filtrar UPs que tienen ID válido (no vacío ni solo espacios)
-    .filter((up, index, self) => index === self.findIndex((u) => u.id === up.id)); // Filtrar duplicados
-
-  if (allUps.length > 0) {
-    const newUpFilter = {
-      id: upFilterId,
-      title: "UP",
-      values: mapArrayToLabelValue(allUps, "description", "id"),
-      enabledValues: [],
-    };
-
-    return newUpFilter;
-  }
-};
-
-export const handleAddUpFilter = (items: IActivityHistoryItem[], store: Store) => {
-  const newUpFilter = getUpFilter(items);
-  if (newUpFilter)
-    store.dispatch(addUpFilters(newUpFilter));
-};

package/src/internal-plugins/activity-history/activity-history-item/filter/up-filters/selectors.ts

@@ -1,14 +0,0 @@
-import { createSelector } from "@reduxjs/toolkit";
-import { IActivityHistoryFilter, IActivityHistoryUpFilter, isUpFilter } from "../model";
-import { activityHistoryFiltersSelector } from "../selectors";
-
-export const upFilterSelector = createSelector(activityHistoryFiltersSelector, (filters: IActivityHistoryFilter[]) =>
-  filters.find(isUpFilter),
-);
-
-export const upFilterEnabledValuesSelector = createSelector(
-  upFilterSelector,
-  (filter: IActivityHistoryUpFilter) => filter?.enabledValues || [],
-);
-
-export const areUpFiltersActive = createSelector(upFilterEnabledValuesSelector, (filters) => !!filters.length);

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

@@ -1,3 +0,0 @@
-import { activityHistoryFiltersSlice } from "../../slice";
-
-export const { setUpFilterValues } = activityHistoryFiltersSlice.actions;

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

@@ -1,14 +0,0 @@
-import { BrokerExtensions } from "@primaria/plugins-core";
-import { BrokerDisposableHandler } from "../../../../../../api/broker/primaria-broker";
-import { SetUpFiltersHandler } from "./handler";
-import { SetUpFiltersCommand } from "./request";
-
-let request: BrokerDisposableHandler;
-
-export const bootstrapSetUpFilter = (broker: BrokerExtensions) => {
-  request = broker.registerRequest(SetUpFiltersCommand, SetUpFiltersHandler);
-};
-
-export const teardownSetUpFilter = () => {
-  request?.dispose();
-};

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

@@ -1,13 +0,0 @@
-import { StoreBaseHandler } from "../../../../infrastructure/base-handlers";
-import { setUpFilterValues } from "./actions";
-import { SetUpFiltersCommand } from "./request";
-
-export class SetUpFiltersHandler extends StoreBaseHandler {
-  async handle(request: SetUpFiltersCommand) {
-    try {
-      this.store.dispatch(setUpFilterValues(request.payload));
-    } catch (e) {
-      console.log(e.message);
-    }
-  }
-}

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

@@ -1,11 +0,0 @@
-import { PayloadAction } from "@reduxjs/toolkit";
-import { IActivityHistoryUpFilter, isUpFilter } from "../../model";
-
-export function setUpFilterValuesReducer(state, action: PayloadAction<string[]>) {
-  state.filters = [...state.filters].map((f) => {
-    if (isUpFilter(f)) {
-      return { ...f, enabledValues: action.payload } as IActivityHistoryUpFilter;
-    }
-    return f;
-  });
-}

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

@@ -1,3 +0,0 @@
-export class SetUpFiltersCommand {
-  constructor(public payload: string[]) {}
-}

package/src/internal-plugins/activity-history/activity-history-item/filter/utils.ts

@@ -1,15 +0,0 @@
-import { translate } from "../../localization";
-
-export const formatShowFilterTitle = (title: string) => {
-  const filterTitle = title.replace(/veure/gi, "")?.trim();
-  return filterTitle.charAt(0).toUpperCase() + filterTitle.slice(1);
-};
-
-export const normalizeDeletedFilterBooleanValue = (value) => (value === true ? translate("filters.deleted") : value);
-
-export const normalizeEmptyFilterValue = (value, filterTitle) => (value === "" ? formatEmptyFilterValue(filterTitle) : value);
-
-const formatEmptyFilterValue = (filterTitle) => {
-  const chipLabel = `${translate("chipHeader.without")} ${filterTitle.toLowerCase()}`;
-  return chipLabel;
-};

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

@@ -1,5 +0,0 @@
-export * from "./filter";
-export { addAsyncHistoryItemsCommand } from "./add/add-async-history-items/request";
-export { addHistoryItemsCommand } from "./add/add-history-items/request";
-export { addHistoryItemCommand } from "./add/add-history-item/request";
-export { updateHistoryItemCommand } from "./update/request";

package/src/internal-plugins/activity-history/activity-history-item/list/UI/main-view/activity-history-main.ts

@@ -1,106 +0,0 @@
-import { parse } from "date-fns";
-import { LitElement, css, html, unsafeCSS } from "lit";
-import { customElement, property } from "lit/decorators.js";
-import { PrimariaApi, PrimariaRegionHost } from "../../../../../../api/api";
-import { BrokerDisposableHandler } from "../../../../../../api/broker/primaria-broker";
-import { shellEvents } from "../../../../../../events";
-import { lazyInject } from "../../../../infrastructure/ioc/container";
-import { TYPES } from "../../../../infrastructure/ioc/types";
-import { connectedProperty } from "../../../../infrastructure/state/connected-property";
-import { SearchActivityHistoryItems } from "../../../search/request";
-import { activityHistoryCollectionsSelector } from "../../../selectors";
-import { isSomeCollectionLoadedAndOtherLoading, isCollectionInitialState } from "../../../add/handle-busy/selectors";
-import { ActivityHistoryTimeline } from "../timeline/activity-history-timeline";
-import styles from "./styles.css?inline";
-import { template } from "./template";
-
-//@ts-ignore
-@customElement("activity-history-main")
-export class ActivityHistoryMain extends PrimariaRegionHost(LitElement) {
-  render() {
-    return html`${template(this)}`;
-  }
-
-  static styles = css`
-    ${unsafeCSS(styles)}
-  `;
-
-  subscriptions: BrokerDisposableHandler[] = [];
-  private _searchTimeout: number | null = null;
-
-  connectedCallback() {
-    super.connectedCallback();
-    this._subscribeEvents();
-  }
-
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    this._unsubscribeEvents();
-  }
-
-  @property({ type: Boolean, reflect: true })
-  maximized = false;
-
-  @lazyInject(TYPES.primaryApi)
-  api: PrimariaApi;
-
-  @connectedProperty(activityHistoryCollectionsSelector)
-  historyItems: any[];
-
-  @connectedProperty(isCollectionInitialState)
-  isCollectionInitialState: boolean;
-
-  @connectedProperty(isSomeCollectionLoadedAndOtherLoading)
-  isSomeCollectionLoadedAndOtherLoading: boolean;
-
-  _maximize() {
-    this.maximized = true;
-  }
-
-  _minimize() {
-    this.maximized = false;
-  }
-
-  _subscribeEvents() {
-    const subscription = this.api.broker.subscribe(shellEvents.openClinicalMonitoringRequested, () => {
-      this.maximized = false;
-    });
-    this.subscriptions.push(subscription);
-  }
-
-  _unsubscribeEvents() {
-    this.subscriptions.forEach((s) => s.dispose());
-  }
-
-  @property()
-  searchQuery = "";
-
-  _handleSelectDate(date: string) {
-    const selectedDate = parse(date, "dd/MM/yyyy", new Date());
-    this.scrollToClosestDate(selectedDate);
-  }
-
-  _handleSearchChange(event: CustomEvent) {
-    if (typeof event.detail !== "string") return;
-    this.searchQuery = event.detail;
-    
-    if (this._searchTimeout) {
-      clearTimeout(this._searchTimeout);
-    }
-    
-    this._searchTimeout = setTimeout(() => {
-      this.api.broker.send(new SearchActivityHistoryItems(this.searchQuery));
-    }, 300);
-  }
-
-  async _raiseEcapCronogramEvent() {
-    const CIP = (await this.api.broker.send("get_patient_cip")) as string;
-    this.api.ecapEventManager.publish("CRONOGRAMA", "NO_TANCAR", { CIP });
-  }
-
-  scrollToClosestDate(date: Date) {
-    const selectedDate = date.getTime();
-    const timeline = this.shadowRoot.querySelector("activity-history-timeline") as ActivityHistoryTimeline;
-    timeline._scrollIntoDate(selectedDate);
-  }
-}

package/src/internal-plugins/activity-history/activity-history-item/list/UI/main-view/styles.css

@@ -1,139 +0,0 @@
-:host {
-  display: flex;
-  min-height: 1px;
-  height: 100%;
-  width: 100%;
-}
-
-.container {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  border: 1px solid rgb(189, 189, 189);
-  border-radius: var(--dss-radius-sm);
-  &[maximized] {
-    position: absolute;
-    background: white;
-    top: 0;
-    left: 0;
-    bottom: 0;
-    border: none;
-    .header-maximized-container {
-      display: flex;
-      flex-direction: column;
-      .header__maximized {
-        display: flex;
-        flex-direction: row;
-        align-items: center;
-        justify-content: space-between;
-        gap: 24px;
-        padding-top: 24px;
-        padding-bottom: 24px;
-        padding-inline: 40px;
-        .header__maximized__search {
-          flex: 1;
-          border-radius: 8px;
-          border: 1px solid rgb(189, 189, 189);
-          padding: 8px;
-          width: 300px;
-        }
-        .title {
-          color: var(--color-neutral-900);
-          font-weight: 700;
-          font-size: 20px;
-          line-height: 30px;
-          white-space: nowrap;
-        }
-        .options {
-          display: flex;
-          align-items: center;
-          color: var(--color-primary-400);
-          font-weight: 600;
-          font-size: 14px;
-          line-height: 24px;
-          cursor: pointer;
-        }
-        .header__maximized__left {
-          display: flex;
-          flex-direction: row;
-          gap: 24px;
-          align-items: center;
-          width: 100%;
-        }
-        .header__maximized__right {
-          display: flex;
-          flex-direction: row;
-          gap: 16px;
-          align-items: center;
-        }
-      }
-    }
-    .wrapper {
-      height: calc(100vh - 175px);
-      border: 1px solid rgb(189, 189, 189);
-      border-radius: var(--dss-radius-sm);
-      margin-bottom: 24px;
-      margin-inline: 40px;
-      width: calc(100% - 80px);
-    }
-  }
-  .header {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: space-between;
-    padding: 8px 12px;
-    border-bottom: 1px solid rgb(189, 189, 189);
-    gap: 16px;
-    
-    .header__left {
-      display: flex;
-      flex-direction: row;
-      align-items: center;
-      flex: 1;
-      gap: 16px;
-      .title {
-        color: var(--color-neutral-800);
-        font-weight: 700;
-        font-size: 16px;
-        line-height: 24px;
-        white-space: nowrap;
-      }
-    }
-    .header__right {
-      display: flex;
-      flex-direction: row;
-      align-items: center;
-      gap: 8px;
-      .action-icons {
-        display: flex;
-        align-items: center;
-      }
-    }
-  }
-  .wrapper {
-    display: flex;
-    flex-direction: row;
-    min-height: 1px;
-    width: 100%;
-    height: 100%;
-    &[maximized] {
-      .content {
-        width: 100%;
-        background: var(--color-neutral-50);
-        border-top-right-radius: var(--dss-radius-sm);
-        display: flex;
-        flex-direction: column;
-      }
-    }
-    
-    .content {
-      width: 100%;
-      background: var(--color-neutral-50);
-      border-bottom-right-radius: var(--dss-radius-sm);
-      overflow: hidden; 
-      display: flex;
-      flex-direction: column;
-    }
-  }
-}

package/src/internal-plugins/activity-history/activity-history-item/list/UI/main-view/template.ts

@@ -1,66 +0,0 @@
-import { html, nothing } from "lit";
-import { ActivityHistoryMain } from "./activity-history-main";
-import { ExportPdf } from "../../../export-to-pdf/request";
-import { translate } from "../../../../localization";
-
-export const template = (props: ActivityHistoryMain) =>
-  html`<div class="container" ?maximized=${props.maximized}>
-  ${
-    props.maximized
-      ? html`${headerMaximizedTemplate(props)}`
-      : html`<div class="header">
-            <div class="header__left">
-                <div class="title">${translate("activityHistory")}</div>
-                <activity-history-search-bar @onSearchChange=${props._handleSearchChange} .searchQuery=${props.searchQuery}></activity-history-search-bar>
-                <dss-datepicker dropdownFixed inputsize="md" class="date-picker" @onValueChange=${(event) => props._handleSelectDate(event.detail)}>
-                    <label slot="label" for="myDatepicker">${translate("goToDate")}</label>
-                    <input slot="input" id="myDatepicker" type="text" class="dss-input">
-                </dss-datepicker>
-            </div>
-            
-            <div class="header__right">
-                <dss-icon-button @click=${() => props._maximize()} size="md" variant="primary" icon="arrow_forward" label=${translate("actions.maximizeButton")}></dss-icon-button>
-                <div>|</div>
-                <dss-icon-button size="md" variant="primary" icon="more_vert" label=${translate("actions.menuButton")}></dss-icon-button>
-                <dss-action-menu position="bottom-start">
-                    <dss-action-menu-item lefticon="view_timeline" label=${translate("actions.cronogram")} @click=${props._raiseEcapCronogramEvent}></dss-action-menu-item>
-                    <!-- <dss-action-menu-item lefticon="file_download" label=${translate("actions.exportPdf")} @click=${() => props.api.broker.send(new ExportPdf())}></dss-action-menu-item> -->
-                    <!-- <dss-action-menu-item lefticon="info" label=${translate("actions.entryLegend")}></dss-action-menu-item> -->
-                </dss-action-menu>
-            </div>  
-        </div>`
-  } 
-        <div class="wrapper" ?maximized=${props.maximized}>
-          <activity-history-filters .wrapperMaximized=${props.maximized}></activity-history-filters>
-          <div class="content">
-            <active-filters-header></active-filters-header>
-            <activity-history-busy></activity-history-busy>
-            ${!props.isCollectionInitialState ? html`<activity-history-timeline></activity-history-timeline>` : nothing}
-          </div>  
-        </div>
-    </div>`;
-
-export const headerMaximizedTemplate = (props: ActivityHistoryMain) => html`
-    <div class="header-maximized-container">
-        <div class="header__maximized">
-            <div class="header__maximized__left">
-                <div class="title">${translate("activityHistory")}</div>
-                <activity-history-search-bar @onSearchChange=${props._handleSearchChange} .searchQuery=${props.searchQuery}></activity-history-search-bar>
-                <dss-datepicker dropdownFixed inputsize="md" class="date-picker" @onValueChange=${(event) => props._handleSelectDate(event.detail)}>
-                    <label slot="label" for="myDatepicker">${translate("goToDate")}</label>
-                    <input slot="input" id="myDatepicker" type="text" class="dss-input">
-                </dss-datepicker>
-            </div>
-            <div class="header__maximized__right">
-                <!-- <div>
-                  <dss-button variant="subtle" size="md" label="${translate("actions.moreOptions")}" icon="more_horiz" iconposition="left"></dss-button>
-                  <dss-action-menu position="bottom-start">
-                    <dss-action-menu-item @click=${() => props.api.broker.send(new ExportPdf())} lefticon="file_download" label=${translate("actions.exportPdf")}></dss-action-menu-item>
-                  </dss-action-menu>
-                </div> -->
-                <!-- <dss-button label="${translate("actions.entryLegend")}" size="md" variant="secondary"  icon="info"></dss-button> -->
-                <dss-button label="${translate("actions.cronogram")}" size="md" variant="primary" icon="view_timeline" @click=${props._raiseEcapCronogramEvent}></dss-button>
-            </div>
-        </div>
-    </div>
-`;