@paubox/ui 0.23.0 → 1.1.0

package/package.json

@@ -2,7 +2,7 @@
   "name": "@paubox/ui",
   "author": "Paubox, Inc.",
   "description": "Paubox Component Library",
-  "version": "0.23.0",
+  "version": "1.1.0",
   "type": "module",
   "private": false,
   "publishConfig": {

package/src/lib/Pagination/Pagination.d.ts

@@ -1,16 +1,33 @@
-export interface PageInfo {
+export interface PageInfoPageBased {
+    currentPage: number;
+    pageSize: number;
     pageCount: number;
     itemCount: number;
-    currentPage: number;
-    items: number;
 }
-interface PaginationProps {
-    pageInfo: PageInfo;
+export interface PageInfoCursorBased {
+    pageSize: number;
+    itemCount: number;
+    currentCursor: string[];
+    hasNextPage: boolean;
+    hasPrevPage: boolean;
+    pageIndex: number;
+}
+interface BasePaginationProps {
     isLoading: boolean;
     subText?: string;
     onPageSizeChange: (size: number) => void;
-    onPageChange: (page: number) => void;
     testId?: string;
 }
-export declare const Pagination: ({ pageInfo, isLoading, onPageSizeChange, subText, onPageChange, testId, }: PaginationProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+interface PagePaginationProps extends BasePaginationProps {
+    mode: 'page';
+    pageInfo: PageInfoPageBased;
+    onPageChange: (page: number) => void;
+}
+interface CursorPaginationProps extends BasePaginationProps {
+    mode: 'cursor';
+    pageInfo: PageInfoCursorBased;
+    onPageChange: (page: 'next' | 'prev') => void;
+}
+export type PaginationProps = PagePaginationProps | CursorPaginationProps;
+export declare const Pagination: ({ mode, pageInfo, isLoading, onPageSizeChange, subText, onPageChange, testId, }: PaginationProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/src/lib/Table/Table.d.ts

@@ -1,6 +1,6 @@
 import { HTMLProps } from 'react';
 import { ColumnDef, OnChangeFn, Row } from '@tanstack/react-table';
-import { PageInfo } from '../Pagination/Pagination';
+import { PageInfoPageBased, PageInfoCursorBased } from '../Pagination/Pagination';
 export declare const TableContainer: import("@emotion/styled").StyledComponent<Omit<HTMLProps<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme;
 }, {}, {}>;
@@ -19,7 +19,6 @@ export type TableColumn<T> = ColumnDef<T> & {
     sortable?: boolean;
     getter?: () => unknown;
     autoWidth?: boolean;
-    tooltip?: boolean;
 };
 export interface RowSelectState {
     [x: string]: boolean;
@@ -43,10 +42,11 @@ interface TableRowProps<T> {
     contextMenuActions?: RowAction<T>[];
 }
 interface PaginationProps {
-    pageInfo?: PageInfo;
+    paginationMode?: 'page' | 'cursor';
+    pageInfo?: PageInfoPageBased | PageInfoCursorBased;
     subText?: string;
     onPageSizeChange?: (size: number) => void;
-    onPageChange?: (page: number) => void;
+    onPageChange?: (page: any) => void;
 }
 interface TableDataProps<T> {
     columns: TableColumn<T>[];
@@ -61,5 +61,5 @@ interface TableDataProps<T> {
 }
 export interface TableProps<T extends object> extends TableStyleProps, TableRowProps<T>, TableDataProps<T>, PaginationProps {
 }
-export declare const Table: <T extends object>({ columns, data, getRowId, isLoading, pageInfo, subText, onPageSizeChange, onPageChange, sortBy, sortOrder, onSortChange, enableRowSelection, selectedRows, onRowSelectionChange, getRowDisabled, onRowClick, contextMenuActions, dense, height, error, testId, }: TableProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Table: <T extends object>({ columns, data, getRowId, isLoading, paginationMode, pageInfo, subText, onPageSizeChange, onPageChange, sortBy, sortOrder, onSortChange, enableRowSelection, selectedRows, onRowSelectionChange, getRowDisabled, onRowClick, contextMenuActions, dense, height, error, testId, }: TableProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};