mtxuilib 0.1.277 → 0.1.279

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

@@ -0,0 +1,39 @@
+import { type StateCreator } from "zustand";
+export type ConfirmModalProps = {};
+export interface ConfirmModalState extends ConfirmModalProps {
+    open?: boolean;
+    setOpen: (_open: boolean) => void;
+    onConfirm?: (values: any) => void;
+    onCancel?: () => 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, [
+], [
+], ConfirmModalState>;
+export declare const gomtmContext: import("react").Context<import("zustand").StoreApi<ConfirmModalState> | null>;
+type AppProviderProps = React.PropsWithChildren<ConfirmModalProps>;
+export declare const ConfirmModalProvider: (props: AppProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare function useConfirmStore(): ConfirmModalState;
+export declare function useConfirmStore<T>(selector: (state: ConfirmModalState) => T): T;
+interface ConfirmModalOptions {
+    title?: string;
+    message: string;
+    description?: string;
+    confirmText?: string;
+    cancelText?: string;
+    onConfirm: (values: any) => void;
+    onCancel?: () => void;
+}
+interface UseConfirmProps extends ConfirmModalProps {
+    options: ConfirmModalOptions;
+}
+export declare const useConfirm: (props: UseConfirmProps) => {
+    showConfirm: (values: any) => void;
+};
+export declare function useConfirmV2(message: any, onConfirm: any, onAbort: any): (values: any) => void;
+export {};

package/dist/components/confirm/ConfirmProvider.js

@@ -0,0 +1,68 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useEffect, useMemo, } from "react";
+import { createStore, useStore } from "zustand";
+import { useShallow } from "zustand/react/shallow";
+import { ConfirmModal } from "./Confrom";
+export const createAppSlice = (set, get, init) => {
+    return {
+        open: false,
+        ...init,
+        setOpen(_open) {
+            set({ open: _open });
+        },
+        setOnConfirm: (onConfirm) => set({ onConfirm }),
+        setOnCancel: (onCancel) => set({ onCancel }),
+        setOptions: (options) => set({ options }),
+        setValues: (values) => set({ values }),
+    };
+};
+const createMtAppStore = (initProps) => {
+    const initialState = { ...initProps };
+    return createStore()((...a) => ({
+        ...createAppSlice(...a),
+        ...initialState,
+    }));
+};
+export const gomtmContext = createContext(null);
+export const ConfirmModalProvider = (props) => {
+    const { children, ...etc } = props;
+    const mystore = useMemo(() => createMtAppStore(etc), [etc]);
+    return (_jsxs(gomtmContext.Provider, { value: mystore, children: [children, _jsx(ConfirmModal, {})] }));
+};
+const DEFAULT_USE_SHALLOW = true;
+export function useConfirmStore(selector) {
+    const store = useContext(gomtmContext);
+    if (!store)
+        throw new Error("useConfirmStore must in ConfirmModalProvider");
+    if (selector) {
+        return useStore(store, DEFAULT_USE_SHALLOW ? useShallow(selector) : selector);
+    }
+    return useStore(store);
+}
+export const useConfirm = (props) => {
+    const setOpen = useConfirmStore((x) => x.setOpen);
+    const setOnConfirm = useConfirmStore((x) => x.setOnConfirm);
+    const setOptions = useConfirmStore((x) => x.setOptions);
+    const setValues = useConfirmStore((x) => x.setValues);
+    useEffect(() => {
+        setOptions(props.options);
+        setOnConfirm(props.options.onConfirm);
+    }, [props.options, setOptions, setOnConfirm]);
+    const showConfirm = useCallback((values) => {
+        setOpen(true);
+        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.d.ts

@@ -0,0 +1 @@
+export declare function ConfirmModal(): import("react/jsx-runtime").JSX.Element;

package/dist/components/confirm/Confrom.js

@@ -0,0 +1,21 @@
+"use client";
+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);
+    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.277",
+  "version": "0.1.279",
   "publishConfig": {
     "access": "public"
   },