import type { SpacingDensities } from '../types/misc'; import type { DataViewVariants, GoNextPage, GoPrevPage, SetPage, SortOrder, SortValue, UpdateCurrentFilters, UpdateCurrentSearch, UpdateCurrentSort, UpdateEvent } from './_internal/components/DataView/DataView.types'; export interface DataViewProps { /** * Can be used to provide the initial page. * Also, it can be used to control the active page with `v-model:current-page="myPage"`. */ currentPage?: number; /** * Can be used to set the initial search term. * Also, it can be used to control the active search term with `v-model:current-search="mySearchTerm"`. */ currentSearch?: string; /** * Can be used to provide the initial sort order. * Also, it can be used to control the active sort order with `v-model:current-sort="mySortOrder"`. */ currentSort?: SortValue; /** * A list of records. If pagination is enabled, `data` must be only the current page of records. */ data?: object[]; /** * Controls the DataView's padding; the default value is "comfortable". On small screens, "compact" density is applied regardless of this prop's value. */ density?: SpacingDensities; /** * The number of records to display per page. */ pageSize?: number; /** * Opt-out of displaying pagination. Hides the pagination buttons and page stats. */ disablePagination?: boolean; /** * Hides the bottom pagination without disabling the pagination from the toolbar */ hideBottomPagination?: boolean; /** * The total number of records available. * Used to auto-enable pagination when results exist. * Use `Infinity` for activating 'n of many' pagination * DataView does not paginate data for you; instead, `props.data` should always show * the current page of results. */ totalDataCount?: number; /** * Whether there is a next page of data or not as informed by the server. * This only applies when`totalDataCount="Infinity"` to determine if the "Next" pagination button should be disabled. */ hasNextPage?: boolean; /** * DataView variant. The default value is `undefined`. Will default to `table` when used within * a ``. */ variant?: DataViewVariants; isLoading?: boolean; } export * from './_internal/components/DataView/DataView.constants'; export * from './_internal/components/DataView/DataView.keys'; export * from './_internal/components/DataView/DataView.types'; export * from './_internal/components/DataView/DataView.utils'; declare const _default: typeof __VLS_export; export default _default; declare const __VLS_export: __VLS_WithSlots; pageSize: import("vue").ComputedRef; setPage: SetPage; goPrevPage: GoPrevPage; goNextPage: GoNextPage; ordering: import("vue").ComputedRef; updateCurrentSort: UpdateCurrentSort; search: import("vue").ComputedRef; updateCurrentSearch: UpdateCurrentSearch; filters: import("vue").ComputedRef; updateCurrentFilters: UpdateCurrentFilters; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & { update: (state: UpdateEvent) => any; "update:currentFilters": (newFilters: object) => any; "update:currentSearch": (searchTerm?: string | undefined) => any; "update:currentSort": (payload?: string | undefined) => any; "update:currentPage": (page: number, pageSize: number) => any; }, string, import("vue").PublicProps, Readonly & Readonly<{ onUpdate?: ((state: UpdateEvent) => any) | undefined; "onUpdate:currentFilters"?: ((newFilters: object) => any) | undefined; "onUpdate:currentSearch"?: ((searchTerm?: string | undefined) => any) | undefined; "onUpdate:currentSort"?: ((payload?: string | undefined) => any) | undefined; "onUpdate:currentPage"?: ((page: number, pageSize: number) => any) | undefined; }>, { data: object[]; currentPage: number; pageSize: number; totalDataCount: number; currentSearch: string; density: SpacingDensities; variant: DataViewVariants; currentSort: SortValue; disablePagination: boolean; hideBottomPagination: boolean; hasNextPage: boolean; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, { default?: (props: { currentPage: number; currentSortId: string | undefined; currentSortOrder: SortOrder | undefined; data: object[]; goPrevPage: GoPrevPage; goNextPage: GoNextPage; pageCount: number; setPage: SetPage; totalDataCount: number; updateCurrentSort: UpdateCurrentSort; updateCurrentSearch: UpdateCurrentSearch; }) => any; }>; type __VLS_WithSlots = T & { new (): { $slots: S; }; };