@nccirtu/tablefy 0.6.0 → 0.6.1

package/cli/templates/tablefy/data-table-empty.tsx

@@ -3,7 +3,7 @@
 // shadcn components - installed by user
 import { Button } from "@/components/ui/button";
 import { cn } from "@/lib/utils";
-import { EmptyStateConfig } from "@/lib/types";
+import { EmptyStateConfig } from "@nccirtu/tablefy";
 
 interface DataTableEmptyProps {
   config: EmptyStateConfig;

package/cli/templates/tablefy/data-table-header.tsx

@@ -12,7 +12,7 @@ import {
 } from "@/components/ui/dropdown-menu";
 import { ChevronDown, Search, X } from "lucide-react";
 import { cn } from "@/lib/utils";
-import { HeaderAction, SearchConfig } from "@/lib/types";
+import { HeaderAction, SearchConfig } from "@nccirtu/tablefy";
 
 interface DataTableHeaderProps<TData> {
   title?: string;
@@ -176,7 +176,9 @@ export function DataTableHeader<TData>({
               <Input
                 placeholder={search.placeholder || "Suchen..."}
                 value={searchValue}
-                onChange={(e: React.ChangeEvent<HTMLInputElement>) => onSearchChange?.(e.target.value)}
+                onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
+                  onSearchChange?.(e.target.value)
+                }
                 className="pl-9 pr-9"
               />
               {searchValue && (

package/cli/templates/tablefy/data-table-pagination.tsx

@@ -17,7 +17,7 @@ import {
   ChevronsRight,
 } from "lucide-react";
 import { cn } from "@/lib/utils";
-import { PaginationConfig } from "@/lib/types";
+import { PaginationConfig } from "@nccirtu/tablefy";
 
 interface DataTablePaginationProps<TData> {
   table: TanstackTable<TData>;
@@ -64,7 +64,9 @@ export function DataTablePagination<TData>({
             </span>
             <Select
               value={`${table.getState().pagination.pageSize}`}
-              onValueChange={(value: string) => table.setPageSize(Number(value))}
+              onValueChange={(value: string) =>
+                table.setPageSize(Number(value))
+              }
             >
               <SelectTrigger className="h-8 w-[70px]">
                 <SelectValue

package/cli/templates/tablefy/data-table.tsx

@@ -23,11 +23,10 @@ import {
   TableRow,
 } from "@/components/ui/table";
 import { cn } from "@/lib/utils";
-import { DataTableConfig } from "@/lib/types";
+import { DataTableConfig, EmptyStateBuilder } from "@nccirtu/tablefy";
 import { DataTableHeader } from "./data-table-header";
 import { DataTableEmpty } from "./data-table-empty";
 import { DataTablePagination } from "./data-table-pagination";
-import { EmptyStateBuilder } from "@/lib/builders";
 
 interface DataTableProps<TData, TValue> {
   columns: ColumnDef<TData, TValue>[];

package/dist/columns/tablefy/data-table-empty.d.ts

@@ -1,4 +1,4 @@
-import { EmptyStateConfig } from "@/lib/types";
+import { EmptyStateConfig } from "../lib/types";
 interface DataTableEmptyProps {
     config: EmptyStateConfig;
     colSpan: number;

package/dist/columns/tablefy/data-table-header.d.ts

@@ -1,5 +1,5 @@
 import { Table as TanstackTable } from "@tanstack/react-table";
-import { HeaderAction, SearchConfig } from "@/lib/types";
+import { HeaderAction, SearchConfig } from "../lib/types";
 interface DataTableHeaderProps<TData> {
     title?: string;
     description?: string;

package/dist/columns/tablefy/data-table-pagination.d.ts

@@ -1,5 +1,5 @@
 import { Table as TanstackTable } from "@tanstack/react-table";
-import { PaginationConfig } from "@/lib/types";
+import { PaginationConfig } from "../lib/types";
 interface DataTablePaginationProps<TData> {
     table: TanstackTable<TData>;
     config?: PaginationConfig;

package/dist/columns/tablefy/data-table.d.ts

@@ -1,5 +1,5 @@
 import { ColumnDef } from "@tanstack/react-table";
-import { DataTableConfig } from "@/lib/types";
+import { DataTableConfig } from "../lib/types";
 interface DataTableProps<TData, TValue> {
     columns: ColumnDef<TData, TValue>[];
     data: TData[];

package/dist/index.esm.js

@@ -64,7 +64,9 @@ function DataTablePagination({ table, config, className, }) {
     if (!config?.enabled)
         return null;
     const { showPageInfo = true, showPageSizeSelector = true, pageSizeOptions = [10, 20, 30, 50, 100], } = config;
-    return (jsxs("div", { className: cn("flex flex-col gap-4 px-4 py-4 sm:flex-row sm:items-center sm:justify-between", className), children: [jsx("div", { className: "text-sm text-muted-foreground", children: table.getFilteredSelectedRowModel().rows.length > 0 ? (jsxs("span", { children: [table.getFilteredSelectedRowModel().rows.length, " von", " ", table.getFilteredRowModel().rows.length, " Zeile(n) ausgew\u00E4hlt"] })) : showPageInfo ? (jsxs("span", { children: [table.getFilteredRowModel().rows.length, " Eintr\u00E4ge"] })) : null }), jsxs("div", { className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:gap-6", children: [showPageSizeSelector && (jsxs("div", { className: "flex items-center gap-2", children: [jsx("span", { className: "text-sm text-muted-foreground whitespace-nowrap", children: "Zeilen pro Seite" }), jsxs(Select, { value: `${table.getState().pagination.pageSize}`, onValueChange: (value) => table.setPageSize(Number(value)), children: [jsx(SelectTrigger, { className: "h-8 w-[70px]", children: jsx(SelectValue, { placeholder: table.getState().pagination.pageSize }) }), jsx(SelectContent, { side: "top", children: pageSizeOptions.map((pageSize) => (jsx(SelectItem, { value: `${pageSize}`, children: pageSize }, pageSize))) })] })] })), showPageInfo && (jsxs("div", { className: "text-sm text-muted-foreground whitespace-nowrap", children: ["Seite ", table.getPageCount() > 0 ? table.getState().pagination.pageIndex + 1 : 0, " von", " ", Math.max(table.getPageCount(), 0)] })), jsxs("div", { className: "flex items-center gap-1", children: [jsxs(Button, { variant: "outline", size: "icon", className: "h-8 w-8", onClick: () => table.setPageIndex(0), disabled: !table.getCanPreviousPage(), children: [jsx(ChevronsLeft, { className: "h-4 w-4" }), jsx("span", { className: "sr-only", children: "Erste Seite" })] }), jsxs(Button, { variant: "outline", size: "icon", className: "h-8 w-8", onClick: () => table.previousPage(), disabled: !table.getCanPreviousPage(), children: [jsx(ChevronLeft, { className: "h-4 w-4" }), jsx("span", { className: "sr-only", children: "Vorherige Seite" })] }), jsxs(Button, { variant: "outline", size: "icon", className: "h-8 w-8", onClick: () => table.nextPage(), disabled: !table.getCanNextPage(), children: [jsx(ChevronRight, { className: "h-4 w-4" }), jsx("span", { className: "sr-only", children: "N\u00E4chste Seite" })] }), jsxs(Button, { variant: "outline", size: "icon", className: "h-8 w-8", onClick: () => table.setPageIndex(table.getPageCount() - 1), disabled: !table.getCanNextPage(), children: [jsx(ChevronsRight, { className: "h-4 w-4" }), jsx("span", { className: "sr-only", children: "Letzte Seite" })] })] })] })] }));
+    return (jsxs("div", { className: cn("flex flex-col gap-4 px-4 py-4 sm:flex-row sm:items-center sm:justify-between", className), children: [jsx("div", { className: "text-sm text-muted-foreground", children: table.getFilteredSelectedRowModel().rows.length > 0 ? (jsxs("span", { children: [table.getFilteredSelectedRowModel().rows.length, " von", " ", table.getFilteredRowModel().rows.length, " Zeile(n) ausgew\u00E4hlt"] })) : showPageInfo ? (jsxs("span", { children: [table.getFilteredRowModel().rows.length, " Eintr\u00E4ge"] })) : null }), jsxs("div", { className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:gap-6", children: [showPageSizeSelector && (jsxs("div", { className: "flex items-center gap-2", children: [jsx("span", { className: "text-sm text-muted-foreground whitespace-nowrap", children: "Zeilen pro Seite" }), jsxs(Select, { value: `${table.getState().pagination.pageSize}`, onValueChange: (value) => table.setPageSize(Number(value)), children: [jsx(SelectTrigger, { className: "h-8 w-[70px]", children: jsx(SelectValue, { placeholder: table.getState().pagination.pageSize }) }), jsx(SelectContent, { side: "top", children: pageSizeOptions.map((pageSize) => (jsx(SelectItem, { value: `${pageSize}`, children: pageSize }, pageSize))) })] })] })), showPageInfo && (jsxs("div", { className: "text-sm text-muted-foreground whitespace-nowrap", children: ["Seite", " ", table.getPageCount() > 0
+                                ? table.getState().pagination.pageIndex + 1
+                                : 0, " ", "von ", Math.max(table.getPageCount(), 0)] })), jsxs("div", { className: "flex items-center gap-1", children: [jsxs(Button, { variant: "outline", size: "icon", className: "h-8 w-8", onClick: () => table.setPageIndex(0), disabled: !table.getCanPreviousPage(), children: [jsx(ChevronsLeft, { className: "h-4 w-4" }), jsx("span", { className: "sr-only", children: "Erste Seite" })] }), jsxs(Button, { variant: "outline", size: "icon", className: "h-8 w-8", onClick: () => table.previousPage(), disabled: !table.getCanPreviousPage(), children: [jsx(ChevronLeft, { className: "h-4 w-4" }), jsx("span", { className: "sr-only", children: "Vorherige Seite" })] }), jsxs(Button, { variant: "outline", size: "icon", className: "h-8 w-8", onClick: () => table.nextPage(), disabled: !table.getCanNextPage(), children: [jsx(ChevronRight, { className: "h-4 w-4" }), jsx("span", { className: "sr-only", children: "N\u00E4chste Seite" })] }), jsxs(Button, { variant: "outline", size: "icon", className: "h-8 w-8", onClick: () => table.setPageIndex(table.getPageCount() - 1), disabled: !table.getCanNextPage(), children: [jsx(ChevronsRight, { className: "h-4 w-4" }), jsx("span", { className: "sr-only", children: "Letzte Seite" })] })] })] })] }));
 }
 
 /**