react-confirm 0.5.0-5 → 0.5.0

package/dist/confirmable.js

@@ -26,8 +26,12 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var confirmable = function (Component) {
     return function (_a) {
-        var dispose = _a.dispose, reject = _a.reject, resolve = _a.resolve, other = __rest(_a, ["dispose", "reject", "resolve"]);
+        var dispose = _a.dispose, reject = _a.reject, resolve = _a.resolve, registerSetShow = _a.registerSetShow, other = __rest(_a, ["dispose", "reject", "resolve", "registerSetShow"]);
         var _b = (0, react_1.useState)(true), show = _b[0], setShow = _b[1];
+        // Register setShow for external control
+        (0, react_1.useEffect)(function () {
+            registerSetShow === null || registerSetShow === void 0 ? void 0 : registerSetShow(setShow);
+        }, [registerSetShow]);
         var dismiss = function () {
             setShow(false);
             dispose();

package/dist/controls.d.ts

@@ -5,6 +5,7 @@ export type ConfirmationHandle<R> = {
     resolve: (value: R) => void;
     reject: (reason?: any) => void;
     dispose: () => void;
+    setShow?: (show: boolean) => void;
     settled?: boolean;
 };
 /**

package/dist/controls.js

@@ -31,17 +31,19 @@ function register(promise, handle) {
  * @returns true if successful
  */
 function proceed(promise, response) {
+    var _a;
     var handle = active.get(promise);
     if (!handle || handle.settled)
         return false;
     try {
+        (_a = handle.setShow) === null || _a === void 0 ? void 0 : _a.call(handle, false);
         handle.resolve(response);
     }
     finally {
         try {
             handle.dispose();
         }
-        catch (_a) {
+        catch (_b) {
             // Ignore
         }
         active.delete(promise);
@@ -55,13 +57,15 @@ function proceed(promise, response) {
  * @returns true if successful
  */
 function dismiss(promise) {
+    var _a;
     var handle = active.get(promise);
     if (!handle || handle.settled)
         return false;
     try {
+        (_a = handle.setShow) === null || _a === void 0 ? void 0 : _a.call(handle, false);
         handle.dispose();
     }
-    catch (_a) {
+    catch (_b) {
         // Ignore
     }
     active.delete(promise);
@@ -74,17 +78,19 @@ function dismiss(promise) {
  * @returns true if successful
  */
 function cancel(promise, reason) {
+    var _a;
     var handle = active.get(promise);
     if (!handle || handle.settled)
         return false;
     try {
+        (_a = handle.setShow) === null || _a === void 0 ? void 0 : _a.call(handle, false);
         handle.reject(reason);
     }
     finally {
         try {
             handle.dispose();
         }
-        catch (_a) {
+        catch (_b) {
             // Ignore
         }
         active.delete(promise);

package/dist/createConfirmation.js

@@ -20,17 +20,22 @@ var createConfirmationCreater = function (mounter) {
         return function (props) {
             var mountId;
             var resolveRef = function () { };
+            var rejectRef = function () { };
+            var setShowRef;
             function dispose() {
                 setTimeout(function () {
                     mounter.unmount(mountId);
                 }, unmountDelay);
             }
-            var rejectRef = function () { };
+            // Callback for confirmable to register its setShow function
+            var registerSetShow = function (setShow) {
+                setShowRef = setShow;
+            };
             var inner = new Promise(function (resolve, reject) {
                 resolveRef = resolve;
                 rejectRef = reject;
                 try {
-                    mountId = mounter.mount(Component, __assign({ reject: reject, resolve: resolve, dispose: dispose }, props), mountingNode);
+                    mountId = mounter.mount(Component, __assign({ reject: reject, resolve: resolve, dispose: dispose, registerSetShow: registerSetShow }, props), mountingNode);
                 }
                 catch (e) {
                     // keep behavior identical to JS version
@@ -46,7 +51,12 @@ var createConfirmationCreater = function (mounter) {
                 return Promise.reject(err);
             });
             // Register to controls layer for external control
-            (0, controls_1.register)(wrapped, { resolve: resolveRef, reject: rejectRef, dispose: dispose });
+            (0, controls_1.register)(wrapped, {
+                resolve: resolveRef,
+                reject: rejectRef,
+                dispose: dispose,
+                get setShow() { return setShowRef; }
+            });
             return wrapped;
         };
     };

package/dist/types.d.ts

@@ -3,6 +3,8 @@ export type ConfirmableProps<P, R> = {
     dispose: () => void;
     resolve: (value: R | PromiseLike<R>) => void;
     reject: (reason?: any) => void;
+    /** Register a callback to control show state from outside */
+    registerSetShow?: (setShow: (show: boolean) => void) => void;
 } & P;
 export type ConfirmDialogProps<P, R> = {
     /** Dismiss dialog without resolving the promise. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-confirm",
-  "version": "0.5.0-5",
+  "version": "0.5.0",
   "description": "A lightweight React library that simplifies confirmation dialogs with a Promise-based API — like window.confirm(), but fully customizable.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/confirmable.tsx

@@ -1,11 +1,16 @@
-import React, { useState } from 'react';
+import React, { useState, useEffect } from 'react';
 import type { ConfirmableProps, ConfirmDialog, ConfirmableDialog } from './types';
 
 const confirmable: <P, R>(Component: ConfirmDialog<P, R>) => ConfirmableDialog<P, R> =
 <P, R>(Component: ConfirmDialog<P, R>) =>
-  ({ dispose, reject, resolve, ...other }: ConfirmableProps<P, R>) => {
+  ({ dispose, reject, resolve, registerSetShow, ...other }: ConfirmableProps<P, R>) => {
     const [show, setShow] = useState(true);
 
+    // Register setShow for external control
+    useEffect(() => {
+      registerSetShow?.(setShow);
+    }, [registerSetShow]);
+
     const dismiss = () => {
       setShow(false);
       dispose();

package/src/controls.ts

@@ -8,6 +8,7 @@ export type ConfirmationHandle<R> = {
   resolve: (value: R) => void;
   reject: (reason?: any) => void;
   dispose: () => void;
+  setShow?: (show: boolean) => void;
   settled?: boolean;
 };
 
@@ -45,6 +46,7 @@ export function proceed<R>(promise: Promise<R>, response: R): boolean {
   if (!handle || handle.settled) return false;
 
   try {
+    handle.setShow?.(false);
     handle.resolve(response);
   } finally {
     try {
@@ -69,6 +71,7 @@ export function dismiss<R>(promise: Promise<R>): boolean {
   if (!handle || handle.settled) return false;
 
   try {
+    handle.setShow?.(false);
     handle.dispose();
   } catch {
     // Ignore
@@ -89,6 +92,7 @@ export function cancel<R>(promise: Promise<R>, reason?: unknown): boolean {
   if (!handle || handle.settled) return false;
 
   try {
+    handle.setShow?.(false);
     handle.reject(reason);
   } finally {
     try {

package/src/createConfirmation.ts

@@ -8,6 +8,8 @@ export const createConfirmationCreater = (mounter: Mounter) =>
     return (props: P): Promise<R> => {
       let mountId: string;
       let resolveRef: (value: R) => void = () => {};
+      let rejectRef: (reason?: any) => void = () => {};
+      let setShowRef: ((show: boolean) => void) | undefined;
 
       function dispose() {
         setTimeout(() => {
@@ -15,13 +17,16 @@ export const createConfirmationCreater = (mounter: Mounter) =>
         }, unmountDelay);
       }
 
-      let rejectRef: (reason?: any) => void = () => {};
+      // Callback for confirmable to register its setShow function
+      const registerSetShow = (setShow: (show: boolean) => void) => {
+        setShowRef = setShow;
+      };
 
       const inner = new Promise<R>((resolve, reject) => {
         resolveRef = resolve;
         rejectRef = reject;
         try {
-          mountId = mounter.mount(Component as React.ComponentType<any>, { reject, resolve, dispose, ...props }, mountingNode);
+          mountId = mounter.mount(Component as React.ComponentType<any>, { reject, resolve, dispose, registerSetShow, ...props }, mountingNode);
         } catch (e) {
           // keep behavior identical to JS version
           console.error(e);
@@ -41,7 +46,12 @@ export const createConfirmationCreater = (mounter: Mounter) =>
       );
 
       // Register to controls layer for external control
-      register(wrapped, { resolve: resolveRef, reject: rejectRef, dispose });
+      register(wrapped, {
+        resolve: resolveRef,
+        reject: rejectRef,
+        dispose,
+        get setShow() { return setShowRef; }
+      });
 
       return wrapped;
     };

package/src/types.ts

@@ -5,6 +5,8 @@ export type ConfirmableProps<P, R> = {
   dispose: () => void;
   resolve: (value: R | PromiseLike<R>) => void;
   reject: (reason?: any) => void;
+  /** Register a callback to control show state from outside */
+  registerSetShow?: (setShow: (show: boolean) => void) => void;
 } & P;
 
 export type ConfirmDialogProps<P, R> = {