@bahmni/design-system 0.0.1-dev.275 → 0.0.1-dev.278

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 (45) hide show
  1. package/dist/index.css +1 -1
  2. package/dist/index.d.ts +1 -0
  3. package/dist/index.d.ts.map +1 -1
  4. package/dist/index.js +30229 -27584
  5. package/dist/organisms/dataTable/DataTable.d.ts +5 -0
  6. package/dist/organisms/dataTable/DataTable.d.ts.map +1 -0
  7. package/dist/organisms/dataTable/components/DataTableActionButton.d.ts +8 -0
  8. package/dist/organisms/dataTable/components/DataTableActionButton.d.ts.map +1 -0
  9. package/dist/organisms/dataTable/components/DataTableBody.d.ts +17 -0
  10. package/dist/organisms/dataTable/components/DataTableBody.d.ts.map +1 -0
  11. package/dist/organisms/dataTable/components/DataTableDateRangeFilter.d.ts +9 -0
  12. package/dist/organisms/dataTable/components/DataTableDateRangeFilter.d.ts.map +1 -0
  13. package/dist/organisms/dataTable/components/DataTableError.d.ts +8 -0
  14. package/dist/organisms/dataTable/components/DataTableError.d.ts.map +1 -0
  15. package/dist/organisms/dataTable/components/DataTableFilterRow.d.ts +15 -0
  16. package/dist/organisms/dataTable/components/DataTableFilterRow.d.ts.map +1 -0
  17. package/dist/organisms/dataTable/components/DataTableFilterToggle.d.ts +10 -0
  18. package/dist/organisms/dataTable/components/DataTableFilterToggle.d.ts.map +1 -0
  19. package/dist/organisms/dataTable/components/DataTableGlobalSearch.d.ts +9 -0
  20. package/dist/organisms/dataTable/components/DataTableGlobalSearch.d.ts.map +1 -0
  21. package/dist/organisms/dataTable/components/DataTableGroupByControl.d.ts +14 -0
  22. package/dist/organisms/dataTable/components/DataTableGroupByControl.d.ts.map +1 -0
  23. package/dist/organisms/dataTable/components/DataTableGroupRow.d.ts +9 -0
  24. package/dist/organisms/dataTable/components/DataTableGroupRow.d.ts.map +1 -0
  25. package/dist/organisms/dataTable/components/DataTableHeaderRow.d.ts +16 -0
  26. package/dist/organisms/dataTable/components/DataTableHeaderRow.d.ts.map +1 -0
  27. package/dist/organisms/dataTable/components/DataTableLoading.d.ts +9 -0
  28. package/dist/organisms/dataTable/components/DataTableLoading.d.ts.map +1 -0
  29. package/dist/organisms/dataTable/components/DataTablePagination.d.ts +14 -0
  30. package/dist/organisms/dataTable/components/DataTablePagination.d.ts.map +1 -0
  31. package/dist/organisms/dataTable/components/DataTableSelectFilter.d.ts +11 -0
  32. package/dist/organisms/dataTable/components/DataTableSelectFilter.d.ts.map +1 -0
  33. package/dist/organisms/dataTable/components/DataTableTextFilter.d.ts +9 -0
  34. package/dist/organisms/dataTable/components/DataTableTextFilter.d.ts.map +1 -0
  35. package/dist/organisms/dataTable/components/DataTableToolbar.d.ts +21 -0
  36. package/dist/organisms/dataTable/components/DataTableToolbar.d.ts.map +1 -0
  37. package/dist/organisms/dataTable/hooks/useDataTable.d.ts +23 -0
  38. package/dist/organisms/dataTable/hooks/useDataTable.d.ts.map +1 -0
  39. package/dist/organisms/dataTable/index.d.ts +3 -0
  40. package/dist/organisms/dataTable/index.d.ts.map +1 -0
  41. package/dist/organisms/dataTable/types.d.ts +56 -0
  42. package/dist/organisms/dataTable/types.d.ts.map +1 -0
  43. package/dist/organisms/dataTable/utils.d.ts +15 -0
  44. package/dist/organisms/dataTable/utils.d.ts.map +1 -0
  45. package/package.json +2 -1
