@luscii-healthtech/web-ui 2.16.1 → 2.16.3

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/components/Form/form.types.d.ts

@@ -25,12 +25,17 @@ export interface FormFieldDecoratorProps {
     info?: string;
     decoratorClassname?: string;
 }
-export declare type FormFieldProps<TFieldValues> = FormFieldInputProps<TFieldValues> | FormFieldSelectProps<TFieldValues> | FormFieldImagePickerProps<TFieldValues> | FormFieldRadioGroupProps<TFieldValues> | FormFieldRowProps<TFieldValues>;
+export declare type FormFieldProps<TFieldValues> = FormFieldInputProps<TFieldValues> | FormFieldSelectProps<TFieldValues> | FormFieldImagePickerProps<TFieldValues> | FormFieldRadioGroupProps<TFieldValues> | FormFieldRowProps<TFieldValues> | FormFieldSeparatorProps<TFieldValues>;
 export interface FormFieldRowProps<TFieldValues> extends Record<keyof FormFieldGenericProps<never, TFieldValues>, never> {
     type: "row";
     key: string;
     fields: FormFieldProps<TFieldValues>[];
 }
+export interface FormFieldSeparatorProps<TFieldValues> extends Record<keyof FormFieldGenericProps<never, TFieldValues>, never> {
+    type: "separator";
+    key: string;
+    text: string;
+}
 export interface FormFieldInputProps<TFieldValues> extends FormFieldGenericProps<Omit<InputProps, "name">, TFieldValues> {
     type: AllowedTextInputTypes;
 }

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
   })));
 };
 
@@ -6126,6 +6143,12 @@ function ViewItem(_ref) {
   })));
 }
 
+var Divider = function Divider() {
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "block w-full border-b last:border-b-0 border-solid border-color border-color-divider"
+  });
+};
+
 /**
  * Decorator for any input component. Adds a label and additional information to be shown.
  *
@@ -6727,6 +6750,11 @@ function FormFieldMapper(formFieldProps, useFormReturn) {
       errors = useFormReturn.formState.errors;
 
   switch (type) {
+    case "separator":
+      return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Divider, null), /*#__PURE__*/React__default.createElement(Title, {
+        text: formFieldProps.text
+      }));
+
     case "row":
       return /*#__PURE__*/React__default.createElement(FlexRow, {
         key: formFieldProps.key
@@ -7542,12 +7570,6 @@ var SearchCancelIcon = function SearchCancelIcon(props) {
   }));
 };
 
-var Divider = function Divider() {
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "block w-full border-b last:border-b-0 border-solid border-color border-color-divider"
-  });
-};
-
 exports.AccordionList = AccordionList;
 exports.AddIcon = AddIcon;
 exports.AlertsIcon = AlertsIcon;