@bsol-oss/react-datatable5 3.4.2 → 4.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/README.md +1 -1
  2. package/dist/index.d.ts +13 -16
  3. package/dist/index.js +268 -124
  4. package/dist/index.mjs +220 -94
  5. package/dist/types/components/Controls/EditFilterButton.d.ts +1 -1
  6. package/dist/types/components/DataTable/DefaultTable.d.ts +3 -1
  7. package/dist/types/components/DataTable/Table.d.ts +4 -3
  8. package/dist/types/components/DataTable/TableHeader.d.ts +3 -1
  9. package/dist/types/components/DataTable/TablePagination.d.ts +1 -3
  10. package/dist/types/components/DataTable/TextCell.d.ts +2 -3
  11. package/dist/types/components/Filter/GlobalFilter.d.ts +1 -3
  12. package/dist/types/components/ui/avatar.d.ts +17 -0
  13. package/dist/types/components/ui/button.d.ts +10 -0
  14. package/dist/types/components/ui/checkbox.d.ts +8 -0
  15. package/dist/types/components/ui/close-button.d.ts +4 -0
  16. package/dist/types/components/ui/color-mode.d.ts +17 -0
  17. package/dist/types/components/ui/dialog.d.ts +19 -0
  18. package/dist/types/components/ui/drawer.d.ts +19 -0
  19. package/dist/types/components/ui/empty-state.d.ts +8 -0
  20. package/dist/types/components/ui/field.d.ts +9 -0
  21. package/dist/types/components/ui/input-group.d.ts +12 -0
  22. package/dist/types/components/ui/menu.d.ts +24 -0
  23. package/dist/types/components/ui/popover.d.ts +17 -0
  24. package/dist/types/components/ui/provider.d.ts +2 -0
  25. package/dist/types/components/ui/radio.d.ts +8 -0
  26. package/dist/types/components/ui/select.d.ts +25 -0
  27. package/dist/types/components/ui/slider.d.ts +11 -0
  28. package/dist/types/components/ui/switch.d.ts +15 -0
  29. package/dist/types/components/ui/tag.d.ts +9 -0
  30. package/dist/types/components/ui/tooltip.d.ts +11 -0
  31. package/package.json +7 -6
package/README.md CHANGED
@@ -3,7 +3,7 @@
3
3
  ## Installation
4
4
 
5
5
  ```bash
6
- npm install @tanstack/react-table @chakra-ui/react @bsol-oss/react-datatable5
6
+ npm install @tanstack/react-table @chakra-ui/react @emotion/react @bsol-oss/react-datatable5
7
7
  ```
8
8
 
9
9
  ## Usage
