@uxland/primary-shell 5.4.5 → 5.4.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxland/primary-shell",
-  "version": "5.4.5",
+  "version": "5.4.7",
   "description": "Primaria Shell",
   "author": "UXLand <dev@uxland.es>",
   "homepage": "https://github.com/uxland/harmonix/tree/app#readme",
@@ -31,7 +31,7 @@
   "devDependencies": {
     "@primaria/plugins-core": "^1.0.14",
     "@reduxjs/toolkit": "^2.6.1",
-    "@salut/design-system-salut": "../../design-system-salut-2.5.0.tgz",
+    "@salut/design-system-salut": "../../design-system-salut-2.5.1.tgz",
     "@types/react": "^19.0.12",
     "@uxland/lit-utilities": "^1.0.0",
     "@uxland/localization": "^1.0.3",

package/src/UI/components/bootstrapper.ts

@@ -5,6 +5,8 @@ import { QuickActionsMenu } from "./quick-actions-menu/quick-actions-menu";
 import { PrimariaShellHeader } from "./primaria-shell/shell-header/shell-header";
 import { PocEventsEcap } from "./poc-events-ecap/poc-events-ecap";
 import { FinalizeVisitButton } from "../../features/visit/finalize-visit/component/finalize-visit-button";
+import { PrimariaAccordion } from "./primaria-accordion/primaria-accordion";
+import { CommunicationActionMenu } from "./communication-action-menu/communication-action-menu";
 
 export const useComponents = () => {
   //@ts-ignore
@@ -14,6 +16,8 @@ export const useComponents = () => {
   customElement("primaria-error-view")(PrimariaErrorView);
   customElement("quick-actions-menu")(QuickActionsMenu);
   customElement("finalize-visit-button")(FinalizeVisitButton);
+  customElement("communication-action-menu")(CommunicationActionMenu);
   //@ts-ignore
   customElement("poc-events-ecap")(PocEventsEcap);
+  customElement("primaria-accordion")(PrimariaAccordion);
 };

package/src/UI/components/communication-action-menu/communication-action-menu.ts

@@ -0,0 +1,48 @@
+import { LitElement, html, css, unsafeCSS, PropertyValues } from "lit";
+import { template } from "./template";
+import { property, state } from "lit/decorators.js";
+import { shellRegions } from "../../../api/region-manager/regions";
+import { IRegion, region } from "@uxland/regions";
+import { PrimariaRegionHost } from "../../../api/api";
+import styles from "./styles.css?inline";
+
+export class CommunicationActionMenu extends PrimariaRegionHost(LitElement) {
+  constructor(icon: string, label: string) {
+    super();
+    this.icon = icon;
+    this.label = label;
+  }
+
+  @state() showText = false;
+
+  @region({ targetId: "communication-sidenav-region-container", name: shellRegions.communicationSidenav })
+  comminucationSidenavRegion: IRegion | undefined;
+
+  static styles = css`
+    ${unsafeCSS(styles)}
+  `;
+
+  firstUpdated(_changedProps: PropertyValues<CommunicationActionMenu>) {
+    super.firstUpdated(_changedProps);
+    this.observeHostResize();
+  }
+
+  observeHostResize() {
+    const parentElement = this.parentElement;
+    const observer = new ResizeObserver((entries) => {
+      for (const entry of entries) {
+        const width = entry.target.clientWidth;
+        this.showText = width > 100;
+      }
+    });
+
+    observer.observe(parentElement as HTMLElement);
+  }
+
+  render() {
+    return html`${template(this)}`;
+  }
+
+  @property({ type: String }) icon = "";
+  @property({ type: String }) label = "";
+}

package/src/UI/components/communication-action-menu/styles.css

@@ -0,0 +1,25 @@
+.item {
+  display: flex;
+  cursor: pointer;
+  border-radius: 8px;
+  padding: 8px;
+  justify-content: center;
+  transition: background-color 0.3s ease;
+  &[expanded] {
+    justify-content: space-between;
+  }
+  &:hover {
+    background-color: var(--color-primary-900);
+    color: white;
+  }
+  .icon-label {
+    display: flex;
+    gap: 8px;
+    transition: background-color 0.3s;
+  }
+}
+
+.item.active{
+  outline: 2px solid white;
+  outline-offset: -2px;
+}

package/src/UI/components/communication-action-menu/template.ts

@@ -0,0 +1,23 @@
+import { html, nothing } from "lit";
+import { CommunicationActionMenu } from "./communication-action-menu";
+
+export const template = (props: CommunicationActionMenu) => {
+  return html`
+    <div class="item" ?expanded=${props.showText}>
+      <div class="icon-label">
+        <dss-icon icon=${props.icon} size="md"></dss-icon>
+        ${props.showText ? html`<span>${props.label}</span>` : ""}
+        ${
+          !props.showText
+            ? html`
+          <dss-tooltip position="right">
+            ${props.label}
+          </dss-tooltip>`
+            : nothing
+        }
+        <dss-action-menu id="communication-sidenav-region-container" slot="content" >
+        </dss-action-menu>
+      </div>
+    </div>
+  `;
+};

package/src/UI/components/primaria-accordion/primaria-accordion.ts

@@ -0,0 +1,46 @@
+import { LitElement, html, css } from "lit";
+import { property } from "lit/decorators.js";
+
+export class PrimariaAccordion extends LitElement {
+  @property({ type: Boolean })
+  isOpen;
+
+  static styles = css`
+    :host {
+      display: block;
+    }
+
+    .content {
+      overflow: hidden;
+      max-height: 0;
+    }
+
+    .content.open {
+      margin-top: 8px;
+      max-height: unset; 
+    }
+
+    .title {
+      cursor: pointer;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+    }
+  `;
+
+  toggle() {
+    this.isOpen = !this.isOpen;
+  }
+
+  render() {
+    return html`
+    <div class="title" @click=${this.toggle}>
+      <slot name="title"></slot>
+      <dss-icon-button size="md" variant="primary" icon=${this.isOpen ? "keyboard_arrow_up" : "keyboard_arrow_down"}></dss-icon-button>
+    </div>
+    <div class="content ${this.isOpen ? "open" : ""}">
+      <slot name="content"></slot>
+    </div>
+    `;
+  }
+}

package/src/UI/components/primaria-shell/styles.css

@@ -62,11 +62,21 @@
     /*Temporary scrollbar*/
     #menu-region-container {
       overflow-y: auto;
-      margin-right: -10px; 
-      padding-right: 10px; 
-      scrollbar-color: var(--color-primary-900) var(--color-primary-700);
+      margin-right: -14px; 
+      padding-right: 14px; 
+      scrollbar-color: var(--color-primary-800) var(--color-primary-700);
       scrollbar-width: thin;
     }
+    #menu-region-container::-webkit-scrollbar {
+      width: 6px; 
+    }
+    #menu-region-container::-webkit-scrollbar-track {
+      background: var(--color-primary-700);
+    }
+    #menu-region-container::-webkit-scrollbar-thumb {
+      background-color: var(--color-primary-400);
+      border-radius: 4px;
+    }
     /**/
 
     .bottom-content {
@@ -80,9 +90,6 @@
         gap: 4px;
       }
     }
