hiver-ui-kit-extended 1.0.0-beta.15 → 1.0.0-beta.16

package/dist/env.hui.d.ts

@@ -101,6 +101,10 @@ export declare interface DialogProps {
     variant?: 'standard' | 'confirmation';
     /** Callback fired when the back button is clicked (for confirmation variant) */
     onBack?: () => void;
+    /** If true, shows the back button in confirmation variant (defaults to true) */
+    showBackButton?: boolean;
+    /** If true, shows the close button (defaults to true) */
+    showCloseButton?: boolean;
     className?: string;
     style?: React.CSSProperties;
     rest?: DialogProps_2;

package/dist/env.prime.d.ts

@@ -103,6 +103,10 @@ export declare interface DialogProps {
     variant?: 'standard' | 'confirmation';
     /** Callback fired when the back button is clicked (for confirmation variant) */
     onBack?: () => void;
+    /** If true, shows the back button in confirmation variant (defaults to true) */
+    showBackButton?: boolean;
+    /** If true, shows the close button (defaults to true) */
+    showCloseButton?: boolean;
     className?: string;
     style?: React.CSSProperties;
     rest?: DialogProps_2;

package/dist/env.prime.js

@@ -3392,6 +3392,10 @@ const Toast = forwardRef(({ position = "top-right", className }, ref) => {
 });
 Toast.displayName = "Toast";
 
+const closeIcon = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20fill='none'%3e%3cpath%20d='M10.5%203.5L3.5%2010.5M3.5%203.5L10.5%2010.5'%20stroke='%2364758B'%20stroke-width='1.1'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e";
+
+const backIcon = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%3e%3cpath%20d='M13.3334%208H2.66675M2.66675%208L6.66675%2012M2.66675%208L6.66675%204'%20stroke='%23334155'%20stroke-width='1.3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e";
+
 function Dialog(props) {
   const {
     children,
@@ -3407,6 +3411,8 @@ function Dialog(props) {
     footer,
     variant = "confirmation",
     onBack,
+    showBackButton = true,
+    showCloseButton = true,
     ...rest
   } = props;
   const handleHide = () => {
@@ -3440,21 +3446,37 @@ function Dialog(props) {
       onClose({}, "backdropClick");
     }
   };
+  const handleClose = () => {
+    if (onClose) {
+      onClose({}, "backdropClick");
+    }
+  };
   const renderHeader = () => {
     if (variant === "confirmation" && title) {
-      return /* @__PURE__ */ jsxs("div", { className: "omni-dialog-header-confirmation", children: [
-        /* @__PURE__ */ jsx(
+      return /* @__PURE__ */ jsx("div", { className: "omni-dialog-header-confirmation", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between w-full", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-start gap-2.5", children: [
+          showBackButton && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "omni-dialog-back-button",
+              onClick: handleBack,
+              "aria-label": "Go back",
+              children: /* @__PURE__ */ jsx("img", { src: backIcon, alt: "Close" })
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "omni-dialog-title-confirmation", children: title })
+        ] }),
+        showCloseButton && /* @__PURE__ */ jsx(
           "button",
           {
             type: "button",
-            className: "omni-dialog-back-button",
-            onClick: handleBack,
-            "aria-label": "Go back",
-            children: /* @__PURE__ */ jsx("i", { className: "pi pi-arrow-left" })
+            className: "omni-dialog-close-button",
+            onClick: handleClose,
+            children: /* @__PURE__ */ jsx("img", { src: closeIcon, alt: "Close" })
           }
-        ),
-        /* @__PURE__ */ jsx("div", { className: "omni-dialog-title-confirmation", children: title })
-      ] });
+        )
+      ] }) });
     }
     return title;
   };