@luscii-healthtech/web-ui 2.19.2 → 2.19.4

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

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const ConfirmationDialogMessage: React.FC<{
+    message: string | string[];
+}>;

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

@@ -2,7 +2,7 @@
 import { IconProps } from "../../Icons/types/IconProps.type";
 import type { NotificationBannerColor } from "../../NotificationBanner/NotificationBanner";
 interface ConfirmationDialogTexts {
-    message: string;
+    message: string | string[];
     confirmLabel: string;
     cancelLabel: string;
 }

package/dist/components/Icons/InfoIcon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconProps } from "./types/IconProps.type";
+export declare const InfoIcon: (props: IconProps) => JSX.Element;

package/dist/index.d.ts

@@ -107,4 +107,5 @@ export { StarIcon } from "./components/Icons/StarIcon";
 export { HamburgerIcon } from "./components/Icons/HamburgerIcon";
 export { SearchIcon } from "./components/Icons/SearchIcon";
 export { SearchCancelIcon } from "./components/Icons/SearchCancelIcon";
+export { InfoIcon } from "./components/Icons/InfoIcon";
 export { Divider } from "./components/Divider/Divider";

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

@@ -1746,6 +1746,8 @@ var ModalFooter = function ModalFooter(props) {
 var ModalBase = function ModalBase(props) {
   var _props$size = props.size,
       size = _props$size === void 0 ? "medium" : _props$size,
+      _props$withContentPad = props.withContentPaddingY,
+      withContentPaddingY = _props$withContentPad === void 0 ? true : _props$withContentPad,
       _props$isOpen = props.isOpen,
       isOpen = _props$isOpen === void 0 ? false : _props$isOpen,
       _props$shouldCloseOnO = props.shouldCloseOnOverlayClick,
@@ -1775,7 +1777,7 @@ var ModalBase = function ModalBase(props) {
     onCloseClick: props.onCloseClick
   }), /*#__PURE__*/React__default.createElement("div", {
     className: classNames("px-6", {
-      "py-6": props.withContentPaddingY,
+      "py-6": withContentPaddingY,
       "rounded-t-lg": !props.title
     })
   }, props.children), /*#__PURE__*/React__default.createElement(ModalFooter, {
@@ -2691,6 +2693,26 @@ var ConfirmationDialogChoices = function ConfirmationDialogChoices(props) {
   }));
 };
 
+var ConfirmationDialogMessage = function ConfirmationDialogMessage(props) {
+  var message = props.message;
+
+  if (typeof message === "string") {
+    return /*#__PURE__*/React__default.createElement(Text, {
+      text: message,
+      containsDangerousHtml: true
+    });
+  }
+
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "space-y-2"
+  }, message.map(function (messageLine) {
+    return /*#__PURE__*/React__default.createElement(Text, {
+      text: messageLine,
+      containsDangerousHtml: true
+    });
+  }));
+};
+
 var ConfirmationDialog = function ConfirmationDialog(props) {
   var choices = props.choices;
 
@@ -2742,9 +2764,8 @@ var ConfirmationDialog = function ConfirmationDialog(props) {
     className: "space-y-4 min-h-13"
   }, /*#__PURE__*/React__default.createElement(ConfirmationDialogTitle, {
     title: props.withTitle
-  }), /*#__PURE__*/React__default.createElement(Text, {
-    text: props.texts.message,
-    containsDangerousHtml: true
+  }), /*#__PURE__*/React__default.createElement(ConfirmationDialogMessage, {
+    message: props.texts.message
   }), /*#__PURE__*/React__default.createElement(ConfirmationDialogChoices, {
     choices: props.choices,
     onChoiceChangeCallback: onChoiceChange,
@@ -7533,6 +7554,22 @@ var SearchCancelIcon = function SearchCancelIcon(props) {
   }));
 };
 
+var InfoIcon = function InfoIcon(props) {
+  return /*#__PURE__*/React__default.createElement("svg", {
+    width: "48",
+    height: "48",
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    onClick: props.onClick,
+    className: props.className,
+    role: props.onClick ? "button" : undefined
+  }, /*#__PURE__*/React__default.createElement("path", {
+    d: "M24 4C12.96 4 4 12.96 4 24C4 35.04 12.96 44 24 44C35.04 44 44 35.04 44 24C44 12.96 35.04 4 24 4ZM24 26C22.9 26 22 25.1 22 24V16C22 14.9 22.9 14 24 14C25.1 14 26 14.9 26 16V24C26 25.1 25.1 26 24 26ZM26 34H22V30H26V34Z",
+    fill: "currentColor"
+  }));
+};
+
 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"
@@ -7581,6 +7618,7 @@ exports.HeartIcon = HeartIcon;
 exports.INPUT_TYPES = INPUT_TYPES;
 exports.InfoBlock = InfoBlock;
 exports.InfoField = InfoField;
+exports.InfoIcon = InfoIcon;
 exports.Input = Input;
 exports.LeftArrowIcon = LeftArrowIcon;
 exports.LightBulbIcon = LightBulbIcon;