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.
- package/README.md +92 -0
- package/dist/components/core/Table/Table.animations.d.ts +5 -16
- package/dist/components/core/Table/Table.animations.js +46 -0
- package/dist/components/core/Table/Table.d.ts +0 -27
- package/dist/components/core/Table/Table.js +58 -156
- package/dist/components/core/Table/Table.theme.js +28 -19
- package/dist/components/core/Table/Table.types.d.ts +95 -8
- package/dist/components/core/Table/Table.utils.d.ts +7 -0
- package/dist/components/core/Table/Table.utils.js +11 -1
- package/dist/components/core/Table/{components/TableActions/TableActions.d.ts → TableActions.d.ts} +3 -3
- package/dist/components/core/Table/{components/TableActions/TableActions.js → TableActions.js} +14 -24
- package/dist/components/core/Table/{components/TableActions/TableActionsMenu.d.ts → TableActionsMenu.d.ts} +1 -1
- package/dist/components/core/Table/{components/TableActions/TableActionsMenu.js → TableActionsMenu.js} +4 -4
- package/dist/components/core/Table/{components/core/TableBody.d.ts → TableBody.d.ts} +1 -1
- package/dist/components/core/Table/{components/core/TableBody.js → TableBody.js} +14 -20
- package/dist/components/core/Table/{components/core/TableCell.d.ts → TableCell.d.ts} +1 -9
- package/dist/components/core/Table/{components/core/TableCell.js → TableCell.js} +5 -13
- package/dist/components/core/Table/TableColumnManager.d.ts +3 -0
- package/dist/components/core/Table/TableColumnManager.js +34 -0
- package/dist/components/core/Table/{components/DeclarativeComponents.d.ts → TableDeclarative.d.ts} +1 -1
- package/dist/components/core/Table/{components/DeclarativeComponents.js → TableDeclarative.js} +6 -56
- package/dist/components/core/Table/TableFilter.d.ts +3 -0
- package/dist/components/core/Table/TableFilter.js +122 -0
- package/dist/components/core/Table/{components/core/TableHeader.d.ts → TableHeader.d.ts} +1 -1
- package/dist/components/core/Table/{components/core/TableHeader.js → TableHeader.js} +15 -29
- package/dist/components/core/Table/TablePagination.d.ts +7 -0
- package/dist/components/core/Table/{components/TablePagination/TablePagination.js → TablePagination.js} +5 -16
- package/dist/components/core/Table/TableRow.d.ts +8 -0
- package/dist/components/core/Table/TableRow.js +45 -0
- package/dist/components/core/Table/TableSelectionHeader.d.ts +7 -0
- package/dist/components/core/Table/{components/TableSelectionHeader/TableSelectionHeader.js → TableSelectionHeader.js} +4 -5
- package/dist/components/core/Table/hooks/index.d.ts +10 -0
- package/dist/components/core/Table/hooks/useTableColumns.d.ts +16 -0
- package/dist/components/core/Table/hooks/useTableColumns.js +67 -0
- package/dist/components/core/Table/hooks/useTableExpansion.d.ts +8 -0
- package/dist/components/core/Table/hooks/useTableExpansion.js +15 -0
- package/dist/components/core/Table/hooks/useTableFilter.d.ts +12 -0
- package/dist/components/core/Table/hooks/useTableFilter.js +37 -0
- package/dist/components/core/Table/hooks/useTablePagination.d.ts +12 -0
- package/dist/components/core/Table/hooks/useTablePagination.js +13 -0
- package/dist/components/core/Table/hooks/useTableSelection.d.ts +17 -0
- package/dist/components/core/Table/hooks/useTableSelection.js +40 -0
- package/dist/components/core/Table/index.d.ts +9 -8
- package/dist/components/core/Table/index.js +7 -5
- package/dist/components/core/index.js +9 -3
- package/dist/index.js +9 -3
- package/dist/styles.css +1 -1
- package/package.json +1 -1
- package/dist/components/core/Table/components/TableActions/TableActions.types.d.ts +0 -40
- package/dist/components/core/Table/components/TableActions/index.d.ts +0 -3
- package/dist/components/core/Table/components/TableActionsMenu.d.ts +0 -6
- package/dist/components/core/Table/components/TablePagination/TablePagination.d.ts +0 -17
- package/dist/components/core/Table/components/TablePagination/TablePagination.types.d.ts +0 -21
- package/dist/components/core/Table/components/TablePagination/index.d.ts +0 -2
- package/dist/components/core/Table/components/TableSelectionHeader/TableSelectionHeader.d.ts +0 -15
- package/dist/components/core/Table/components/TableSelectionHeader/index.d.ts +0 -3
- package/dist/components/core/Table/components/core/TableRow.d.ts +0 -3
- package/dist/components/core/Table/components/core/TableRow.js +0 -44
- 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 './
|
|
3
|
-
import { TableActionsMenu } from './
|
|
4
|
-
import { TablePagination } from './
|
|
5
|
-
import {
|
|
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 './
|
|
3
|
-
import { TableActions } from './
|
|
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 './
|
|
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 {
|
|
93
|
-
export {
|
|
94
|
-
export {
|
|
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 {
|
|
213
|
-
export {
|
|
214
|
-
export {
|
|
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';
|