@krumio/trailhand-ui 1.4.1 → 1.5.0

package/dist/components/data-table/data-table.d.ts

@@ -0,0 +1,191 @@
+import { LitElement, TemplateResult } from 'lit';
+import '../action-menu/action-menu';
+import 'iconify-icon';
+/**
+ * Type definition for formatter functions
+ */
+type FormatterFunction = (value: any) => string;
+/**
+ * Type definition for sort functions
+ */
+type SortFunction = (a: RowData, b: RowData, direction: 'asc' | 'desc') => number;
+/**
+ * Type definition for link functions
+ */
+type LinkFunction = (row: RowData) => string;
+/**
+ * Type definition for row data
+ */
+interface RowData {
+    [key: string]: any;
+}
+/**
+ * Type definition for column configuration
+ */
+export interface DataTableColumn {
+    field: string;
+    label: string;
+    width?: string;
+    sortable?: boolean;
+    searchable?: boolean;
+    formatter?: string | ((value: any, row: RowData) => any);
+    sortFn?: SortFunction;
+    link?: string | LinkFunction;
+    linkTarget?: '_self' | '_blank' | '_parent' | '_top';
+}
+/**
+ * Data table formatters for common column types
+ */
+export declare const dataTableFormatters: Record<string, FormatterFunction>;
+/**
+ * A feature-rich data table component with sorting, filtering, and pagination.
+ * Supports custom cell rendering, row actions, and various formatters.
+ */
+export declare class DataTable extends LitElement {
+    columns: DataTableColumn[];
+    rows: RowData[];
+    rowsPerPage: number;
+    searchable: boolean;
+    sortable: boolean;
+    paginated: boolean;
+    loading: boolean;
+    keyField: string;
+    rowActions: boolean;
+    rowActionsWidth: number;
+    emptyMessage: string;
+    noResultsMessage: string;
+    private _searchQuery;
+    private _currentPage;
+    private _sortColumn;
+    private _sortDirection;
+    static styles: import("lit").CSSResult;
+    /**
+     * Get nested value from object using dot notation
+     * @param obj - The object to extract value from
+     * @param path - The path (e.g., 'user.name')
+     * @returns The value at the path
+     * @private
+     */
+    private _getNestedValue;
+    /**
+     * Format a cell value using column formatter
+     * @param row - The row data
+     * @param column - The column definition
+     * @returns The formatted value
+     * @private
+     */
+    private _formatValue;
+    /**
+     * Get link URL for a cell if column has link property
+     * @param row - The row data
+     * @param column - The column definition
+     * @returns The link URL or null
+     * @private
+     */
+    private _getLinkUrl;
+    /**
+     * Render cell content with optional link
+     * @param row - The row data
+     * @param column - The column definition
+     * @returns The rendered cell content
+     * @private
+     */
+    private _renderCellContent;
+    /**
+     * Handle link click - emit navigation event instead of following link
+     * @param event - The click event
+     * @param url - The URL to navigate to
+     * @param row - The row data
+     * @private
+     */
+    private _handleLinkClick;
+    /**
+     * Get filtered rows based on search query
+     * @returns Filtered rows
+     * @private
+     */
+    private get _filteredRows();
+    /**
+     * Get sorted rows
+     * @returns Sorted rows
+     * @private
+     */
+    private get _sortedRows();
+    /**
+     * Get paginated rows
+     * @returns Paginated rows
+     * @private
+     */
+    private get _paginatedRows();
+    /**
+     * Get total number of pages
+     * @returns Total pages
+     * @private
+     */
+    private get _totalPages();
+    /**
+     * Get pagination info
+     * @returns Pagination info
+     * @private
+     */
+    private get _paginationInfo();
+    /**
+     * Handle search input
+     * @param e - The input event
+     * @private
+     */
+    private _handleSearch;
+    /**
+     * Handle column sort
+     * @param columnField - The column field to sort by
+     * @private
+     */
+    private _handleSort;
+    /**
+     * Navigate to a specific page
+     * @param page - The page number
+     */
+    goToPage(page: number): void;
+    /**
+     * Navigate to the next page
+     */
+    nextPage(): void;
+    /**
+     * Navigate to the previous page
+     */
+    prevPage(): void;
+    /**
+     * Reset search query
+     */
+    resetSearch(): void;
+    /**
+     * Reset sort to default state
+     */
+    resetSort(): void;
+    /**
+     * Render sort icon
+     * @param column - The column definition
+     * @returns TemplateResult
+     * @private
+     */
+    private _renderSortIcon;
+    /**
+     * Render chevron left icon
+     * @returns TemplateResult
+     * @private
+     */
+    private _renderChevronLeft;
+    /**
+     * Render chevron right icon
+     * @returns TemplateResult
+     * @private
+     */
+    private _renderChevronRight;
+    /**
+     * Render the component
+     * @returns TemplateResult
+     */
+    render(): TemplateResult;
+}
+export {};
+//# sourceMappingURL=data-table.d.ts.map

package/dist/components/data-table/data-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../../src/components/data-table/data-table.ts"],"names":[],"mappings":"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"}