warqadui 0.0.10 → 0.0.11

package/dist/index.d.mts

@@ -1,9 +1,9 @@
 import * as React$1 from 'react';
-import React__default, { ReactNode } from 'react';
+import React__default, { ReactNode, HTMLAttributes } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react_hook_form from 'react-hook-form';
 import { FieldValues, Path, UseFormReturn } from 'react-hook-form';
-import { ColumnDef, SortingState, ColumnFiltersState } from '@tanstack/react-table';
+import { ColumnDef, SortingState, ColumnFiltersState, RowData } from '@tanstack/react-table';
 
 interface ButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
     variant?: "primary" | "secondary" | "outline" | "ghost" | "danger" | "warning";
@@ -26,9 +26,10 @@ interface DashboardLayoutProps {
     children: React__default.ReactNode;
     navItems: NavItems;
     title?: string;
-    logo?: React__default.ReactNode;
+    logo?: React__default.ReactNode | string;
     userProfile?: React__default.ReactNode;
     fontFamily?: string;
+    sidebarFooter?: React__default.ReactNode;
 }
 declare const DashboardLayout: React__default.FC<DashboardLayoutProps>;
 
@@ -165,7 +166,7 @@ declare const DateInput: <T extends FieldValues>(props: DateInputProps<T> & {
 
 interface SearchApiProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value"> {
     label?: string;
-    apiUrl: string;
+    api: string;
     placeholder?: string;
     value?: any;
     onChange?: (value: any) => void;
@@ -179,6 +180,7 @@ interface SearchApiProps extends Omit<React__default.InputHTMLAttributes<HTMLInp
     obj?: any;
     filter?: any[];
     v?: number;
+    variant?: "ghost" | "default";
 }
 declare const SearchApi: React__default.ForwardRefExoticComponent<SearchApiProps & React__default.RefAttributes<HTMLDivElement>>;
 
@@ -198,17 +200,19 @@ interface Option {
     label: string;
     disabled?: boolean;
 }
-interface SelectProps extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, "onChange"> {
-    label: string;
+interface SelectProps extends Omit<React__default.SelectHTMLAttributes<HTMLSelectElement>, "onChange" | "value"> {
+    label?: string;
     options: Option[];
-    icon?: React.ReactNode;
+    icon?: React__default.ReactNode;
     error?: string;
     containerClassName?: string;
     name?: any;
     form?: any;
     onChange?: (value: string | number | boolean) => void;
+    value?: string | number | boolean;
+    variant?: "ghost" | "default";
 }
-declare const Select: React$1.ForwardRefExoticComponent<SelectProps & React$1.RefAttributes<HTMLSelectElement>>;
+declare const Select: React__default.ForwardRefExoticComponent<SelectProps & React__default.RefAttributes<HTMLSelectElement>>;
 
 interface PhoneInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange"> {
     label: string;
@@ -230,6 +234,7 @@ interface InputProps<T extends FieldValues> extends Omit<React.InputHTMLAttribut
     name?: Path<T>;
     form?: UseFormReturn<T>;
     type?: "text" | "number" | "email" | "password";
+    variant?: "ghost" | "default";
 }
 declare const Input: <T extends FieldValues>(props: InputProps<T> & {
     ref?: React.ForwardedRef<HTMLInputElement>;
@@ -251,12 +256,23 @@ declare const Fields: {
 };
 
 interface DataTableProps<TData, TValue> {
-    columns: ColumnDef<TData, TValue>[];
+    columns: (ColumnDef<TData, TValue> & {
+        key?: string;
+    })[];
     data: TData[];
     isLoading?: boolean;
     pageRows?: number;
     searchPlaceholder?: string;
     className?: string;
+    verticalLines?: boolean;
+    rowPadding?: string;
+    index?: boolean;
+    renderSubComponent?: (props: {
+        row: TData;
+        index: number;
+    }) => React__default.ReactNode;
+    hasSubComponent?: (row: TData) => boolean;
+    defaultExpanded?: boolean;
     onChange?: (state: {
         pagination: {
             pageIndex: number;
@@ -270,13 +286,85 @@ interface DataTableProps<TData, TValue> {
         filteredData: TData[];
     }) => void;
 }
-declare function DataTable<TData, TValue>({ columns, data, isLoading, pageRows, searchPlaceholder, className, onChange, }: DataTableProps<TData, TValue>): react_jsx_runtime.JSX.Element;
+declare function DataTable<TData, TValue>({ columns: userColumns, data, isLoading, pageRows, searchPlaceholder, className, verticalLines, rowPadding, index, renderSubComponent, hasSubComponent, // default to true
+defaultExpanded, onChange, }: DataTableProps<TData, TValue>): react_jsx_runtime.JSX.Element;
+
+declare module "@tanstack/react-table" {
+    interface ColumnMeta<TData extends RowData, TValue> {
+        field?: (props: {
+            value: any;
+            onChange: (value: any) => void;
+            rowData: Partial<TData>;
+            setRowData: (data: Partial<TData>) => void;
+        }) => React__default.ReactNode;
+    }
+}
+interface PostTableActions {
+    focus: (columnId: string) => void;
+    setError: (columnId: string, hasError: boolean) => void;
+}
+interface PostTableProps<TData> {
+    columns: (ColumnDef<TData, any> & {
+        key?: string;
+    })[];
+    data?: TData[];
+    onChange?: (entryData: Partial<TData>, actions: PostTableActions, actionType: "add" | "edit" | "delete", fullData: TData[]) => void | Promise<void | boolean>;
+    isLoading?: boolean;
+    className?: string;
+    verticalLines?: boolean;
+    rowPadding?: string;
+    index?: boolean;
+    renderAddButton?: (entryData: Partial<TData>, handleSaveField: () => void, isSaving: boolean) => React__default.ReactNode;
+    renderSubComponent?: (props: {
+        row: TData;
+        index: number;
+    }) => React__default.ReactNode;
+    hasSubComponent?: (row: TData) => boolean;
+    defaultExpanded?: boolean;
+}
+declare function PostTable<TData extends Record<string, any>>({ columns: userColumns, data: controlledData, onChange, isLoading, className, verticalLines, rowPadding, index, renderAddButton, renderSubComponent, hasSubComponent, // default to true if renderSubComponent is provided
+defaultExpanded, }: PostTableProps<TData>): react_jsx_runtime.JSX.Element;
+
+interface SimpleTableProps<TData> {
+    columns: (ColumnDef<TData, any> & {
+        key?: string;
+    })[];
+    data: TData[];
+    className?: string;
+    renderFooter?: () => React__default.ReactNode;
+    rowPadding?: string;
+    verticalLines?: boolean;
+}
+declare function SimpleTable<TData>({ columns: userColumns, data, className, renderFooter, rowPadding, verticalLines, }: SimpleTableProps<TData>): react_jsx_runtime.JSX.Element;
+
+interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
+    variant?: "primary" | "danger" | "warning" | "success";
+    size?: "sm" | "md" | "lg";
+    outline?: boolean;
+}
+declare const Badge: React__default.ForwardRefExoticComponent<BadgeProps & React__default.RefAttributes<HTMLSpanElement>>;
+
+interface BrandingProps {
+    /**
+     * The text to display.
+     */
+    text: string;
+    /**
+     * Whether the component is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Additional class names.
+     */
+    className?: string;
+}
+declare const Branding: React__default.FC<BrandingProps>;
 
 interface ThemeConfig {
     primaryColor?: string;
 }
 interface WarqadConfig {
-    apiUrl?: string;
+    api?: string;
     theme?: ThemeConfig;
 }
 interface WarqadConfigContextType {
@@ -353,4 +441,4 @@ interface PdfOptions {
  */
 declare const generatePdf: (elementId: string, options?: PdfOptions) => Promise<void>;
 
-export { Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ClassicSpin, CodeBlock, DashboardLayout, DataTable, DateInput, type DateInputProps, Fields, Input, type InputProps, LoadingBox, LoadingSpin, Modal, type ModalProps, type NavItem, type NavItems, type Option, OverlaySpin, PageHeader, type PdfOptions, PhoneInput, type PhoneInputProps, SearchApi, type SearchApiProps, Select, type SelectProps, Textarea, type TextareaProps, type ThemeConfig, ThemeProvider, ThemeToggle, type UseModalReturn, type WarqadConfig, type WarqadConfigContextType, WarqadProvider, generatePdf, useApi, useModal, useTheme, useWarqadConfig };
+export { Badge, type BadgeProps, Branding, type BrandingProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ClassicSpin, CodeBlock, DashboardLayout, DataTable, DateInput, type DateInputProps, Fields, Input, type InputProps, LoadingBox, LoadingSpin, Modal, type ModalProps, type NavItem, type NavItems, type Option, OverlaySpin, PageHeader, type PdfOptions, PhoneInput, type PhoneInputProps, PostTable, type PostTableActions, SearchApi, type SearchApiProps, Select, type SelectProps, SimpleTable, Textarea, type TextareaProps, type ThemeConfig, ThemeProvider, ThemeToggle, type UseModalReturn, type WarqadConfig, type WarqadConfigContextType, WarqadProvider, generatePdf, useApi, useModal, useTheme, useWarqadConfig };

package/dist/index.d.ts

@@ -1,9 +1,9 @@
 import * as React$1 from 'react';
-import React__default, { ReactNode } from 'react';
+import React__default, { ReactNode, HTMLAttributes } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react_hook_form from 'react-hook-form';
 import { FieldValues, Path, UseFormReturn } from 'react-hook-form';
-import { ColumnDef, SortingState, ColumnFiltersState } from '@tanstack/react-table';
+import { ColumnDef, SortingState, ColumnFiltersState, RowData } from '@tanstack/react-table';
 
 interface ButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
     variant?: "primary" | "secondary" | "outline" | "ghost" | "danger" | "warning";
@@ -26,9 +26,10 @@ interface DashboardLayoutProps {
     children: React__default.ReactNode;
     navItems: NavItems;
     title?: string;
-    logo?: React__default.ReactNode;
+    logo?: React__default.ReactNode | string;
     userProfile?: React__default.ReactNode;
     fontFamily?: string;
+    sidebarFooter?: React__default.ReactNode;
 }
 declare const DashboardLayout: React__default.FC<DashboardLayoutProps>;
 
@@ -165,7 +166,7 @@ declare const DateInput: <T extends FieldValues>(props: DateInputProps<T> & {
 
 interface SearchApiProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value"> {
     label?: string;
-    apiUrl: string;
+    api: string;
     placeholder?: string;
     value?: any;
     onChange?: (value: any) => void;
@@ -179,6 +180,7 @@ interface SearchApiProps extends Omit<React__default.InputHTMLAttributes<HTMLInp
     obj?: any;
     filter?: any[];
     v?: number;
+    variant?: "ghost" | "default";
 }
 declare const SearchApi: React__default.ForwardRefExoticComponent<SearchApiProps & React__default.RefAttributes<HTMLDivElement>>;
 
@@ -198,17 +200,19 @@ interface Option {
     label: string;
     disabled?: boolean;
 }
-interface SelectProps extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, "onChange"> {
-    label: string;
+interface SelectProps extends Omit<React__default.SelectHTMLAttributes<HTMLSelectElement>, "onChange" | "value"> {
+    label?: string;
     options: Option[];
-    icon?: React.ReactNode;
+    icon?: React__default.ReactNode;
     error?: string;
     containerClassName?: string;
     name?: any;
     form?: any;
     onChange?: (value: string | number | boolean) => void;
+    value?: string | number | boolean;
+    variant?: "ghost" | "default";
 }
-declare const Select: React$1.ForwardRefExoticComponent<SelectProps & React$1.RefAttributes<HTMLSelectElement>>;
+declare const Select: React__default.ForwardRefExoticComponent<SelectProps & React__default.RefAttributes<HTMLSelectElement>>;
 
 interface PhoneInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange"> {
     label: string;
@@ -230,6 +234,7 @@ interface InputProps<T extends FieldValues> extends Omit<React.InputHTMLAttribut
     name?: Path<T>;
     form?: UseFormReturn<T>;
     type?: "text" | "number" | "email" | "password";
+    variant?: "ghost" | "default";
 }
 declare const Input: <T extends FieldValues>(props: InputProps<T> & {
     ref?: React.ForwardedRef<HTMLInputElement>;
@@ -251,12 +256,23 @@ declare const Fields: {
 };
 
 interface DataTableProps<TData, TValue> {
-    columns: ColumnDef<TData, TValue>[];
+    columns: (ColumnDef<TData, TValue> & {
+        key?: string;
+    })[];
     data: TData[];
     isLoading?: boolean;
     pageRows?: number;
     searchPlaceholder?: string;
     className?: string;
+    verticalLines?: boolean;
+    rowPadding?: string;
+    index?: boolean;
+    renderSubComponent?: (props: {
+        row: TData;
+        index: number;
+    }) => React__default.ReactNode;
+    hasSubComponent?: (row: TData) => boolean;
+    defaultExpanded?: boolean;
     onChange?: (state: {
         pagination: {
             pageIndex: number;
@@ -270,13 +286,85 @@ interface DataTableProps<TData, TValue> {
         filteredData: TData[];
     }) => void;
 }
-declare function DataTable<TData, TValue>({ columns, data, isLoading, pageRows, searchPlaceholder, className, onChange, }: DataTableProps<TData, TValue>): react_jsx_runtime.JSX.Element;
+declare function DataTable<TData, TValue>({ columns: userColumns, data, isLoading, pageRows, searchPlaceholder, className, verticalLines, rowPadding, index, renderSubComponent, hasSubComponent, // default to true
+defaultExpanded, onChange, }: DataTableProps<TData, TValue>): react_jsx_runtime.JSX.Element;
+
+declare module "@tanstack/react-table" {
+    interface ColumnMeta<TData extends RowData, TValue> {
+        field?: (props: {
+            value: any;
+            onChange: (value: any) => void;
+            rowData: Partial<TData>;
+            setRowData: (data: Partial<TData>) => void;
+        }) => React__default.ReactNode;
+    }
+}
+interface PostTableActions {
+    focus: (columnId: string) => void;
+    setError: (columnId: string, hasError: boolean) => void;
+}
+interface PostTableProps<TData> {
+    columns: (ColumnDef<TData, any> & {
+        key?: string;
+    })[];
+    data?: TData[];
+    onChange?: (entryData: Partial<TData>, actions: PostTableActions, actionType: "add" | "edit" | "delete", fullData: TData[]) => void | Promise<void | boolean>;
+    isLoading?: boolean;
+    className?: string;
+    verticalLines?: boolean;
+    rowPadding?: string;
+    index?: boolean;
+    renderAddButton?: (entryData: Partial<TData>, handleSaveField: () => void, isSaving: boolean) => React__default.ReactNode;
+    renderSubComponent?: (props: {
+        row: TData;
+        index: number;
+    }) => React__default.ReactNode;
+    hasSubComponent?: (row: TData) => boolean;
+    defaultExpanded?: boolean;
+}
+declare function PostTable<TData extends Record<string, any>>({ columns: userColumns, data: controlledData, onChange, isLoading, className, verticalLines, rowPadding, index, renderAddButton, renderSubComponent, hasSubComponent, // default to true if renderSubComponent is provided
+defaultExpanded, }: PostTableProps<TData>): react_jsx_runtime.JSX.Element;
+
+interface SimpleTableProps<TData> {
+    columns: (ColumnDef<TData, any> & {
+        key?: string;
+    })[];
+    data: TData[];
+    className?: string;
+    renderFooter?: () => React__default.ReactNode;
+    rowPadding?: string;
+    verticalLines?: boolean;
+}
+declare function SimpleTable<TData>({ columns: userColumns, data, className, renderFooter, rowPadding, verticalLines, }: SimpleTableProps<TData>): react_jsx_runtime.JSX.Element;
+
+interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
+    variant?: "primary" | "danger" | "warning" | "success";
+    size?: "sm" | "md" | "lg";
+    outline?: boolean;
+}
+declare const Badge: React__default.ForwardRefExoticComponent<BadgeProps & React__default.RefAttributes<HTMLSpanElement>>;
+
+interface BrandingProps {
+    /**
+     * The text to display.
+     */
+    text: string;
+    /**
+     * Whether the component is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Additional class names.
+     */
+    className?: string;
+}
+declare const Branding: React__default.FC<BrandingProps>;
 
 interface ThemeConfig {
     primaryColor?: string;
 }
 interface WarqadConfig {
-    apiUrl?: string;
+    api?: string;
     theme?: ThemeConfig;
 }
 interface WarqadConfigContextType {
@@ -353,4 +441,4 @@ interface PdfOptions {
  */
 declare const generatePdf: (elementId: string, options?: PdfOptions) => Promise<void>;
 
-export { Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ClassicSpin, CodeBlock, DashboardLayout, DataTable, DateInput, type DateInputProps, Fields, Input, type InputProps, LoadingBox, LoadingSpin, Modal, type ModalProps, type NavItem, type NavItems, type Option, OverlaySpin, PageHeader, type PdfOptions, PhoneInput, type PhoneInputProps, SearchApi, type SearchApiProps, Select, type SelectProps, Textarea, type TextareaProps, type ThemeConfig, ThemeProvider, ThemeToggle, type UseModalReturn, type WarqadConfig, type WarqadConfigContextType, WarqadProvider, generatePdf, useApi, useModal, useTheme, useWarqadConfig };
+export { Badge, type BadgeProps, Branding, type BrandingProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ClassicSpin, CodeBlock, DashboardLayout, DataTable, DateInput, type DateInputProps, Fields, Input, type InputProps, LoadingBox, LoadingSpin, Modal, type ModalProps, type NavItem, type NavItems, type Option, OverlaySpin, PageHeader, type PdfOptions, PhoneInput, type PhoneInputProps, PostTable, type PostTableActions, SearchApi, type SearchApiProps, Select, type SelectProps, SimpleTable, Textarea, type TextareaProps, type ThemeConfig, ThemeProvider, ThemeToggle, type UseModalReturn, type WarqadConfig, type WarqadConfigContextType, WarqadProvider, generatePdf, useApi, useModal, useTheme, useWarqadConfig };