@makolabs/ripple 0.0.1-dev.20 → 0.0.1-dev.21

package/dist/index.d.ts

@@ -163,52 +163,49 @@ export type StatsCardProps = {
     class?: ClassValue;
     formatLargeNumbers?: boolean;
 };
-export type KeyType = string | number;
 export type DataRow = Record<string, any>;
-export type StatusType = 'idle' | 'loading' | 'error' | 'success' | 'empty';
-export type SortDirection = 'asc' | 'desc';
-export type SortState = {
-    column: string;
-    direction: SortDirection;
-};
-export type TableColumn = {
-    key: string;
+export type KeyType = keyof DataRow;
+export type StatusType = 'active' | 'inactive' | 'pending' | 'error' | 'default';
+export type TableColumn<T extends DataRow = any> = {
+    key: KeyType;
     header: string;
+    cell?: Snippet<[row: T, key: KeyType, index?: number]>;
     sortable?: boolean;
+    sortKey?: string;
     align?: 'left' | 'center' | 'right';
     width?: string;
-    cell?: (value: any, row: DataRow) => string | ReturnType<import("svelte").Snippet>;
+    class?: ClassValue;
 };
-export type TableProps = {
-    data: DataRow[];
-    columns: TableColumn[];
-    keyField?: string;
-    status?: StatusType;
-    searchable?: boolean;
-    pagination?: boolean;
-    rowsPerPage?: number;
-    sortable?: boolean;
-    defaultSort?: SortState;
+export type SortDirection = 'asc' | 'desc' | null;
+export type SortState = {
+    column: string | null;
+    direction: SortDirection;
+};
+export type TableProps<T extends DataRow = any> = {
+    data: T[];
+    columns: TableColumn<T>[];
+    color?: VariantColors;
+    size?: VariantSizes;
+    bordered?: boolean;
+    striped?: boolean;
+    emptyStateText?: string;
+    pageSize?: number;
     selectable?: boolean;
-    onRowClick?: (row: DataRow) => void;
-    onSelectionChange?: (selectedRows: DataRow[]) => void;
-    onSortChange?: (sortState: SortState) => void;
-    onPageChange?: (page: number) => void;
-    emptyMessage?: string;
-    errorMessage?: string;
-    searchPlaceholder?: string;
+    selected?: T[];
     class?: ClassValue;
-    headerClass?: ClassValue;
-    rowClass?: ClassValue | ((row: DataRow) => ClassValue);
-    cellClass?: ClassValue | ((value: any, row: DataRow, columnKey: string) => ClassValue);
-    searchClass?: ClassValue;
-    paginationClass?: ClassValue;
-    loadingTemplate?: Snippet;
-    emptyTemplate?: Snippet;
-    errorTemplate?: Snippet;
-    searchDebounceMs?: number;
-    showCount?: boolean;
-    rowsPerPageOptions?: number[];
+    wrapperclass?: ClassValue;
+    tableclass?: ClassValue;
+    theadclass?: ClassValue;
+    tbodyclass?: ClassValue;
+    trclass?: ClassValue;
+    thclass?: ClassValue;
+    tdclass?: ClassValue;
+    footerclass?: ClassValue;
+    onrowclick?: (row: T, index: number) => void;
+    onsort?: (sortState: SortState) => void;
+    onselect?: (selected: T[]) => void;
+    rowclass?: (row: T, index: number) => ClassValue;
+    loading?: boolean;
 };
 export type BreadcrumbItem = {
     label: string;

package/dist/layout/table/Table.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { cn } from '../../helper/cls.js';
-	import { table, type TableProps, type SortDirection, type SortState } from './table.js';
-
+	import { table } from './table.js';
+	import type { TableProps, SortDirection, SortState } from '../../index.js';
 	let {
 		data = [],
 		columns = [],

package/dist/layout/table/Table.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type TableProps } from './table.js';
+import type { TableProps } from '../../index.js';
 declare const Table: import("svelte").Component<TableProps<any>, {}, "selected">;
 type Table = ReturnType<typeof Table>;
 export default Table;

package/dist/layout/table/table.d.ts

@@ -1,24 +1,5 @@
 import type { ClassValue } from 'tailwind-variants';
-import type { Snippet } from 'svelte';
 import type { VariantColors, VariantSizes } from '../../index.js';
-export type DataRow = Record<string, any>;
-export type KeyType = keyof DataRow;
-export type StatusType = 'active' | 'inactive' | 'pending' | 'error' | 'default';
-export type TableColumn<T extends DataRow = any> = {
-    key: KeyType;
-    header: string;
-    cell?: Snippet<[row: T, key: KeyType, index?: number]>;
-    sortable?: boolean;
-    sortKey?: string;
-    align?: 'left' | 'center' | 'right';
-    width?: string;
-    class?: ClassValue;
-};
-export type SortDirection = 'asc' | 'desc' | null;
-export type SortState = {
-    column: string | null;
-    direction: SortDirection;
-};
 export declare const table: import("tailwind-variants").TVReturnType<{
     size: {
         xs: {

package/dist/layout/table/table.js

@@ -1,12 +1,4 @@
 import { tv } from 'tailwind-variants';
-// Prebuild Cell rendering options
-// Snippet 1 - Date
-// Snippet 2 - Currency
-// Snippet 3 - Percentage
-// Snippet 4 - Phone Number
-// Snippet 5 - Email
-// Snippet 6 - Status
-// Snippet 7 - Time
 export const table = tv({
     slots: {
         base: 'w-full',

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@makolabs/ripple",
-	"version": "0.0.1-dev.20",
+	"version": "0.0.1-dev.21",
 	"description": "Simple Svelte 5 powered component library ✨",
 	"repository": {
 		"type": "git",