@paubox/ui 0.22.0 → 1.0.0

package/package.json

@@ -2,7 +2,7 @@
   "name": "@paubox/ui",
   "author": "Paubox, Inc.",
   "description": "Paubox Component Library",
-  "version": "0.22.0",
+  "version": "1.0.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/RowContextMenu.d.ts

@@ -0,0 +1,15 @@
+import { Dispatch, MutableRefObject, SetStateAction } from 'react';
+export interface RowAction<T> {
+    label: string;
+    onClick: (row: T) => void;
+    icon?: React.ReactNode;
+    disabled?: boolean | ((row: T) => boolean);
+}
+interface RowContextMenuProps<T> {
+    anchorRef: MutableRefObject<HTMLElement | null>;
+    actions?: RowAction<T>[];
+    activeRow: T | null;
+    setActiveRow: Dispatch<SetStateAction<T | null>>;
+}
+export declare const RowContextMenu: <T extends object>({ anchorRef, actions, activeRow, setActiveRow, }: RowContextMenuProps<T>) => 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;
 }, {}, {}>;
@@ -29,7 +29,6 @@ export interface RowAction<T> {
     onClick: (row: T) => void;
     icon?: React.ReactNode;
     disabled?: boolean | ((row: T) => boolean);
-    show?: (row: T) => boolean;
 }
 interface TableStyleProps {
     dense?: boolean;
@@ -44,10 +43,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>[];
@@ -62,5 +62,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 {};

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

@@ -1,11 +0,0 @@
-import { Row } from '@tanstack/react-table';
-import { RowAction } from './Table';
-interface ContextMenuCellProps<T extends object> {
-    row: Row<T>;
-    setOpenMenuId: React.Dispatch<React.SetStateAction<string | null>>;
-    openMenuId: string | null;
-    contextMenuActions: RowAction<T>[];
-    testId?: string;
-}
-export declare const ContextMenuCell: <T extends object>({ row, setOpenMenuId, openMenuId, contextMenuActions, testId, }: ContextMenuCellProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;
-export {};