@paubox/ui 0.8.8 → 0.9.0

package/package.json

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

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

@@ -1,9 +1,9 @@
+import { HTMLProps } from 'react';
 import { ColumnDef, OnChangeFn, Row } from '@tanstack/react-table';
 import { PageInfo } from '../Pagination/Pagination';
-export declare const TableContainer: import("@emotion/styled").StyledComponent<{
+export declare const TableContainer: import("@emotion/styled").StyledComponent<Omit<HTMLProps<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, {}, {}>;
 export declare const TableWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
@@ -41,20 +41,22 @@ interface TableRowProps<T> {
     onRowClick?: (row: T) => void;
     contextMenuActions?: RowAction<T>[];
 }
+interface PaginationProps {
+    pageInfo?: PageInfo;
+    onPageSizeChange?: (size: number) => void;
+    onPageChange?: (page: number) => void;
+}
 interface TableDataProps<T> {
     columns: TableColumn<T>[];
     data?: T[];
     getRowId: (originalRow: T, index: number, parent?: Row<T> | undefined) => string;
     isLoading?: boolean;
-    pageInfo?: PageInfo;
-    onPageSizeChange: (size: number) => void;
-    onPageChange: (page: number) => void;
     sortBy?: string;
     sortOrder?: string;
     onSortChange?: (sortBy: string, sortOrder: string) => void;
     error?: string;
 }
-export interface TableProps<T extends object> extends TableStyleProps, TableRowProps<T>, 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, onPageSizeChange, onPageChange, sortBy, sortOrder, onSortChange, enableRowSelection, selectedRows, onRowSelectionChange, onRowClick, contextMenuActions, dense, height, error, }: TableProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/src/lib/Toggle/Toggle.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { UseSwitchParameters } from '@mui/base/useSwitch';
+export type ToggleProps = UseSwitchParameters & {
+    className?: string;
+    labelText?: string;
+    align?: 'left' | 'right';
+    size?: 'large' | 'small';
+};
+export declare const Toggle: React.FC<ToggleProps>;