claritykit-svelte
Version:
A comprehensive Svelte component library focused on accessibility, ADHD-optimized design, developer experience, and full SSR compatibility
92 lines • 3.41 kB
TypeScript
import type { ListViewProps, ListViewState, ListViewColumn, ListViewSort, ListViewFilter, ListViewSelection, ListViewDensity, BulkAction, ListViewVirtualization } from './types.js';
declare function $$render<T>(): {
props: {
data?: T[];
columns?: ListViewColumn<T>[];
variant?: ListViewProps<T>["variant"];
density?: ListViewDensity;
selectionMode?: ListViewProps<T>["selectionMode"];
sortable?: boolean;
filterable?: boolean;
searchable?: boolean;
pagination?: ListViewProps<T>["pagination"];
virtualization?: Partial<ListViewVirtualization> | undefined;
bulkActions?: BulkAction<T>[];
expandableRows?: ListViewProps<T>["expandableRows"];
emptyState?: ListViewProps<T>["emptyState"];
loadingState?: ListViewProps<T>["loadingState"];
stickyHeader?: boolean;
maxHeight?: string | number;
className?: string;
loading?: boolean;
error?: string | null;
initialState?: Partial<ListViewState<T>>;
testId?: string | undefined;
accessibility?: ListViewProps<T>["accessibility"];
onsort?: (event: {
detail: ListViewSort | null;
}) => void;
onsearch?: (event: {
detail: string;
}) => void;
onfilter?: (event: {
detail: ListViewFilter[];
}) => void;
onselectionChange?: (event: {
detail: ListViewSelection<T>;
}) => void;
onrowClick?: (event: {
detail: {
row: T;
index: number;
};
}) => void;
onrowDoubleClick?: (event: {
detail: {
row: T;
index: number;
};
}) => void;
ontoggleExpanded?: (event: {
detail: {
row: T;
index: number;
expanded: boolean;
};
}) => void;
onbulkAction?: (event: {
detail: {
action: BulkAction<T>;
selectedRows: T[];
};
}) => void;
onpageChange?: (event: {
detail: {
page: number;
pageSize: number;
};
}) => void;
};
exports: {};
bindings: "";
slots: {};
events: {};
};
declare class __sveltets_Render<T> {
props(): ReturnType<typeof $$render<T>>['props'];
events(): ReturnType<typeof $$render<T>>['events'];
slots(): ReturnType<typeof $$render<T>>['slots'];
bindings(): "";
exports(): {};
}
interface $$IsomorphicComponent {
new <T>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
$$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
} & ReturnType<__sveltets_Render<T>['exports']>;
<T>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
}
declare const ListView: $$IsomorphicComponent;
type ListView<T> = InstanceType<typeof ListView<T>>;
export default ListView;
//# sourceMappingURL=ListView.svelte.d.ts.map