@@ -0,0 +1,5 @@
1
+ import { DataTableProps } from './types';
2
+ export declare const DataTable: <T extends {
3
+ id: string;
4
+ }>({ columns, rows, ariaLabel, loading, emptyStateMessage, errorStateMessage, renderCell, accessor, className, dataTestId, renderExpandedContent, shouldRowBeExpandable, initialExpandedRows, enablePagination, pageSize, pageSizes, page, onPageChange, totalItems, manualPagination, enableGlobalSearch, globalSearchPlaceholder, id, title, description, actionButtons, }: DataTableProps<T>) => import("react/jsx-runtime").JSX.Element;
5
+ //# sourceMappingURL=DataTable.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/organisms/dataTable/DataTable.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,EAAE,2WA2BjD,cAAc,CAAC,CAAC,CAAC,4CAoGnB,CAAC"}
@@ -0,0 +1,8 @@
1
+ import { DataTableActionButton as DataTableActionButtonConfig } from '../types';
2
+ interface DataTableActionButtonProps {
3
+ config: DataTableActionButtonConfig;
4
+ idPrefix: string;
5
+ }
6
+ export declare const DataTableActionButton: ({ config, idPrefix, }: DataTableActionButtonProps) => import("react/jsx-runtime").JSX.Element;
7
+ export {};
8
+ //# sourceMappingURL=DataTableActionButton.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DataTableActionButton.d.ts","sourceRoot":"","sources":["../../../../src/organisms/dataTable/components/DataTableActionButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,IAAI,2BAA2B,EAAE,MAAM,UAAU,CAAC;AAErF,UAAU,0BAA0B;IAClC,MAAM,EAAE,2BAA2B,CAAC;IACpC,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,qBAAqB,GAAI,uBAGnC,0BAA0B,4CAU5B,CAAC"}
@@ -0,0 +1,17 @@
1
+ import { Table } from '@tanstack/react-table';
2
+ import { ReactNode } from 'react';
3
+ import { DataTableColumn } from '../types';
4
+ interface DataTableBodyProps<T extends {
5
+ id: string;
6
+ }> {
7
+ table: Table<T>;
8
+ columns: DataTableColumn<T>[];
9
+ emptyStateMessage: ReactNode;
10
+ renderExpandedContent?: (row: T) => ReactNode;
11
+ shouldRowBeExpandable?: (row: T) => boolean;
12
+ }
13
+ export declare const DataTableBody: <T extends {
14
+ id: string;
15
+ }>({ table, columns, emptyStateMessage, renderExpandedContent, shouldRowBeExpandable, }: DataTableBodyProps<T>) => import("react/jsx-runtime").JSX.Element;
16
+ export {};
17
+ //# sourceMappingURL=DataTableBody.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DataTableBody.d.ts","sourceRoot":"","sources":["../../../../src/organisms/dataTable/components/DataTableBody.tsx"],"names":[],"mappings":"AACA,OAAO,EAAwB,KAAK,KAAK,EAAE,MAAM,uBAAuB,CAAC;AACzE,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAGhD,UAAU,kBAAkB,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE;IACnD,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;IAChB,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9B,iBAAiB,EAAE,SAAS,CAAC;IAC7B,qBAAqB,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,SAAS,CAAC;IAC9C,qBAAqB,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,OAAO,CAAC;CAC7C;AAYD,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,EAAE,sFAMrD,kBAAkB,CAAC,CAAC,CAAC,4CA0EvB,CAAC"}
@@ -0,0 +1,9 @@
1
+ import { Column } from '@tanstack/react-table';
2
+ interface DataTableDateRangeFilterProps<T> {
3
+ column: Column<T>;
4
+ header: string;
5
+ dataTestId: string;
6
+ }
7
+ export declare const DataTableDateRangeFilter: <T>({ column, header, dataTestId, }: DataTableDateRangeFilterProps<T>) => import("react/jsx-runtime").JSX.Element;
8
+ export {};
9
+ //# sourceMappingURL=DataTableDateRangeFilter.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DataTableDateRangeFilter.d.ts","sourceRoot":"","sources":["../../../../src/organisms/dataTable/components/DataTableDateRangeFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAIpD,UAAU,6BAA6B,CAAC,CAAC;IACvC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;CACpB;AAWD,eAAO,MAAM,wBAAwB,GAAI,CAAC,EAAG,iCAI1C,6BAA6B,CAAC,CAAC,CAAC,4CAsClC,CAAC"}
@@ -0,0 +1,8 @@
1
+ import { ReactNode } from 'react';
2
+ interface DataTableErrorProps {
3
+ message: ReactNode;
4
+ dataTestId: string;
5
+ }
6
+ export declare const DataTableError: ({ message, dataTestId, }: DataTableErrorProps) => import("react/jsx-runtime").JSX.Element;
7
+ export {};
8
+ //# sourceMappingURL=DataTableError.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DataTableError.d.ts","sourceRoot":"","sources":["../../../../src/organisms/dataTable/components/DataTableError.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,UAAU,mBAAmB;IAC3B,OAAO,EAAE,SAAS,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,GAAI,0BAG5B,mBAAmB,4CAIrB,CAAC"}
@@ -0,0 +1,15 @@
1
+ import { Table } from '@tanstack/react-table';
2
+ import { DataTableColumn } from '../types';
3
+ interface DataTableFilterRowProps<T extends {
4
+ id: string;
5
+ }> {
6
+ table: Table<T>;
7
+ columns: DataTableColumn<T>[];
8
+ expandable: boolean;
9
+ dataTestId: string;
10
+ }
11
+ export declare const DataTableFilterRow: <T extends {
12
+ id: string;
13
+ }>({ table, columns, expandable, dataTestId, }: DataTableFilterRowProps<T>) => import("react/jsx-runtime").JSX.Element;
14
+ export {};
15
+ //# sourceMappingURL=DataTableFilterRow.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DataTableFilterRow.d.ts","sourceRoot":"","sources":["../../../../src/organisms/dataTable/components/DataTableFilterRow.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAEnD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAKhD,UAAU,uBAAuB,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE;IACxD,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;IAChB,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9B,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,kBAAkB,GAAI,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,EAAE,6CAK1D,uBAAuB,CAAC,CAAC,CAAC,4CA0C5B,CAAC"}
@@ -0,0 +1,10 @@
1
+ interface DataTableFilterToggleProps {
2
+ isOpen: boolean;
3
+ onToggle: () => void;
4
+ onClearAll: () => void;
5
+ activeFilterCount: number;
6
+ dataTestId: string;
7
+ }
8
+ export declare const DataTableFilterToggle: ({ isOpen, onToggle, onClearAll, activeFilterCount, dataTestId, }: DataTableFilterToggleProps) => import("react/jsx-runtime").JSX.Element;
9
+ export {};
10
+ //# sourceMappingURL=DataTableFilterToggle.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DataTableFilterToggle.d.ts","sourceRoot":"","sources":["../../../../src/organisms/dataTable/components/DataTableFilterToggle.tsx"],"names":[],"mappings":"AAGA,UAAU,0BAA0B;IAClC,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,qBAAqB,GAAI,kEAMnC,0BAA0B,4CAkB5B,CAAC"}
@@ -0,0 +1,9 @@
1
+ import { Table } from '@tanstack/react-table';
2
+ interface DataTableGlobalSearchProps<T> {
3
+ table: Table<T>;
4
+ placeholder?: string;
5
+ dataTestId: string;
6
+ }
7
+ export declare const DataTableGlobalSearch: <T>({ table, placeholder, dataTestId, }: DataTableGlobalSearchProps<T>) => import("react/jsx-runtime").JSX.Element;
8
+ export {};
9
+ //# sourceMappingURL=DataTableGlobalSearch.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DataTableGlobalSearch.d.ts","sourceRoot":"","sources":["../../../../src/organisms/dataTable/components/DataTableGlobalSearch.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAEnD,UAAU,0BAA0B,CAAC,CAAC;IACpC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,qBAAqB,GAAI,CAAC,EAAG,qCAIvC,0BAA0B,CAAC,CAAC,CAAC,4CAa/B,CAAC"}
@@ -0,0 +1,14 @@
1
+ import { Table } from '@tanstack/react-table';
2
+ import { DataTableColumn } from '../types';
3
+ interface DataTableGroupByControlProps<T extends {
4
+ id: string;
5
+ }> {
6
+ table: Table<T>;
7
+ groupableColumns: DataTableColumn<T>[];
8
+ dataTestId: string;
9
+ }
10
+ export declare const DataTableGroupByControl: <T extends {
11
+ id: string;
12
+ }>({ table, groupableColumns, dataTestId, }: DataTableGroupByControlProps<T>) => import("react/jsx-runtime").JSX.Element;
13
+ export {};
14
+ //# sourceMappingURL=DataTableGroupByControl.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DataTableGroupByControl.d.ts","sourceRoot":"","sources":["../../../../src/organisms/dataTable/components/DataTableGroupByControl.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAEnD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAShD,UAAU,4BAA4B,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE;IAC7D,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;IAChB,gBAAgB,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IACvC,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,uBAAuB,GAAI,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,EAAE,0CAI/D,4BAA4B,CAAC,CAAC,CAAC,4CAmCjC,CAAC"}
@@ -0,0 +1,9 @@
1
+ import { Row } from '@tanstack/react-table';
2
+ interface DataTableGroupRowProps<T> {
3
+ row: Row<T>;
4
+ groupColumnHeader: string;
5
+ totalColumnCount: number;
6
+ }
7
+ export declare const DataTableGroupRow: <T>({ row, groupColumnHeader, totalColumnCount, }: DataTableGroupRowProps<T>) => import("react/jsx-runtime").JSX.Element;
8
+ export {};
9
+ //# sourceMappingURL=DataTableGroupRow.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DataTableGroupRow.d.ts","sourceRoot":"","sources":["../../../../src/organisms/dataTable/components/DataTableGroupRow.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAGjD,UAAU,sBAAsB,CAAC,CAAC;IAChC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;IACZ,iBAAiB,EAAE,MAAM,CAAC;IAC1B,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,iBAAiB,GAAI,CAAC,EAAG,+CAInC,sBAAsB,CAAC,CAAC,CAAC,4CAiB3B,CAAC"}
@@ -0,0 +1,16 @@
1
+ import { Table } from '@tanstack/react-table';
2
+ import { ReactNode } from 'react';
3
+ import { DataTableColumn } from '../types';
4
+ interface DataTableHeaderRowProps<T extends {
5
+ id: string;
6
+ }> {
7
+ table: Table<T>;
8
+ columns: DataTableColumn<T>[];
9
+ expandable?: boolean;
10
+ children?: ReactNode;
11
+ }
12
+ export declare const DataTableHeaderRow: <T extends {
13
+ id: string;
14
+ }>({ table, columns, expandable, children, }: DataTableHeaderRowProps<T>) => import("react/jsx-runtime").JSX.Element;
15
+ export {};
16
+ //# sourceMappingURL=DataTableHeaderRow.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DataTableHeaderRow.d.ts","sourceRoot":"","sources":["../../../../src/organisms/dataTable/components/DataTableHeaderRow.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAc,KAAK,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhD,UAAU,uBAAuB,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE;IACxD,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;IAChB,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAUD,eAAO,MAAM,kBAAkB,GAAI,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,EAAE,2CAK1D,uBAAuB,CAAC,CAAC,CAAC,4CA0C5B,CAAC"}
@@ -0,0 +1,9 @@
1
+ interface DataTableLoadingProps {
2
+ columnCount: number;
3
+ rowCount?: number;
4
+ className?: string;
5
+ dataTestId: string;
6
+ }
7
+ export declare const DataTableLoading: ({ columnCount, rowCount, className, dataTestId, }: DataTableLoadingProps) => import("react/jsx-runtime").JSX.Element;
8
+ export {};
9
+ //# sourceMappingURL=DataTableLoading.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DataTableLoading.d.ts","sourceRoot":"","sources":["../../../../src/organisms/dataTable/components/DataTableLoading.tsx"],"names":[],"mappings":"AAIA,UAAU,qBAAqB;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,gBAAgB,GAAI,mDAK9B,qBAAqB,4CAWvB,CAAC"}
@@ -0,0 +1,14 @@
1
+ import { Table } from '@tanstack/react-table';
2
+ interface DataTablePaginationProps<T> {
3
+ table: Table<T>;
4
+ pageSizes: number[];
5
+ totalItems: number;
6
+ dataTestId: string;
7
+ }
8
+ declare const DEFAULT_PAGE_SIZES: number[];
9
+ export declare const DataTablePagination: {
10
+ <T>({ table, pageSizes, totalItems, dataTestId, }: DataTablePaginationProps<T>): import("react/jsx-runtime").JSX.Element;
11
+ DEFAULT_PAGE_SIZES: number[];
12
+ };
13
+ export { DEFAULT_PAGE_SIZES };
14
+ //# sourceMappingURL=DataTablePagination.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DataTablePagination.d.ts","sourceRoot":"","sources":["../../../../src/organisms/dataTable/components/DataTablePagination.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAGnD,UAAU,wBAAwB,CAAC,CAAC;IAClC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;IAChB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,kBAAkB,UAAuB,CAAC;AAEhD,eAAO,MAAM,mBAAmB;KAAI,CAAC,iDAKlC,wBAAwB,CAAC,CAAC,CAAC;;CAsB7B,CAAC;AAGF,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
@@ -0,0 +1,11 @@
1
+ import { Column } from '@tanstack/react-table';
2
+ import { DataTableFilterOption } from '../types';
3
+ interface DataTableSelectFilterProps<T> {
4
+ column: Column<T>;
5
+ header: string;
6
+ explicitOptions?: DataTableFilterOption[];
7
+ dataTestId: string;
8
+ }
9
+ export declare const DataTableSelectFilter: <T>({ column, header, explicitOptions, dataTestId, }: DataTableSelectFilterProps<T>) => import("react/jsx-runtime").JSX.Element;
10
+ export {};
11
+ //# sourceMappingURL=DataTableSelectFilter.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DataTableSelectFilter.d.ts","sourceRoot":"","sources":["../../../../src/organisms/dataTable/components/DataTableSelectFilter.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAGtD,UAAU,0BAA0B,CAAC,CAAC;IACpC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,qBAAqB,EAAE,CAAC;IAC1C,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,qBAAqB,GAAI,CAAC,EAAG,kDAKvC,0BAA0B,CAAC,CAAC,CAAC,4CA6B/B,CAAC"}
@@ -0,0 +1,9 @@
1
+ import { Column } from '@tanstack/react-table';
2
+ interface DataTableTextFilterProps<T> {
3
+ column: Column<T>;
4
+ header: string;
5
+ dataTestId: string;
6
+ }
7
+ export declare const DataTableTextFilter: <T>({ column, header, dataTestId, }: DataTableTextFilterProps<T>) => import("react/jsx-runtime").JSX.Element;
8
+ export {};
9
+ //# sourceMappingURL=DataTableTextFilter.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DataTableTextFilter.d.ts","sourceRoot":"","sources":["../../../../src/organisms/dataTable/components/DataTableTextFilter.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAEpD,UAAU,wBAAwB,CAAC,CAAC;IAClC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,mBAAmB,GAAI,CAAC,EAAG,iCAIrC,wBAAwB,CAAC,CAAC,CAAC,4CAkB7B,CAAC"}
@@ -0,0 +1,21 @@
1
+ import { Table } from '@tanstack/react-table';
2
+ import { DataTableActionButton as DataTableActionButtonConfig, DataTableColumn } from '../types';
3
+ interface DataTableToolbarProps<T extends {
4
+ id: string;
5
+ }> {
6
+ table: Table<T>;
7
+ id?: string;
8
+ dataTestId: string;
9
+ actionButtons?: DataTableActionButtonConfig[];
10
+ enableGlobalSearch: boolean;
11
+ globalSearchPlaceholder?: string;
12
+ hasFilterableColumns: boolean;
13
+ showFilters: boolean;
14
+ onToggleFilters: () => void;
15
+ groupableColumns: DataTableColumn<T>[];
16
+ }
17
+ export declare const DataTableToolbar: <T extends {
18
+ id: string;
19
+ }>({ table, id, dataTestId, actionButtons, enableGlobalSearch, globalSearchPlaceholder, hasFilterableColumns, showFilters, onToggleFilters, groupableColumns, }: DataTableToolbarProps<T>) => import("react/jsx-runtime").JSX.Element | null;
20
+ export {};
21
+ //# sourceMappingURL=DataTableToolbar.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DataTableToolbar.d.ts","sourceRoot":"","sources":["../../../../src/organisms/dataTable/components/DataTableToolbar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAEnD,OAAO,KAAK,EACV,qBAAqB,IAAI,2BAA2B,EACpD,eAAe,EAChB,MAAM,UAAU,CAAC;AAMlB,UAAU,qBAAqB,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE;IACtD,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;IAChB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,2BAA2B,EAAE,CAAC;IAC9C,kBAAkB,EAAE,OAAO,CAAC;IAC5B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,oBAAoB,EAAE,OAAO,CAAC;IAC9B,WAAW,EAAE,OAAO,CAAC;IACrB,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,gBAAgB,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;CACxC;AAED,eAAO,MAAM,gBAAgB,GAAI,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,EAAE,8JAWxD,qBAAqB,CAAC,CAAC,CAAC,mDAwD1B,CAAC"}
@@ -0,0 +1,23 @@
1
+ import { Table } from '@tanstack/react-table';
2
+ import { ReactNode } from 'react';
3
+ import { DataTableColumn } from '../types';
4
+ interface UseDataTableArgs<T extends {
5
+ id: string;
6
+ }> {
7
+ columns: DataTableColumn<T>[];
8
+ rows: T[];
9
+ renderCell?: (row: T, columnKey: string) => ReactNode;
10
+ accessor?: (row: T, columnKey: string) => unknown;
11
+ enablePagination?: boolean;
12
+ pageSize?: number;
13
+ page?: number;
14
+ totalItems?: number;
15
+ manualPagination?: boolean;
16
+ onPaginationChange?: (page: number, pageSize: number) => void;
17
+ initialExpandedRows?: string[];
18
+ }
19
+ export declare const useDataTable: <T extends {
20
+ id: string;
21
+ }>({ columns, rows, renderCell, accessor, enablePagination, pageSize, page, totalItems, manualPagination, onPaginationChange, initialExpandedRows, }: UseDataTableArgs<T>) => Table<T>;
22
+ export {};
23
+ //# sourceMappingURL=useDataTable.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useDataTable.d.ts","sourceRoot":"","sources":["../../../../src/organisms/dataTable/hooks/useDataTable.ts"],"names":[],"mappings":"AAAA,OAAO,EAeL,KAAK,KAAK,EACX,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAQhD,UAAU,gBAAgB,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE;IACjD,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9B,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,SAAS,EAAE,MAAM,KAAK,SAAS,CAAC;IACtD,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC;IAClD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9D,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;CAChC;AAID,eAAO,MAAM,YAAY,GAAI,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,EAAE,mJAYpD,gBAAgB,CAAC,CAAC,CAAC,KAAG,KAAK,CAAC,CAAC,CA4D/B,CAAC"}
@@ -0,0 +1,3 @@
1
+ export { DataTable } from './DataTable';
2
+ export type { DataTableActionButton, DataTableColumn, DataTableFilterOption, DataTableProps, FilterType, } from './types';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organisms/dataTable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EACV,qBAAqB,EACrB,eAAe,EACf,qBAAqB,EACrB,cAAc,EACd,UAAU,GACX,MAAM,SAAS,CAAC"}
@@ -0,0 +1,56 @@
1
+ import { ReactNode } from 'react';
2
+ import { ButtonProps } from '../../atoms/button';
3
+ export type FilterType = 'text' | 'select' | 'dateRange';
4
+ export interface DataTableFilterOption {
5
+ value: string;
6
+ label: string;
7
+ }
8
+ export interface DataTableColumn<T> {
9
+ key: string;
10
+ header: string;
11
+ enableSorting?: boolean;
12
+ defaultSortDirection?: 'asc' | 'desc';
13
+ enableFiltering?: boolean;
14
+ filterType?: FilterType;
15
+ filterOptions?: DataTableFilterOption[];
16
+ enableGrouping?: boolean;
17
+ width?: string;
18
+ align?: 'left' | 'right' | 'center';
19
+ }
20
+ export interface DataTableActionButton {
21
+ label: string;
22
+ disabled?: boolean;
23
+ onClick?: () => void;
24
+ props?: Partial<ButtonProps>;
25
+ }
26
+ export interface DataTableProps<T extends {
27
+ id: string;
28
+ }> {
29
+ columns: DataTableColumn<T>[];
30
+ rows: T[];
31
+ ariaLabel: string;
32
+ loading?: boolean;
33
+ emptyStateMessage?: ReactNode;
34
+ errorStateMessage?: ReactNode | null;
35
+ renderCell?: (row: T, columnKey: string) => ReactNode;
36
+ accessor?: (row: T, columnKey: string) => unknown;
37
+ className?: string;
38
+ dataTestId?: string;
39
+ enableGlobalSearch?: boolean;
40
+ globalSearchPlaceholder?: string;
41
+ renderExpandedContent?: (row: T) => ReactNode;
42
+ shouldRowBeExpandable?: (row: T) => boolean;
43
+ initialExpandedRows?: string[];
44
+ enablePagination?: boolean;
45
+ pageSize?: number;
46
+ pageSizes?: number[];
47
+ page?: number;
48
+ onPageChange?: (page: number, pageSize: number) => void;
49
+ totalItems?: number;
50
+ manualPagination?: boolean;
51
+ id?: string;
52
+ title?: string;
53
+ description?: string;
54
+ actionButtons?: DataTableActionButton[];
55
+ }
56
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/organisms/dataTable/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,QAAQ,GAAG,WAAW,CAAC;AAEzD,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,eAAe,CAAC,CAAC;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,oBAAoB,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IACtC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,aAAa,CAAC,EAAE,qBAAqB,EAAE,CAAC;IACxC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;CACrC;AAED,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;CAC9B;AAED,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE;IACtD,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9B,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,iBAAiB,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACrC,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,SAAS,EAAE,MAAM,KAAK,SAAS,CAAC;IACtD,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,qBAAqB,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,SAAS,CAAC;IAC9C,qBAAqB,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,OAAO,CAAC;IAC5C,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACxD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,qBAAqB,EAAE,CAAC;CACzC"}
@@ -0,0 +1,15 @@
1
+ import { ColumnDef, ExpandedState, FilterFn, SortingState } from '@tanstack/react-table';
2
+ import { ReactNode } from 'react';
3
+ import { DataTableColumn, DataTableFilterOption } from './types';
4
+ export type DateRangeFilterValue = [number | null, number | null];
5
+ export declare const inDateRangeFilterFn: FilterFn<any>;
6
+ export declare const defaultRenderCell: <T>(row: T, columnKey: string) => ReactNode;
7
+ export declare const buildTanStackColumns: <T extends {
8
+ id: string;
9
+ }>(columns: DataTableColumn<T>[], renderCell: (row: T, columnKey: string) => ReactNode, accessor?: (row: T, columnKey: string) => unknown) => ColumnDef<T>[];
10
+ export declare const initialSortingState: <T extends {
11
+ id: string;
12
+ }>(columns: DataTableColumn<T>[]) => SortingState;
13
+ export declare const initialExpandedState: (initialExpandedRows: string[] | undefined) => ExpandedState;
14
+ export declare const deriveFacetedOptions: (facetedValues: Map<unknown, number> | undefined) => DataTableFilterOption[];
15
+ //# sourceMappingURL=utils.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/organisms/dataTable/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,SAAS,EACT,aAAa,EACb,QAAQ,EAER,YAAY,EACb,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EACV,eAAe,EACf,qBAAqB,EAEtB,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,oBAAoB,GAAG,CAAC,MAAM,GAAG,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC,CAAC;AAkBlE,eAAO,MAAM,mBAAmB,EAAE,QAAQ,CAAC,GAAG,CAa7C,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,CAAC,EAAE,KAAK,CAAC,EAAE,WAAW,MAAM,KAAG,SAGhE,CAAC;AAcF,eAAO,MAAM,oBAAoB,GAAI,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,EAC3D,SAAS,eAAe,CAAC,CAAC,CAAC,EAAE,EAC7B,YAAY,CAAC,GAAG,EAAE,CAAC,EAAE,SAAS,EAAE,MAAM,KAAK,SAAS,EACpD,WAAW,CAAC,GAAG,EAAE,CAAC,EAAE,SAAS,EAAE,MAAM,KAAK,OAAO,KAChD,SAAS,CAAC,CAAC,CAAC,EAmBV,CAAC;AAEN,eAAO,MAAM,mBAAmB,GAAI,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,EAC1D,SAAS,eAAe,CAAC,CAAC,CAAC,EAAE,KAC5B,YAMI,CAAC;AAER,eAAO,MAAM,oBAAoB,GAC/B,qBAAqB,MAAM,EAAE,GAAG,SAAS,KACxC,aAGF,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAC/B,eAAe,GAAG,CAAC,OAAO,EAAE,MAAM,CAAC,GAAG,SAAS,KAC9C,qBAAqB,EASvB,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bahmni/design-system",
3
- "version": "0.0.1-dev.275",
3
+ "version": "0.0.1-dev.278",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",
@@ -32,6 +32,7 @@
32
32
  "@fortawesome/fontawesome-svg-core": "^6.7.2",
33
33
  "@fortawesome/free-solid-svg-icons": "^6.7.2",
34
34
  "@fortawesome/react-fontawesome": "^0.2.2",
35
+ "@tanstack/react-table": "^8.21.3",
35
36
  "react-resizable-panels": "^4.5.2"
36
37
  },
37
38
  "peerDependencies": {