@bagelink/vue 0.0.1139 → 0.0.1141

package/src/components/index.ts

@@ -11,6 +11,8 @@ export { default as Card } from './Card.vue'
 export { default as Carousel } from './Carousel.vue'
 export * from './dashboard'
 export { default as DataPreview } from './DataPreview.vue'
+export { default as DataTable } from './DataTable/DataTable.vue'
+export { default as TableSchema } from './DataTable/DataTable.vue'
 export { default as Dropdown } from './Dropdown.vue'
 export { default as FieldSetVue } from './FieldSetVue.vue'
 export { default as Flag } from './Flag.vue'
@@ -22,8 +24,8 @@ export * from './layout'
 export { default as ListItem } from './ListItem.vue'
 export { default as ListView } from './ListView.vue'
 export { default as Loading } from './Loading.vue'
-export { default as MapEmbed } from './MapEmbed.vue'
 
+export { default as MapEmbed } from './MapEmbed.vue'
 export { default as Modal } from './Modal.vue'
 export { default as ModalConfirm } from './ModalConfirm.vue'
 export { default as ModalForm } from './ModalForm.vue'
@@ -31,7 +33,6 @@ export { default as NavBar } from './NavBar.vue'
 export { default as PageTitle } from './PageTitle.vue'
 export { default as Pill } from './Pill.vue'
 export { default as RouterWrapper } from './RouterWrapper.vue'
-export { default as TableSchema } from './TableSchema.vue'
 
 export { default as Title } from './Title.vue'
 export { default as ToolBar } from './ToolBar.vue'

package/src/types/TableSchema.ts

@@ -0,0 +1,39 @@
+import type { BglFormSchemaT } from '@bagelink/vue'
+import type { Ref, ComputedRef } from 'vue'
+
+export type SortDirectionsT = 'ASC' | 'DESC'
+export type EmitOrderT = `${string} ${SortDirectionsT}`
+
+export interface TableSchemaProps<T extends Record<string, any> = Record<string, any>> {
+	data: T[]
+	schema?: BglFormSchemaT<T> | (() => BglFormSchemaT<T>)
+	showFields?: string[]
+	useServerSort?: boolean
+	selectable?: boolean
+	onLastItemVisible?: () => void
+}
+
+export interface SortingOptions<T> {
+	onSort: (field: string, direction: SortDirectionsT) => void
+}
+
+export interface TableSelectionOptions<T> {
+	selectable: boolean | undefined
+	selectedItems: { value: string[] }
+	onSelect: (item: T) => void
+}
+
+export interface TableVirtualizationOptions<T> {
+	data: Ref<T[]> | ComputedRef<T[]>
+	itemHeight: number
+	onLastItemVisible?: () => void
+}
+
+export interface TableDataOptions<T> {
+	data: Ref<T[]> | ComputedRef<T[]>
+	schema?: BglFormSchemaT<T> | (() => BglFormSchemaT<T>)
+	showFields?: string[]
+	sortField: string
+	sortDirection: SortDirectionsT
+	useServerSort?: boolean
+}