@nccirtu/tablefy 0.1.0

package/dist/src/schema/empty-state.d.ts

@@ -0,0 +1,45 @@
+import { ReactNode } from 'react';
+import { EmptyStateConfig } from '../types';
+export declare class EmptyStateBuilder {
+    private config;
+    static make(): EmptyStateBuilder;
+    title(title: string): this;
+    description(description: string): this;
+    icon(icon: ReactNode): this;
+    imageUrl(imageUrl: string): this;
+    variant(variant: EmptyStateConfig['variant']): this;
+    action(config: {
+        label: string;
+        onClick?: () => void;
+        href?: string;
+        icon?: ReactNode;
+    }): this;
+    static noData(config?: {
+        title?: string;
+        description?: string;
+        createLabel?: string;
+        onCreate?: () => void;
+        createHref?: string;
+    }): EmptyStateBuilder;
+    static noSearchResults(config?: {
+        title?: string;
+        description?: string;
+        onClear?: () => void;
+    }): EmptyStateBuilder;
+    static noFilterResults(config?: {
+        title?: string;
+        description?: string;
+        onClear?: () => void;
+    }): EmptyStateBuilder;
+    static error(config?: {
+        title?: string;
+        description?: string;
+        onRetry?: () => void;
+    }): EmptyStateBuilder;
+    private createInboxIcon;
+    private createSearchIcon;
+    private createFilterIcon;
+    private createAlertIcon;
+    private createPlusIcon;
+    build(): EmptyStateConfig;
+}

package/dist/src/schema/table-schema.d.ts

@@ -0,0 +1,44 @@
+import { ReactNode } from 'react';
+import { EmptyStateConfig } from '../types';
+export declare class EmptyStateBuilder {
+    private config;
+    static make(): EmptyStateBuilder;
+    title(title: string): this;
+    description(description: string): this;
+    icon(icon: ReactNode): this;
+    variant(variant: EmptyStateConfig['variant']): this;
+    action(config: {
+        label: string;
+        onClick?: () => void;
+        href?: string;
+        icon?: ReactNode;
+    }): this;
+    static noData(config?: {
+        title?: string;
+        description?: string;
+        createLabel?: string;
+        onCreate?: () => void;
+        createHref?: string;
+    }): EmptyStateBuilder;
+    static noSearchResults(config?: {
+        title?: string;
+        description?: string;
+        onClear?: () => void;
+    }): EmptyStateBuilder;
+    static noFilterResults(config?: {
+        title?: string;
+        description?: string;
+        onClear?: () => void;
+    }): EmptyStateBuilder;
+    static error(config?: {
+        title?: string;
+        description?: string;
+        onRetry?: () => void;
+    }): EmptyStateBuilder;
+    private createInboxIcon;
+    private createSearchIcon;
+    private createFilterIcon;
+    private createAlertIcon;
+    private createPlusIcon;
+    build(): EmptyStateConfig;
+}

package/dist/src/schema.d.ts

@@ -0,0 +1,11 @@
+import { ColumnDef } from '@tanstack/react-table';
+type ColumnBuilder<TData> = {
+    build(): ColumnDef<TData, unknown>;
+};
+export declare class TableSchema<TData> {
+    private columnBuilders;
+    static make<TData>(): TableSchema<TData>;
+    columns(...builders: ColumnBuilder<TData>[]): this;
+    build(): ColumnDef<TData, unknown>[];
+}
+export {};

package/dist/src/types.d.ts

@@ -0,0 +1,76 @@
+import { ReactNode } from "react";
+export interface HeaderAction<TData = unknown> {
+    id: string;
+    label: string;
+    icon?: ReactNode;
+    variant?: "default" | "secondary" | "outline" | "ghost" | "destructive";
+    size?: "default" | "sm" | "lg" | "icon";
+    onClick?: () => void;
+    href?: string;
+    disabled?: boolean;
+    loading?: boolean;
+    bulk?: boolean;
+    bulkOnClick?: (selectedRows: TData[]) => void;
+    hidden?: boolean;
+    children?: Omit<HeaderAction<TData>, "children" | "bulk">[];
+}
+export interface EmptyStateConfig {
+    icon?: ReactNode;
+    imageUrl?: string;
+    title: string;
+    description?: string;
+    action?: {
+        label: string;
+        onClick?: () => void;
+        href?: string;
+        icon?: ReactNode;
+    };
+    variant?: "default" | "search" | "filter" | "error" | "custom";
+}
+export interface FilterConfig {
+    id: string;
+    label: string;
+    type: "text" | "select" | "multi-select" | "date" | "date-range" | "boolean";
+    column: string;
+    placeholder?: string;
+    options?: Array<{
+        label: string;
+        value: string;
+    }>;
+}
+export interface SearchConfig {
+    enabled: boolean;
+    placeholder?: string;
+    columns?: string[];
+    debounce?: number;
+}
+export interface PaginationConfig {
+    enabled: boolean;
+    pageSize?: number;
+    pageSizeOptions?: number[];
+    showPageInfo?: boolean;
+    showPageSizeSelector?: boolean;
+}
+export interface DataTableConfig<TData> {
+    title?: string;
+    description?: string;
+    headerActions?: HeaderAction<TData>[];
+    emptyState?: EmptyStateConfig;
+    searchEmptyState?: EmptyStateConfig;
+    filterEmptyState?: EmptyStateConfig;
+    search?: SearchConfig;
+    filters?: FilterConfig[];
+    pagination?: PaginationConfig;
+    enableRowSelection?: boolean;
+    enableMultiRowSelection?: boolean;
+    enableSorting?: boolean;
+    defaultSort?: {
+        id: string;
+        desc: boolean;
+    };
+    enableColumnVisibility?: boolean;
+    density?: "compact" | "default" | "comfortable";
+    bordered?: boolean;
+    striped?: boolean;
+    hoverable?: boolean;
+}

