claritykit-svelte
Version:
A comprehensive Svelte component library focused on accessibility, ADHD-optimized design, developer experience, and full SSR compatibility
81 lines • 3.3 kB
TypeScript
import type { MaterialViewEntity, MaterialViewTableProps } from './types';
type $$ComponentProps = MaterialViewTableProps & {
data?: any;
viewConfig?: any;
isLoading?: boolean;
error?: string | null;
size?: 'sm' | 'md' | 'lg';
onViewConfigChange?: (config: any) => void;
onRowSelect?: (ids: string[]) => void;
onRowAction?: (action: any) => void;
onFilterChange?: (filter: any) => void;
onSortChange?: (sort: any) => void;
onRefresh?: () => void;
};
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
$$bindings?: Bindings;
} & Exports;
(internal: unknown, props: Props & {
$$events?: Events;
$$slots?: Slots;
}): Exports & {
$set?: any;
$on?: any;
};
z_$$bindings?: Bindings;
}
/**
* MaterialViewTable
*
* A sophisticated table component for displaying cross-schema data from the Brain Map System's
* multi-schema PostgreSQL architecture (staging, catalog, pages, core) with nearly 1:1 Memgraph
* representation. Supports unified entity representation and inline editing with API/MCP server
* communication.
*
* @prop {MaterialViewEntity[]} entities - Array of entities to display
* @prop {MaterialViewColumn[]} columns - Column configuration
* @prop {string} [variant='default'] - Table variant (default, compact, detailed)
* @prop {boolean} [sortable=true] - Enable column sorting
* @prop {boolean} [filterable=true] - Enable filtering
* @prop {boolean} [searchable=true] - Enable global search
* @prop {boolean} [selectable=false] - Enable row selection
* @prop {boolean} [editable=false] - Enable inline editing
* @prop {boolean} [showRelationships=true] - Show relationship indicators
* @prop {boolean} [showSimilarity=true] - Show vector similarity scores
* @prop {number} [pageSize=50] - Number of items per page
* @prop {string} [class] - Additional CSS classes
*
* @event entity-selected - Fired when an entity is selected
* @event entity-edited - Fired when an entity is edited
* @event relationship-clicked - Fired when a relationship is clicked
* @event filter-changed - Fired when filters change
* @event sort-changed - Fired when sorting changes
*/
declare const MaterialViewTable: $$__sveltets_2_IsomorphicComponent<$$ComponentProps, {
'entity-selected': CustomEvent<{
entity: MaterialViewEntity;
selected: boolean;
}>;
'entity-edited': CustomEvent<{
entity: MaterialViewEntity;
field: string;
value: any;
}>;
'relationship-clicked': CustomEvent<{
entity: MaterialViewEntity;
relationship: any;
}>;
'filter-changed': CustomEvent<{
filters: Record<string, any>;
}>;
'sort-changed': CustomEvent<{
column: string;
direction: "asc" | "desc";
}>;
} & {
[evt: string]: CustomEvent<any>;
}, {}, {}, "">;
type MaterialViewTable = InstanceType<typeof MaterialViewTable>;
export default MaterialViewTable;
//# sourceMappingURL=MaterialViewTable.svelte.d.ts.map