@uxland/primary-shell 7.46.4 → 7.46.6

package/dist/primary/shell/src/api/interaction-service/interaction-service-impl.d.ts

@@ -1,5 +1,6 @@
 import { ConfirmationOptions, ConfirmationResult, ConfirmComponentUI, PrimariaInteractionService } from './interaction-service';
 export declare class ParimariaInteractionServiceImpl extends PrimariaInteractionService {
+    private readonly openDialogCancellers;
     confirm<TData = undefined, TResult = undefined>(data: TData | undefined, componentUI: ConfirmComponentUI<TData, TResult>, options?: ConfirmationOptions | undefined): Promise<ConfirmationResult<TResult | undefined>>;
     confirmMessage(message: string, options?: ConfirmationOptions | undefined): Promise<ConfirmationResult>;
     dispose(): void;

package/package.json

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

package/src/api/interaction-service/interaction-service-impl.tsx

@@ -23,13 +23,17 @@ const defaultOptions: ConfirmationOptions = {
 };
 
 export class ParimariaInteractionServiceImpl extends PrimariaInteractionService {
+  private readonly openDialogCancellers = new Set<() => void>();
+
   confirm<TData = undefined, TResult = undefined>(
     data: TData | undefined,
     componentUI: ConfirmComponentUI<TData, TResult>,
     options?: ConfirmationOptions | undefined
   ): Promise<ConfirmationResult<TResult | undefined>> {
     const finalOptions: ConfirmationOptions = { ...defaultOptions, ...(options || {}) };
+    const { openDialogCancellers } = this;
     return new Promise((resolve) => {
+      let isClosing = false;
       const div = document.createElement("div");
       document.body.appendChild(div);
       const wrapperHeadStyles = document.createElement("style");
@@ -56,6 +60,18 @@ export class ParimariaInteractionServiceImpl extends PrimariaInteractionService
 
         useEffect(() => {
           window.addEventListener('keydown', handleKeydown);
+
+          return () => window.removeEventListener('keydown', handleKeydown);
+        }, []);
+
+        useEffect(() => {
+          const cancelDialog = () => handleClose(false);
+
+          openDialogCancellers.add(cancelDialog);
+
+          return () => {
+            openDialogCancellers.delete(cancelDialog);
+          };
         }, []);
 
         const handleKeydown = (event: KeyboardEvent) => {
@@ -104,17 +120,20 @@ export class ParimariaInteractionServiceImpl extends PrimariaInteractionService
         };
 
         const resolvePromise = (finalResult: TResult, confirmed: boolean) => {
+          if (isClosing) return;
+
+          isClosing = true;
           setTimeout(() => {
             const confirmationResult = {
               result: confirmed ? finalResult : undefined,
               confirmed: confirmed,
             };
             resolve(confirmationResult);
+            root.unmount();
             document.body.removeChild(div);
             document.head.removeChild(wrapperHeadStyles);
             if (DialogComponentStyles)
               document.head.removeChild(componentHeadStyles);
-            window.removeEventListener('keydown', handleKeydown);
           }, 300);
         };
 
@@ -233,10 +252,8 @@ export class ParimariaInteractionServiceImpl extends PrimariaInteractionService
   }
 
   dispose(): void {
-    // Limpiar todos los modales abiertos
-    const modals = document.querySelectorAll('.modal');
-    for (const modal of modals) {
-      modal.remove();
+    for (const cancelDialog of [...this.openDialogCancellers]) {
+      cancelDialog();
     }
   }
 }