package/dist/index.d.ts CHANGED
@@ -3,9 +3,8 @@ import { RowData, OnChangeFn, Updater, FilterFn, ColumnDef, RowSelectionState, C
3
3
  import * as react_jsx_runtime from 'react/jsx-runtime';
4
4
  import React$1, { ReactNode } from 'react';
5
5
  import { RankingInfo } from '@tanstack/match-sorter-utils';
6
- import * as react_icons from 'react-icons';
7
6
  import { IconType } from 'react-icons';
8
- import { TableProps as TableProps$1, GridProps, CardBodyProps, TextProps, TooltipProps } from '@chakra-ui/react';
7
+ import { TableHeaderProps as TableHeaderProps$1, TableRootProps, GridProps, CardBodyProps, TextProps } from '@chakra-ui/react';
9
8
  import * as _tanstack_table_core from '@tanstack/table-core';
10
9
 
11
10
  interface DensityToggleButtonProps {
@@ -21,7 +20,7 @@ interface EditFilterButtonProps {
21
20
  resetText?: string;
22
21
  icon?: React.ReactElement;
23
22
  }
24
- declare const EditFilterButton: ({ text, title, closeText, resetText, icon, ...props }: EditFilterButtonProps) => react_jsx_runtime.JSX.Element;
23
+ declare const EditFilterButton: ({ text, title, closeText, resetText, icon, }: EditFilterButtonProps) => react_jsx_runtime.JSX.Element;
25
24
 
26
25
  interface EditOrderButtonProps {
27
26
  title?: string;
@@ -259,8 +258,9 @@ interface DefaultTableProps extends TableControlsProps {
259
258
  showFooter?: boolean;
260
259
  showSelector?: boolean;
261
260
  tableProps?: Omit<TableProps, "children">;
261
+ tHeadProps?: TableHeaderProps$1;
262
262
  }
263
- declare const DefaultTable: ({ totalText, showFilter, showFooter, fitTableWidth, fitTableHeight, isMobile, filterOptions, showFilterTags, showFilterName, showReload, showSelector, extraItems, tableProps, }: DefaultTableProps) => react_jsx_runtime.JSX.Element;
263
+ declare const DefaultTable: ({ totalText, showFilter, showFooter, fitTableWidth, fitTableHeight, isMobile, filterOptions, showFilterTags, showFilterName, showReload, showSelector, extraItems, tableProps, tHeadProps, }: DefaultTableProps) => react_jsx_runtime.JSX.Element;
264
264
 
265
265
  interface ReloadButtonProps {
266
266
  text?: string;
@@ -268,12 +268,13 @@ interface ReloadButtonProps {
268
268
  }
269
269
  declare const ReloadButton: ({ text, variant, }: ReloadButtonProps) => react_jsx_runtime.JSX.Element;
270
270
 
271
- interface TableProps extends TableProps$1 {
271
+ interface TableProps extends TableRootProps {
272
272
  showLoading?: boolean;
273
273
  loadingComponent?: JSX.Element;
274
+ emptyComponent?: JSX.Element;
274
275
  children: ReactNode;
275
276
  }
276
- declare const Table: ({ children, showLoading, loadingComponent, ...props }: TableProps) => react_jsx_runtime.JSX.Element;
277
+ declare const Table: ({ children, emptyComponent, ...props }: TableProps) => react_jsx_runtime.JSX.Element;
277
278
 
278
279
  interface TableBodyProps {
279
280
  pinnedBgColor?: {
@@ -337,8 +338,9 @@ interface TableHeaderProps {
337
338
  showSelector?: boolean;
338
339
  isSticky?: boolean;
339
340
  alwaysShowSelector?: boolean;
341
+ tHeadProps?: TableHeaderProps$1;
340
342
  }
341
- declare const TableHeader: ({ canResize, pinnedBgColor, showSelector, isSticky, alwaysShowSelector, }: TableHeaderProps) => react_jsx_runtime.JSX.Element;
343
+ declare const TableHeader: ({ canResize, pinnedBgColor, showSelector, isSticky, alwaysShowSelector, tHeadProps, }: TableHeaderProps) => react_jsx_runtime.JSX.Element;
342
344
 
343
345
  interface TableLoadingComponentProps {
344
346
  render: (loading: boolean) => JSX.Element;
@@ -347,9 +349,7 @@ declare const TableLoadingComponent: ({ render, }: TableLoadingComponentProps) =
347
349
 
348
350
  declare const TableOrderer: () => react_jsx_runtime.JSX.Element;
349
351
 
350
- interface PaginationProps {
351
- }
352
- declare const TablePagination: ({}: PaginationProps) => react_jsx_runtime.JSX.Element;
352
+ declare const TablePagination: () => react_jsx_runtime.JSX.Element;
353
353
 
354
354
  declare const TableSelector: () => react_jsx_runtime.JSX.Element;
355
355
 
@@ -362,9 +362,8 @@ interface TextCellProps extends TextProps {
362
362
  noOfLines?: number[];
363
363
  padding?: string;
364
364
  children: string | number | JSX.Element | JSX.Element[];
365
- tooltipProps?: TooltipProps;
366
365
  }
367
- declare const TextCell: ({ label, noOfLines, padding, children, tooltipProps, ...props }: TextCellProps) => react_jsx_runtime.JSX.Element;
366
+ declare const TextCell: ({ label, padding, children, ...props }: TextCellProps) => react_jsx_runtime.JSX.Element;
368
367
 
369
368
  declare const useDataTableContext: () => {
370
369
  table: _tanstack_table_core.Table<any>;
@@ -380,9 +379,7 @@ interface FilterOptionsProps {
380
379
  }
381
380
  declare const FilterOptions: ({ column }: FilterOptionsProps) => react_jsx_runtime.JSX.Element;
382
381
 
383
- declare const GlobalFilter: ({ icon }: {
384
- icon?: react_icons.IconType | undefined;
385
- }) => react_jsx_runtime.JSX.Element;
382
+ declare const GlobalFilter: () => react_jsx_runtime.JSX.Element;
386
383
 
387
384
  declare module "@tanstack/react-table" {
388
385
  interface ColumnMeta<TData extends RowData, TValue> {
@@ -436,4 +433,4 @@ declare module "@tanstack/react-table" {
436
433
  }
437
434
  }
438
435
 
439
- export { type DataResponse, DataTable, type DataTableDefaultState, type DataTableProps, DataTableServer, type DataTableServerProps, DefaultCard, type DefaultCardProps, DefaultCardTitle, DefaultTable, type DefaultTableProps, DensityToggleButton, type DensityToggleButtonProps, EditFilterButton, type EditFilterButtonProps, EditOrderButton, type EditOrderButtonProps, EditSortingButton, type EditSortingButtonProps, EditViewButton, type EditViewButtonProps, FilterOptions, type FilterOptionsProps, GlobalFilter, PageSizeControl, type PageSizeControlProps, type PaginationProps, ReloadButton, type ReloadButtonProps, ResetFilteringButton, type ResetFilteringButtonProps, ResetSelectionButton, type ResetSelectionButtonProps, ResetSortingButton, type ResetSortingButtonProps, type Result, RowCountText, Table, TableBody, type TableBodyProps, TableCardContainer, type TableCardContainerProps, TableCards, type TableCardsProps, TableComponent, TableControls, type TableControlsProps, TableFilter, TableFilterTags, TableFooter, type TableFooterProps, TableHeader, type TableHeaderProps, TableLoadingComponent, type TableLoadingComponentProps, TableOrderer, TablePagination, type TableProps, type TableRendererProps, type TableRowSelectorProps, TableSelector, TableSorter, TableViewer, TextCell, type TextCellProps, type UseDataFromUrlProps, type UseDataFromUrlReturn, type UseDataTableProps, type UseDataTableReturn, type UseDataTableServerProps, type UseDataTableServerReturn, useDataFromUrl, useDataTable, useDataTableContext, useDataTableServer };
436
+ export { type DataResponse, DataTable, type DataTableDefaultState, type DataTableProps, DataTableServer, type DataTableServerProps, DefaultCard, type DefaultCardProps, DefaultCardTitle, DefaultTable, type DefaultTableProps, DensityToggleButton, type DensityToggleButtonProps, EditFilterButton, type EditFilterButtonProps, EditOrderButton, type EditOrderButtonProps, EditSortingButton, type EditSortingButtonProps, EditViewButton, type EditViewButtonProps, FilterOptions, type FilterOptionsProps, GlobalFilter, PageSizeControl, type PageSizeControlProps, ReloadButton, type ReloadButtonProps, ResetFilteringButton, type ResetFilteringButtonProps, ResetSelectionButton, type ResetSelectionButtonProps, ResetSortingButton, type ResetSortingButtonProps, type Result, RowCountText, Table, TableBody, type TableBodyProps, TableCardContainer, type TableCardContainerProps, TableCards, type TableCardsProps, TableComponent, TableControls, type TableControlsProps, TableFilter, TableFilterTags, TableFooter, type TableFooterProps, TableHeader, type TableHeaderProps, TableLoadingComponent, type TableLoadingComponentProps, TableOrderer, TablePagination, type TableProps, type TableRendererProps, type TableRowSelectorProps, TableSelector, TableSorter, TableViewer, TextCell, type TextCellProps, type UseDataFromUrlProps, type UseDataFromUrlReturn, type UseDataTableProps, type UseDataTableReturn, type UseDataTableServerProps, type UseDataTableServerReturn, useDataFromUrl, useDataTable, useDataTableContext, useDataTableServer };