@uxland/primary-shell 3.2.6 → 3.3.0

package/dist/index.d.ts

@@ -0,0 +1 @@
+export * from './primary/shell/src/index'

package/dist/index.js

@@ -3232,6 +3232,13 @@ class RegionManagerProxy {
       W
     ), Promise.resolve();
   }
+  registerNavigationMenu(W) {
+    return this.regionManager.registerViewWithRegion(
+      shellRegions.navigationMenu,
+      `${this.pluginInfo.pluginId}::${W.id}`,
+      W
+    ), Promise.resolve();
+  }
   registerMainView(W) {
     return this.regionManager.registerViewWithRegion(
       shellRegions.main,
@@ -5397,7 +5404,16 @@ const createAxiosInstance = (X) => {
   ), W;
 };
 let instance;
-const createHttpClient = (X) => (instance || (instance = createAxiosInstance(X)), { request: instance.request }), styles$i = "*[hidden]{display:none!important}.modal{font-family:Open Sans;display:none;position:fixed;z-index:400;left:0;top:0;width:100%;height:100%;background-color:#000000a6}.modal .dialog{display:flex;flex-direction:column;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:21;background:#fff;border-radius:16px;width:auto;height:auto;max-height:95%;min-width:400px;box-shadow:0 0 14px #00000040,0 1px 10px #00000038}.modal .dialog .dialog__header{display:flex;flex-direction:row;justify-content:space-between;padding:24px;border-top-left-radius:8px;border-top-right-radius:8px;justify-content:center;align-items:center}.modal .dialog .dialog__header h2{color:var(--color-neutral-900);padding:0;margin:0;font-weight:700;font-size:1.286rem;line-height:30px}.modal .dialog .dialog__content{display:flex;flex-direction:column;flex:1;align-items:center;min-height:1px;height:100%;padding-inline:24px;padding-bottom:24px;font-weight:400;font-size:16px;line-height:24px;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.modal .dialog .dialog__content>*{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.modal .dialog .dialog__actions{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:16px;padding:24px 16px}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadein{0%{opacity:0}to{opacity:1}}";
+const createHttpClient = (X) => (instance || (instance = createAxiosInstance(X)), { request: instance.request });
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+function nn(X, W, J) {
+  return X ? W(X) : J == null ? void 0 : J(X);
+}
+const styles$i = "*[hidden]{display:none!important}.modal{font-family:Open Sans;display:none;position:fixed;z-index:400;left:0;top:0;width:100%;height:100%;background-color:#000000a6}.modal .dialog{display:flex;flex-direction:column;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:21;background:#fff;border-radius:16px;width:auto;height:auto;max-height:95%;min-width:400px;box-shadow:0 0 14px #00000040,0 1px 10px #00000038}.modal .dialog .dialog__header{display:flex;flex-direction:row;justify-content:center;padding:24px;border-top-left-radius:8px;border-top-right-radius:8px;align-items:center}.modal .dialog .dialog__header.with-close{justify-content:space-between}.modal .dialog .dialog__header h2{color:var(--color-neutral-900);padding:0;margin:0;font-weight:700;font-size:1.286rem;line-height:30px}.modal .dialog .dialog__content{display:flex;flex-direction:column;flex:1;align-items:center;min-height:1px;height:100%;padding-inline:24px;padding-bottom:24px;font-weight:400;font-size:16px;line-height:24px;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.modal .dialog .dialog__content>*{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.modal .dialog .dialog__actions{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:16px;padding:24px 16px}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadein{0%{opacity:0}to{opacity:1}}";
 var __defProp$o = Object.defineProperty, __getOwnPropDesc$n = Object.getOwnPropertyDescriptor, __decorateClass$o = (X, W, J, AA) => {
   for (var eA = AA > 1 ? void 0 : AA ? __getOwnPropDesc$n(W, J) : W, tA = X.length - 1, sA; tA >= 0; tA--)
     (sA = X[tA]) && (eA = (AA ? sA(W, J, eA) : sA(eA)) || eA);
@@ -5414,31 +5430,38 @@ const dssToConfirmTypeClass = (X) => X === "danger" ? "dss-button--error" : `dss
         </div>
       `;
 }, renderMessage = (X) => ke$1` <div id="message">${X.message || ""}</div> `;
-function renderCustomContent(X, W) {
-  if (X.componentConstructor) {
-    const J = new X.componentConstructor();
-    return J.setAttribute("id", "__custom-element__"), J.addEventListener("closed", W.componentCloseRequest.bind(W)), ke$1`${J}`;
+function renderCustomContent(X) {
+  if (X.options.componentConstructor) {
+    const W = new X.options.componentConstructor();
+    return W.setAttribute("id", "__custom-element__"), W.addEventListener("closed", X.componentCloseRequest.bind(X)), ke$1`${W}`;
   }
   return D$1;
 }
-let DialogComponent = class extends h$4 {
-  render() {
-    return ke$1`
-      <div
-        class="modal"
-        @click=${(X) => X.target === this.modal && !this.options.modal && this.close(!1)}
-      >
-        <div
-          class="dialog"
-        >
-        ${this.options.fullCustomization ? renderCustomContent(this.options, this) : ke$1`<div class="dialog__header ${this.options.type}">
-            <h2 part="title">${this.options.title || ""}</h2>
+function renderDefaultContent(X) {
+  const W = X.options.showCloseButton;
+  return ke$1`<div class="dialog__header ${X.options.type} ${W ? "with-close" : ""}">
+            <h2 part="title">${X.options.title || ""}</h2>
+            ${nn(
+    W,
+    () => ke$1`<dss-icon-button size="md" icon="cancel" @click="${X._cancel}"></dss-icon-button>`,
+    () => D$1
+  )}
           </div>
           <div class="dialog__content">
-            ${this.options.message ? renderMessage(this.options) : renderCustomContent(this.options, this)}
+            ${nn(
+    X.options.message,
+    () => renderMessage(X.options),
+    () => renderCustomContent(X)
+  )}
           </div>
-          ${renderActions(this)}`}
-          
+          ${renderActions(X)}`;
+}
+let DialogComponent = class extends h$4 {
+  render() {
+    return ke$1`
+      <div class="modal">
+        <div class="dialog">
+        ${this.options.fullCustomization ? renderCustomContent(this) : renderDefaultContent(this)}
         </div>
       </div>
     `;
@@ -5449,23 +5472,23 @@ let DialogComponent = class extends h$4 {
     `;
   }
   _cancel(X) {
-    console.log("canceling modal"), this.close(!1);
+    this.close({ confirmed: !1 });
   }
   _accept(X) {
-    console.log("accepting modal"), this.close(!0);
+    this.close({ confirmed: !0 });
   }
   componentCloseRequest(X) {
     this.close(X.detail);
   }
   async close(X) {
-    if (X) {
-      const W = this.getCustomComponent();
-      if (W != null && W.canAccept) {
-        if (!await W.canAccept()) return;
-        W.accept && await W.accept();
-      }
+    let W = X;
+    if (W != null && W.confirmed) {
+      const J = this.getCustomComponent();
+      if (J != null && J.canAccept && !await J.canAccept())
+        return;
+      J != null && J.accept && (W = await J.accept(W));
     }
-    this.modal.style.display = "none", this.dispatchEvent(new CustomEvent("closed", { detail: X }));
+    this.dispatchEvent(new CustomEvent("closed", { detail: W })), this.modal.style.display = "none";
   }
   getCustomComponent() {
     var X;
@@ -5496,7 +5519,7 @@ __decorateClass$o([
 DialogComponent = __decorateClass$o([
   t$6("dialog-component")
 ], DialogComponent);
-const doConfirm = async (X) => {
+const buildDialogComponent = (X) => {
   if (!X.message && !X.componentConstructor)
     throw new Error("message, componentConstructor options properties are required");
   return new Promise((W) => {
@@ -5512,7 +5535,7 @@ const doConfirm = async (X) => {
       J.remove(), W(tA.detail);
     }
   });
-};
+}, confirm = async (X) => buildDialogComponent(X);
 /**
  * @license
  * Copyright 2018 Google LLC
@@ -5627,6 +5650,8 @@ const notificationStack = [], displayNotifications = [], stackLimit = 10, timeTo
       AA.clearAndUpdateOrder(sA), showAndSetTimeOutClose(AA, timeToCloseNotification);
     }
   });
+}, openDialog = (X) => {
+  X.showCloseButton = "showCloseButton" in X ? X.showCloseButton : !0, buildDialogComponent(X);
 };
 var __defProp$m = Object.defineProperty, __decorateClass$m = (X, W, J, AA) => {
   for (var eA = void 0, tA = X.length - 1, sA; tA >= 0; tA--)
@@ -5641,21 +5666,24 @@ const ConfirmMixin = d$3((X) => {
     canAccept() {
       return Promise.resolve(!0);
     }
-    accept() {
-      return Promise.resolve();
+    accept(AA) {
+      return Promise.resolve(AA);
     }
   }
   return __decorateClass$m([
     n$9()
-  ], W.prototype, "model"), W;
+  ], W.prototype, "model"), __decorateClass$m([
+    n$9()
+  ], W.prototype, "outputModel"), W;
 });
 function confirmMixin(X) {
   return ConfirmMixin(X);
 }
 const createInteractionManager = () => ({
   notify: (X) => notify(X),
-  doConfirm: (X) => doConfirm(X),
-  doCustomConfirm: (X) => doConfirm(X)
+  confirm: (X) => confirm(X),
+  customConfirm: (X) => confirm(X),
+  openDialog: (X) => openDialog(X)
 });
 function _concat(X, W) {
   X = X || [], W = W || [];
@@ -7597,7 +7625,26 @@ class TokenManagerSimulator {
 }
 const tokenManager$1 = new TokenManagerSimulator();
 tokenManager$1.initToken();
-const createTokenManager = () => tokenManager$1, broker$1 = createBroker(), regionManager = u$2("primaria"), PrimariaRegionHost = l$2(regionManager), tokenManager = createTokenManager(), globalStateManager = createGlobalStateManager(broker$1), primariaApiFactory = (X) => ({
+const createTokenManager = () => tokenManager$1;
+class EcapEventManager {
+}
+class EcapEventManagerImpl {
+  publish(W, J, AA) {
+    const eA = this.createEcapEvent(W, J, AA);
+    this.raiseEcapEvent(eA);
+  }
+  createEcapEvent(W, J, AA) {
+    return {
+      event: W,
+      eventType: J,
+      url: AA
+    };
+  }
+  raiseEcapEvent(W) {
+    window.parent && window.parent.postMessage(JSON.stringify(W), "*"), console.log("metod", JSON.stringify(W));
+  }
+}
+const ecapEventManager = new EcapEventManagerImpl(), createEcapEventManager = () => ecapEventManager, broker$1 = createBroker(), regionManager = u$2("primaria"), PrimariaRegionHost = l$2(regionManager), tokenManager = createTokenManager(), globalStateManager = createGlobalStateManager(broker$1), primariaApiFactory = (X) => ({
   pluginInfo: X,
   regionManager: createRegionManagerProxy(X, regionManager),
   httpClient: createHttpClient(tokenManager),
@@ -7605,7 +7652,8 @@ const createTokenManager = () => tokenManager$1, broker$1 = createBroker(), regi
   broker: broker$1,
   createLocaleManager: createLocaleManager(X.pluginId),
   globalStateManager,
-  tokenManager
+  tokenManager,
+  ecapEventManager: createEcapEventManager()
 }), shellApi = primariaApiFactory({ pluginId: "primaria-shell" });
 var __defProp$l = Object.defineProperty, __getOwnPropDesc$l = Object.getOwnPropertyDescriptor, __decorateClass$l = (X, W, J, AA) => {
   for (var eA = AA > 1 ? void 0 : AA ? __getOwnPropDesc$l(W, J) : W, tA = X.length - 1, sA; tA >= 0; tA--)
@@ -37166,14 +37214,7 @@ let PocEventsEcap = class extends h$4 {
   goToLinkOnEcap(X, W) {
     var eA, tA, sA, iA;
     const J = X || ((tA = (eA = this.shadowRoot) == null ? void 0 : eA.getElementById("url")) == null ? void 0 : tA.value), AA = W || ((iA = (sA = this.shadowRoot) == null ? void 0 : sA.getElementById("accio")) == null ? void 0 : iA.value);
-    if (window.parent) {
-      const oA = {
-        TipusEvent: "URL_EXTERNA",
-        Accio: AA,
-        URL_LLAMADA: J
-      };
-      console.log(JSON.stringify(oA)), window.parent.postMessage(JSON.stringify(oA), "*");
-    }
+    shellApi.ecapEventManager.publish(AA, "URL_EXTERNA", J);
   }
 };
 PocEventsEcap.styles = i$8`
@@ -38941,11 +38982,10 @@ const template$4 = (X) => ke$1`<div class="container" ?maximized=${X.maximized}>
   ${X.maximized ? ke$1`${headerMaximizedTemplate(X)}` : ke$1`<div class="header">
             <div class="header__left">
                 <div class="title">${translate("activityHistory")}</div>
-                <input type="text" placeholder="Escriu per cercar" @input=${X._handleSearch}>
-                <!-- <dss-search-bar icon="search" inputsize="md" threshold="3" recentsearchestext="" emptydropdowntext="Sense resultats per">
+                <dss-search-bar @onSearchChange=${X._handleSearchChange} icon="search" inputsize="md" threshold="2" recentsearchestext="" emptydropdowntext="">
                     <label slot="label" for="searchbar1" aria-hidden="false"></label>
                     <input slot="input" id="searchbar1" type="text">
-                </dss-search-bar> -->
+                </dss-search-bar>
                 <dss-datepicker inputsize="md" class="date-picker">
                     <label slot="label" for="myDatepicker">${translate("goToDate")}</label>
                     <input slot="input" id="myDatepicker" type="text" class="dss-input">
@@ -39042,16 +39082,17 @@ let ActivityHistory = class extends PrimariaRegionHost(h$4) {
     return ke$1`${template$4(this)}`;
   }
   connectedCallback() {
+    var W;
     super.connectedCallback(), this.api.broker.subscribe(shellEvents.openClinicalMonitoringRequested, () => {
       this.maximized = !1;
     });
+    const X = (W = this.shadowRoot) == null ? void 0 : W.querySelector("dss-search-bar");
+    X && X.addEventListener("onSearchChange", this._handleSearchChange);
   }
   firstUpdated(X) {
-    var W, J;
-    super.firstUpdated(X), (W = this.shadowRoot.querySelector("dss-datepicker")) == null || W.addEventListener("onValueChange", (AA) => {
-      this._handleSelectDate(AA.detail);
-    }), (J = this.shadowRoot.querySelector("dss-search-bar")) == null || J.addEventListener("onSearchChange", (AA) => {
-      this._handleSearch(AA.detail);
+    var W;
+    super.firstUpdated(X), (W = this.shadowRoot.querySelector("dss-datepicker")) == null || W.addEventListener("onValueChange", (J) => {
+      this._handleSelectDate(J.detail);
     });
   }
   toggleMenu() {
@@ -39066,8 +39107,9 @@ let ActivityHistory = class extends PrimariaRegionHost(h$4) {
   _minimize() {
     this.maximized = !1;
   }
-  _handleSearch(X) {
-    this.api.broker.send(new SearchActivityHistoryItems((X == null ? void 0 : X.length) > 2 ? X : ""));
+  _handleSearchChange(X) {
+    const W = X.detail || [], J = W.length > 0 ? W.join(" ") : "";
+    console.log(J), J.length > 2 ? this.api.broker.send(new SearchActivityHistoryItems(J)) : console.log("query too short");
   }
   _handleSelectDate(X) {
     this.selectedDate = parse(X, "dd/MM/yyyy", /* @__PURE__ */ new Date()), this.scrollToClosestDate();
@@ -39243,11 +39285,10 @@ let ExportToPdfHandler = class {
   }
   async handle() {
     try {
-      this.api.interactionManager.doCustomConfirm({
+      this.api.interactionManager.customConfirm({
         title: "Exportar a PDF",
         componentConstructor: ExportPdfModal,
         type: "info",
-        modal: !0,
         cancelLabel: "Cancel·lar",
         acceptLabel: "Exportar"
       });
@@ -47360,11 +47401,13 @@ class ReactWebComponent extends HTMLElement {
 customElements.define("ux-react-web-component", ReactWebComponent);
 const wrapReactViewFactory = (X, W) => () => Promise.resolve(new ReactWebComponent(X, W));
 export {
+  EcapEventManager,
   PrimariaMenuItem,
   PrimariaRegionHost,
   bootstrapPlugins,
   clinicalMonitoringRegions,
   confirmMixin,
+  createEcapEventManager,
   initializeShell,
   primariaApiFactory,
   shellApi,