mtxuilib 0.1.277 → 0.1.278

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

@@ -0,0 +1,34 @@
+import { type StateCreator } from "zustand";
+export type ConfirmModalProps = {};
+export interface ConfirmModalState extends ConfirmModalProps {
+    open?: boolean;
+    setOpen: (_open: boolean) => void;
+    onConfirm?: () => void;
+    onCancel?: () => void;
+    setOnConfirm: (_onConfirm: () => void) => void;
+    setOnCancel: (_onCancel: () => void) => void;
+    options?: ConfirmModalOptions;
+    setOptions: (_options: ConfirmModalOptions) => 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;
+}
+interface UseConfirmProps extends ConfirmModalProps {
+    onConfirm: () => void;
+}
+export declare const useConfirm: (props: UseConfirmProps) => {
+    showConfirm: (options: ConfirmModalOptions) => void;
+};
+export {};

package/dist/components/confirm/ConfirmProvider.js

@@ -0,0 +1,56 @@
+"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 }),
+    };
+};
+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 confirm = useConfirmStore();
+    const setOpen = useConfirmStore((x) => x.setOpen);
+    const setOnConfirm = useConfirmStore((x) => x.setOnConfirm);
+    const setOnCancel = useConfirmStore((x) => x.setOnCancel);
+    useEffect(() => {
+        confirm.setOnConfirm(props.onConfirm);
+    }, []);
+    const showConfirm = useCallback((options) => {
+        setOpen(true);
+    }, [setOpen]);
+    return {
+        showConfirm: showConfirm,
+    };
+};

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,9 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Dialog, DialogContent, 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" }) }) }));
+}

package/package.json

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