@trackunit/react-compound-components 1.4.19 → 1.4.22

package/index.cjs.js

@@ -69,11 +69,28 @@ const ConfirmationDialogModal = ({ title, message, handlePrimaryActionClick, han
 };
 
 /**
+ * Helper that resolves the promise with the given action and immediately clears the resolver to prevent double resolution
  *
+ * Prevents scenarios where both a button click and modal auto-close would resolve the same promise
+ */
+const resolveAndClear = (resolveAction, setResolveAction, action) => {
+    if (resolveAction) {
+        resolveAction(action);
+        setResolveAction(null);
+    }
+};
+/**
+ * ConfirmationDialogContextProvider
+ *
+ * Provides confirmation dialog context and manages modal state with Promise-based resolution
  */
 const ConfirmationDialogContextProvider = ({ children }) => {
     const [t] = useTranslation();
-    const modal = reactModal.useModal();
+    const modal = reactModal.useModal({
+        onClose: () => {
+            resolveAndClear(resolveAction, setResolveAction, "CLOSE");
+        },
+    });
     const [resolveAction, setResolveAction] = react.useState(null);
     const [confirmationDialogProps, setConfirmationDialogProps] = react.useState({
         title: t("confirmationDialog.default.title"),
@@ -85,14 +102,14 @@ const ConfirmationDialogContextProvider = ({ children }) => {
     const confirmationDialogModalProps = react.useMemo(() => ({
         ...confirmationDialogProps,
         handlePrimaryActionClick: () => {
-            resolveAction?.("PRIMARY");
+            resolveAndClear(resolveAction, setResolveAction, "PRIMARY");
             modal.close();
         },
         handleSecondaryActionClick: () => {
-            resolveAction?.("SECONDARY");
+            resolveAndClear(resolveAction, setResolveAction, "SECONDARY");
             modal.close();
         },
-    }), [confirmationDialogProps, resolveAction, modal]);
+    }), [confirmationDialogProps, resolveAction, setResolveAction, modal]);
     const confirm = react.useCallback(async (props) => {
         setConfirmationDialogProps(prev => ({ ...prev, ...props }));
         modal.open();

package/index.esm.js

@@ -67,11 +67,28 @@ const ConfirmationDialogModal = ({ title, message, handlePrimaryActionClick, han
 };
 
 /**
+ * Helper that resolves the promise with the given action and immediately clears the resolver to prevent double resolution
  *
+ * Prevents scenarios where both a button click and modal auto-close would resolve the same promise
+ */
+const resolveAndClear = (resolveAction, setResolveAction, action) => {
+    if (resolveAction) {
+        resolveAction(action);
+        setResolveAction(null);
+    }
+};
+/**
+ * ConfirmationDialogContextProvider
+ *
+ * Provides confirmation dialog context and manages modal state with Promise-based resolution
  */
 const ConfirmationDialogContextProvider = ({ children }) => {
     const [t] = useTranslation();
-    const modal = useModal();
+    const modal = useModal({
+        onClose: () => {
+            resolveAndClear(resolveAction, setResolveAction, "CLOSE");
+        },
+    });
     const [resolveAction, setResolveAction] = useState(null);
     const [confirmationDialogProps, setConfirmationDialogProps] = useState({
         title: t("confirmationDialog.default.title"),
@@ -83,14 +100,14 @@ const ConfirmationDialogContextProvider = ({ children }) => {
     const confirmationDialogModalProps = useMemo(() => ({
         ...confirmationDialogProps,
         handlePrimaryActionClick: () => {
-            resolveAction?.("PRIMARY");
+            resolveAndClear(resolveAction, setResolveAction, "PRIMARY");
             modal.close();
         },
         handleSecondaryActionClick: () => {
-            resolveAction?.("SECONDARY");
+            resolveAndClear(resolveAction, setResolveAction, "SECONDARY");
             modal.close();
         },
-    }), [confirmationDialogProps, resolveAction, modal]);
+    }), [confirmationDialogProps, resolveAction, setResolveAction, modal]);
     const confirm = useCallback(async (props) => {
         setConfirmationDialogProps(prev => ({ ...prev, ...props }));
         modal.open();

package/package.json

@@ -1,21 +1,21 @@
 {
   "name": "@trackunit/react-compound-components",
-  "version": "1.4.19",
+  "version": "1.4.22",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "dependencies": {
     "react": "19.0.0",
     "tailwind-merge": "^2.0.0",
     "react-image-gallery": "1.3.0",
-    "@trackunit/react-core-contexts-api": "1.5.12",
-    "@trackunit/react-core-hooks": "1.4.12",
-    "@trackunit/react-components": "1.5.16",
-    "@trackunit/react-modal": "1.4.17",
-    "@trackunit/css-class-variance-utilities": "1.4.10",
-    "@trackunit/date-and-time-utils": "1.4.10",
-    "@trackunit/react-form-components": "1.4.19",
-    "@trackunit/i18n-library-translation": "1.4.13",
-    "@trackunit/react-test-setup": "1.1.10"
+    "@trackunit/react-core-contexts-api": "1.5.14",
+    "@trackunit/react-core-hooks": "1.4.14",
+    "@trackunit/react-components": "1.5.18",
+    "@trackunit/react-modal": "1.4.19",
+    "@trackunit/css-class-variance-utilities": "1.4.12",
+    "@trackunit/date-and-time-utils": "1.4.12",
+    "@trackunit/react-form-components": "1.4.21",
+    "@trackunit/i18n-library-translation": "1.4.15",
+    "@trackunit/react-test-setup": "1.1.12"
   },
   "engines": {
     "node": ">=22.x",

package/src/ConfirmationDialog/ConfirmationDialogContextProvider.d.ts

@@ -3,6 +3,8 @@ export interface ConfirmationDialogProviderProps {
     children: ReactNode;
 }
 /**
+ * ConfirmationDialogContextProvider
  *
+ * Provides confirmation dialog context and manages modal state with Promise-based resolution
  */
 export declare const ConfirmationDialogContextProvider: ({ children }: ConfirmationDialogProviderProps) => import("react/jsx-runtime").JSX.Element;