flikkui 0.2.0-beta.4 → 0.2.0-beta.5

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 (59) hide show
  1. package/README.md +92 -0
  2. package/dist/components/core/Table/Table.animations.d.ts +5 -16
  3. package/dist/components/core/Table/Table.animations.js +46 -0
  4. package/dist/components/core/Table/Table.d.ts +0 -27
  5. package/dist/components/core/Table/Table.js +58 -156
  6. package/dist/components/core/Table/Table.theme.js +28 -19
  7. package/dist/components/core/Table/Table.types.d.ts +95 -8
  8. package/dist/components/core/Table/Table.utils.d.ts +7 -0
  9. package/dist/components/core/Table/Table.utils.js +11 -1
  10. package/dist/components/core/Table/{components/TableActions/TableActions.d.ts → TableActions.d.ts} +3 -3
  11. package/dist/components/core/Table/{components/TableActions/TableActions.js → TableActions.js} +14 -24
  12. package/dist/components/core/Table/{components/TableActions/TableActionsMenu.d.ts → TableActionsMenu.d.ts} +1 -1
  13. package/dist/components/core/Table/{components/TableActions/TableActionsMenu.js → TableActionsMenu.js} +4 -4
  14. package/dist/components/core/Table/{components/core/TableBody.d.ts → TableBody.d.ts} +1 -1
  15. package/dist/components/core/Table/{components/core/TableBody.js → TableBody.js} +14 -20
  16. package/dist/components/core/Table/{components/core/TableCell.d.ts → TableCell.d.ts} +1 -9
  17. package/dist/components/core/Table/{components/core/TableCell.js → TableCell.js} +5 -13
  18. package/dist/components/core/Table/TableColumnManager.d.ts +3 -0
  19. package/dist/components/core/Table/TableColumnManager.js +34 -0
  20. package/dist/components/core/Table/{components/DeclarativeComponents.d.ts → TableDeclarative.d.ts} +1 -1
  21. package/dist/components/core/Table/{components/DeclarativeComponents.js → TableDeclarative.js} +6 -56
  22. package/dist/components/core/Table/TableFilter.d.ts +3 -0
  23. package/dist/components/core/Table/TableFilter.js +122 -0
  24. package/dist/components/core/Table/{components/core/TableHeader.d.ts → TableHeader.d.ts} +1 -1
  25. package/dist/components/core/Table/{components/core/TableHeader.js → TableHeader.js} +15 -29
  26. package/dist/components/core/Table/TablePagination.d.ts +7 -0
  27. package/dist/components/core/Table/{components/TablePagination/TablePagination.js → TablePagination.js} +5 -16
  28. package/dist/components/core/Table/TableRow.d.ts +8 -0
  29. package/dist/components/core/Table/TableRow.js +45 -0
  30. package/dist/components/core/Table/TableSelectionHeader.d.ts +7 -0
  31. package/dist/components/core/Table/{components/TableSelectionHeader/TableSelectionHeader.js → TableSelectionHeader.js} +4 -5
  32. package/dist/components/core/Table/hooks/index.d.ts +10 -0
  33. package/dist/components/core/Table/hooks/useTableColumns.d.ts +16 -0
  34. package/dist/components/core/Table/hooks/useTableColumns.js +67 -0
  35. package/dist/components/core/Table/hooks/useTableExpansion.d.ts +8 -0
  36. package/dist/components/core/Table/hooks/useTableExpansion.js +15 -0
  37. package/dist/components/core/Table/hooks/useTableFilter.d.ts +12 -0
  38. package/dist/components/core/Table/hooks/useTableFilter.js +37 -0
  39. package/dist/components/core/Table/hooks/useTablePagination.d.ts +12 -0
  40. package/dist/components/core/Table/hooks/useTablePagination.js +13 -0
  41. package/dist/components/core/Table/hooks/useTableSelection.d.ts +17 -0
  42. package/dist/components/core/Table/hooks/useTableSelection.js +40 -0
  43. package/dist/components/core/Table/index.d.ts +9 -8
  44. package/dist/components/core/Table/index.js +7 -5
  45. package/dist/components/core/index.js +9 -3
  46. package/dist/index.js +9 -3
  47. package/dist/styles.css +1 -1
  48. package/package.json +1 -1
  49. package/dist/components/core/Table/components/TableActions/TableActions.types.d.ts +0 -40
  50. package/dist/components/core/Table/components/TableActions/index.d.ts +0 -3
  51. package/dist/components/core/Table/components/TableActionsMenu.d.ts +0 -6
  52. package/dist/components/core/Table/components/TablePagination/TablePagination.d.ts +0 -17
  53. package/dist/components/core/Table/components/TablePagination/TablePagination.types.d.ts +0 -21
  54. package/dist/components/core/Table/components/TablePagination/index.d.ts +0 -2
  55. package/dist/components/core/Table/components/TableSelectionHeader/TableSelectionHeader.d.ts +0 -15
  56. package/dist/components/core/Table/components/TableSelectionHeader/index.d.ts +0 -3
  57. package/dist/components/core/Table/components/core/TableRow.d.ts +0 -3
  58. package/dist/components/core/Table/components/core/TableRow.js +0 -44
  59. package/dist/components/core/Table/components/core/index.d.ts +0 -4
