@clarlabs/ui 0.1.10 → 0.1.11

package/dist/index.d.ts

@@ -28,7 +28,7 @@ export declare interface AlertProps {
 
 export declare type AlertVariant = 'info' | 'success' | 'warning' | 'error';
 
-export declare function AnimatedIcon({ icon, width, height, duration, disableAnimation, color, strokeWidth, className }: AnimatedIconProps): default_2.JSX.Element | null;
+export declare function AnimatedIcon({ icon, width, height, duration, disableAnimation, darkModeColor, lightModeColor, strokeWidth, className }: AnimatedIconProps): default_2.JSX.Element | null;
 
 export declare interface AnimatedIconProps {
     icon: string;
@@ -36,7 +36,8 @@ export declare interface AnimatedIconProps {
     height?: number;
     duration?: number;
     disableAnimation?: boolean;
-    color?: string;
+    darkModeColor?: string;
+    lightModeColor?: string;
     strokeWidth?: number;
     className?: string;
 }
@@ -330,24 +331,6 @@ export declare interface ContextMenuProps {
     disabled?: boolean;
 }
 
-export declare function Datagrid<T extends Record<string, any>>({ columns, data, onRowClick, striped, hoverable, className }: DatagridProps<T>): default_2.JSX.Element;
-
-export declare interface DatagridColumn<T = any> {
-    key: string;
-    header: string;
-    width?: string;
-    render?: (value: any, row: T) => default_2.ReactNode;
-}
-
-export declare interface DatagridProps<T = any> {
-    columns: DatagridColumn<T>[];
-    data: T[];
-    onRowClick?: (row: T) => void;
-    striped?: boolean;
-    hoverable?: boolean;
-    className?: string;
-}
-
 export declare function DataList({ items, orientation, size, dividers, boldLabels, className, labelWidth, striped, onCopy }: DataListProps): default_2.JSX.Element;
 
 export declare interface DataListItem {
@@ -394,6 +377,35 @@ export declare interface DataListProps {
 
 export declare type DataListSize = 'sm' | 'md' | 'lg';
 
+export declare function DataTable<T = any>({ columns, data: initialData, striped, hoverable, bordered, compact, editable, deletable, addable, onRowClick, onRowEdit, onRowDelete, onRowAdd, rowIdKey, className }: DataTableProps<T>): default_2.JSX.Element;
+
+export declare interface DataTableColumn<T = any> {
+    key: string;
+    header: string;
+    width?: string;
+    editable?: boolean;
+    type?: 'text' | 'number' | 'date' | 'email';
+    render?: (value: any, row: T, isEditing: boolean) => default_2.ReactNode;
+}
+
+export declare interface DataTableProps<T = any> {
+    columns: DataTableColumn<T>[];
+    data: T[];
+    striped?: boolean;
+    hoverable?: boolean;
+    bordered?: boolean;
+    compact?: boolean;
+    editable?: boolean;
+    deletable?: boolean;
+    addable?: boolean;
+    onRowClick?: (row: T) => void;
+    onRowEdit?: (row: T, rowIndex: number) => void;
+    onRowDelete?: (row: T, rowIndex: number) => void;
+    onRowAdd?: (row: T) => void;
+    rowIdKey?: string;
+    className?: string;
+}
+
 export declare function DatePicker({ value, onChange, minDate, maxDate, placeholder, disabled, variant, className, ...props }: DatePickerProps): default_2.JSX.Element;
 
 export declare interface DatePickerProps extends Omit<default_2.HTMLAttributes<HTMLDivElement>, 'onChange'> {