@luscii-healthtech/web-ui 2.16.1 → 2.16.2

package/dist/components/ConfirmationDialog/ConfirmationDialogChoices.d.ts

@@ -1,5 +1,7 @@
 import React from "react";
-import { ConfirmationDialogProps } from "./types/ConfirmationDialog.types";
+import { ConfirmationDialogChoice, ConfirmationDialogProps } from "./types/ConfirmationDialog.types";
 export declare const ConfirmationDialogChoices: React.FC<{
     choices: ConfirmationDialogProps["choices"];
+    onChoiceChangeCallback?: (choice: ConfirmationDialogChoice) => void;
+    selectedChoice?: ConfirmationDialogChoice;
 }>;

package/dist/components/ConfirmationDialog/types/ConfirmationDialog.types.d.ts

@@ -19,7 +19,7 @@ export interface ConfirmationDialogProps {
     texts: ConfirmationDialogTexts;
     isOpen: boolean;
     onCancel: () => void;
-    onConfirm: () => void;
+    onConfirm: (choice?: ConfirmationDialogChoice) => void;
     isProcessing?: boolean;
     withTitle?: {
         title: string;

package/dist/web-ui.cjs.development.js

@@ -2701,13 +2701,9 @@ var RadioGroupV2 = /*#__PURE__*/React__default.forwardRef(function (props, ref)
 });
 
 var ConfirmationDialogChoices = function ConfirmationDialogChoices(props) {
-  var choices = props.choices;
-
-  var _useState = React.useState(choices == null ? void 0 : choices.options.find(function (choice) {
-    return choice.value === choices.defaultChoice;
-  })),
-      selectedChoice = _useState[0],
-      setSelectedChoice = _useState[1];
+  var choices = props.choices,
+      onChoiceChangeCallback = props.onChoiceChangeCallback,
+      selectedChoice = props.selectedChoice;
 
   if (!choices) {
     return null;
@@ -2720,10 +2716,7 @@ var ConfirmationDialogChoices = function ConfirmationDialogChoices(props) {
       value: choice.value,
       info: choice.description,
       onChange: function onChange() {
-        var _props$choices;
-
-        (_props$choices = props.choices) == null ? void 0 : _props$choices.onChoiceChange(choice);
-        setSelectedChoice(choice);
+        onChoiceChangeCallback == null ? void 0 : onChoiceChangeCallback(choice);
       }
     };
   });
@@ -2738,12 +2731,34 @@ var ConfirmationDialogChoices = function ConfirmationDialogChoices(props) {
 };
 
 var ConfirmationDialog = function ConfirmationDialog(props) {
+  var choices = props.choices;
+
+  var _useState = React.useState(choices == null ? void 0 : choices.options.find(function (choice) {
+    return choice.value === choices.defaultChoice;
+  })),
+      selectedChoice = _useState[0],
+      setSelectedChoice = _useState[1];
+
   var handleOnCloseClick = function handleOnCloseClick() {
     if (!props.isProcessing) {
       props.onCancel();
     }
   };
 
+  var onChoiceChange = function onChoiceChange(choice) {
+    setSelectedChoice(choice);
+
+    if (choice) {
+      var _props$choices;
+
+      (_props$choices = props.choices) == null ? void 0 : _props$choices.onChoiceChange(choice);
+    }
+  };
+
+  var onConfirmHandler = function onConfirmHandler() {
+    props.onConfirm(selectedChoice);
+  };
+
   var modalButtons = [/*#__PURE__*/React__default.createElement(SecondaryButton, {
     key: "confirmation-dialog-button-cancel",
     "data-test-id": "button-cancel",
@@ -2755,7 +2770,7 @@ var ConfirmationDialog = function ConfirmationDialog(props) {
     className: "ml-2.5",
     "data-test-id": "button-confirm",
     text: props.texts.confirmLabel,
-    onClick: props.onConfirm,
+    onClick: onConfirmHandler,
     isPending: props.isProcessing
   })];
   return /*#__PURE__*/React__default.createElement(ModalWithButtons, {
@@ -2774,7 +2789,9 @@ var ConfirmationDialog = function ConfirmationDialog(props) {
     text: props.texts.message,
     containsDangerousHtml: true
   }), /*#__PURE__*/React__default.createElement(ConfirmationDialogChoices, {
-    choices: props.choices
+    choices: props.choices,
+    onChoiceChangeCallback: onChoiceChange,
+    selectedChoice: selectedChoice
   })));
 };