@uxland/primary-shell 7.33.1 → 7.33.3

package/dist/primary/shell/src/UI/components/nav-divider/template.d.ts

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

package/dist/primary/shell/src/UI/internal-views/common-nav-menu.d.ts

@@ -33,3 +33,4 @@ export declare const commonNavMenuItems: {
 }[];
 export declare const registerNavMenuViews: (views: MenuItemConfig[]) => void;
 export declare const registerCommunicationNavMenu: () => void;
+export declare const registerNavMenuDivider: () => void;

package/package.json

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

package/src/UI/components/nav-divider/nav-divider.ts

@@ -0,0 +1,41 @@
+import { regionView } from "@uxland/regions";
+import { LitElement, PropertyValues, css, html, unsafeCSS } from "lit";
+import { state } from "lit/decorators.js";
+import styles from "./styles.css?inline";
+import { template } from "./template";
+
+export class NavDivider extends regionView(LitElement) {
+  static styles = css`
+    ${unsafeCSS(styles)}
+  `;
+
+  render() {
+    return html`${template(this)}`;
+  }
+
+  @state()
+  expanded = false;
+
+  connectedCallback(): void {
+    super.connectedCallback();
+  }
+
+  firstUpdated(_changedProps: PropertyValues<NavDivider>) {
+    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.expanded = width > 100;
+      }
+    });
+
+    observer.observe(parentElement as HTMLElement);
+  }
+}
+
+customElements.define("primaria-nav-divider", NavDivider);

package/src/UI/components/nav-divider/styles.css

@@ -0,0 +1,17 @@
+:host {
+  display: block;
+  width: 100%;
+}
+
+.divider-container {
+  display: flex;
+  justify-content: center;
+}
+
+.divider-opened {
+  width: 220px;
+}
+
+.divider-closed {
+  width: 40px;
+}

package/src/UI/components/nav-divider/template.ts

@@ -0,0 +1,8 @@
+import { html } from "lit";
+import { NavDivider } from "./nav-divider";
+
+export const template = (props: NavDivider) => html`
+  <div class="divider-container">
+    <hr class="${props.expanded ? "divider-opened" : "divider-closed"}" />
+  </div>
+`;

package/src/UI/internal-views/administrative-nav-menu.ts

@@ -3,7 +3,7 @@ import { navigateToEcap } from "../../features/navigate-to-ecap/navigate-to-ecap
 import { GetVisitId } from "../../features/visit/get-visit-id/request";
 import { shellApi } from "../../api/api";
 import { QuickActionItem } from "../shared-components/quick-action-item/quick-action-item";
-import { MenuItemConfig, registerNavMenuViews, registerCommunicationNavMenu } from "./common-nav-menu";
+import { MenuItemConfig, registerNavMenuViews, registerCommunicationNavMenu, registerNavMenuDivider } from "./common-nav-menu";
 
 const administrativeNavMenuItems: MenuItemConfig[] = [
   {
@@ -300,4 +300,5 @@ export const registerAdministrativeNavMenuViews = () => {
   registerCommunicationNavMenu();
   registerAdministrativeCommunicationMenuActions();
   registerNavMenuViews(administrativeNavMenuItems);
+  registerNavMenuDivider();
 };

package/src/UI/internal-views/common-nav-menu.ts

@@ -1,6 +1,7 @@
 import { shellApi } from "../../api/api";
 import { ExitShell } from "../../features/exit/request";
 import { CommunicationActionMenu } from "../components/communication-action-menu/communication-action-menu";
+import { NavDivider } from "../components/nav-divider/nav-divider";
 import { PrimariaNavItem } from "../shared-components/primaria-nav-item/primaria-nav-item";
 import { PrimariaNavTreeMenu } from "../shared-components/primaria-nav-tree-menu/primaria-nav-tree-menu";
 
@@ -35,8 +36,8 @@ export type MenuItemConfig =
 export const commonNavMenuItems = [
   {
     id: "landing",
-    icon: "home",
-    label: "Pàgina inici",
+    icon: "door_front",
+    label: "Sortir de l’usuari",
     type: "item",
     sortHint: "0010",
     callbackFn: () => shellApi.broker.send(new ExitShell("OBRIR_PI")),
@@ -80,3 +81,14 @@ export const registerCommunicationNavMenu = () => {
     },
   });
 };
+
+export const registerNavMenuDivider = () => {
+  shellApi.regionManager.registerView(shellApi.regionManager.regions.shell.navigationMenu, {
+    id: "nav-divider",
+    sortHint: "0020",
+    factory: () => {
+      const divider = new NavDivider();
+      return Promise.resolve(divider);
+    },
+  });
+};

package/src/UI/internal-views/doctor-nav-menu.ts

@@ -4,7 +4,7 @@ import { GetVisitId } from "../../features/visit/get-visit-id/request";
 import { shellApi } from "../../api/api";
 import { QuickActionItem } from "../shared-components/quick-action-item/quick-action-item";
 import { ClinicalPathwaysActionMenu } from "../components/clinical-pathways-action-menu/clinical-pathways-action-menu";
-import { MenuItemConfig, registerNavMenuViews, registerCommunicationNavMenu } from "./common-nav-menu";
+import { MenuItemConfig, registerNavMenuViews, registerCommunicationNavMenu, registerNavMenuDivider } from "./common-nav-menu";
 
 const doctorNavMenuItems: MenuItemConfig[] = [
   {
@@ -266,4 +266,5 @@ export const registerDoctorNavMenuViews = () => {
   registerClinicalPathwaysNavMenu();
   registerDoctorClinicalPathwaysMenuActions();
   registerNavMenuViews(doctorNavMenuItems);
+  registerNavMenuDivider();
 };

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

@@ -4,7 +4,7 @@
   align-items: center;
   justify-content: center;
   position: fixed;
-  z-index: 400;
+  z-index: 999;
   left: 0;
   top: 0;
   width: 100%;

package/src/features/visit/finalize-visit/component/template.ts

@@ -4,6 +4,6 @@ import { translate } from "../../../../locales";
 
 export const template = (props: FinalizeVisitButton) => {
   return html`
-    <dss-button @click=${props.finalizeVisitHandler} variant="subtle" size="md" icon="door_front" label=${translate("actions.finalizeVisit")}></dss-button>
+    <dss-button @click=${props.finalizeVisitHandler} variant="secondary" size="md" icon="check" label=${translate("actions.finalizeVisit")}></dss-button>
   `;
 };