@luscii-healthtech/web-ui 30.10.4 → 30.10.5

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

@@ -20,6 +20,11 @@ export interface ConfirmationDialogChoice<T extends string = string> {
 }
 export interface ConfirmationDialogProps {
     children?: React.ReactNode;
+    /**
+     * Defaults to "dialog-small". These are a subset
+     * of the sizes of the BaseModal component.
+     */
+    size?: "dialog-small" | "dialog-medium";
     texts: ConfirmationDialogTexts;
     isOpen: boolean;
     onCancel: () => void;

package/dist/components/Modal/ModalBase.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { type ModalHeaderProps } from "./ModalHeader";
 import { type ModalFooterProps } from "./ModalFooter";
-export type ModalSize = "small" | "medium" | "wide";
+export type ModalSize = "dialog-small" | "dialog-medium" | "small" | "medium" | "wide";
 export type ModalBaseProps = Omit<ModalHeaderProps, "title"> & {
     children: React.ReactNode;
     size?: ModalSize;

package/dist/index.development.js

@@ -2402,7 +2402,8 @@ const ModalBase = (props) => {
     { isOpen, data: { "test-id": (_a = props.dataTestId) !== null && _a !== void 0 ? _a : "react-modal" }, contentLabel: props.title, overlayClassName: classNames__default.default("ui-px-2 ui-py-15", "ui-z-20", "ui-fixed ui-top-0 ui-bottom-0 ui-left-0 ui-right-0", "ui-overflow-x-hidden ui-overflow-y-auto", "ui-bg-overlay"), onRequestClose: props.onCloseClick, shouldFocusAfterRender: false, shouldCloseOnOverlayClick: false, className: classNames__default.default("ui-mx-auto ui-my-0", "ui-relative", "ui-rounded-lg ui-bg-white ui-shadow-lg ui-outline-none", {
       "ui-overflow-y-hidden": props.scrollableContent,
       "ui-mt-17": props.withExtraMarginTop,
-      "md:ui-w-80": size === "small",
+      "md:ui-w-120": size === "dialog-medium",
+      "md:ui-w-80": size === "small" || size === "dialog-small",
       "md:ui-w-132": size === "medium",
       "md:ui-w-216": size === "wide"
     }) },
@@ -3015,7 +3016,7 @@ const ConfirmationDialogMessage = (props) => {
 };
 
 const ConfirmationDialog = (_a) => {
-  var { dataTestId = "confirmation-dialog-modal" } = _a, props = __rest(_a, ["dataTestId"]);
+  var { dataTestId = "confirmation-dialog-modal", size = "dialog-small" } = _a, props = __rest(_a, ["dataTestId", "size"]);
   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));
@@ -3036,7 +3037,7 @@ const ConfirmationDialog = (_a) => {
   };
   return React__namespace.default.createElement(
     ModalBase,
-    { size: "small", dataTestId, isOpen: props.isOpen, withExtraMarginTop: true, onCloseClick: handleOnCloseClick, footerTrailingComponents: {
+    { size, dataTestId, isOpen: props.isOpen, withExtraMarginTop: true, onCloseClick: handleOnCloseClick, footerTrailingComponents: {
       primaryButtonProps: {
         text: props.texts.confirmLabel,
         onClick: onConfirmHandler,