mtxuilib 0.1.278 → 0.1.280

package/dist/components/confirm/ConfirmProvider.d.ts

@@ -3,12 +3,14 @@ export type ConfirmModalProps = {};
 export interface ConfirmModalState extends ConfirmModalProps {
     open?: boolean;
     setOpen: (_open: boolean) => void;
-    onConfirm?: () => void;
+    onConfirm?: (values: any) => void;
     onCancel?: () => void;
-    setOnConfirm: (_onConfirm: () => void) => void;
+    setOnConfirm: (_onConfirm: (values: any) => void) => void;
     setOnCancel: (_onCancel: () => void) => void;
     options?: ConfirmModalOptions;
     setOptions: (_options: ConfirmModalOptions) => void;
+    values?: any;
+    setValues: (_values: any) => void;
 }
 export declare const createAppSlice: StateCreator<ConfirmModalState, [
 ], [
@@ -24,11 +26,14 @@ interface ConfirmModalOptions {
     description?: string;
     confirmText?: string;
     cancelText?: string;
+    onConfirm: (values: any) => void;
+    onCancel?: () => void;
 }
 interface UseConfirmProps extends ConfirmModalProps {
-    onConfirm: () => void;
+    options: ConfirmModalOptions;
 }
 export declare const useConfirm: (props: UseConfirmProps) => {
-    showConfirm: (options: ConfirmModalOptions) => void;
+    showConfirm: (values: any) => void;
 };
+export declare function useConfirmV2(message: any, onConfirm: any, onAbort: any): (values: any) => void;
 export {};

package/dist/components/confirm/ConfirmProvider.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { createContext, useCallback, useContext, useEffect, useMemo } from "react";
+import { createContext, useCallback, useContext, useEffect, useMemo, } from "react";
 import { createStore, useStore } from "zustand";
 import { useShallow } from "zustand/react/shallow";
 import { ConfirmModal } from "./Confrom";
@@ -14,6 +14,7 @@ export const createAppSlice = (set, get, init) => {
         setOnConfirm: (onConfirm) => set({ onConfirm }),
         setOnCancel: (onCancel) => set({ onCancel }),
         setOptions: (options) => set({ options }),
+        setValues: (values) => set({ values }),
     };
 };
 const createMtAppStore = (initProps) => {
@@ -40,17 +41,28 @@ export function useConfirmStore(selector) {
     return useStore(store);
 }
 export const useConfirm = (props) => {
-    const confirm = useConfirmStore();
     const setOpen = useConfirmStore((x) => x.setOpen);
     const setOnConfirm = useConfirmStore((x) => x.setOnConfirm);
-    const setOnCancel = useConfirmStore((x) => x.setOnCancel);
+    const setOptions = useConfirmStore((x) => x.setOptions);
+    const setValues = useConfirmStore((x) => x.setValues);
     useEffect(() => {
-        confirm.setOnConfirm(props.onConfirm);
-    }, []);
-    const showConfirm = useCallback((options) => {
+        setOptions(props.options);
+        setOnConfirm(props.options.onConfirm);
+    }, [props.options, setOptions, setOnConfirm]);
+    const showConfirm = useCallback((values) => {
         setOpen(true);
-    }, [setOpen]);
+        setValues(values);
+    }, [setOpen, setValues]);
     return {
         showConfirm: showConfirm,
     };
 };
+export function useConfirmV2(message, onConfirm, onAbort) {
+    const confirm = useCallback((values) => {
+        if (window.confirm(message))
+            onConfirm(values);
+        else
+            onAbort();
+    }, [message, onConfirm, onAbort]);
+    return confirm;
+}

package/dist/components/confirm/Confrom.js

@@ -1,9 +1,21 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Dialog, DialogContent, DialogTitle } from "../../ui/dialog";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "../../ui/button";
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogTitle, } from "../../ui/dialog";
 import { useConfirmStore } from "./ConfirmProvider";
 export function ConfirmModal() {
     const open = useConfirmStore((x) => x.open);
     const setOpen = useConfirmStore((x) => x.setOpen);
-    return (_jsx(Dialog, { open: open, onOpenChange: setOpen, children: _jsx(DialogContent, { children: _jsx(DialogTitle, { children: "Confirm" }) }) }));
+    const onConfirm = useConfirmStore((x) => x.onConfirm);
+    const options = useConfirmStore((x) => x.options);
+    const values = useConfirmStore((x) => x.values);
+    const title = options?.title || "Confirm";
+    const message = options?.message || "Are you sure?";
+    const confirmText = options?.confirmText || "Confirm";
+    const cancelText = options?.cancelText || "Cancel";
+    return (_jsx(Dialog, { open: open, onOpenChange: setOpen, children: _jsxs(DialogContent, { children: [_jsx(DialogTitle, { children: title }), _jsx(DialogDescription, { children: message }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "outline", className: "min-w-14", onClick: () => setOpen(false), children: cancelText }), _jsx(Button, { className: "min-w-14", onClick: () => {
+                                setOpen(false);
+                                console.log("onConfirm", values);
+                                onConfirm?.(values);
+                            }, children: confirmText })] })] }) }));
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mtxuilib",
   "private": false,
-  "version": "0.1.278",
+  "version": "0.1.280",
   "publishConfig": {
     "access": "public"
   },