@luscii-healthtech/web-ui 30.0.4 → 30.1.0

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

@@ -2,7 +2,10 @@
 import type { IconKey, IconProps } from "../../Icons/types/IconProps.type";
 import type { NotificationBannerColor } from "../../NotificationBanner/NotificationBanner";
 interface ConfirmationDialogTexts {
-    message: string | string[];
+    /**
+     * You can also use the `children` prop for this.
+     */
+    message?: string | string[];
     confirmLabel: string;
     cancelLabel: string;
 }
@@ -16,6 +19,7 @@ export interface ConfirmationDialogChoice<T extends string = string> {
     };
 }
 export interface ConfirmationDialogProps {
+    children?: React.ReactNode;
     texts: ConfirmationDialogTexts;
     isOpen: boolean;
     onCancel: () => void;

package/dist/index.development.js

@@ -2929,7 +2929,8 @@ const ConfirmationDialogMessage = (props) => {
 
 const ConfirmationDialog = (_a) => {
   var { dataTestId = "confirmation-dialog-modal" } = _a, props = __rest(_a, ["dataTestId"]);
-  const { choices } = props;
+  const { children, choices } = props;
+  const { message } = props.texts;
   const [selectedChoice, setSelectedChoice] = React.useState(choices === null || choices === void 0 ? void 0 : choices.options.find((choice) => choice.value === choices.defaultChoice));
   const handleOnCloseClick = () => {
     if (!props.isProcessing) {
@@ -2964,7 +2965,8 @@ const ConfirmationDialog = (_a) => {
       "div",
       { className: "ui-min-h-13 ui-space-y-4" },
       React__namespace.default.createElement(ConfirmationDialogTitle, { title: props.withTitle }),
-      React__namespace.default.createElement(ConfirmationDialogMessage, { message: props.texts.message }),
+      children,
+      message && React__namespace.default.createElement(ConfirmationDialogMessage, { message }),
       React__namespace.default.createElement(ConfirmationDialogChoices, { choices: props.choices, onChoiceChangeCallback: onChoiceChange, selectedChoice })
     )
   );