@cobre-npm/ds-v3 0.134.0 → 0.135.1

package/dist/types/components/index.d.ts

@@ -70,6 +70,7 @@ export type { CobreSelectableItem } from './molecules/CobreAccountOptionSelect/C
 export { default as CobreMultiOptionsFilter } from './molecules/CobreMultiOptionsFilter/CobreMultiOptionsFilter.vue';
 export { default as CobreHeader } from './organisms/CobreHeader/CobreHeader.vue';
 export { default as CobreSideMenu } from './organisms/CobreSideMenu/CobreSideMenu.vue';
+export { default as CobreTable } from './organisms/CobreTable/CobreTable.vue';
 export { default as CobreDateFilter } from './organisms/CobreDateFilter/CobreDateFilter.vue';
 export { default as CobreTimeLine } from './organisms/CobreTimeline/CobreTimeline.vue';
 export { default as CobreDynamicForm } from './organisms/CobreDynamicForm/CobreDynamicForm.vue';

package/dist/types/components/organisms/CobreTable/CobreTable.vue.d.ts

@@ -0,0 +1,65 @@
+import type { Table as TanStackTable, ColumnDef } from '@tanstack/vue-table';
+import type { RowAction } from '../../atoms/CobreRowActions/interfaces/CobreRowActions.interface';
+/**
+ * Configuration for the empty state display
+ */
+export interface EmptyStateProps {
+    /** Title displayed when table is empty */
+    title?: string;
+    /** Description text shown in empty state */
+    description?: string;
+    /** Icon to display: 'error' for error state, 'box' for no data, 'cards' for generic */
+    icon?: 'error' | 'box' | 'cards';
+}
+/**
+ * CobreTable component props
+ *
+ * Generic table component powered by TanStack Vue Table that provides:
+ * - Headless table rendering with full column customization
+ * - Bulk selection with checkboxes
+ * - Row actions (edit, delete, etc.)
+ * - Row click handlers for navigation
+ * - Loading skeleton state
+ * - Custom empty state display
+ * - Slot-based custom cell rendering
+ */
+export interface CobreTableProps<T> {
+    /** TanStack Vue Table instance (created with useDataTable or useVueTable) */
+    table: TanStackTable<T>;
+    /** Array of row data to display */
+    data: T[];
+    /** Column definitions from TanStack (configure column behavior, sizing, custom cell rendering) */
+    columns: ColumnDef<T>[];
+    /** Show loading skeleton rows instead of data rows */
+    isLoading?: boolean;
+    /** Error state indicator (unused in display but available for context) */
+    error?: unknown;
+    /** Enable bulk selection checkboxes in header and rows */
+    allowBulkActions?: boolean;
+    /** Function returning row actions (edit, delete, etc.) for each row. If provided, a sticky row actions column is shown */
+    getRowActions?: (row: T) => RowAction<T>[];
+    /** Callback when a row cell is clicked (excluding checkboxes and actions). Useful for navigation */
+    onRowClick?: (row: T) => void;
+    /** Configuration for empty state display (title, description, icon) */
+    emptyStateProps?: EmptyStateProps;
+}
+declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & CobreTableProps<T> & Partial<{}>> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {
+        [x: `cell-${string}`]: ((props: {
+            value: unknown;
+            row: T;
+        }) => any) | undefined;
+    } & {
+        'empty-state'?: (props: {}) => any;
+    };
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/types/components/organisms/CobreTable/index.d.ts

@@ -0,0 +1 @@
+export { default } from './CobreTable.vue';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cobre-npm/ds-v3",
-  "version": "0.134.0",
+  "version": "0.135.1",
   "type": "module",
   "packageManager": "pnpm@11.0.4",
   "engines": {
@@ -29,6 +29,7 @@
   },
   "dependencies": {
     "@popperjs/core": "^2.11.8",
+    "@tanstack/vue-table": "^8.21.3",
     "@vueuse/components": "^10.11.0",
     "@vueuse/core": "^10.11.0",
     "all-good-emails": "^0.0.5",