@@ -1,9 +1,8 @@
1
- import { TableProps, Column, SortConfig, FilterConfig, TableThemeOverrides, TableVariant, TableAlignment, SelectionType, TableHeaderProps, TableBodyProps, TableRowProps, TableCellProps, TableHeaderCellProps, BulkAction } from './Table.types';
2
- import { TableActions } from './components/TableActions/TableActions';
3
- import { TableActionsMenu } from './components/TableActions/TableActionsMenu';
4
- import { TablePagination } from './components/TablePagination';
5
- import { ActionItem, ActionVariant, ActionPriority, TableActionsProps, TableActionsMenuProps } from './components/TableActions/TableActions.types';
6
- import { TablePaginationProps } from './components/TablePagination/TablePagination.types';
1
+ import { TableProps, Column, SortConfig, FilterConfig, FilterOperator, FilterType, FilterOption, TableThemeOverrides, TableVariant, TableAlignment, SelectionType, TableHeaderProps, TableBodyProps, TableRowProps, TableCellProps, TableHeaderCellProps, BulkAction, ActionItem, ActionVariant, ActionPriority, TableActionsProps, TableActionsMenuProps, TablePaginationProps, TableSelectionHeaderProps, TableColumnManagerProps, TableFilterProps } from './Table.types';
2
+ import { TableActions } from './TableActions';
3
+ import { TableActionsMenu } from './TableActionsMenu';
4
+ import { TablePagination } from './TablePagination';
5
+ import { TableFilter } from './TableFilter';
7
6
  interface TableCompound {
8
7
  <T extends Record<string, any>>(props: TableProps<T>): React.ReactElement;
9
8
  Header: React.FC<TableHeaderProps>;
@@ -13,8 +12,10 @@ interface TableCompound {
13
12
  HeaderCell: React.FC<TableHeaderCellProps>;
14
13
  Actions: typeof TableActions;
15
14
  Pagination: React.FC<TablePaginationProps>;
15
+ Filter: typeof TableFilter;
16
16
  }
17
17
  declare const Table: TableCompound;
18
18
  export { Table };
19
- export type { TableProps, Column, SortConfig, FilterConfig, TableThemeOverrides, TableVariant, TableAlignment, SelectionType, TableHeaderProps, TableBodyProps, TableRowProps, TableCellProps, TableHeaderCellProps, BulkAction, ActionItem, ActionVariant, ActionPriority, TableActionsProps, TableActionsMenuProps, TablePaginationProps, };
20
- export { TableActions, TableActionsMenu, TablePagination };
19
+ export type { TableProps, Column, SortConfig, FilterConfig, FilterOperator, FilterType, FilterOption, TableThemeOverrides, TableVariant, TableAlignment, SelectionType, TableHeaderProps, TableBodyProps, TableRowProps, TableCellProps, TableHeaderCellProps, BulkAction, ActionItem, ActionVariant, ActionPriority, TableActionsProps, TableActionsMenuProps, TablePaginationProps, TableSelectionHeaderProps, TableColumnManagerProps, TableFilterProps, };
20
+ export { TableActions, TableActionsMenu, TablePagination, TableFilter };
21
+ export { useTableColumns, useTableSelection, useTableExpansion, useTablePagination, useTableFilter, } from './hooks';
@@ -1,10 +1,11 @@
1
1
  import { Table as Table$1 } from './Table.js';
2
- import { HeaderCell, Cell, Row, Body, Header } from './components/DeclarativeComponents.js';
3
- import { TableActions } from './components/TableActions/TableActions.js';
2
+ import { HeaderCell, Cell, Row, Body, Header } from './TableDeclarative.js';
3
+ import { TableActions } from './TableActions.js';
4
4
  import 'react';
5
5
  import 'clsx';
6
6
  import 'tailwind-merge';
7
- import { TablePagination } from './components/TablePagination/TablePagination.js';
7
+ import { TablePagination } from './TablePagination.js';
8
+ import { TableFilter } from './TableFilter.js';
8
9
 
9
10
  // First import the Table component itself
10
11
  // Create a compound component by attaching the subcomponents
@@ -15,7 +16,8 @@ const Table = Object.assign(Table$1, {
15
16
  Cell: Cell,
16
17
  HeaderCell: HeaderCell,
17
18
  Actions: TableActions,
18
- Pagination: TablePagination
19
+ Pagination: TablePagination,
20
+ Filter: TableFilter,
19
21
  });
20
22
 
21
- export { Table, TableActions, TablePagination };
23
+ export { Table, TableActions, TableFilter, TablePagination };
@@ -89,7 +89,13 @@ export { CardTitle } from './Card/CardTitle.js';
89
89
  export { CardDescription } from './Card/CardDescription.js';
90
90
  export { CardContent } from './Card/CardContent.js';
91
91
  export { CardFooter } from './Card/CardFooter.js';
92
- export { TableActions } from './Table/components/TableActions/TableActions.js';
93
- export { TableActionsMenu } from './Table/components/TableActions/TableActionsMenu.js';
94
- export { TablePagination } from './Table/components/TablePagination/TablePagination.js';
92
+ export { useTableColumns } from './Table/hooks/useTableColumns.js';
93
+ export { useTableSelection } from './Table/hooks/useTableSelection.js';
94
+ export { useTableExpansion } from './Table/hooks/useTableExpansion.js';
95
+ export { useTablePagination } from './Table/hooks/useTablePagination.js';
96
+ export { useTableFilter } from './Table/hooks/useTableFilter.js';
97
+ export { TableActions } from './Table/TableActions.js';
98
+ export { TableActionsMenu } from './Table/TableActionsMenu.js';
99
+ export { TablePagination } from './Table/TablePagination.js';
100
+ export { TableFilter } from './Table/TableFilter.js';
95
101
  export { AnimatePresence } from 'motion/react';
package/dist/index.js CHANGED
@@ -209,9 +209,15 @@ export { CardTitle } from './components/core/Card/CardTitle.js';
209
209
  export { CardDescription } from './components/core/Card/CardDescription.js';
210
210
  export { CardContent } from './components/core/Card/CardContent.js';
211
211
  export { CardFooter } from './components/core/Card/CardFooter.js';
212
- export { TableActions } from './components/core/Table/components/TableActions/TableActions.js';
213
- export { TableActionsMenu } from './components/core/Table/components/TableActions/TableActionsMenu.js';
214
- export { TablePagination } from './components/core/Table/components/TablePagination/TablePagination.js';
212
+ export { useTableColumns } from './components/core/Table/hooks/useTableColumns.js';
213
+ export { useTableSelection } from './components/core/Table/hooks/useTableSelection.js';
214
+ export { useTableExpansion } from './components/core/Table/hooks/useTableExpansion.js';
215
+ export { useTablePagination } from './components/core/Table/hooks/useTablePagination.js';
216
+ export { useTableFilter } from './components/core/Table/hooks/useTableFilter.js';
217
+ export { TableActions } from './components/core/Table/TableActions.js';
218
+ export { TableActionsMenu } from './components/core/Table/TableActionsMenu.js';
219
+ export { TablePagination } from './components/core/Table/TablePagination.js';
220
+ export { TableFilter } from './components/core/Table/TableFilter.js';
215
221
  export { DatePickerTrigger } from './components/forms/DatePicker/DatePickerTrigger.js';
216
222
  export { DatePickerContent } from './components/forms/DatePicker/DatePickerContent.js';
217
223
  export { DatePickerPresets } from './components/forms/DatePicker/DatePickerPresets.js';