@devalok/shilp-sutra 0.55.1 → 0.57.0

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

@@ -1,6 +1,6 @@
 import { ColumnDef, RowData } from '@tanstack/react-table';
 import { default as React } from 'react';
-import { BulkAction } from './data-table-bulk-actions.js';
+import { BulkAction, BulkActionsPosition } from './data-table-bulk-actions.js';
 import { Density } from './data-table-toolbar.js';
 export type { BulkAction } from './data-table-bulk-actions.js';
 declare module '@tanstack/react-table' {
@@ -91,8 +91,13 @@ export interface DataTableProps<TData, TValue> {
     pageSizeOptions?: number[];
     /** Enable row selection with checkboxes */
     selectable?: boolean;
-    /** Callback when row selection changes */
-    onSelectionChange?: (selectedRows: TData[]) => void;
+    /**
+     * Callback when row selection changes.
+     * Second argument `selectedIds` is the set of selected row IDs — the natural
+     * complement of the `selectedIds` controlled prop, so you never have to
+     * re-derive them yourself.
+     */
+    onSelectionChange?: (selectedRows: TData[], selectedIds: Set<string>) => void;
     /** Show toolbar above the table with column visibility, density, and export controls */
     toolbar?: boolean;
     /** Row density — controls cell vertical padding */
@@ -112,7 +117,11 @@ export interface DataTableProps<TData, TValue> {
     renderExpanded?: (row: TData) => React.ReactNode;
     /** Enable row virtualization for large datasets */
     virtualRows?: boolean;
-    /** Height of each virtual row in pixels (default 48) */
+    /**
+     * Estimated height of each virtual row in pixels (default 48). Real heights are
+     * measured after mount, so this only has to be close — it decides the initial
+     * scroll extent and how many rows render before the first measurement pass.
+     */
     virtualRowHeight?: number;
     /** Maximum height of the scrollable container in pixels (default 600) */
     maxHeight?: number;
@@ -143,10 +152,48 @@ export interface DataTableProps<TData, TValue> {
     onRowClick?: (row: TData) => void;
     /** Actions shown in a floating bar when rows are selected */
     bulkActions?: BulkAction<TData>[];
+    /** Where the bulk-actions bar renders. @default 'bottom' */
+    bulkActionsPosition?: BulkActionsPosition;
     /** Render rows as stacked cards on small screens (below sm breakpoint). Default 'table'. */
     mobileView?: 'card' | 'table';
+    /**
+     * Whether to show the Export CSV button in the toolbar. Defaults to `true`
+     * (the button has always rendered whenever `toolbar` is on). Pass `false` to
+     * hide it — worth doing with server-side `pagination`, where the built-in CSV
+     * export can only see the current page's rows; `onExport` is the other answer
+     * there, since it lets you fetch the full set yourself.
+     */
+    enableExport?: boolean;
+    /**
+     * Override the default client-side CSV export. Receives the currently visible
+     * (filtered) rows so you can trigger a server-side full export or apply custom
+     * formatting. When provided, the built-in CSV logic is skipped entirely.
+     */
+    onExport?: (visibleRows: TData[]) => void;
+    /**
+     * Restrict filter inputs to specific column IDs. Only effective when
+     * `filterable` is true. When omitted, all columns without
+     * `enableColumnFilter: false` in their `ColumnDef` get a filter input
+     * (existing behaviour). When provided, only the listed columns get inputs.
+     *
+     * @example
+     * // Show filter inputs only for name and email columns
+     * <DataTable filterable filterableColumns={['name', 'email']} />
+     */
+    filterableColumns?: string[];
+    /**
+     * Return a className string for a given row — applied to the `<tr>` in table
+     * layout and to the `Card` in `mobileView="card"` layout.
+     *
+     * The return value is passed through `cn()` verbatim, so an invented class
+     * silently does nothing. Use real token steps (`bg-error-3`, `bg-warning-3`).
+     *
+     * @example
+     * rowClassName={(row) => row.status === 'overdue' ? 'bg-error-3' : undefined}
+     */
+    rowClassName?: (row: TData) => string | undefined;
 }
-export declare function DataTable<TData, TValue>({ columns, data, className, noResultsText, sortable, filterable, globalFilter, paginated, pageSize: initialPageSize, pageSizeOptions, selectable, onSelectionChange, toolbar, density: initialDensity, columnPinning: initialColumnPinning, editable, onCellEdit, expandable, renderExpanded, virtualRows, virtualRowHeight, maxHeight, onSort, emptyState, loading, selectedIds, selectableFilter, getRowId: getRowIdProp, pagination: serverPagination, singleExpand, stickyHeader, onRowClick, bulkActions, mobileView, }: DataTableProps<TData, TValue>): React.JSX.Element;
+export declare function DataTable<TData, TValue>({ columns, data, className, noResultsText, sortable, filterable, globalFilter, paginated, pageSize: initialPageSize, pageSizeOptions, selectable, onSelectionChange, toolbar, density: initialDensity, columnPinning: initialColumnPinning, editable, onCellEdit, expandable, renderExpanded, virtualRows, virtualRowHeight, maxHeight, onSort, emptyState, loading, selectedIds, selectableFilter, getRowId: getRowIdProp, pagination: serverPagination, singleExpand, stickyHeader, onRowClick, bulkActions, bulkActionsPosition, mobileView, enableExport, onExport, filterableColumns, rowClassName, }: DataTableProps<TData, TValue>): React.JSX.Element;
 export declare namespace DataTable {
     var displayName: string;
 }

package/dist/ui/data-table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../src/ui/data-table.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../src/ui/data-table.tsx"],"names":[],"mappings":"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"}

package/dist/ui/data-table.js

@@ -10,71 +10,71 @@ import { DataTableCards as ne } from "./data-table-card.js";
 import { DataTableHeader as re } from "./data-table-header.js";
 import { DataTablePagination as ie } from "./data-table-pagination.js";
 import { DataTableToolbar as ae } from "./data-table-toolbar.js";
-import { useCallback as a, useEffect as o, useMemo as s, useRef as c, useState as l } from "react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { IconChevronRight as oe, IconSearch as se } from "@tabler/icons-react";
-import { getCoreRowModel as ce, getExpandedRowModel as le, getFilteredRowModel as ue, getPaginationRowModel as de, getSortedRowModel as fe, useReactTable as pe } from "@tanstack/react-table";
-import { useVirtualizer as me } from "@tanstack/react-virtual";
+import { useCallback as a, useEffect as o, useMemo as oe, useRef as s, useState as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { IconChevronRight as se, IconSearch as ce } from "@tabler/icons-react";
+import { getCoreRowModel as le, getExpandedRowModel as ue, getFilteredRowModel as de, getPaginationRowModel as fe, getSortedRowModel as pe, useReactTable as me } from "@tanstack/react-table";
+import { useVirtualizer as he } from "@tanstack/react-virtual";
 //#region src/ui/data-table.tsx
-function f({ columns: f, data: p, className: he, noResultsText: m, sortable: h = !1, filterable: g = !1, globalFilter: _ = !1, paginated: ge = !1, pageSize: v, pageSizeOptions: _e, selectable: y = !1, onSelectionChange: b, toolbar: ve = !1, density: ye = "standard", columnPinning: be, editable: xe = !1, onCellEdit: Se, expandable: x = !1, renderExpanded: S, virtualRows: C = !1, virtualRowHeight: Ce = 48, maxHeight: we = 600, onSort: w, emptyState: T, loading: E = !1, selectedIds: D, selectableFilter: O, getRowId: k, pagination: A, singleExpand: j = !1, stickyHeader: Te = !1, onRowClick: M, bulkActions: N, mobileView: P = "table" }) {
-	let [Ee, F] = l(!1);
+function d({ columns: d, data: f, className: ge, noResultsText: p, sortable: m = !1, filterable: h = !1, globalFilter: g = !1, paginated: _e = !1, pageSize: _, pageSizeOptions: ve, selectable: v = !1, onSelectionChange: y, toolbar: ye = !1, density: be = "standard", columnPinning: xe, editable: Se = !1, onCellEdit: Ce, expandable: b = !1, renderExpanded: x, virtualRows: S = !1, virtualRowHeight: we = 48, maxHeight: Te = 600, onSort: C, emptyState: w, loading: T = !1, selectedIds: E, selectableFilter: D, getRowId: O, pagination: k, singleExpand: A = !1, stickyHeader: Ee = !1, onRowClick: j, bulkActions: M, bulkActionsPosition: De = "bottom", mobileView: N = "table", enableExport: Oe, onExport: ke, filterableColumns: P, rowClassName: F }) {
+	let [Ae, I] = c(!1);
 	o(() => {
-		let e = window.matchMedia("(max-width: 639px)"), t = () => F(e.matches);
-		return e.addEventListener("change", t), F(e.matches), () => e.removeEventListener("change", t);
+		let e = window.matchMedia("(max-width: 639px)"), t = () => I(e.matches);
+		return e.addEventListener("change", t), I(e.matches), () => e.removeEventListener("change", t);
 	}, []);
-	let De = P === "card" && Ee, [Oe, I] = l([]), [ke, Ae] = l([]), [L, R] = l(""), [je, z] = l({
-		pageIndex: A ? A.page - 1 : 0,
-		pageSize: A?.pageSize ?? v ?? 10
-	}), [B, V] = l({}), [Me, Ne] = l({}), [H, Pe] = l({
-		left: be?.left ?? [],
-		right: be?.right ?? []
-	}), [U, Fe] = l(ye), [Ie, Le] = l(null), [Re, ze] = l({}), Be = c(null), W = c(!1);
+	let je = N === "card" && Ae, [Me, L] = c([]), [Ne, Pe] = c([]), [R, z] = c(""), [Fe, B] = c({
+		pageIndex: k ? k.page - 1 : 0,
+		pageSize: k?.pageSize ?? _ ?? 10
+	}), [V, Ie] = c({}), [Le, Re] = c({}), [H, ze] = c({
+		left: xe?.left ?? [],
+		right: xe?.right ?? []
+	}), [Be, Ve] = c(be), [He, Ue] = c(null), [We, Ge] = c({}), Ke = s(null), U = s(!1), qe = s(!0);
 	o(() => {
-		if (D) {
-			W.current = !0;
+		if (E) {
+			U.current = !0;
 			let e = {};
-			D.forEach((t) => {
+			E.forEach((t) => {
 				e[t] = !0;
-			}), V(e);
+			}), Ie(e);
 		}
-	}, [D]), o(() => {
-		A && z((e) => ({
+	}, [E]), o(() => {
+		k && B((e) => ({
 			...e,
-			pageIndex: A.page - 1,
-			pageSize: A.pageSize
+			pageIndex: k.page - 1,
+			pageSize: k.pageSize
 		}));
-	}, [A?.page, A?.pageSize]);
-	let Ve = a((e) => {
-		I((t) => {
+	}, [k?.page, k?.pageSize]);
+	let Je = a((e) => {
+		L((t) => {
 			let n = typeof e == "function" ? e(t) : e;
-			return w && (n.length === 0 && t.length > 0 ? w(t[0].id, !1) : n.length > 0 && w(n[0].id, n[0].desc ? "desc" : "asc")), n;
+			return C && (n.length === 0 && t.length > 0 ? C(t[0].id, !1) : n.length > 0 && C(n[0].id, n[0].desc ? "desc" : "asc")), n;
 		});
-	}, [w]), He = a((e) => {
-		ze((t) => {
+	}, [C]), Ye = a((e) => {
+		Ge((t) => {
 			let n = typeof e == "function" ? e(t) : e;
-			if (!j || n === !0 || typeof n != "object") return n;
+			if (!A || n === !0 || typeof n != "object") return n;
 			let r = typeof t == "object" ? Object.keys(t).filter((e) => t[e]) : [], i = Object.keys(n).filter((e) => n[e]).filter((e) => !r.includes(e));
 			return i.length > 0 ? { [i[i.length - 1]]: !0 } : n;
 		});
-	}, [j]), G = c(A?.onPageChange);
+	}, [A]), W = s(k?.onPageChange);
 	o(() => {
-		G.current = A?.onPageChange;
-	}, [A?.onPageChange]);
-	let Ue = a((e) => {
-		z((t) => {
+		W.current = k?.onPageChange;
+	}, [k?.onPageChange]);
+	let Xe = a((e) => {
+		B((t) => {
 			let n = typeof e == "function" ? e(t) : e;
-			return G.current && n.pageIndex !== t.pageIndex && G.current(n.pageIndex + 1), n;
+			return W.current && n.pageIndex !== t.pageIndex && W.current(n.pageIndex + 1), n;
 		});
-	}, []), We = {
+	}, []), Ze = {
 		id: "_select",
-		header: ({ table: e }) => /* @__PURE__ */ u(n, {
+		header: ({ table: e }) => /* @__PURE__ */ l(n, {
 			size: "sm",
 			checked: e.getIsAllPageRowsSelected(),
 			indeterminate: e.getIsSomePageRowsSelected(),
 			onCheckedChange: (t) => e.toggleAllPageRowsSelected(!!t),
 			"aria-label": "Select all rows"
 		}),
-		cell: ({ row: e }) => /* @__PURE__ */ u(n, {
+		cell: ({ row: e }) => /* @__PURE__ */ l(n, {
 			size: "sm",
 			checked: e.getIsSelected(),
 			disabled: !e.getCanSelect(),
@@ -84,20 +84,20 @@ function f({ columns: f, data: p, className: he, noResultsText: m, sortable: h =
 		enableSorting: !1,
 		enableColumnFilter: !1,
 		enableHiding: !1
-	}, Ge = {
+	}, Qe = {
 		id: "_expand",
-		header: () => /* @__PURE__ */ u("span", {
+		header: () => /* @__PURE__ */ l("span", {
 			className: "sr-only",
 			children: "Expand rows"
 		}),
-		cell: ({ row: n }) => /* @__PURE__ */ u("button", {
+		cell: ({ row: n }) => /* @__PURE__ */ l("button", {
 			type: "button",
 			onClick: () => n.toggleExpanded(),
 			"aria-expanded": n.getIsExpanded(),
 			"aria-label": n.getIsExpanded() ? "Collapse row" : "Expand row",
-			className: "flex items-center justify-center p-ds-01 rounded-control-inner hover:bg-surface-raised-hover transition-colors",
-			children: /* @__PURE__ */ u(t, {
-				icon: oe,
+			className: "flex items-center justify-center p-ds-01 rounded-control-inner hover:bg-surface-panel-hover transition-colors",
+			children: /* @__PURE__ */ l(t, {
+				icon: se,
 				size: "sm",
 				className: e("transition-transform duration-fast-02 ease-productive-standard", n.getIsExpanded() && "rotate-90")
 			})
@@ -105,182 +105,194 @@ function f({ columns: f, data: p, className: he, noResultsText: m, sortable: h =
 		enableSorting: !1,
 		enableColumnFilter: !1,
 		enableHiding: !1
-	}, K = [
-		...y ? [We] : [],
-		...x ? [Ge] : [],
-		...f
-	], q = !!A, J = ge || q, Y = {
-		columnVisibility: Me,
+	}, G = [
+		...v ? [Ze] : [],
+		...b ? [Qe] : [],
+		...d
+	], K = !!k, q = _e || K, J = {
+		columnVisibility: Le,
 		columnPinning: H
 	};
-	h && (Y.sorting = Oe), (g || _) && (Y.columnFilters = ke, Y.globalFilter = L), J && (Y.pagination = je), y && (Y.rowSelection = B), x && (Y.expanded = Re);
-	let Ke = h && !!w, X = pe({
-		data: p,
-		columns: K,
-		state: Y,
-		onColumnVisibilityChange: Ne,
-		onColumnPinningChange: Pe,
-		getCoreRowModel: ce(),
-		...h && {
-			onSortingChange: Ke ? Ve : I,
-			...Ke ? { manualSorting: !0 } : { getSortedRowModel: fe() }
+	m && (J.sorting = Me), (h || g) && (J.columnFilters = Ne, J.globalFilter = R), q && (J.pagination = Fe), v && (J.rowSelection = V), b && (J.expanded = We);
+	let Y = m && !!C, X = me({
+		data: f,
+		columns: G,
+		state: J,
+		onColumnVisibilityChange: Re,
+		onColumnPinningChange: ze,
+		getCoreRowModel: le(),
+		...m && {
+			onSortingChange: Y ? Je : L,
+			...Y ? { manualSorting: !0 } : { getSortedRowModel: pe() }
 		},
-		...(g || _) && {
-			onColumnFiltersChange: Ae,
-			onGlobalFilterChange: R,
-			getFilteredRowModel: ue()
+		...(h || g) && {
+			onColumnFiltersChange: Pe,
+			onGlobalFilterChange: z,
+			getFilteredRowModel: de()
 		},
-		...J && {
-			onPaginationChange: q ? Ue : z,
-			...q ? {
+		...q && {
+			onPaginationChange: K ? Xe : B,
+			...K ? {
 				manualPagination: !0,
-				pageCount: Math.ceil(A.total / A.pageSize)
-			} : { getPaginationRowModel: de() }
+				pageCount: Math.ceil(k.total / k.pageSize)
+			} : { getPaginationRowModel: fe() }
 		},
-		...y && {
-			onRowSelectionChange: V,
-			enableRowSelection: O ? (e) => O(e.original) : !0
+		...v && {
+			onRowSelectionChange: Ie,
+			enableRowSelection: D ? (e) => D(e.original) : !0
 		},
-		...x && {
-			onExpandedChange: j ? He : ze,
-			getExpandedRowModel: le()
+		...b && {
+			onExpandedChange: A ? Ye : Ge,
+			getExpandedRowModel: ue()
 		},
-		...k && { getRowId: (e) => k(e) }
-	}), Z = c(b), Q = c(k);
+		...O && { getRowId: (e) => O(e) }
+	}), Z = s(y), Q = s(O);
 	o(() => {
-		Z.current = b, Q.current = k;
-	}, [b, k]), o(() => {
-		if (W.current) {
-			W.current = !1;
+		Z.current = y, Q.current = O;
+	}, [y, O]), o(() => {
+		if (qe.current) {
+			qe.current = !1;
+			return;
+		}
+		if (U.current) {
+			U.current = !1;
 			return;
 		}
 		if (!Z.current) return;
-		let e = Object.keys(B).filter((e) => B[e]), t = p.filter((t, n) => {
-			let r = Q.current ? Q.current(p[n]) : String(n);
+		let e = Object.keys(V).filter((e) => V[e]), t = f.filter((t, n) => {
+			let r = Q.current ? Q.current(f[n]) : String(n);
 			return e.includes(r);
 		});
-		Z.current(t);
-	}, [B, p]);
-	let qe = X.getRowModel().rows, Je = me({
-		count: C ? qe.length : 0,
-		getScrollElement: () => Be.current,
-		estimateSize: () => Ce,
+		Z.current(t, new Set(e));
+	}, [V, f]);
+	let $e = X.getRowModel().rows, $ = he({
+		count: S ? $e.length : 0,
+		getScrollElement: () => Ke.current,
+		estimateSize: () => we,
 		overscan: 10
-	}), Ye = A?.pageSize ?? v ?? 5, Xe = s(() => {
-		if (!N || !y) return [];
-		let e = Object.keys(B).filter((e) => B[e]);
-		return p.filter((t, n) => {
-			let r = k ? k(p[n]) : String(n);
+	}), et = k?.pageSize ?? _ ?? 5, tt = oe(() => {
+		if (!M || !v) return [];
+		let e = Object.keys(V).filter((e) => V[e]);
+		return f.filter((t, n) => {
+			let r = O ? O(f[n]) : String(n);
 			return e.includes(r);
 		});
 	}, [
-		N,
-		y,
-		B,
-		p,
-		k
-	]), Ze = Xe.length > 0, Qe = q ? A.total : X.getFilteredRowModel().rows.length, $e = s(() => ({
+		M,
+		v,
+		V,
+		f,
+		O
+	]), nt = tt.length > 0, rt = K ? k.total : X.getFilteredRowModel().rows.length, it = oe(() => ({
 		table: X,
-		allColumns: K.map((e) => ({
+		allColumns: G.map((e) => ({
 			id: e.id,
 			header: e.header
 		})),
 		columnPinningState: H,
-		sortable: h,
-		filterable: g,
-		editable: xe,
-		expandable: x,
-		virtualRows: C,
-		selectable: y,
-		mobileView: P,
-		editingCell: Ie,
-		setEditingCell: Le,
-		onCellEdit: Se,
-		renderExpanded: S,
-		onRowClick: M
+		sortable: m,
+		filterable: h,
+		filterableColumns: P,
+		editable: Se,
+		expandable: b,
+		virtualRows: S,
+		selectable: v,
+		mobileView: N,
+		editingCell: He,
+		setEditingCell: Ue,
+		onCellEdit: Ce,
+		renderExpanded: x,
+		onRowClick: j,
+		rowClassName: F
 	}), [
 		X,
-		K.length,
+		G.length,
 		H,
+		m,
 		h,
-		g,
-		xe,
-		x,
-		C,
-		y,
 		P,
-		Ie,
 		Se,
+		b,
 		S,
-		M
-	]), et = C ? Je.getVirtualItems() : void 0, tt = C ? Je.getTotalSize() : void 0, $ = /* @__PURE__ */ d(i, {
-		density: U,
-		"aria-busy": E || void 0,
-		children: [/* @__PURE__ */ u(re, { stickyHeader: Te }), /* @__PURE__ */ u(ee, {
-			loading: E,
-			skeletonRowCount: Ye,
-			noResultsText: m,
-			emptyState: T,
-			virtualItems: et,
-			totalVirtualSize: tt
+		v,
+		N,
+		He,
+		Ce,
+		x,
+		j,
+		F
+	]), at = S ? $.getVirtualItems() : void 0, ot = S ? $.getTotalSize() : void 0, st = $.measureElement, ct = /* @__PURE__ */ u(i, {
+		density: Be,
+		"aria-busy": T || void 0,
+		children: [/* @__PURE__ */ l(re, { stickyHeader: Ee }), /* @__PURE__ */ l(ee, {
+			loading: T,
+			skeletonRowCount: et,
+			noResultsText: p,
+			emptyState: w,
+			virtualItems: at,
+			totalVirtualSize: ot,
+			measureRow: st
 		})]
 	});
-	return /* @__PURE__ */ u(r, {
-		value: $e,
-		children: /* @__PURE__ */ d("div", {
-			className: e(he),
+	return /* @__PURE__ */ l(r, {
+		value: it,
+		children: /* @__PURE__ */ u("div", {
+			className: e(ge),
 			children: [
-				ve && /* @__PURE__ */ u(ae, {
+				ye && /* @__PURE__ */ l(ae, {
 					table: X,
-					globalFilter: _,
-					globalFilterValue: L,
-					onGlobalFilterChange: R,
-					density: U,
-					onDensityChange: Fe
+					globalFilter: g,
+					globalFilterValue: R,
+					onGlobalFilterChange: z,
+					density: Be,
+					onDensityChange: Ve,
+					enableExport: Oe ?? !0,
+					onExport: ke
 				}),
-				_ && !ve && /* @__PURE__ */ d("div", {
+				g && !ye && /* @__PURE__ */ u("div", {
 					className: "flex items-center gap-ds-03 pb-ds-04 border-b border-surface-border mb-ds-04",
-					children: [/* @__PURE__ */ u(t, {
-						icon: se,
+					children: [/* @__PURE__ */ l(t, {
+						icon: ce,
 						size: "sm",
 						className: "text-surface-fg-subtle"
-					}), /* @__PURE__ */ u("input", {
+					}), /* @__PURE__ */ l("input", {
 						type: "text",
-						value: L,
-						onChange: (e) => R(e.target.value),
+						value: R,
+						onChange: (e) => z(e.target.value),
 						placeholder: "Search all columns...",
 						"aria-label": "Search all columns",
 						className: e("flex-1 bg-transparent text-body-md", "text-surface-fg placeholder:text-surface-fg-subtle", "outline-hidden")
 					})]
 				}),
-				De ? /* @__PURE__ */ u(ne, {
-					loading: E,
-					skeletonRowCount: Ye,
-					noResultsText: m,
-					emptyState: T
-				}) : C ? /* @__PURE__ */ u("div", {
-					ref: Be,
+				je ? /* @__PURE__ */ l(ne, {
+					loading: T,
+					skeletonRowCount: et,
+					noResultsText: p,
+					emptyState: w
+				}) : S ? /* @__PURE__ */ l("div", {
+					ref: Ke,
 					style: {
-						maxHeight: `${we}px`,
+						maxHeight: `${Te}px`,
 						overflowY: "auto"
 					},
-					children: $
-				}) : $,
-				J && /* @__PURE__ */ u(ie, {
+					children: ct
+				}) : ct,
+				q && /* @__PURE__ */ l(ie, {
 					table: X,
-					totalRowCount: Qe,
-					useServerPagination: q,
-					pageSizeOptions: _e
+					totalRowCount: rt,
+					useServerPagination: K,
+					pageSizeOptions: ve
 				}),
-				N && y && Ze && /* @__PURE__ */ u(te, {
+				M && v && nt && /* @__PURE__ */ l(te, {
 					table: X,
-					selectedRows: Xe,
-					bulkActions: N
+					selectedRows: tt,
+					bulkActions: M,
+					position: De
 				})
 			]
 		})
 	});
 }
-f.displayName = "DataTable";
+d.displayName = "DataTable";
 //#endregion
-export { f as DataTable };
+export { d as DataTable };