@uxland/primary-shell 5.2.0 → 5.2.1

package/dist/primary/shell/src/UI/shared-components/primaria-character-limit-badge/primaria-character-limit-badge.d.ts

@@ -0,0 +1,9 @@
+import { LitElement, nothing } from 'lit';
+
+export declare class PrimariaCharacterLimitBadge extends LitElement {
+    characterCount: number;
+    characterLimit: number;
+    label: string;
+    static styles: import('lit').CSSResult;
+    render(): import('lit').TemplateResult<1> | typeof nothing;
+}

package/package.json

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

package/src/UI/shared-components/bootstrapper.ts

@@ -3,10 +3,12 @@ import { PrimariaContentSwitcher } from "./primaria-content-switcher/primaria-co
 import { PrimariaNavItem } from "./primaria-nav-item/primaria-nav-item";
 import { PrimariaNavTreeMenu } from "./primaria-nav-tree-menu/primaria-nav-tree-menu";
 import { PrimariaRichTextEditor } from "./primaria-text-editor/primaria-rich-text-editor";
+import { PrimariaCharacterLimitBadge } from "./primaria-character-limit-badge/primaria-character-limit-badge";
 
 export const useSharedUI = () => {
   customElement("primaria-content-switcher")(PrimariaContentSwitcher);
   customElement("primaria-nav-item")(PrimariaNavItem);
   customElement("primaria-rich-text-editor")(PrimariaRichTextEditor);
   customElement("primaria-nav-tree-menu")(PrimariaNavTreeMenu);
+  customElement("primaria-character-limit-badge")(PrimariaCharacterLimitBadge);
 };

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

@@ -0,0 +1,29 @@
+import { LitElement, html, nothing, css, unsafeCSS } from "lit";
+import { property } from "lit/decorators.js";
+import styles from "./styles.css?inline";
+
+export class PrimariaCharacterLimitBadge extends LitElement {
+  @property({ type: Number }) characterCount = 0;
+  @property({ type: Number }) characterLimit = 0;
+  @property({ type: String }) label = "";
+
+  static styles = css`
+    ${unsafeCSS(styles)}
+  `;
+
+  render() {
+    if (this.characterCount > this.characterLimit) {
+      return html`
+        <dss-badge
+          class="limit-badge"
+          icon="report"
+          size="md"
+          state="alert"
+          text="${this.label} ${this.characterCount}/${this.characterLimit}"
+          outlined
+        ></dss-badge>
+      `;
+    }
+    return nothing;
+  }
+}

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

@@ -0,0 +1,8 @@
+:host{
+  margin: 0 auto;
+}
+
+.limit-badge {
+  padding-top: 8px;
+  padding-bottom: 8px;
+}

package/src/handle-views.ts

@@ -5,7 +5,6 @@ import { pocTestEventsId } from "./constants";
 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 { PocEventsEcap } from "./UI/components/poc-events-ecap/poc-events-ecap";
 import { PrimariaNavItem } from "./UI/shared-components/primaria-nav-item/primaria-nav-item";
 import { PrimariaNavTreeMenu } from "./UI/shared-components/primaria-nav-tree-menu/primaria-nav-tree-menu";
 
@@ -116,7 +115,7 @@ const registerUpperNavMenuViews = () => {
     id: "results-reports",
     factory: () => {
       const menuItem = new PrimariaNavTreeMenu({
-        icon: "folder",
+        icon: "folder_shared",
         label: "Documents",
         actionMenuItems: [
           {
@@ -189,7 +188,7 @@ const registerUpperNavMenuViews = () => {
     id: "visits",
     factory: () => {
       const menuItem = new PrimariaNavItem({
-        icon: "today",
+        icon: "event",
         label: "Visites",
         callbackFn: async (): Promise<void> => {
           navigateToEcapWithoutClosingWithCip("CONSULTA_VISITES");
@@ -199,19 +198,6 @@ const registerUpperNavMenuViews = () => {
     },
     sortHint: "001300",
   });
-  shellApi.regionManager.registerView(shellRegions.navigationMenu, {
-    id: pocTestEventsId,
-    factory: () => {
-      const menuItem = new PrimariaNavItem({
-        icon: "bolt",
-        label: "Prova Events ECAP",
-        callbackFn: () => {
-          shellApi.regionManager.activateMainView(pocTestEventsId);
-        },
-      });
-      return Promise.resolve(menuItem);
-    },
-  });
 
   shellApi.regionManager.registerView(shellRegions.navigationMenu, {
     id: "it",
@@ -259,14 +245,6 @@ const registerLowerNavMenuViews = () => {
 };
 
 const registerMainViews = () => {
-  shellApi.regionManager.registerMainView({
-    id: pocTestEventsId,
-    factory: () => {
-      const mainItem = new PocEventsEcap();
-      return Promise.resolve(mainItem as unknown as HTMLElement);
-    },
-  });
-
   registerPDFVisorMainView();
 };