-    #quick-actions-region-container {
-      width: 100%;
-    }
     &[expanded] {
       width: 252px;
       align-items: flex-start;

package/src/UI/internal-views/handle-views.ts

@@ -1,6 +1,6 @@
 import { registerPDFVisorMainView } from "../../api/pdf-viewer-manager/handle-views";
 import { registerLowerNavMenuViews } from "./lower-nav-menu-views";
-import { registerUpperNavMenuViews } from "./upper-nav-views";
+import { registerCommunicationMenuActions, registerCommunicationNavMenuItem, registerUpperNavMenuViews } from "./upper-nav-views";
 
 const registerMainViews = () => {
   registerPDFVisorMainView();
@@ -8,6 +8,9 @@ const registerMainViews = () => {
 
 export const useInternalViews = () => {
   registerMainViews();
+  registerCommunicationNavMenuItem();
   registerUpperNavMenuViews();
   registerLowerNavMenuViews();
+
+  registerCommunicationMenuActions();
 };

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

@@ -3,6 +3,8 @@ import { shellRegions } from "../../api/region-manager/regions";
 import { ExitShell } from "../../features/exit/request";
 import { getPatientCip } from "../../features/get-patient-cip/action";
 import { navigateToEcapWithoutClosingWithCip } from "../../features/navigate-to-ecap/navigate-without-closing-and-with-cip";
+import { CommunicationActionMenu } from "../components/communication-action-menu/communication-action-menu";
+import { QuickActionItem } from "../shared-components/quick-action-item/quick-action-item";
 import { PrimariaNavItem } from "../shared-components/primaria-nav-item/primaria-nav-item";
 import { PrimariaNavTreeMenu } from "../shared-components/primaria-nav-tree-menu/primaria-nav-tree-menu";
 
@@ -43,7 +45,7 @@ const upperNavMenuItems: MenuItemConfig[] = [
     label: "Monitoratge dinàmic",
     type: "item",
     sortHint: "0030",
-    callbackFn: () => navigateToEcapWithoutClosingWithCip("SIA_DEV"),
+    callbackFn: () => navigateToEcapWithoutClosingWithCip("IA_DEV"),
   },
   {
     id: "processes",
@@ -80,7 +82,7 @@ const upperNavMenuItems: MenuItemConfig[] = [
       {
         icon: "open_in_new",
         label: "Valoració social",
-        callbackFn: () => {},
+        callbackFn: () => navigateToEcapWithoutClosingWithCip("VALORACIO_SOCIAL"),
       },
     ],
   },
@@ -166,7 +168,7 @@ const upperNavMenuItems: MenuItemConfig[] = [
       {
         icon: "open_in_new",
         label: "Prescripció",
-        callbackFn: () => navigateToEcapWithoutClosingWithCip("PRESCIPCIO_ACTIVA"),
+        callbackFn: () => navigateToEcapWithoutClosingWithCip("PRESCRIPCIO_ACTIVA"),
       },
       {
         icon: "open_in_new",
@@ -201,34 +203,6 @@ const upperNavMenuItems: MenuItemConfig[] = [
     sortHint: "0100",
     callbackFn: () => navigateToEcapWithoutClosingWithCip("REV_IT"),
   },
-  {
-    id: "communication",
-    icon: "3p",
-    label: "Comunicació",
-    type: "tree",
-    sortHint: "0120",
-    actionMenuItems: [
-      {
-        icon: "open_in_new",
-        label: "SMS",
-        callbackFn: async () => {
-          const CIP = await getPatientCip(shellApi);
-          shellApi.ecapEventManager.publish("MISSATGES_DEV", "NO_TANCAR", {
-            CIP: CIP || "",
-            TipusMissatge: "SMS",
-          });
-        },
-      },
-      { icon: "open_in_new", label: "eConsulta", callbackFn: () => {} },
-      { icon: "open_in_new", label: "Mail", callbackFn: () => {} },
-      {
-        icon: "open_in_new",
-        label: "Veu IP",
-        callbackFn: () => navigateToEcapWithoutClosingWithCip("VOIP"),
-      },
-      { icon: "open_in_new", label: "Videoconsulta", callbackFn: () => {} },
-    ],
-  },
   {
     id: "visits",
     icon: "event",
@@ -271,3 +245,59 @@ export const registerUpperNavMenuViews = () => {
     });
   }
 };
+
+export const registerCommunicationNavMenuItem = () => {
+  shellApi.regionManager.registerView(shellRegions.navigationMenu, {
+    id: "communication",
+    sortHint: "0120",
+    factory: () => {
+      const menuItem = new CommunicationActionMenu("3p", "Comunicació");
+
+      return Promise.resolve(menuItem);
+    },
+  });
+};
+
+export const registerCommunicationMenuActions = () => {
+  const communicationItems = [
+    {
+      id: "1",
+      sortHint: "0010",
+      icon: "open_in_new",
+      label: "SMS",
+      callbackFn: async () => {
+        const CIP = await getPatientCip(shellApi);
+        shellApi.ecapEventManager.publish("MISSATGES_DEV", "NO_TANCAR", {
+          CIP: CIP || "",
+          TipusMissatge: "SMS",
+        });
+      },
+    },
+    { id: "2", sortHint: "0020", icon: "open_in_new", label: "eConsulta", callbackFn: () => {} },
+    { id: "3", icon: "open_in_new", label: "Mail", callbackFn: () => {} },
+    {
+      id: "4",
+      sortHint: "0030",
+      icon: "open_in_new",
+      label: "Veu IP",
+      callbackFn: () => navigateToEcapWithoutClosingWithCip("VOIP"),
+    },
+    { id: "5", sortHint: "0040", icon: "open_in_new", label: "Videoconsulta", callbackFn: () => {} },
+  ];
+  for (const item of communicationItems) {
+    shellApi.regionManager.registerView(shellRegions.communicationSidenav, {
+      id: item.id,
+      sortHint: item.sortHint,
+      factory: () => {
+        const menuItem = new PrimariaNavItem({
+          icon: item.icon,
+          label: item.label,
+          callbackFn: item.callbackFn,
+        });
+
+        const menuTest = new QuickActionItem(item.icon, item.label, item.callbackFn);
+        return Promise.resolve(menuTest);
+      },
+    });
+  }
+};

package/src/UI/shared-components/quick-action-item/quick-action-item.ts

@@ -0,0 +1,21 @@
+import { LitElement, html } from "lit";
+import { template } from "./template";
+import { customElement, property } from "lit/decorators.js";
+
+@customElement("quick-action-item")
+export class QuickActionItem extends LitElement {
+  constructor(icon: string, label: string, callbackFn: () => void) {
+    super();
+    this.icon = icon;
+    this.label = label;
+    this.callbackFn = callbackFn;
+  }
+
+  render() {
+    return html`${template(this)}`;
+  }
+
+  @property({ type: String }) icon = "";
+  @property({ type: String }) label = "";
+  @property({ attribute: false }) callbackFn = () => {};
+}

package/src/UI/shared-components/quick-action-item/template.ts

@@ -0,0 +1,8 @@
+import { html } from "lit";
+import { QuickActionItem } from "./quick-action-item";
+
+export const template = (props: QuickActionItem) => {
+  return html`
+    <dss-action-menu-item @click=${props.callbackFn} notificationsstate="error" rightIcon=${props.icon} label=${props.label}></dss-action-menu-item>
+  `;
+};

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

@@ -28,11 +28,7 @@ class RegionManagerProxy implements PrimariaRegionManager {
    * @return {Promise<void>} A promise that resolves when the view is successfully registered.
    */
   registerView(regionName: string, view: HarmonixViewDefinition): Promise<void> {
-    this.regionManager.registerViewWithRegion(
-      regionName,
-      `${this.pluginInfo.pluginId}::${view.id}`,
-      view,
-    );
+    this.regionManager.registerViewWithRegion(regionName, `${this.pluginInfo.pluginId}::${view.id}`, view);
     return Promise.resolve();
   }
   /**
@@ -101,44 +97,30 @@ class RegionManagerProxy implements PrimariaRegionManager {
     return Promise.resolve(region?.isViewActive(`${this.pluginInfo.pluginId}::${viewId}`));
   }
   registerQuickAction(view: HarmonixViewDefinition): Promise<void> {
-    this.regionManager.registerViewWithRegion(
-      shellRegions.quickActions,
-      `${this.pluginInfo.pluginId}::${view.id}`,
-      view,
-    );
+    this.regionManager.registerViewWithRegion(shellRegions.quickActions, `${this.pluginInfo.pluginId}::${view.id}`, view);
     return Promise.resolve();
   }
   registerNavigationMenu(view: HarmonixViewDefinition): Promise<void> {
-    this.regionManager.registerViewWithRegion(
-      shellRegions.navigationMenu,
-      `${this.pluginInfo.pluginId}::${view.id}`,
-      view,
-    );
+    this.regionManager.registerViewWithRegion(shellRegions.navigationMenu, `${this.pluginInfo.pluginId}::${view.id}`, view);
     return Promise.resolve();
   }
   registerMainView(view: HarmonixViewDefinition): Promise<void> {
-    this.regionManager.registerViewWithRegion(
-      shellRegions.main,
-      `${this.pluginInfo.pluginId}::${view.id}`,
-      view,
-    );
+    this.regionManager.registerViewWithRegion(shellRegions.main, `${this.pluginInfo.pluginId}::${view.id}`, view);
     return Promise.resolve();
   }
   activateMainView(viewId: string): Promise<void> {
-    this.regionManager
-      .getRegion(shellRegions.main)
-      .activate(`${this.pluginInfo.pluginId}::${viewId}`);
+    this.regionManager.getRegion(shellRegions.main).activate(`${this.pluginInfo.pluginId}::${viewId}`);
     this._notifyMainViewChanged(viewId);
     return Promise.resolve();
   }
 
   getCurrentMainViewActive() {
-    const mainView = this.regionManager.getRegion(shellRegions.main)
-      .currentActiveViews[0] as HarmonixViewDefinition;
+    const mainView = this.regionManager.getRegion(shellRegions.main).currentActiveViews[0] as HarmonixViewDefinition;
     return mainView?.id;
   }
 
   _notifyMainViewChanged(viewId: string) {
+    console.log(viewId);
     this.broker.publish(shellEvents.mainViewChanged, { viewId });
   }
 

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

@@ -6,6 +6,7 @@ export const shellRegions = {
   navigationLowerLeftMenu: "navigation-lower-left-menu",
   quickActions: "quick-actions-region",
   floating: "floating-region",
+  communicationSidenav: "communication-sidenav-region",
 };
 
 export const clinicalMonitoringRegions = {

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

@@ -8,15 +8,13 @@ import { template } from "./template";
 import styles from "./styles.css?inline";
 import { activeGroupsWithEnabledFilters } from "../../custom-filters/selectors";
 import { SetCustomFilterValue } from "../../custom-filters/set-custom-filter-value/request";
-import {
-  IActivityHistoryCustomFilterGroup,
-  IActivityHistoryDiagnosticsFilter,
-  IActivityHistoryFilter,
-} from "../../model";
+import { IActivityHistoryCustomFilterGroup, IActivityHistoryDiagnosticsFilter, IActivityHistoryFilter } from "../../model";
 import { activityHistoryEnabledCommonFiltersSelector } from "../../common-filters/selectors";
 import { SetCommonFilter } from "../../common-filters/set-common-filter/request";
 import { diagnosticFilterSelector } from "../../diagnostic-filters/selectors";
 import { SetDiagnosticFiltersCommand } from "../../diagnostic-filters/set/request";
+import { ResetCommonFilter } from "../../common-filters/reset-common-filter/request";
+import { ResetCustomFilter } from "../../custom-filters/reset-custom-filter/request";
 
 //@ts-ignore
 @customElement("active-filters-badges")
@@ -65,4 +63,10 @@ export class ActiveFiltersBadges extends LitElement {
       ]),
     );
   }
+
+  resetFilters() {
+    this.api.broker.send(new SetDiagnosticFiltersCommand([]));
+    this.api.broker.send(new ResetCommonFilter());
+    this.api.broker.send(new ResetCustomFilter());
+  }
 }

package/src/internal-plugins/activity-history/activity-history-item/filter/UI/active-filters-badges/styles.css

@@ -1,3 +1,8 @@
+:host{
+  display: flex;
+  justify-content: space-between;
+}
+
 .filters-container{
   display: flex;
   gap: var(--dss-spacing-md);
@@ -9,6 +14,7 @@
 
 .filter-groups{
   display: flex;
+  flex-wrap: wrap;
   gap: var(--dss-spacing-xs);
 }
 
@@ -19,6 +25,14 @@
   font-weight: 600;
 }
 
+.clean-filters{
+  display: flex;
+
+  .separator{
+    padding: 0 8px;
+  }
+}
+
 .popover-content {
   box-sizing: border-box;
   display: flex;

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

@@ -147,5 +147,9 @@ export const template = (props: ActiveFiltersBadges) => {
       }
     </div>
   </div>
+  <div class="clean-filters">
+    <div class="separator">|</div>
+    <dss-button variant="secondary" size="sm" label=${translate("chipHeader.cleanFilters")} icon="cleaning_services" @click=${props.resetFilters}></dss-button>
+  </div>
   `;
 };

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

@@ -50,6 +50,7 @@
       .custom-filter-content{
         display: flex;
         flex-direction: column;
+        gap: 8px;
       }
     }
 }

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

@@ -42,14 +42,10 @@ const getFilterTemplate = (
   };
 
   const isSelected =
-    isCustom && option
-      ? (filter as IActivityHistoryCustomFilter).enabledValues?.includes(option.id)
-      : filter.enabled;
+    isCustom && option ? (filter as IActivityHistoryCustomFilter).enabledValues?.includes(option.id) : filter.enabled;
 
   const isEnabled =
-    (isCustom && option) || filter.singleOption
-      ? (filterGroup as IActivityHistoryCustomFilterGroup).enabled
-      : true;
+    (isCustom && option) || filter.singleOption ? (filterGroup as IActivityHistoryCustomFilterGroup).enabled : true;
 
   return filterTemplates[filter.type]?.(id, title, handleChange, isSelected, isEnabled) || html``;
 };
@@ -81,9 +77,7 @@ export const template = (props: ActivityHistoryFilters) =>
                     </dss-input-switch>
                     ${
                       group?.filters &&
-                      repeat(group.filters, (filter: IActivityHistoryCustomFilter) =>
-                        customFilterTemplate(filter, props, group),
-                      )
+                      repeat(group.filters, (filter: IActivityHistoryCustomFilter) => customFilterTemplate(filter, props, group))
                     }
                   </div> `,
                   )}
@@ -103,9 +97,11 @@ const customFilterTemplate = (
       ${
         filter.singleOption
           ? getFilterTemplate(filter, props._onChangeCustomFilterValue.bind(props), group)
-          : html`<div class="custom-filter-title">${filter.title}</div>
-                <div class="custom-filter-content">${repeat(filter.options, (option) => html`${getFilterTemplate(filter, props._onChangeCustomFilterValue.bind(props), group, option)}`)}</div>`
+          : html`
+          <primaria-accordion isOpen=${true}>
+            <div class="custom-filter-title" slot="title">${filter.title}</div>
+            <div class="custom-filter-content" slot="content">${repeat(filter.options, (option) => html`${getFilterTemplate(filter, props._onChangeCustomFilterValue.bind(props), group, option)}`)}</div>
+          </primaria-accordion>`
       }
-      
     </div>
   `;

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

@@ -1,13 +1,7 @@
 import { BrokerExtensions } from "@primaria/plugins-core";
 import "../../activity-history-item/filter/UI/activity-history-filters/activity-history-filters";
-import {
-  bootstrapSetCommonFilter,
-  teardownSetCommonFilter,
-} from "./common-filters/set-common-filter/bootstrapper";
-import {
-  bootstrapAddCustomFilter,
-  teardownAddCustomFilter,
-} from "./custom-filters/add-custom-filters/bootstrapper";
+import { bootstrapSetCommonFilter, teardownSetCommonFilter } from "./common-filters/set-common-filter/bootstrapper";
+import { bootstrapAddCustomFilter, teardownAddCustomFilter } from "./custom-filters/add-custom-filters/bootstrapper";
 import {
   bootstrapSetCustomFilterGroup,
   teardownSetCustomFilterGroup,
@@ -16,14 +10,10 @@ import {
   bootstrapSetCustomFilterValue,
   teardownSetCustomFilterValue,
 } from "./custom-filters/set-custom-filter-value/bootstrapper";
-import {
-  bootstrapAddDiagnosticFilter,
-  teardownAddDiagnosticFilter,
-} from "./diagnostic-filters/add/bootstrapper";
-import {
-  bootstrapSetDiagnosticFilter,
-  teardownSetDiagnosticFilter,
-} from "./diagnostic-filters/set/bootstrapper";
+import { bootstrapAddDiagnosticFilter, teardownAddDiagnosticFilter } from "./diagnostic-filters/add/bootstrapper";
+import { bootstrapSetDiagnosticFilter, teardownSetDiagnosticFilter } from "./diagnostic-filters/set/bootstrapper";
+import { bootstrapResetCommonFilter, teardownResetCommonFilter } from "./common-filters/reset-common-filter/bootstrapper";
+import { bootstrapResetCustomFilter, teardownResetCustomFilter } from "./custom-filters/reset-custom-filter/bootstrapper";
 
 export const bootstrapFilters = (broker: BrokerExtensions) => {
   bootstrapSetCommonFilter(broker);
@@ -32,6 +22,8 @@ export const bootstrapFilters = (broker: BrokerExtensions) => {
   bootstrapSetCustomFilterValue(broker);
   bootstrapAddDiagnosticFilter(broker);
   bootstrapSetDiagnosticFilter(broker);
+  bootstrapResetCommonFilter(broker);
+  bootstrapResetCustomFilter(broker);
 };
 
 export const teardownFilters = () => {
@@ -41,4 +33,6 @@ export const teardownFilters = () => {
   teardownSetCustomFilterValue();
   teardownAddDiagnosticFilter();
   teardownSetDiagnosticFilter();
+  teardownResetCommonFilter();
+  teardownResetCustomFilter();
 };

package/src/internal-plugins/activity-history/activity-history-item/filter/common-filters/reset-common-filter/actions.ts

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

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

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