@uxland/primary-shell 5.6.3 → 5.6.5

package/dist/primary/shell/src/internal-plugins/activity-history/activity-history-item/add/handle-busy/is-grouping-busy/component.d.ts

@@ -0,0 +1,6 @@
+import { LitElement } from 'lit';
+
+export declare class ActivityHistoryIsGroupingBusy extends LitElement {
+    static styles: import('lit').CSSResult;
+    render(): import('lit').TemplateResult<1>;
+}

package/dist/primary/shell/src/internal-plugins/activity-history/activity-history-item/add/handle-busy/is-grouping-busy/template.d.ts

@@ -0,0 +1,3 @@
+import { ActivityHistoryIsGroupingBusy } from './component';
+
+export declare const template: (_props: ActivityHistoryIsGroupingBusy) => import('lit').TemplateResult<1>;

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

@@ -19,6 +19,7 @@ export declare class ActivityHistoryFilters extends LitElement {
     _onChangeCommonFilterValue(filterId: string, value: boolean): void;
     _onChangeCustomFilterGroupValue(filterGroupId: string, value: boolean): void;
     _onChangeCustomFilterValue(filterGroupId: string, filterId: string, optionId: string, value: boolean): void;
+    _onChangeCustomFilterAllValues(filterGroupId: string, filterId: string, values: string[]): void;
     _handleDiagnosticFilterChange(e: CustomEvent): void;
     _handleUpFilterChange(e: CustomEvent): void;
 }

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,9 @@
+export interface SetCustomFilterAllValuesPayload {
+    filterGroupId: string;
+    filterId: string;
+    values: string[];
+}
+export declare class SetCustomFilterAllValues {
+    payload: SetCustomFilterAllValuesPayload;
+    constructor(payload: SetCustomFilterAllValuesPayload);
+}

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

@@ -9,6 +9,7 @@ import { setDiagnosticFilterValuesReducer } from './diagnostic-filters/set/reduc
 import { addUpFiltersReducer } from './up-filters/add/reducer';
 import { setUpFilterValuesReducer } from './up-filters/set/reducer';
 import { resetFiltersReducer } from './reset/reducer';
