warqadui 0.0.64 → 0.0.66

package/dist/index.d.mts

@@ -5,6 +5,7 @@ import * as react_hook_form from 'react-hook-form';
 import { FieldValues, Path, UseFormReturn } from 'react-hook-form';
 import { ColumnDef, SortingState, ColumnFiltersState, RowData } from '@tanstack/react-table';
 import * as z from 'zod';
+import { z as z$1 } from 'zod';
 import * as react_to_print from 'react-to-print';
 import { UploadFile } from 'antd';
 import * as zustand from 'zustand';
@@ -184,6 +185,73 @@ interface ModalProps {
 }
 declare const Modal: React__default.FC<ModalProps>;
 
+interface ConfirmModalProps {
+    /**
+     * The trigger component that will open the modal when clicked.
+     */
+    children: React__default.ReactNode;
+    /**
+     * Title shown at the top of the modal.
+     */
+    title: string;
+    /**
+     * Detailed message describing the action being confirmed.
+     */
+    description: string;
+    /**
+     * The word the user must type to enable the confirm button.
+     * @default "delete"
+     */
+    confirmationWord?: string;
+    /**
+     * Callback fired when the cancel button is clicked or the modal is closed.
+     */
+    onCancel?: () => void | Promise<void>;
+    /**
+     * Async function called when the user confirms.
+     * If it resolves, the modal closes automatically (unless it explicitly returns false).
+     * If it rejects, the modal stays open.
+     */
+    onSubmit: () => Promise<void | boolean>;
+    /**
+     * Label for the confirm button.
+     * @default "Confirm"
+     */
+    confirmButtonText?: string;
+    /**
+     * Label for the cancel button.
+     * @default "Cancel"
+     */
+    cancelButtonText?: string;
+    /**
+     * Visual variant of the confirm button.
+     * @default "danger"
+     */
+    variant?: "danger" | "primary" | "warning";
+    /**
+     * Width of the modal in pixels.
+     * @default 500
+     */
+    width?: number;
+    /**
+     * Optional controlled open state.
+     */
+    isOpen?: boolean;
+    /**
+     * Optional controlled close handler.
+     */
+    onClose?: () => void;
+    /**
+     * Optional loading state.
+     */
+    isLoading?: boolean;
+}
+/**
+ * A reusable confirmation modal component that wraps any element and triggers
+ * a confirmation dialog with a required word input (e.g. for destructive actions).
+ */
+declare const ConfirmModal: React__default.FC<ConfirmModalProps>;
+
 interface PageHeaderProps {
     title: string;
     description?: string;
@@ -610,10 +678,11 @@ declare const useLogin: (props: UseLoginProps) => {
 };
 
 interface DropdownItem {
-    label: string;
+    label: React__default.ReactNode;
     icon?: React__default.ReactNode;
     onClick?: () => void | Promise<void>;
     disabled?: boolean;
+    loading?: boolean;
     className?: string;
     variant?: "default" | "danger";
 }
@@ -775,7 +844,7 @@ declare const useTransaction: ({ url, v, delay, params, dateFilter, }: {
     data: any;
     isLoading: boolean;
     get: FetchFunction;
-    reload: () => void;
+    reload: () => Promise<any>;
     error: string | null;
     date: String | null | undefined;
 };
@@ -1041,4 +1110,97 @@ declare const useAuth: () => {
     can: (key: string) => boolean;
 };
 
-export { type AccountType, AdminProtectedRoute, Badge, type BadgeProps, Branding, type BrandingProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CategoryCard, type CategoryItem, ClassicSpin, CodeBlock, DashboardLayout, DataTable, type DataTableColumn, DateInput, type DateInputProps, type DeleteFunction, Dropdown, type DropdownItem, type DropdownProps, type FetchFunction, type FetchProps, Fields, Guard, InfoGrid, Input, type InputProps, LoadingBox, LoadingSpin, type LoginSchema, type LoginTheme, Modal, type ModalProps, type NavItem, type NavItems, type Option, OverlaySpin, PageA4, PageHeader, type PdfOptions, PhoneInput, type PhoneInputProps, type PostFunction, PostTable, type PostTableActions, type PostTableChangeParams, ProfileCard, type ProfileCardProps, ProfileDropdown, type ProfileDropdownItem, type ProfileDropdownProps, ProfileView, type ProfileViewInfoItem, type ProfileViewProps, ProtectedRoute, type PutFunction, type Role, SearchApi, SearchApiContent, SearchApiInput, SearchApiItem, type SearchApiProps, SearchApiTrigger, Select, SelectContent, SelectItem, type SelectProps, SelectTrigger, SimpleTable, type SimpleTableColumn, type StorageManager, type StoreConfig, Textarea, type TextareaProps, type ThemeConfig, ThemeProvider, ThemeToggle, ThemedLogin, UnProtectedRoute, type UseModalReturn, Views, type WarqadConfig, type WarqadConfigContextType, WarqadProvider, generatePdf, storage, useA4CategoryView, useA4StatementView, useAntdImageUpload, useApi, useAuth, useAuthStore, useLogin, useModal, useSearchApiContext, useSelectContext, useTheme, useTransaction, useWarqadConfig };
+declare function Accounts({ v, url }: {
+    v?: 1 | 2;
+    url?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function AccountForm(): react_jsx_runtime.JSX.Element;
+
+declare const createAccountSchema: z$1.ZodObject<{
+    name: z$1.ZodString;
+    email: z$1.ZodEffects<z$1.ZodEffects<z$1.ZodOptional<z$1.ZodString>, string | undefined, string | undefined>, string | undefined, string | undefined>;
+    phoneNumber: z$1.ZodOptional<z$1.ZodString>;
+    sex: z$1.ZodEnum<["male", "female"]>;
+}, "strip", z$1.ZodTypeAny, {
+    name: string;
+    sex: "male" | "female";
+    email?: string | undefined;
+    phoneNumber?: string | undefined;
+}, {
+    name: string;
+    sex: "male" | "female";
+    email?: string | undefined;
+    phoneNumber?: string | undefined;
+}>;
+type CreateAccountSchemaType = z$1.infer<typeof createAccountSchema>;
+
+declare function LinkUser({ type: initialType }: {
+    type?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function Users(): react_jsx_runtime.JSX.Element;
+
+declare function ResetPasswordPage(): react_jsx_runtime.JSX.Element;
+
+interface UserProfileProps {
+    items?: DropdownItem[];
+    name?: string;
+    role?: string;
+    image?: string;
+    onLogout?: () => void;
+    showThemeToggle?: boolean;
+}
+declare const UserProfile: React__default.FC<UserProfileProps>;
+
+declare const ProfilePage: () => react_jsx_runtime.JSX.Element;
+
+declare const linkUserSchema: z$1.ZodObject<{
+    email: z$1.ZodEffects<z$1.ZodEffects<z$1.ZodString, string, string>, string, string>;
+    name: z$1.ZodString;
+}, "strip", z$1.ZodTypeAny, {
+    name: string;
+    email: string;
+}, {
+    name: string;
+    email: string;
+}>;
+declare const verifyUserEmailSchema: z$1.ZodObject<{
+    email: z$1.ZodEffects<z$1.ZodEffects<z$1.ZodString, string, string>, string, string>;
+    token: z$1.ZodString;
+}, "strip", z$1.ZodTypeAny, {
+    email: string;
+    token: string;
+}, {
+    email: string;
+    token: string;
+}>;
+declare const updateUserEmailSchema: z$1.ZodObject<{
+    currentEmail: z$1.ZodOptional<z$1.ZodString>;
+    newEmail: z$1.ZodEffects<z$1.ZodEffects<z$1.ZodString, string, string>, string, string>;
+}, "strip", z$1.ZodTypeAny, {
+    newEmail: string;
+    currentEmail?: string | undefined;
+}, {
+    newEmail: string;
+    currentEmail?: string | undefined;
+}>;
+declare const resetPasswordSchema: z$1.ZodObject<{
+    email: z$1.ZodOptional<z$1.ZodString>;
+    token: z$1.ZodString;
+    password: z$1.ZodString;
+}, "strip", z$1.ZodTypeAny, {
+    password: string;
+    token: string;
+    email?: string | undefined;
+}, {
+    password: string;
+    token: string;
+    email?: string | undefined;
+}>;
+type linkUserSchemaType = z$1.infer<typeof linkUserSchema>;
+type verifyUserEmailSchemaType = z$1.infer<typeof verifyUserEmailSchema>;
+type updateUserEmailSchemaType = z$1.infer<typeof updateUserEmailSchema>;
+type resetPasswordSchemaType = z$1.infer<typeof resetPasswordSchema>;
+
+export { AccountForm, type AccountType, Accounts, AdminProtectedRoute, Badge, type BadgeProps, Branding, type BrandingProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CategoryCard, type CategoryItem, ClassicSpin, CodeBlock, ConfirmModal, type ConfirmModalProps, type CreateAccountSchemaType, DashboardLayout, DataTable, type DataTableColumn, DateInput, type DateInputProps, type DeleteFunction, Dropdown, type DropdownItem, type DropdownProps, type FetchFunction, type FetchProps, Fields, Guard, InfoGrid, Input, type InputProps, LinkUser, LoadingBox, LoadingSpin, type LoginSchema, type LoginTheme, Modal, type ModalProps, type NavItem, type NavItems, type Option, OverlaySpin, PageA4, PageHeader, type PdfOptions, PhoneInput, type PhoneInputProps, type PostFunction, PostTable, type PostTableActions, type PostTableChangeParams, ProfileCard, type ProfileCardProps, ProfileDropdown, type ProfileDropdownItem, type ProfileDropdownProps, ProfilePage, ProfileView, type ProfileViewInfoItem, type ProfileViewProps, ProtectedRoute, type PutFunction, ResetPasswordPage, type Role, SearchApi, SearchApiContent, SearchApiInput, SearchApiItem, type SearchApiProps, SearchApiTrigger, Select, SelectContent, SelectItem, type SelectProps, SelectTrigger, SimpleTable, type SimpleTableColumn, type StorageManager, type StoreConfig, Textarea, type TextareaProps, type ThemeConfig, ThemeProvider, ThemeToggle, ThemedLogin, UnProtectedRoute, type UseModalReturn, UserProfile, Users, Views, type WarqadConfig, type WarqadConfigContextType, WarqadProvider, createAccountSchema, generatePdf, linkUserSchema, type linkUserSchemaType, resetPasswordSchema, type resetPasswordSchemaType, storage, updateUserEmailSchema, type updateUserEmailSchemaType, useA4CategoryView, useA4StatementView, useAntdImageUpload, useApi, useAuth, useAuthStore, useLogin, useModal, useSearchApiContext, useSelectContext, useTheme, useTransaction, useWarqadConfig, verifyUserEmailSchema, type verifyUserEmailSchemaType };

package/dist/index.d.ts

@@ -5,6 +5,7 @@ import * as react_hook_form from 'react-hook-form';
 import { FieldValues, Path, UseFormReturn } from 'react-hook-form';
 import { ColumnDef, SortingState, ColumnFiltersState, RowData } from '@tanstack/react-table';
 import * as z from 'zod';
+import { z as z$1 } from 'zod';
 import * as react_to_print from 'react-to-print';
 import { UploadFile } from 'antd';
 import * as zustand from 'zustand';
@@ -184,6 +185,73 @@ interface ModalProps {
 }
 declare const Modal: React__default.FC<ModalProps>;
 
+interface ConfirmModalProps {
+    /**
+     * The trigger component that will open the modal when clicked.
+     */
+    children: React__default.ReactNode;
+    /**
+     * Title shown at the top of the modal.
+     */
+    title: string;
+    /**
+     * Detailed message describing the action being confirmed.
+     */
+    description: string;
+    /**
+     * The word the user must type to enable the confirm button.
+     * @default "delete"
+     */
+    confirmationWord?: string;
+    /**
+     * Callback fired when the cancel button is clicked or the modal is closed.
+     */
+    onCancel?: () => void | Promise<void>;
+    /**
+     * Async function called when the user confirms.
+     * If it resolves, the modal closes automatically (unless it explicitly returns false).
+     * If it rejects, the modal stays open.
+     */
+    onSubmit: () => Promise<void | boolean>;
+    /**
+     * Label for the confirm button.
+     * @default "Confirm"
+     */
+    confirmButtonText?: string;
+    /**
+     * Label for the cancel button.
+     * @default "Cancel"
+     */
+    cancelButtonText?: string;
+    /**
+     * Visual variant of the confirm button.
+     * @default "danger"
+     */
+    variant?: "danger" | "primary" | "warning";
+    /**
+     * Width of the modal in pixels.
+     * @default 500
+     */
+    width?: number;
+    /**
+     * Optional controlled open state.
+     */
+    isOpen?: boolean;
+    /**
+     * Optional controlled close handler.
+     */
+    onClose?: () => void;
+    /**
+     * Optional loading state.
+     */
+    isLoading?: boolean;
+}
+/**
+ * A reusable confirmation modal component that wraps any element and triggers
+ * a confirmation dialog with a required word input (e.g. for destructive actions).
+ */
+declare const ConfirmModal: React__default.FC<ConfirmModalProps>;
+
 interface PageHeaderProps {
     title: string;
     description?: string;
@@ -610,10 +678,11 @@ declare const useLogin: (props: UseLoginProps) => {
 };
 
 interface DropdownItem {
-    label: string;
+    label: React__default.ReactNode;
     icon?: React__default.ReactNode;
     onClick?: () => void | Promise<void>;
     disabled?: boolean;
+    loading?: boolean;
     className?: string;
     variant?: "default" | "danger";
 }
@@ -775,7 +844,7 @@ declare const useTransaction: ({ url, v, delay, params, dateFilter, }: {
     data: any;
     isLoading: boolean;
     get: FetchFunction;
-    reload: () => void;
+    reload: () => Promise<any>;
     error: string | null;
     date: String | null | undefined;
 };
@@ -1041,4 +1110,97 @@ declare const useAuth: () => {
     can: (key: string) => boolean;
 };
 
-export { type AccountType, AdminProtectedRoute, Badge, type BadgeProps, Branding, type BrandingProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CategoryCard, type CategoryItem, ClassicSpin, CodeBlock, DashboardLayout, DataTable, type DataTableColumn, DateInput, type DateInputProps, type DeleteFunction, Dropdown, type DropdownItem, type DropdownProps, type FetchFunction, type FetchProps, Fields, Guard, InfoGrid, Input, type InputProps, LoadingBox, LoadingSpin, type LoginSchema, type LoginTheme, Modal, type ModalProps, type NavItem, type NavItems, type Option, OverlaySpin, PageA4, PageHeader, type PdfOptions, PhoneInput, type PhoneInputProps, type PostFunction, PostTable, type PostTableActions, type PostTableChangeParams, ProfileCard, type ProfileCardProps, ProfileDropdown, type ProfileDropdownItem, type ProfileDropdownProps, ProfileView, type ProfileViewInfoItem, type ProfileViewProps, ProtectedRoute, type PutFunction, type Role, SearchApi, SearchApiContent, SearchApiInput, SearchApiItem, type SearchApiProps, SearchApiTrigger, Select, SelectContent, SelectItem, type SelectProps, SelectTrigger, SimpleTable, type SimpleTableColumn, type StorageManager, type StoreConfig, Textarea, type TextareaProps, type ThemeConfig, ThemeProvider, ThemeToggle, ThemedLogin, UnProtectedRoute, type UseModalReturn, Views, type WarqadConfig, type WarqadConfigContextType, WarqadProvider, generatePdf, storage, useA4CategoryView, useA4StatementView, useAntdImageUpload, useApi, useAuth, useAuthStore, useLogin, useModal, useSearchApiContext, useSelectContext, useTheme, useTransaction, useWarqadConfig };
+declare function Accounts({ v, url }: {
+    v?: 1 | 2;
+    url?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function AccountForm(): react_jsx_runtime.JSX.Element;
+
+declare const createAccountSchema: z$1.ZodObject<{
+    name: z$1.ZodString;
+    email: z$1.ZodEffects<z$1.ZodEffects<z$1.ZodOptional<z$1.ZodString>, string | undefined, string | undefined>, string | undefined, string | undefined>;
+    phoneNumber: z$1.ZodOptional<z$1.ZodString>;
+    sex: z$1.ZodEnum<["male", "female"]>;
+}, "strip", z$1.ZodTypeAny, {
+    name: string;
+    sex: "male" | "female";
+    email?: string | undefined;
+    phoneNumber?: string | undefined;
+}, {
+    name: string;
+    sex: "male" | "female";
+    email?: string | undefined;
+    phoneNumber?: string | undefined;
+}>;
+type CreateAccountSchemaType = z$1.infer<typeof createAccountSchema>;
+
+declare function LinkUser({ type: initialType }: {
+    type?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function Users(): react_jsx_runtime.JSX.Element;
+
+declare function ResetPasswordPage(): react_jsx_runtime.JSX.Element;
+
+interface UserProfileProps {
+    items?: DropdownItem[];
+    name?: string;
+    role?: string;
+    image?: string;
+    onLogout?: () => void;
+    showThemeToggle?: boolean;
+}
+declare const UserProfile: React__default.FC<UserProfileProps>;
+
+declare const ProfilePage: () => react_jsx_runtime.JSX.Element;
+
+declare const linkUserSchema: z$1.ZodObject<{
+    email: z$1.ZodEffects<z$1.ZodEffects<z$1.ZodString, string, string>, string, string>;
+    name: z$1.ZodString;
+}, "strip", z$1.ZodTypeAny, {
+    name: string;
+    email: string;
+}, {
+    name: string;
+    email: string;
+}>;
+declare const verifyUserEmailSchema: z$1.ZodObject<{
+    email: z$1.ZodEffects<z$1.ZodEffects<z$1.ZodString, string, string>, string, string>;
+    token: z$1.ZodString;
+}, "strip", z$1.ZodTypeAny, {
+    email: string;
+    token: string;
+}, {
+    email: string;
+    token: string;
+}>;
+declare const updateUserEmailSchema: z$1.ZodObject<{
+    currentEmail: z$1.ZodOptional<z$1.ZodString>;
+    newEmail: z$1.ZodEffects<z$1.ZodEffects<z$1.ZodString, string, string>, string, string>;
+}, "strip", z$1.ZodTypeAny, {
+    newEmail: string;
+    currentEmail?: string | undefined;
+}, {
+    newEmail: string;
+    currentEmail?: string | undefined;
+}>;
+declare const resetPasswordSchema: z$1.ZodObject<{
+    email: z$1.ZodOptional<z$1.ZodString>;
+    token: z$1.ZodString;
+    password: z$1.ZodString;
+}, "strip", z$1.ZodTypeAny, {
+    password: string;
+    token: string;
+    email?: string | undefined;
+}, {
+    password: string;
+    token: string;
+    email?: string | undefined;
+}>;
+type linkUserSchemaType = z$1.infer<typeof linkUserSchema>;
+type verifyUserEmailSchemaType = z$1.infer<typeof verifyUserEmailSchema>;
+type updateUserEmailSchemaType = z$1.infer<typeof updateUserEmailSchema>;
+type resetPasswordSchemaType = z$1.infer<typeof resetPasswordSchema>;
+
+export { AccountForm, type AccountType, Accounts, AdminProtectedRoute, Badge, type BadgeProps, Branding, type BrandingProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CategoryCard, type CategoryItem, ClassicSpin, CodeBlock, ConfirmModal, type ConfirmModalProps, type CreateAccountSchemaType, DashboardLayout, DataTable, type DataTableColumn, DateInput, type DateInputProps, type DeleteFunction, Dropdown, type DropdownItem, type DropdownProps, type FetchFunction, type FetchProps, Fields, Guard, InfoGrid, Input, type InputProps, LinkUser, LoadingBox, LoadingSpin, type LoginSchema, type LoginTheme, Modal, type ModalProps, type NavItem, type NavItems, type Option, OverlaySpin, PageA4, PageHeader, type PdfOptions, PhoneInput, type PhoneInputProps, type PostFunction, PostTable, type PostTableActions, type PostTableChangeParams, ProfileCard, type ProfileCardProps, ProfileDropdown, type ProfileDropdownItem, type ProfileDropdownProps, ProfilePage, ProfileView, type ProfileViewInfoItem, type ProfileViewProps, ProtectedRoute, type PutFunction, ResetPasswordPage, type Role, SearchApi, SearchApiContent, SearchApiInput, SearchApiItem, type SearchApiProps, SearchApiTrigger, Select, SelectContent, SelectItem, type SelectProps, SelectTrigger, SimpleTable, type SimpleTableColumn, type StorageManager, type StoreConfig, Textarea, type TextareaProps, type ThemeConfig, ThemeProvider, ThemeToggle, ThemedLogin, UnProtectedRoute, type UseModalReturn, UserProfile, Users, Views, type WarqadConfig, type WarqadConfigContextType, WarqadProvider, createAccountSchema, generatePdf, linkUserSchema, type linkUserSchemaType, resetPasswordSchema, type resetPasswordSchemaType, storage, updateUserEmailSchema, type updateUserEmailSchemaType, useA4CategoryView, useA4StatementView, useAntdImageUpload, useApi, useAuth, useAuthStore, useLogin, useModal, useSearchApiContext, useSelectContext, useTheme, useTransaction, useWarqadConfig, verifyUserEmailSchema, type verifyUserEmailSchemaType };