@idds/react 1.2.9 → 1.2.11

package/dist/index.es.js

@@ -6119,18 +6119,67 @@ const ConfirmationContext = createContext({
   confirm: () => Promise.resolve(false)
 });
 const useConfirmation = () => useContext(ConfirmationContext);
+const defaultFooterActions = (cancelClassName, confirmClassName, cancelText, confirmText) => {
+  return /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
+    /* @__PURE__ */ jsx(Button, { hierarchy: "custom", size: "sm", className: cancelClassName, children: cancelText }),
+    /* @__PURE__ */ jsx(Button, { hierarchy: "custom", size: "sm", className: confirmClassName, children: confirmText })
+  ] });
+};
 const ConfirmationProvider = ({
   children
 }) => {
-  const [options, setOptions] = useState(null);
+  const [options, setOptions] = useState({
+    title: "Confirmation",
+    message: "Are you sure you want to confirm?",
+    confirmText: "Yes",
+    cancelText: "No",
+    cancelClassName: "bg-background-primary border border-content-primary text-content-primary hover:bg-background-secondary",
+    confirmClassName: "bg-primary-primary text-white hover:bg-primary-primary/90",
+    footerActions: defaultFooterActions(
+      "bg-background-primary border border-content-primary text-content-primary hover:bg-background-secondary",
+      "bg-primary-primary text-white hover:bg-primary-primary/90",
+      "Yes",
+      "No"
+    )
+  });
   const [pendingPromise, setPendingPromise] = useState(null);
+  /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        hierarchy: "custom",
+        size: "sm",
+        className: options == null ? void 0 : options.cancelClassName,
+        onClick: () => handleClose(false),
+        children: options == null ? void 0 : options.cancelText
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        hierarchy: "custom",
+        size: "sm",
+        className: (options == null ? void 0 : options.confirmClassName) ?? "bg-primary-primary text-white hover:bg-primary-primary/90",
+        onClick: () => handleClose(true),
+        children: options == null ? void 0 : options.confirmText
+      }
+    )
+  ] });
   const confirm = (opts) => {
     return new Promise((resolve) => {
       setOptions({
         title: opts.title ?? "Confirmation",
         message: opts.message,
         confirmText: opts.confirmText ?? "Ya",
-        cancelText: opts.cancelText ?? "Batal"
+        cancelText: opts.cancelText ?? "Batal",
+        cancelClassName: opts.cancelClassName ?? "bg-background-primary border border-content-primary text-content-primary hover:bg-background-secondary",
+        confirmClassName: opts.confirmClassName ?? "bg-primary-primary text-white hover:bg-primary-primary/90",
+        footerActions: opts.footerActions ?? defaultFooterActions(
+          opts.cancelClassName ?? "bg-background-primary border border-content-primary text-content-primary hover:bg-background-secondary",
+          opts.confirmClassName ?? "bg-primary-primary text-white hover:bg-primary-primary/90",
+          opts.cancelText ?? "Yes",
+          opts.confirmText ?? "No"
+        )
       });
       setPendingPromise({ resolve });
     });
@@ -6151,10 +6200,7 @@ const ConfirmationProvider = ({
         title: options.title,
         children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
           /* @__PURE__ */ jsx("div", { children: options.message }),
-          /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
-            /* @__PURE__ */ jsx(Button, { hierarchy: "custom", onClick: () => handleClose(false), children: options.cancelText }),
-            /* @__PURE__ */ jsx(Button, { hierarchy: "custom", onClick: () => handleClose(true), children: options.confirmText })
-          ] })
+          options == null ? void 0 : options.footerActions
         ] })
       }
     )