package/dist/types.d.ts

@@ -0,0 +1,76 @@
+import { ReactNode } from "react";
+export interface HeaderAction<TData = unknown> {
+    id: string;
+    label: string;
+    icon?: ReactNode;
+    variant?: "default" | "secondary" | "outline" | "ghost" | "destructive";
+    size?: "default" | "sm" | "lg" | "icon";
+    onClick?: () => void;
+    href?: string;
+    disabled?: boolean;
+    loading?: boolean;
+    bulk?: boolean;
+    bulkOnClick?: (selectedRows: TData[]) => void;
+    hidden?: boolean;
+    children?: Omit<HeaderAction<TData>, "children" | "bulk">[];
+}
+export interface EmptyStateConfig {
+    icon?: ReactNode;
+    imageUrl?: string;
+    title: string;
+    description?: string;
+    action?: {
+        label: string;
+        onClick?: () => void;
+        href?: string;
+        icon?: ReactNode;
+    };
+    variant?: "default" | "search" | "filter" | "error" | "custom";
+}
+export interface FilterConfig {
+    id: string;
+    label: string;
+    type: "text" | "select" | "multi-select" | "date" | "date-range" | "boolean";
+    column: string;
+    placeholder?: string;
+    options?: Array<{
+        label: string;
+        value: string;
+    }>;
+}
+export interface SearchConfig {
+    enabled: boolean;
+    placeholder?: string;
+    columns?: string[];
+    debounce?: number;
+}
+export interface PaginationConfig {
+    enabled: boolean;
+    pageSize?: number;
+    pageSizeOptions?: number[];
+    showPageInfo?: boolean;
+    showPageSizeSelector?: boolean;
+}
+export interface DataTableConfig<TData> {
+    title?: string;
+    description?: string;
+    headerActions?: HeaderAction<TData>[];
+    emptyState?: EmptyStateConfig;
+    searchEmptyState?: EmptyStateConfig;
+    filterEmptyState?: EmptyStateConfig;
+    search?: SearchConfig;
+    filters?: FilterConfig[];
+    pagination?: PaginationConfig;
+    enableRowSelection?: boolean;
+    enableMultiRowSelection?: boolean;
+    enableSorting?: boolean;
+    defaultSort?: {
+        id: string;
+        desc: boolean;
+    };
+    enableColumnVisibility?: boolean;
+    density?: "compact" | "default" | "comfortable";
+    bordered?: boolean;
+    striped?: boolean;
+    hoverable?: boolean;
+}

package/package.json

@@ -0,0 +1,73 @@
+{
+  "name": "@nccirtu/tablefy",
+  "version": "0.1.0",
+  "description": "A powerful, type-safe React table package built with TanStack Table and shadcn/ui components",
+  "main": "dist/index.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "type": "module",
+  "scripts": {
+    "build": "rollup -c",
+    "test": "jest",
+    "prepublishOnly": "npm run build"
+  },
+  "keywords": [
+    "react",
+    "table",
+    "data-table",
+    "shadcn-ui",
+    "tanstack-table",
+    "typescript",
+    "react-table",
+    "data-grid",
+    "ui-components",
+    "tailwind"
+  ],
+  "author": "Cirtu Cristian <your-email@example.com>",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/nccirtu/Tablefy.git"
+  },
+  "bugs": {
+    "url": "https://github.com/nccirtu/Tablefy/issues"
+  },
+  "homepage": "https://github.com/nccirtu/Tablefy#readme",
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "tailwindcss": "^3.0.0"
+  },
+  "dependencies": {
+    "@radix-ui/react-icons": "^1.3.0",
+    "@tanstack/react-table": "^8.9.0",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "lucide-react": "^0.292.0",
+    "radix-ui": "^1.4.3",
+    "tslib": "^2.5.0"
+  },
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^25.0.0",
+    "@rollup/plugin-node-resolve": "^15.0.0",
+    "@rollup/plugin-typescript": "^11.0.0",
+    "@types/jest": "^29.5.0",
+    "@types/react": "^18.2.0",
+    "jest": "^29.5.0",
+    "rollup": "^3.20.0",
+    "ts-jest": "^29.1.0",
+    "typescript": "^5.0.0"
+  },
+  "exports": {
+    ".": {
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  }
+}