buildgrid-ui 1.13.1 → 1.14.1

package/dist/blocks/data-table/components/active-filters.d.ts

@@ -0,0 +1,13 @@
+import type { DataTableColumn, DataTableFilter, SortState } from '../types/data-table';
+interface ActiveFiltersProps<T> {
+    searchTerm: string;
+    activeFilters: Record<string, string>;
+    sortState: SortState;
+    filters: DataTableFilter<T>[];
+    columns: DataTableColumn<T>[];
+    onClearSearch: () => void;
+    onClearFilter: (field: string) => void;
+    onClearSort: () => void;
+}
+export declare function ActiveFilters<T>({ searchTerm, activeFilters, sortState, filters, columns, onClearSearch, onClearFilter, onClearSort, }: ActiveFiltersProps<T>): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/blocks/data-table/components/column-visibility-dropdown.d.ts

@@ -0,0 +1,8 @@
+import type { DataTableColumn } from '../types/data-table';
+interface ColumnVisibilityDropdownProps<T> {
+    columns: DataTableColumn<T>[];
+    onToggleVisibility: (key: string, visible: boolean) => void;
+    onReset: () => void;
+}
+export declare function ColumnVisibilityDropdown<T>({ columns, onToggleVisibility, onReset, }: ColumnVisibilityDropdownProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/blocks/data-table/components/filter-dropdown.d.ts

@@ -0,0 +1,8 @@
+import type { DataTableFilter } from '../types/data-table';
+interface FilterDropdownProps<T> {
+    filter: DataTableFilter<T>;
+    value: string;
+    onChange: (value: string) => void;
+}
+export declare function FilterDropdown<T>({ filter, value, onChange }: FilterDropdownProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/blocks/data-table/components/search-input.d.ts

@@ -0,0 +1,7 @@
+interface SearchInputProps {
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+}
+export declare function SearchInput({ value, onChange, placeholder, }: SearchInputProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/blocks/data-table/components/selection-info.d.ts

@@ -0,0 +1,6 @@
+interface SelectionInfoProps {
+    selectedCount: number;
+    onClearSelection: () => void;
+}
+export declare function SelectionInfo({ selectedCount, onClearSelection }: SelectionInfoProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

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

@@ -0,0 +1,11 @@
+import type { DataTableColumn, SortState } from '../types/data-table';
+interface TableHeaderProps<T> {
+    columns: DataTableColumn<T>[];
+    sortState: SortState;
+    allRowsSelected: boolean;
+    hasData: boolean;
+    onSort: (field: string) => void;
+    onToggleAllRows: (checked: boolean) => void;
+}
+export declare function TableHeader<T>({ columns, sortState, allRowsSelected, hasData, onSort, onToggleAllRows, }: TableHeaderProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,11 @@
+import type { DataTableColumn } from '../types/data-table';
+interface DataTableRowProps<T> {
+    row: T;
+    index: number;
+    columns: DataTableColumn<T>[];
+    isSelected: boolean;
+    rowId: string;
+    onToggleSelection: (id: string, checked: boolean) => void;
+}
+export declare function DataTableRow<T>({ row, index, columns, isSelected, rowId, onToggleSelection, }: DataTableRowProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,6 @@
+interface TableSkeletonProps {
+    columns: number;
+    rows?: number;
+}
+export declare function TableSkeleton({ columns, rows }: TableSkeletonProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { DataTableProps, DataTableRef } from './types/data-table';
+export declare const DataTable: <T extends Record<string, any>>(props: DataTableProps<T> & {
+    ref?: React.Ref<DataTableRef<T>>;
+}) => React.ReactElement;
+export type { DataTableColumn, DataTableFilter, DataTableProps, DataTableRef, } from './types/data-table';

package/dist/blocks/data-table/index.d.ts

@@ -0,0 +1,2 @@
+export * from './data-table';
+export * from './types/data-table';

package/dist/blocks/data-table/types/data-table.d.ts

@@ -0,0 +1,73 @@
+import type React from 'react';
+export interface DataTableColumn<T> {
+    key: keyof T;
+    title: string;
+    customRenderer?: (value: any, row: T) => React.ReactNode;
+    sortable?: boolean;
+    hidden?: boolean;
+}
+export interface FilterOption {
+    label: string;
+    value: string;
+}
+export interface DataTableFilter<T> {
+    field: keyof T;
+    label: string;
+    options: FilterOption[];
+}
+export interface DataTableToolsProps {
+    search?: {
+        placeholder?: string;
+        hide?: boolean;
+    };
+    filter?: {
+        hide?: boolean;
+    };
+    sort?: {
+        hide?: boolean;
+    };
+    columnSelector?: {
+        hide?: boolean;
+    };
+    export?: {
+        hide?: boolean;
+    };
+}
+export interface DataTableProps<T> {
+    data: T[];
+    columns: DataTableColumn<T>[];
+    searchFields: (keyof T)[];
+    filters?: DataTableFilter<T>[];
+    pageSize?: number;
+    className?: string;
+    loading?: boolean;
+    tools?: DataTableToolsProps;
+}
+export type SortDirection = 'asc' | 'desc' | null;
+export interface SortState {
+    field: string | null;
+    direction: SortDirection;
+}
+export interface DataTableRef<T> {
+    /** Get currently selected items */
+    getSelectedItems: () => T[];
+    /** Clear all selected items */
+    clearSelection: () => void;
+    /** Get current selection count */
+    getSelectionCount: () => number;
+    /** Select specific items by their IDs */
+    selectItems: (ids: string[]) => void;
+    /** Get current filtered data (respects search and filters) */
+    getFilteredData: () => T[];
+    /** Reset all filters and search */
+    resetFilters: () => void;
+    /** Export current data to CSV */
+    exportData: (filename?: string) => void;
+    /** Go to specific page */
+    goToPage: (page: number) => void;
+    /** Refresh/re-render the table */
+    refresh: () => void;
+}
+export type DataTableComponent = <T extends Record<string, any>>(props: DataTableProps<T> & {
+    ref?: React.Ref<DataTableRef<T>>;
+}) => React.ReactElement;

package/dist/blocks/data-table/utils/export.d.ts

@@ -0,0 +1,2 @@
+import type { DataTableColumn } from '../types/data-table';
+export declare function exportToCSV<T>(data: T[], columns: DataTableColumn<T>[], filename: string): void;

package/dist/blocks/index.d.ts

@@ -1,4 +1,5 @@
 export * from './bento-grid';
+export * from './data-table';
 export * from './empty-message';
 export * from './help-carousel';
 export * from './html-text-editor';

package/dist/blocks/navigable-list/index.d.ts

@@ -0,0 +1 @@
+export * from './navigable-list';

package/dist/blocks/navigable-list/navigable-list.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+type Shortcut = {
+    key: string;
+    ctrl?: boolean;
+    alt?: boolean;
+    shift?: boolean;
+};
+type RowAction<T> = {
+    shortcut: Shortcut;
+    callback: (item: T) => void;
+    label: React.ReactNode;
+};
+type NavigableListProps<T> = {
+    items: T[];
+    renderItem: (item: T, isSelected: boolean) => React.ReactNode;
+    actions: RowAction<T>[];
+    className?: string;
+};
+export declare function NavigableList<T>({ items, renderItem, actions, className, }: NavigableListProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/blocks/pagination-controls/pagination-controls.d.ts

@@ -1,9 +1,13 @@
 interface PaginationControlsProps {
-    current?: number;
+    currentPage: number;
     totalPages: number;
-    maxVisiblePages?: number;
-    mode?: 'full' | 'minimal';
+    totalItems: number;
+    startIndex: number;
+    endIndex: number;
     onPageChange: (page: number) => void;
+    onPreviousPage: () => void;
+    onNextPage: () => void;
+    showItemsCounter?: boolean;
 }
-export declare function PaginationControls({ totalPages, maxVisiblePages, mode, onPageChange, current, }: PaginationControlsProps): import("react/jsx-runtime").JSX.Element;
+export declare const PaginationControls: (props: PaginationControlsProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};