@idds/react 1.2.11 → 1.2.13

package/dist/index.es.js

@@ -6119,39 +6119,16 @@ const ConfirmationContext = createContext({
   confirm: () => Promise.resolve(false)
 });
 const useConfirmation = () => useContext(ConfirmationContext);
-const defaultFooterActions = (cancelClassName, confirmClassName, cancelText, confirmText) => {
+const defaultFooterActions = (cancelClassName, confirmClassName, cancelText, confirmText, handleClose) => {
   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({
-    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,
+        className: cancelClassName,
         onClick: () => handleClose(false),
-        children: options == null ? void 0 : options.cancelText
+        children: cancelText
       }
     ),
     /* @__PURE__ */ jsx(
@@ -6159,36 +6136,47 @@ const ConfirmationProvider = ({
       {
         hierarchy: "custom",
         size: "sm",
-        className: (options == null ? void 0 : options.confirmClassName) ?? "bg-primary-primary text-white hover:bg-primary-primary/90",
+        className: confirmClassName,
         onClick: () => handleClose(true),
-        children: options == null ? void 0 : options.confirmText
+        children: confirmText
       }
     )
   ] });
+};
+const ConfirmationProvider = ({
+  children
+}) => {
+  const [options, setOptions] = useState(null);
+  const [pendingPromise, setPendingPromise] = useState(null);
+  const handleClose = (answer) => {
+    if (pendingPromise) pendingPromise.resolve(answer);
+    setOptions(null);
+    setPendingPromise(null);
+  };
   const confirm = (opts) => {
     return new Promise((resolve) => {
+      const defaultCancelClassName = "bg-background-primary border border-content-primary text-content-primary hover:bg-background-secondary";
+      const defaultConfirmClassName = "bg-primary-primary text-white hover:bg-primary-primary/90";
+      const defaultCancelText = opts.cancelText ?? "Batal";
+      const defaultConfirmText = opts.confirmText ?? "Ya";
       setOptions({
         title: opts.title ?? "Confirmation",
         message: opts.message,
-        confirmText: opts.confirmText ?? "Ya",
-        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"
-        )
+        confirmText: defaultConfirmText,
+        cancelText: defaultCancelText,
+        cancelClassName: opts.cancelClassName ?? defaultCancelClassName,
+        confirmClassName: opts.confirmClassName ?? defaultConfirmClassName,
+        footerActions: opts.footerActions ?? ((handleClose2) => defaultFooterActions(
+          opts.cancelClassName ?? defaultCancelClassName,
+          opts.confirmClassName ?? defaultConfirmClassName,
+          defaultCancelText,
+          defaultConfirmText,
+          handleClose2
+        ))
       });
       setPendingPromise({ resolve });
     });
   };
-  const handleClose = (answer) => {
-    if (pendingPromise) pendingPromise.resolve(answer);
-    setOptions(null);
-    setPendingPromise(null);
-  };
   return /* @__PURE__ */ jsxs(ConfirmationContext.Provider, { value: { confirm }, children: [
     children,
     options && /* @__PURE__ */ jsx(
@@ -6200,7 +6188,7 @@ const ConfirmationProvider = ({
         title: options.title,
         children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
           /* @__PURE__ */ jsx("div", { children: options.message }),
-          options == null ? void 0 : options.footerActions
+          typeof options.footerActions === "function" ? options.footerActions(handleClose) : options.footerActions
         ] })
       }
     )