@stackone/malachite 0.8.0 → 0.9.0

package/dist/index.d.ts

@@ -4,6 +4,7 @@ import { default as default_2 } from 'react';
 import { FC } from 'react';
 import { FieldPath } from 'react-hook-form';
 import { FieldValues } from 'react-hook-form';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 import { UseFormReturn } from 'react-hook-form';
 
@@ -447,6 +448,12 @@ declare interface MalachiteContextProps {
 }
 
 export declare interface MalachiteTheme {
+    radius: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
     shadows: {
         sm: string;
         md: string;
@@ -599,6 +606,26 @@ export declare interface MalachiteTheme {
                 shadow: string;
             };
         };
+        table: {
+            header: {
+                background: string;
+                foreground: string;
+                border: string;
+            };
+            row: {
+                background: string;
+                foreground: string;
+                hoverBackground: string;
+                border: string;
+            };
+            border: string;
+            error: {
+                iconBackground: string;
+                iconForeground: string;
+                titleForeground: string;
+                subtitleForeground: string;
+            };
+        };
         text: {
             primary: string;
             secondary: string;
@@ -644,6 +671,8 @@ declare interface PaddedProps {
 
 declare type PaddingSize = 'small' | 'medium' | 'large' | 'none';
 
+declare type PaddingSize_2 = 'default' | 'compact';
+
 declare interface PageTitleProps {
     children: default_2.ReactNode;
     margin?: string;
@@ -652,6 +681,7 @@ declare interface PageTitleProps {
 }
 
 export declare interface PartialMalachiteTheme {
+    radius?: Partial<MalachiteTheme['radius']>;
     shadows?: Partial<MalachiteTheme['shadows']>;
     colors?: {
         shadowColor?: string;
@@ -669,6 +699,7 @@ export declare interface PartialMalachiteTheme {
         buttonList?: Partial<MalachiteTheme['colors']['buttonList']>;
         pillButton?: Partial<MalachiteTheme['colors']['pillButton']>;
         tag?: Partial<MalachiteTheme['colors']['tag']>;
+        table?: Partial<MalachiteTheme['colors']['table']>;
         text?: Partial<MalachiteTheme['colors']['text']>;
         codeBlock?: Partial<MalachiteTheme['colors']['codeBlock']>;
     };
@@ -755,6 +786,93 @@ declare interface StatisticValueProps {
     style?: default_2.CSSProperties;
 }
 
+export declare const Table: <T extends Record<string, unknown> = Record<string, unknown>>({ columns, data, loading, error, errorTitle, errorSubTitle, showHeader, rowKey, scrollHeight, size, layout, rowClassName, onRow, rowSelection, pagination, className, style, }: TableProps<T>) => JSX_2.Element;
+
+export declare type TableColumnDefinition<T = Record<string, unknown>> = {
+    title: string | default_2.ReactNode;
+    dataIndex: keyof T;
+    key: string;
+    width?: string | number;
+    ellipsis?: boolean;
+    render?: (value: unknown, record?: T, index?: number) => default_2.ReactNode;
+    sorter?: boolean | ((a: T, b: T) => number);
+    sortIcon?: (props: {
+        sortOrder: 'desc' | 'asc' | null;
+    }) => default_2.ReactNode;
+    onHeaderCell?: (data: T, index?: number) => default_2.HTMLAttributes<HTMLTableCellElement> | default_2.TdHTMLAttributes<HTMLTableCellElement>;
+    defaultSortOrder?: 'ascend' | 'descend';
+    sortDirections?: ('ascend' | 'descend')[];
+    fixed?: 'left' | 'right';
+    align?: 'left' | 'center' | 'right';
+};
+
+export declare type TableColumns<T = Record<string, unknown>> = TableColumnDefinition<T>[];
+
+export declare type TablePaginationPosition = 'topLeft' | 'topCenter' | 'topRight' | 'bottomLeft' | 'bottomCenter' | 'bottomRight';
+
+declare type TableProps<T = Record<string, unknown>> = {
+    columns: TableColumns<T>;
+    data: T[];
+    loading?: boolean;
+    error?: boolean;
+    errorTitle?: string;
+    errorSubTitle?: string;
+    bordered?: boolean;
+    showHeader?: boolean;
+    rowKey?: string | ((record: T) => string);
+    scrollHeight?: string | number;
+    type?: TableType;
+    size?: TableSize;
+    layout?: 'fixed' | 'auto';
+    rowClassName?: (record: T, index: number) => string;
+    onRow?: (record: T, index: number) => TableRowActions<T>;
+    rowSelection?: TableRowSelection<T>;
+    pagination?: {
+        current?: number;
+        pageSize?: number;
+        total?: number;
+        showSizeChanger?: boolean;
+        showQuickJumper?: boolean;
+        showTotal?: (total: number, range: [number, number]) => default_2.ReactNode;
+        pageSizeOptions?: string[];
+        position?: TablePaginationPosition[];
+        onChange?: (page: number, pageSize: number) => void;
+        onShowSizeChange?: (current: number, size: number) => void;
+    };
+    className?: string;
+    style?: default_2.CSSProperties;
+};
+
+declare type TableRowActions<T = Record<string, unknown>> = {
+    onClick?: (record: T, index: number) => void;
+    onDoubleClick?: (record: T, index: number) => void;
+    onContextMenu?: (record: T, index: number) => void;
+    onMouseEnter?: (record: T, index: number) => void;
+    onMouseLeave?: (record: T, index: number) => void;
+};
+
+export declare type TableRowSelection<T = Record<string, unknown>> = {
+    type?: 'checkbox' | 'radio';
+    selectedRowKeys?: default_2.Key[];
+    onChange?: (selectedRowKeys: default_2.Key[], selectedRows: T[]) => void;
+    onSelect?: (record: T, selected: boolean, selectedRows: T[], nativeEvent: Event) => void;
+    onSelectAll?: (selected: boolean, selectedRows: T[], changeRows: T[]) => void;
+    getCheckboxProps?: (record: T) => {
+        disabled?: boolean;
+        name?: string;
+    };
+    hideSelectAll?: boolean;
+    preserveSelectedRowKeys?: boolean;
+    fixed?: boolean;
+    columnWidth?: string | number;
+    columnTitle?: string | default_2.ReactNode;
+    selections?: boolean | default_2.ReactNode[];
+};
+
+export declare type TableSize = 'small' | 'medium' | 'large';
+
+export declare type TableType = 'default' | 'compact' | 'bordered';
+
 export declare const Tag: default_2.FC<TagProps>;
 
 export declare interface TagProps {
@@ -764,6 +882,7 @@ export declare interface TagProps {
     shadow?: boolean;
     textTransform?: 'none' | 'uppercase';
     width?: WidthSize;
+    paddingSize?: PaddingSize_2;
     icon?: default_2.ReactNode;
     iconPosition?: 'left' | 'right';
     pointerType?: 'pointer' | 'default';