@luscii-healthtech/web-ui 2.15.2 → 2.16.0

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

@@ -1,15 +1,3 @@
-/// <reference types="react" />
-interface ConfirmationDialogTexts {
-    message: string;
-    confirmLabel: string;
-    cancelLabel: string;
-}
-interface ConfirmationDialogProps {
-    texts: ConfirmationDialogTexts;
-    isOpen: boolean;
-    onCancel: () => void;
-    onConfirm: () => void;
-    isProcessing?: boolean;
-}
-export declare const ConfirmationDialog: (props: ConfirmationDialogProps) => JSX.Element;
-export {};
+import React from "react";
+import type { ConfirmationDialogProps } from "./types/ConfirmationDialog.types";
+export declare const ConfirmationDialog: React.FC<ConfirmationDialogProps>;

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

@@ -0,0 +1,5 @@
+import React from "react";
+import { ConfirmationDialogProps } from "./types/ConfirmationDialog.types";
+export declare const ConfirmationDialogChoices: React.FC<{
+    choices: ConfirmationDialogProps["choices"];
+}>;

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

@@ -0,0 +1,3 @@
+import React from "react";
+import { ConfirmationDialogTitleProps } from "./types/ConfirmationDialog.types";
+export declare const ConfirmationDialogTitle: React.FC<ConfirmationDialogTitleProps>;

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

@@ -0,0 +1,40 @@
+/// <reference types="react" />
+import { IconProps } from "../../Icons/types/IconProps.type";
+import type { NotificationBannerColor } from "../../NotificationBanner/NotificationBanner";
+interface ConfirmationDialogTexts {
+    message: string;
+    confirmLabel: string;
+    cancelLabel: string;
+}
+export interface ConfirmationDialogChoice<T extends string = string> {
+    text: string;
+    value: T;
+    description?: string;
+    displaysInfo?: {
+        level: NotificationBannerColor;
+        text: string;
+    };
+}
+export interface ConfirmationDialogProps {
+    texts: ConfirmationDialogTexts;
+    isOpen: boolean;
+    onCancel: () => void;
+    onConfirm: () => void;
+    isProcessing?: boolean;
+    withTitle?: {
+        title: string;
+        icon?: React.FC<IconProps>;
+    };
+    choices?: {
+        defaultChoice?: ConfirmationDialogChoice["value"];
+        onChoiceChange: (choice: ConfirmationDialogChoice) => void;
+        options: {
+            0: ConfirmationDialogChoice;
+            1: ConfirmationDialogChoice;
+        } & ConfirmationDialogChoice[];
+    };
+}
+export interface ConfirmationDialogTitleProps {
+    title: ConfirmationDialogProps["withTitle"];
+}
+export {};

package/dist/index.d.ts

@@ -14,6 +14,7 @@ export { default as Carousel } from "./components/Carousel/Carousel";
 export { default as CenteredHero } from "./components/CenteredHero/CenteredHero";
 export { default as Checkbox } from "./components/Checkbox/Checkbox";
 export { ConfirmationDialog } from "./components/ConfirmationDialog/ConfirmationDialog";
+export type { ConfirmationDialogChoice, ConfirmationDialogProps, ConfirmationDialogTitleProps, } from "./components/ConfirmationDialog/types/ConfirmationDialog.types";
 export { default as DatePicker } from "./components/Datepicker/Datepicker";
 export { default as Dropdown } from "./components/Dropdown/Dropdown";
 export { EmptyListMessage } from "./components/EmptyListMessage/EmptyListMessage";

package/dist/web-ui-tailwind.css

@@ -2172,6 +2172,11 @@ video {
   transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
 }
 
+.scale-150 {
+  --transform-scale-x: 1.5;
+  --transform-scale-y: 1.5;
+}
+
 .-translate-x-1\/2 {
   --transform-translate-x: -50%;
 }