feat(kt-standard-table):

- feat(kt-table): add pagination support and ordering getter
- chore(k-table): merge kt-table and kt-standard-table directories
- chore(kt-standard-table): cleanup some comments, rename extraFilterLabelAnnotation
- chore(kt-standard-table): rename slots
- chore(kt-standard-table): add applied filters to fetchData payload, add isLoading to DateRange picker, hide optional suffix in filter fields, replace ::v-deep with :deep(), fix typo in docs
- render only filters with valid value, do not show boolean filter with false value
- allow inline filters, rename isPopupFilter
- fix lodash imports
- add filter operation
- add boolean props, add table slot, remove pageIndex and pageSize events, fix date range translations, update docs page
- update props types

Co-Authored-By: Santiago Balladares <[email protected]>
Co-Authored-By: Florian Wendelborn <[email protected]>

packages/documentation/data/menu.ts

@@ -22,6 +22,7 @@ import {
 	KtNavbar,
 	KtPagination,
 	KtPopover,
+	KtStandardTable,
 	KtTable,
 	KtTableLegacy,
 	KtTag,
@@ -174,6 +175,7 @@ export const menu: Array<Section> = [
 					makeComponentMenuItem(KtModal),
 					makeComponentMenuItem(KtPagination),
 					makeComponentMenuItem(KtPopover),
+					makeComponentMenuItem(KtStandardTable),
 					makeComponentMenuItem(KtTable),
 					makeComponentMenuItem(KtTableLegacy),
 					makeComponentMenuItem(KtTag),

packages/documentation/data/standard-table.ts

@@ -0,0 +1,98 @@
+export const todos = [
+	{
+		completed: true,
+		id: 1,
+		todo: 'Watch a classic movie',
+		userId: 68,
+	},
+	{
+		completed: false,
+		id: 2,
+		todo: 'Contribute code or a monetary donation to an open-source software project',
+		userId: 69,
+	},
+	{
+		completed: false,
+		id: 3,
+		todo: 'Invite some friends over for a game night',
+		userId: 104,
+	},
+	{
+		completed: true,
+		id: 4,
+		todo: "Text a friend you haven't talked to in a long time",
+		userId: 2,
+	},
+	{
+		completed: true,
+		id: 5,
+		todo: "Plan a vacation you've always wanted to take",
+		userId: 162,
+	},
+	{
+		completed: false,
+		id: 6,
+		todo: 'Clean out car',
+		userId: 71,
+	},
+	{
+		completed: true,
+		id: 7,
+		todo: 'Create a cookbook with favorite recipes',
+		userId: 53,
+	},
+	{
+		completed: false,
+		id: 8,
+		todo: 'Create a compost pile',
+		userId: 13,
+	},
+	{
+		completed: true,
+		id: 9,
+		todo: 'Take a hike at a local park',
+		userId: 37,
+	},
+	{
+		completed: true,
+		id: 10,
+		todo: 'Take a class at local community center that interests you',
+		userId: 65,
+	},
+	{
+		completed: true,
+		id: 11,
+		todo: 'Research a topic interested in',
+		userId: 130,
+	},
+	{
+		completed: false,
+		id: 12,
+		todo: 'Plan a trip to another country',
+		userId: 140,
+	},
+	{
+		completed: false,
+		id: 13,
+		todo: 'Improve touch typing',
+		userId: 178,
+	},
+	{
+		completed: false,
+		id: 14,
+		todo: 'Learn Express.js',
+		userId: 194,
+	},
+	{
+		completed: false,
+		id: 15,
+		todo: 'Learn calligraphy',
+		userId: 80,
+	},
+	{
+		completed: true,
+		id: 16,
+		todo: 'Go to the gym',
+		userId: 142,
+	},
+]

packages/documentation/pages/usage/components/form-fields.vue

@@ -1054,6 +1054,7 @@ const singleOrMultiSelectOptions: Kotti.FieldSingleSelect.Props['options'] = [
 	{ label: 'Key 1', value: 'value1' },
 	{ isDisabled: true, label: 'Key 3', value: 'value3' },
 	{ label: 'Key 7', value: 'value7' },
+	{ label: 'Key 10', value: 'value10' },
 	{ label: 'Key 4', value: 'value4' },
 	{ label: 'Key 9', value: 'value9' },
 	{ label: 'Key 6', value: 'value6' },