@luscii-healthtech/web-ui 2.16.0 → 2.16.2

package/dist/web-ui.esm.js

@@ -1415,7 +1415,7 @@ var Input = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     });
   };
 
-  var isClearIconVisible = clearable && value;
+  var isClearIconVisible = clearable && innerValue;
   return /*#__PURE__*/React__default.createElement(FlexRow, {
     spacing: "none",
     "data-test-id": "input-component-container",
@@ -2693,13 +2693,9 @@ var RadioGroupV2 = /*#__PURE__*/React__default.forwardRef(function (props, ref)
 });
 
 var ConfirmationDialogChoices = function ConfirmationDialogChoices(props) {
-  var choices = props.choices;
-
-  var _useState = 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;
@@ -2712,10 +2708,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);
       }
     };
   });
@@ -2730,12 +2723,34 @@ var ConfirmationDialogChoices = function ConfirmationDialogChoices(props) {
 };
 
 var ConfirmationDialog = function ConfirmationDialog(props) {
+  var choices = props.choices;
+
+  var _useState = 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",
@@ -2747,7 +2762,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, {
@@ -2766,7 +2781,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
   })));
 };
 
@@ -6175,13 +6192,15 @@ var isRequired = function isRequired(options) {
   return !!(options && "required" in options);
 };
 
-var _excluded$n = ["name", "fieldErrors", "fieldRequired", "label", "info", "decoratorClassname"];
+var _excluded$n = ["control", "name", "rules", "fieldErrors", "fieldRequired", "label", "info", "decoratorClassname"];
 /**
  * Input field that can be used in any react-hook-form context.
  */
 
-var FormInput = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
-  var name = _ref.name,
+var FormInput = /*#__PURE__*/React__default.forwardRef(function (_ref, innerRef) {
+  var control = _ref.control,
+      name = _ref.name,
+      rules = _ref.rules,
       fieldErrors = _ref.fieldErrors,
       fieldRequired = _ref.fieldRequired,
       label = _ref.label,
@@ -6196,11 +6215,18 @@ var FormInput = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     label: label,
     info: info,
     decoratorClassname: decoratorClassname
-  }, /*#__PURE__*/React__default.createElement(Input, _extends({}, fieldProps, {
-    isError: hasError(name, fieldErrors),
-    ref: ref,
-    name: name
-  })));
+  }, /*#__PURE__*/React__default.createElement(Controller, {
+    name: name,
+    control: control,
+    rules: rules,
+    render: function render(_ref2) {
+      var field = _ref2.field;
+      return /*#__PURE__*/React__default.createElement(Input, _extends({}, fieldProps, field, {
+        isError: hasError(name, fieldErrors),
+        ref: innerRef
+      }));
+    }
+  }));
 });
 
 var _excluded$o = ["name", "fieldErrors", "fieldRequired", "label", "info", "decoratorClassname"];
@@ -6724,12 +6750,15 @@ function FormFieldMapper(formFieldProps, useFormReturn) {
     case "email":
     case "password":
       return /*#__PURE__*/React__default.createElement(FormInput, _extends({
-        key: name
+        key: name,
+        name: name
       }, decoratorProps, {
         fieldRequired: isRequired(options),
         fieldErrors: errors
-      }, fieldProps, register(name, options), {
-        type: type || "text"
+      }, fieldProps, {
+        control: control,
+        rules: options,
+        type: type
       }));
 
     case "select":