+import { setCustomFilterAllValuesReducer } from './custom-filters/set-custom-filter-all-values/reducer';
 
 export declare const activityHistoryFiltersSlice: import('@reduxjs/toolkit').Slice<{
     searchString: string;
@@ -19,6 +20,7 @@ export declare const activityHistoryFiltersSlice: import('@reduxjs/toolkit').Sli
     addCustomFilters: typeof addCustomFiltersReducer;
     setCustomFilterGroupValue: typeof setCustomFilterGroupValueReducer;
     setCustomFilterValue: typeof setCustomFilterValueReducer;
+    setCustomFilterAllValues: typeof setCustomFilterAllValuesReducer;
     addDiagnosticFilters: typeof addDiagnosticFiltersReducer;
     setDiagnosticFilterValues: typeof setDiagnosticFilterValuesReducer;
     addUpFilters: typeof addUpFiltersReducer;

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

@@ -18,6 +18,11 @@ export declare const locales: {
             goToDate: string;
             busyEntriesLoading: string;
             noResults: string;
+            noData: {
+                title: string;
+                description: string;
+            };
+            isGrouping: string;
             searchBarResults: string;
             actions: {
                 cronogram: string;

package/package.json

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

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

@@ -9,14 +9,14 @@ export class AddHistoryItemHandler extends StoreBaseHandler {
   async handle(payload: AddHistoryItemPayload) {
     try {
       ensureAreValidBasicActivityHistoryItems([payload.item]);
+      handleAddDiagnosticsFilter([payload.item], this.store);
+      handleAddUpFilter([payload.item], this.store);
       this.store.dispatch(
         addActivityHistoryItem({
           id: payload.entityId,
           item: payload.item,
         }),
       );
-      handleAddDiagnosticsFilter([payload.item], this.store);
-      handleAddUpFilter([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

@@ -9,6 +9,8 @@ export class AddHistoryItemsHandler extends StoreBaseHandler {
   async handle(payload: AddHistoryItemsPayload) {
     try {
       const validItems = validateAndFilterBasicItems(payload.items);
+      handleAddDiagnosticsFilter(validItems, this.store);
+      handleAddUpFilter(validItems, this.store);
       this.store.dispatch(
         addActivityHistoryItems({
           id: payload.entityId,
@@ -17,8 +19,6 @@ export class AddHistoryItemsHandler extends StoreBaseHandler {
           searchPredicate: payload.searchPredicate,
         }),
       );
-      handleAddDiagnosticsFilter(validItems, this.store);
-      handleAddUpFilter(validItems, this.store);
     } catch (e) {
       console.log(e.message);
     }

package/src/internal-plugins/activity-history/activity-history-item/add/handle-busy/is-grouping-busy/component.ts

@@ -0,0 +1,15 @@
+import { LitElement, html, css, unsafeCSS } from "lit";
+import { customElement } from "lit/decorators.js";
+import styles from "./styles.css?inline";
+import { template } from "./template";
+
+@customElement("activity-history-is-grouping-busy")
+export class ActivityHistoryIsGroupingBusy extends LitElement {
+  static styles = css`
+    ${unsafeCSS(styles)}
+  `;
+
+  render() {
+    return template(this);
+  }
+} 

package/src/internal-plugins/activity-history/activity-history-item/add/handle-busy/is-grouping-busy/styles.css

@@ -0,0 +1,8 @@
+.grouping-busy-container {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 24px;
+  justify-content: center;
+  padding-top:16px
+}

package/src/internal-plugins/activity-history/activity-history-item/add/handle-busy/is-grouping-busy/template.ts

@@ -0,0 +1,10 @@
+import { html } from "lit";
+import { ActivityHistoryIsGroupingBusy } from "./component";
+import { translate } from "../../../../localization";
+
+export const template = (_props: ActivityHistoryIsGroupingBusy) => html`
+  <div class="grouping-busy-container">
+    <dss-spinner size="sm"></dss-spinner>
+    <div>${translate("isGrouping")}</div>
+  </div>
+`;

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

@@ -21,6 +21,7 @@ import { diagnosticFilterEnabledValuesSelector, diagnosticFilterSelector } from
 import { SetDiagnosticFiltersCommand } from "../../diagnostic-filters/set/request";
 import { upFilterEnabledValuesSelector, upFilterSelector } from "../../up-filters/selectors";
 import { SetUpFiltersCommand } from "../../up-filters/set/request";
+import { SetCustomFilterAllValues } from "../../custom-filters/set-custom-filter-all-values/request";
 
 //@ts-ignore
 @customElement("activity-history-filters")
@@ -89,6 +90,16 @@ export class ActivityHistoryFilters extends LitElement {
     );
   }
 
+  _onChangeCustomFilterAllValues(filterGroupId: string, filterId: string, values: string[]) {
+    this.api.broker.send(
+      new SetCustomFilterAllValues({
+        filterGroupId,
+        filterId,
+        values: values,
+      }),
+    );
+  }
+
   _handleDiagnosticFilterChange(e: CustomEvent) {
     const selectedValues = e.detail.selectedValue;
     this.api.broker.send(new SetDiagnosticFiltersCommand(selectedValues));

package/src/internal-plugins/activity-history/activity-history-item/filter/UI/activity-history-filters/template.ts

@@ -118,7 +118,7 @@ const customFilterTemplate = (
         type="default"
         .elements=${elements}
         @onInputDropdownChange=${(e) =>
-          props._onChangeCustomFilterValue(group.id, filter.id, e.detail.selectedValue[e.detail.selectedValue.length-1], true)
+          props._onChangeCustomFilterAllValues(group.id, filter.id, e.detail.selectedValue)
         }
         .selectedValue=${filter.enabledValues}
         selectorStyle="max-height: 450px"

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

@@ -15,12 +15,14 @@ import { bootstrapSetDiagnosticFilter, teardownSetDiagnosticFilter } from "./dia
 import { bootstrapAddUpFilter, teardownAddUpFilter } from "./up-filters/add/bootstrapper";
 import { bootstrapSetUpFilter, teardownSetUpFilter } from "./up-filters/set/bootstrapper";
 import { bootstrapResetFilters, teardownResetFilters } from "./reset/bootstrapper";
+import { bootstrapSetCustomFilterAllValues, teardownSetCustomFilterAllValues } from "./custom-filters/set-custom-filter-all-values/bootstrapper";
 
 export const bootstrapFilters = (broker: BrokerExtensions) => {
   bootstrapSetCommonFilter(broker);
   bootstrapAddCustomFilter(broker);
   bootstrapSetCustomFilterGroup(broker);
   bootstrapSetCustomFilterValue(broker);
+  bootstrapSetCustomFilterAllValues(broker);
   bootstrapAddDiagnosticFilter(broker);
   bootstrapSetDiagnosticFilter(broker);
   bootstrapAddUpFilter(broker);
@@ -33,6 +35,7 @@ export const teardownFilters = () => {
   teardownAddCustomFilter();
   teardownSetCustomFilterGroup();
   teardownSetCustomFilterValue();
+  teardownSetCustomFilterAllValues();
   teardownAddDiagnosticFilter();
   teardownSetDiagnosticFilter();
   teardownAddUpFilter();

package/src/internal-plugins/activity-history/activity-history-item/filter/custom-filters/set-custom-filter-all-values/actions.ts

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

package/src/internal-plugins/activity-history/activity-history-item/filter/custom-filters/set-custom-filter-all-values/bootstrapper.ts

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

package/src/internal-plugins/activity-history/activity-history-item/filter/custom-filters/set-custom-filter-all-values/handler.ts

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

package/src/internal-plugins/activity-history/activity-history-item/filter/custom-filters/set-custom-filter-all-values/reducer.ts

@@ -0,0 +1,21 @@
+import { PayloadAction } from "@reduxjs/toolkit";
+import { SetCustomFilterAllValuesPayload } from "./request";
+
+export function setCustomFilterAllValuesReducer(
+  state,
+  action: PayloadAction<SetCustomFilterAllValuesPayload>,
+) {
+  state.filters = state.filters.map((f) => {
+    if (f.id === action.payload.filterGroupId) {
+      return {
+        ...f,
+        filters: f.filters.map((ff) =>
+          ff.id === action.payload.filterId
+            ?  { ...ff, enabledValues: action.payload.values }
+            : ff,
+        ),
+      };
+    }
+    return f;
+  });
+}

package/src/internal-plugins/activity-history/activity-history-item/filter/custom-filters/set-custom-filter-all-values/request.ts

@@ -0,0 +1,9 @@
+export interface SetCustomFilterAllValuesPayload {
+  filterGroupId: string;
+  filterId: string;
+  values: string[];
+}
+
+export class SetCustomFilterAllValues {
+  constructor(public payload: SetCustomFilterAllValuesPayload) {}
+}

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

@@ -1,6 +1,6 @@
 import { PayloadAction } from "@reduxjs/toolkit";
 import { SetCustomFilterValuePayload } from "./request";
-import { IActivityHistoryCustomFilter, IActivityHistoryCustomFilterGroup } from "../../model";
+import { IActivityHistoryCustomFilter } from "../../model";
 
 export function setCustomFilterValueReducer(
   state,

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

@@ -11,6 +11,7 @@ import { setDiagnosticFilterValuesReducer } from "./diagnostic-filters/set/reduc
 import { addUpFiltersReducer } from "./up-filters/add/reducer";
 import { setUpFilterValuesReducer } from "./up-filters/set/reducer";
 import { resetFiltersReducer } from "./reset/reducer";
+import { setCustomFilterAllValuesReducer } from "./custom-filters/set-custom-filter-all-values/reducer";
 
 export const activityHistoryFiltersSlice = createSlice({
   name: "activity-history-filters",
@@ -24,6 +25,7 @@ export const activityHistoryFiltersSlice = createSlice({
     addCustomFilters: addCustomFiltersReducer,
     setCustomFilterGroupValue: setCustomFilterGroupValueReducer,
     setCustomFilterValue: setCustomFilterValueReducer,
+    setCustomFilterAllValues: setCustomFilterAllValuesReducer,
     addDiagnosticFilters: addDiagnosticFiltersReducer,
     setDiagnosticFilterValues: setDiagnosticFilterValuesReducer,
     addUpFilters: addUpFiltersReducer,

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

@@ -1,5 +1,5 @@
 import { LitElement, PropertyValues, css, html, unsafeCSS } from "lit";
-import { customElement, query } from "lit/decorators.js";
+import { customElement, query, state } from "lit/decorators.js";
 import { connectedProperty } from "../../../../infrastructure/state/connected-property";
 import { IActivityHistoryGroup } from "../../../domain/model";
 import { activityHistorySearchStringSelector } from "../../../search/selectors";
@@ -52,11 +52,18 @@ export class ActivityHistoryTimeline extends LitElement {
 
   @query(".virtualizer") private _virtualizer!: HTMLElement;
 
-  _hasUpdatedOnce = false;
+  @state()
+  renderGroupsControlTimeExpired = false;
 
-  firstUpdated(_changeProps: PropertyValues) {
-    super.firstUpdated(_changeProps);
-    this._hasUpdatedOnce = true;
+  connectedCallback(): void {
+    super.connectedCallback();
+    setTimeout(() => {
+      this.renderGroupsControlTimeExpired = true;
+    }, 8000);
+  }
+
+  disconnectedCallback(): void {
+    super.disconnectedCallback();
   }
 
   async updated(changedProperties) {

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

@@ -9,7 +9,6 @@ import {
   IActivityHistoryGroup,
   IActivityHistoryItem,
   IActivityHistoryItemWithComponent,
-  IActivityHistorySubGroup,
 } from "../../../domain/model";
 import { translate } from "../../../../localization";
 import { hasItemDivider, shouldShowRole } from "../../../domain/business-rules";
@@ -17,11 +16,9 @@ import {
   ActivityHistoryEntry,
   mergeHistoryItemsAndSubgroups,
 } from "../../merge-history-items-and-subgroups/merge-history-items-and-subgroups";
+import "../../../add/handle-busy/is-grouping-busy/component";
 
 export const template = (props: ActivityHistoryTimeline) => {
-  if (!props._hasUpdatedOnce) {
-    return html`<div class="container"></div>`;
-  }
   return html`
     <div class="container">
       <activity-history-full-data-error></activity-history-full-data-error>
@@ -78,20 +75,30 @@ export const template = (props: ActivityHistoryTimeline) => {
               `}
             ></lit-virtualizer>
           `
-          : !props.isCollectionInitialState && !props.isSomeCollectionLoadedAndOtherLoading
-            ? html`
-              <dss-user-feedback
-                class="feedback"
-                imagesrc=${notFound}
-                title=${translate("noResults")}>
-              </dss-user-feedback>
-            `
-            : nothing
+          : noGroupsTemplate(props)
       }
     </div>
   `;
 };
 
+const noGroupsTemplate = (props: ActivityHistoryTimeline)=> html `
+${props.searchString?.length > 1
+      ? html`
+          <dss-user-feedback
+            class="feedback"
+            imagesrc=${notFound}
+            title=${translate("noResults")}>
+          </dss-user-feedback>
+        `
+      : props.renderGroupsControlTimeExpired
+      ? html`<dss-user-feedback
+            class="feedback"
+            imagesrc=${notFound}
+            title=${translate("noData.title")}
+            description=${translate("noData.description")}>
+          </dss-user-feedback>`
+      : html`<activity-history-is-grouping-busy></activity-history-is-grouping-busy>`}`;
+
 const visitHeaderTemplate = (props: ActivityHistoryTimeline, item: IActivityHistoryItem | undefined) => {
   if (!item) return nothing;
   return html`  

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

@@ -32,6 +32,11 @@ export const locales = {
       goToDate: "Anar a data",
       busyEntriesLoading: "Carregant totes les entrades",
       noResults: "Sense resultats. Modifica la cerca",
+      noData: {
+        title: "Sense dades",
+        description: "No existeix informació per a mostrar"
+      },
+      isGrouping: "Creant agrupacions i preparant les dades...",
       searchBarResults: "Resultats per",
       actions: {
         cronogram: "Cronograma",