@bsol-oss/react-datatable5 3.4.3 → 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 +11 -16
  3. package/dist/index.js +265 -117
  4. package/dist/index.mjs +217 -87
  5. package/dist/types/components/Controls/EditFilterButton.d.ts +1 -1
  6. package/dist/types/components/DataTable/DefaultTable.d.ts +2 -2
  7. package/dist/types/components/DataTable/Table.d.ts +4 -3
  8. package/dist/types/components/DataTable/TableHeader.d.ts +2 -2
  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 { TableHeadProps, 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,7 +258,7 @@ interface DefaultTableProps extends TableControlsProps {
259
258
  showFooter?: boolean;
260
259
  showSelector?: boolean;
261
260
  tableProps?: Omit<TableProps, "children">;
262
- tHeadProps?: TableHeadProps;
261
+ tHeadProps?: TableHeaderProps$1;
263
262
  }
264
263
  declare const DefaultTable: ({ totalText, showFilter, showFooter, fitTableWidth, fitTableHeight, isMobile, filterOptions, showFilterTags, showFilterName, showReload, showSelector, extraItems, tableProps, tHeadProps, }: DefaultTableProps) => react_jsx_runtime.JSX.Element;
265
264
 
@@ -269,12 +268,13 @@ interface ReloadButtonProps {
269
268
  }
270
269
  declare const ReloadButton: ({ text, variant, }: ReloadButtonProps) => react_jsx_runtime.JSX.Element;
271
270
 
272
- interface TableProps extends TableProps$1 {
271
+ interface TableProps extends TableRootProps {
273
272
  showLoading?: boolean;
274
273
  loadingComponent?: JSX.Element;
274
+ emptyComponent?: JSX.Element;
275
275
  children: ReactNode;
276
276
  }
277
- 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;
278
278
 
279
279
  interface TableBodyProps {
280
280
  pinnedBgColor?: {
@@ -338,7 +338,7 @@ interface TableHeaderProps {
338
338
  showSelector?: boolean;
339
339
  isSticky?: boolean;
340
340
  alwaysShowSelector?: boolean;
341
- tHeadProps?: TableHeadProps;
341
+ tHeadProps?: TableHeaderProps$1;
342
342
  }
343
343
  declare const TableHeader: ({ canResize, pinnedBgColor, showSelector, isSticky, alwaysShowSelector, tHeadProps, }: TableHeaderProps) => react_jsx_runtime.JSX.Element;
344
344
 
@@ -349,9 +349,7 @@ declare const TableLoadingComponent: ({ render, }: TableLoadingComponentProps) =
349
349
 
350
350
  declare const TableOrderer: () => react_jsx_runtime.JSX.Element;
351
351
 
352
- interface PaginationProps {
353
- }
354
- declare const TablePagination: ({}: PaginationProps) => react_jsx_runtime.JSX.Element;
352
+ declare const TablePagination: () => react_jsx_runtime.JSX.Element;
355
353
 
356
354
  declare const TableSelector: () => react_jsx_runtime.JSX.Element;
357
355
 
@@ -364,9 +362,8 @@ interface TextCellProps extends TextProps {
364
362
  noOfLines?: number[];
365
363
  padding?: string;
366
364
  children: string | number | JSX.Element | JSX.Element[];
367
- tooltipProps?: TooltipProps;
368
365
  }
369
- 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;
370
367
 
371
368
  declare const useDataTableContext: () => {
372
369
  table: _tanstack_table_core.Table<any>;
@@ -382,9 +379,7 @@ interface FilterOptionsProps {
382
379
  }
383
380
  declare const FilterOptions: ({ column }: FilterOptionsProps) => react_jsx_runtime.JSX.Element;
384
381
 
385
- declare const GlobalFilter: ({ icon }: {
386
- icon?: react_icons.IconType | undefined;
387
- }) => react_jsx_runtime.JSX.Element;
382
+ declare const GlobalFilter: () => react_jsx_runtime.JSX.Element;
388
383
 
389
384
  declare module "@tanstack/react-table" {
390
385
  interface ColumnMeta<TData extends RowData, TValue> {
@@ -438,4 +433,4 @@ declare module "@tanstack/react-table" {
438
433
  }
439
434
  }
440
435
 
441
- 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 };