obs-admin-dashboard 1.0.0 → 1.0.1

package/dist/index.d.ts

@@ -0,0 +1,384 @@
+import { AlertDialog as AlertDialog_2 } from 'radix-ui';
+import { AxiosInstance } from 'axios';
+import { ClassProp } from 'class-variance-authority/types';
+import { ClassValue } from 'clsx';
+import { ColumnDef } from '@tanstack/react-table';
+import { Component } from 'react';
+import { ControllerProps } from 'react-hook-form';
+import { default as default_2 } from 'react';
+import { Dialog as Dialog_2 } from 'radix-ui';
+import { DropdownMenu as DropdownMenu_2 } from 'radix-ui';
+import { ErrorInfo } from 'react';
+import { FieldPath } from 'react-hook-form';
+import { FieldValues } from 'react-hook-form';
+import { FormProviderProps } from 'react-hook-form';
+import { JSX } from 'react/jsx-runtime';
+import { JSXElementConstructor } from 'react';
+import { Label as Label_2 } from 'radix-ui';
+import * as React_2 from 'react';
+import { ReactElement } from 'react';
+import { ReactNode } from 'react';
+import { ReactPortal } from 'react';
+import { Row } from '@tanstack/react-table';
+import { Select as Select_2 } from 'radix-ui';
+import { Slot } from 'radix-ui';
+import { VariantProps } from 'class-variance-authority';
+
+export declare function AlertDialog({ ...props }: React_2.ComponentProps<typeof AlertDialog_2.Root>): JSX.Element;
+
+export declare function AlertDialogAction({ className, variant, size, ...props }: React_2.ComponentProps<typeof AlertDialog_2.Action> & Pick<React_2.ComponentProps<typeof Button>, "variant" | "size">): JSX.Element;
+
+export declare function AlertDialogCancel({ className, variant, size, ...props }: React_2.ComponentProps<typeof AlertDialog_2.Cancel> & Pick<React_2.ComponentProps<typeof Button>, "variant" | "size">): JSX.Element;
+
+export declare function AlertDialogContent({ className, size, ...props }: React_2.ComponentProps<typeof AlertDialog_2.Content> & {
+    size?: "default" | "sm";
+}): JSX.Element;
+
+export declare function AlertDialogDescription({ className, ...props }: React_2.ComponentProps<typeof AlertDialog_2.Description>): JSX.Element;
+
+export declare function AlertDialogFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function AlertDialogHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function AlertDialogTitle({ className, ...props }: React_2.ComponentProps<typeof AlertDialog_2.Title>): JSX.Element;
+
+export declare const apiClient: AxiosInstance;
+
+export declare interface ApiResponse<T = any> {
+    data: T;
+    message?: string;
+    status?: number;
+}
+
+export declare function AppHeader({ title, action, total }: AppHeaderProps): JSX.Element;
+
+declare type AppHeaderProps = {
+    title: string;
+    action?: HeaderAction;
+    total?: number;
+};
+
+export declare const AppLayout: ({ navItems, brandName, logoUrl, sidebarFooter, redirectPath, }: AppLayoutProps) => JSX.Element;
+
+declare interface AppLayoutProps {
+    navItems?: NavItem[];
+    brandName?: string;
+    logoUrl?: string;
+    sidebarFooter?: ReactNode;
+    redirectPath?: string;
+}
+
+export declare function AppSidebar({ items, brandName, logoUrl, footer, }: AppSidebarProps): JSX.Element;
+
+declare interface AppSidebarProps {
+    items?: NavItem[];
+    brandName?: string;
+    logoUrl?: string;
+    footer?: ReactNode;
+}
+
+export declare const authClient: AxiosInstance;
+
+export declare const AuthLayout: () => JSX.Element;
+
+export declare let BASE_URL: any;
+
+export declare function Button({ className, variant, size, asChild, ...props }: React_2.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+}): JSX.Element;
+
+export declare type ButtonAction = {
+    type: "button";
+    label: string;
+    onClick: () => void;
+    variant?: ButtonVariant;
+    icon?: ReactNode;
+};
+
+declare type ButtonVariant = "default" | "outline" | "ghost" | "destructive" | "secondary" | "link";
+
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
+    size?: "icon" | "default" | "xs" | "sm" | "lg" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare function Card({ className, size, ...props }: React_2.ComponentProps<"div"> & {
+    size?: "default" | "sm";
+}): JSX.Element;
+
+export declare function CardContent({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function CardDescription({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function CardFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function CardHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function CardTitle({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function cn(...inputs: ClassValue[]): string;
+
+export declare function configureApi(url: string | undefined): void;
+
+export declare function ConfirmDialog({ open, onOpenChange, onConfirm, title, description, isLoading, variant, confirmLabel, }: ConfirmDialogProps): JSX.Element;
+
+declare type ConfirmDialogProps = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    onConfirm: () => void;
+    title?: string;
+    description?: string;
+    isLoading?: boolean;
+    variant?: "destructive" | "default";
+    confirmLabel?: string;
+};
+
+export declare class CrudService<T, CreateDto = Partial<T>, UpdateDto = Partial<T>> {
+    protected endpoint: string;
+    constructor(endpoint: string);
+    /**
+     * Fetch a paginated list of resources
+     */
+    getAll(params?: Record<string, any>): Promise<PaginatedApiResponse<T>>;
+    /**
+     * Fetch a single resource by its ID
+     */
+    getById(id: string | number): Promise<ApiResponse<T>>;
+    /**
+     * Create a new resource
+     */
+    create(data: CreateDto): Promise<ApiResponse<T>>;
+    /**
+     * Update an existing resource
+     */
+    update(id: string | number, data: UpdateDto): Promise<ApiResponse<T>>;
+    /**
+     * Delete a resource
+     */
+    delete(id: string | number): Promise<ApiResponse<void>>;
+}
+
+export declare interface DashboardConfig {
+    apiUrl?: string;
+    navItems?: NavItem[];
+    theme?: "light" | "dark" | "system";
+    toastPosition?: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
+}
+
+export declare function DashboardProvider({ config, children, }: DashboardProviderProps): JSX.Element;
+
+export declare interface DashboardProviderProps {
+    config?: DashboardConfig;
+    children: ReactNode;
+}
+
+export declare function DataPagination({ meta }: DataPaginationProps): JSX.Element;
+
+declare type DataPaginationProps = {
+    meta: PaginatedMeta;
+};
+
+export declare function DataTable<TData>({ data, columns, isLoading, emptyMessage, renderRow, }: DataTableProps<TData>): JSX.Element;
+
+declare type DataTableProps<TData> = {
+    data: TData[];
+    columns: ColumnDef<TData>[];
+    isLoading?: boolean;
+    emptyMessage?: string;
+    renderRow?: (row: Row<TData>, cells: React.ReactNode) => React.ReactNode;
+};
+
+export declare function Dialog({ ...props }: React_2.ComponentProps<typeof Dialog_2.Root>): JSX.Element;
+
+export declare function DialogContent({ className, children, showCloseButton, ...props }: React_2.ComponentProps<typeof Dialog_2.Content> & {
+    showCloseButton?: boolean;
+}): JSX.Element;
+
+export declare function DialogDescription({ className, ...props }: React_2.ComponentProps<typeof Dialog_2.Description>): JSX.Element;
+
+export declare function DialogFooter({ className, showCloseButton, children, ...props }: React_2.ComponentProps<"div"> & {
+    showCloseButton?: boolean;
+}): JSX.Element;
+
+export declare function DialogHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function DialogTitle({ className, ...props }: React_2.ComponentProps<typeof Dialog_2.Title>): JSX.Element;
+
+export declare type DropdownAction = {
+    type: "dropdown";
+    label: string;
+    items: {
+        label: string;
+        onClick: () => void;
+    }[];
+    variant?: ButtonVariant;
+    icon?: ReactNode;
+};
+
+export declare function DropdownMenu({ ...props }: React_2.ComponentProps<typeof DropdownMenu_2.Root>): JSX.Element;
+
+export declare function DropdownMenuContent({ className, align, sideOffset, ...props }: React_2.ComponentProps<typeof DropdownMenu_2.Content>): JSX.Element;
+
+export declare function DropdownMenuItem({ className, inset, variant, ...props }: React_2.ComponentProps<typeof DropdownMenu_2.Item> & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+}): JSX.Element;
+
+export declare function DropdownMenuTrigger({ ...props }: React_2.ComponentProps<typeof DropdownMenu_2.Trigger>): JSX.Element;
+
+export declare class ErrorBoundary extends Component<Props, State> {
+    state: State;
+    static getDerivedStateFromError(error: Error): State;
+    componentDidCatch(error: Error, info: ErrorInfo): void;
+    render(): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | ReactPortal | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | JSX.Element | null | undefined;
+}
+
+export declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React_2.JSX.Element;
+
+export declare const FormControl: React_2.ForwardRefExoticComponent<Omit<Slot.SlotProps & React_2.RefAttributes<HTMLElement>, "ref"> & React_2.RefAttributes<HTMLElement>>;
+
+export declare const FormDescription: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLParagraphElement> & React_2.RefAttributes<HTMLParagraphElement>>;
+
+export declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => JSX.Element;
+
+export declare const FormItem: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const FormLabel: React_2.ForwardRefExoticComponent<Omit<Label_2.LabelProps & React_2.RefAttributes<HTMLLabelElement>, "ref"> & React_2.RefAttributes<HTMLLabelElement>>;
+
+export declare const FormMessage: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLParagraphElement> & React_2.RefAttributes<HTMLParagraphElement>>;
+
+export declare type HeaderAction = ButtonAction | DropdownAction | NoAction;
+
+export declare function Input({ className, type, ...props }: React_2.ComponentProps<"input">): JSX.Element;
+
+export declare function Label({ className, ...props }: React_2.ComponentProps<typeof Label_2.Root>): JSX.Element;
+
+export declare type NavChild = {
+    label: string;
+    path: string;
+};
+
+export declare type NavItem = {
+    label: string;
+    icon: React.ElementType;
+    path?: string;
+    children?: NavChild[];
+};
+
+export declare type NoAction = {
+    type: "none";
+};
+
+export declare interface PaginatedApiResponse<T> {
+    data: T[];
+    meta: PaginatedMeta;
+    message?: string;
+    status?: number;
+}
+
+export declare interface PaginatedMeta {
+    total: number;
+    page: number;
+    limit: number;
+    totalPages: number;
+}
+
+declare interface Props {
+    children: ReactNode;
+}
+
+export declare const SearchBar: default_2.FC<SearchBarProps>;
+
+declare interface SearchBarProps {
+    title: string;
+}
+
+export declare function Select({ ...props }: React_2.ComponentProps<typeof Select_2.Root>): JSX.Element;
+
+export declare function SelectContent({ className, children, position, align, ...props }: React_2.ComponentProps<typeof Select_2.Content>): JSX.Element;
+
+export declare function SelectItem({ className, children, ...props }: React_2.ComponentProps<typeof Select_2.Item>): JSX.Element;
+
+export declare function SelectTrigger({ className, size, children, ...props }: React_2.ComponentProps<typeof Select_2.Trigger> & {
+    size?: "sm" | "default";
+}): JSX.Element;
+
+export declare function SelectValue({ ...props }: React_2.ComponentProps<typeof Select_2.Value>): JSX.Element;
+
+export declare function Sidebar({ side, variant, collapsible, className, children, dir, ...props }: React_2.ComponentProps<"div"> & {
+    side?: "left" | "right";
+    variant?: "sidebar" | "floating" | "inset";
+    collapsible?: "offcanvas" | "icon" | "none";
+}): JSX.Element;
+
+export declare function SidebarContent({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+declare type SidebarContextProps = {
+    state: "expanded" | "collapsed";
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    openMobile: boolean;
+    setOpenMobile: (open: boolean) => void;
+    isMobile: boolean;
+    toggleSidebar: () => void;
+};
+
+export declare function SidebarFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function SidebarHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function SidebarNav({ search, items }: SidebarNavProps): JSX.Element;
+
+declare interface SidebarNavProps {
+    search?: string;
+    items?: NavItem[];
+}
+
+export declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React_2.ComponentProps<"div"> & {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}): JSX.Element;
+
+export declare function SidebarUserFooter(): JSX.Element;
+
+declare interface State {
+    hasError: boolean;
+    error: Error | null;
+}
+
+export declare function Table({ className, ...props }: React_2.ComponentProps<"table">): JSX.Element;
+
+export declare function TableBody({ className, ...props }: React_2.ComponentProps<"tbody">): JSX.Element;
+
+export declare function TableCell({ className, ...props }: React_2.ComponentProps<"td">): JSX.Element;
+
+export declare function TableHead({ className, ...props }: React_2.ComponentProps<"th">): JSX.Element;
+
+export declare function TableHeader({ className, ...props }: React_2.ComponentProps<"thead">): JSX.Element;
+
+export declare function TableRow({ className, ...props }: React_2.ComponentProps<"tr">): JSX.Element;
+
+declare type Theme = "dark" | "light" | "system";
+
+export declare function ThemeProvider({ children, defaultTheme, storageKey, disableTransitionOnChange, ...props }: ThemeProviderProps): JSX.Element;
+
+declare type ThemeProviderProps = {
+    children: React_2.ReactNode;
+    defaultTheme?: Theme;
+    storageKey?: string;
+    disableTransitionOnChange?: boolean;
+};
+
+declare type ThemeProviderState = {
+    theme: Theme;
+    setTheme: (theme: Theme) => void;
+};
+
+export declare function useIsMobile(): boolean;
+
+export declare function useSidebar(): SidebarContextProps;
+
+export declare const useTheme: () => ThemeProviderState;
+
+export { }