@datum-cloud/datum-ui 2.11.0 → 2.12.0

package/dist/components/features/data-table/components/list-panel.d.ts

@@ -7,4 +7,4 @@ import type { ListPanelProps } from '../types';
  * deliberately not included — render `DataTable.ListPagination` as a sibling,
  * below the panel.
  */
-export declare function DataTableListPanel<TData extends RowData = Record<string, any>>({ search, searchSlot, toolbar, emptyMessage, loading, onRowClick, className, panelClassName, }: ListPanelProps<TData>): import("react").JSX.Element;
+export declare function DataTableListPanel<TData extends RowData = Record<string, any>>({ search, searchSlot, toolbar, emptyMessage, loading, onRowClick, className, panelClassName, tableClassName, headerClassName, headerRowClassName, headerCellClassName, bodyClassName, rowClassName, cellClassName, }: ListPanelProps<TData>): import("react").JSX.Element;

package/dist/components/features/data-table/types.d.ts

@@ -315,6 +315,19 @@ export interface ListPanelProps<TData extends RowData = Record<string, any>> {
     readonly className?: string;
     /** Class on the card container (border/rounding/background) — merges with, and can override, the default chrome. */
     readonly panelClassName?: string;
+    /**
+     * Forwarded to the underlying `DataTable.Content` (`density="compact"` already
+     * applied) — merges with, and can override, the compact preset. Use this for
+     * app-specific cell integrations (e.g. sizing a row-actions menu or a
+     * copy-button rendered inside a cell) that don't belong in the shared preset.
+     */
+    readonly tableClassName?: string;
+    readonly headerClassName?: string;
+    readonly headerRowClassName?: string;
+    readonly headerCellClassName?: string;
+    readonly bodyClassName?: string;
+    readonly rowClassName?: string | ((row: Row<DataTableFeatures, TData>) => string);
+    readonly cellClassName?: string | ((cell: Cell<DataTableFeatures, TData, unknown>) => string);
 }
 export interface ListPaginationProps {
     readonly pageSizes?: readonly number[];

package/dist/data-table/index.mjs

@@ -1,2 +1,2 @@
-import { _ as useNuqsAdapter, a as useDataTablePagination, b as DEFAULT_PAGE_SIZE, c as useDataTableSelection, d as resolvePath, f as rowMatchesSearch, g as createSelectionColumn, h as DataTableColumnHeader, i as useDataTableLoading, l as useDataTableSorting, m as DataTableRowActions, n as useDataTableFilters, o as useDataTableRows, p as dataTableFeatures, r as useDataTableInlineContents, s as useDataTableSearch, t as DataTable, u as createDataTableStore, v as DEFAULT_DEBOUNCE_MS, x as DEFAULT_PAGE_SIZES, y as DEFAULT_LOADING_ROWS } from "../data-table-DrSsRKRi.mjs";
+import { _ as useNuqsAdapter, a as useDataTablePagination, b as DEFAULT_PAGE_SIZE, c as useDataTableSelection, d as resolvePath, f as rowMatchesSearch, g as createSelectionColumn, h as DataTableColumnHeader, i as useDataTableLoading, l as useDataTableSorting, m as DataTableRowActions, n as useDataTableFilters, o as useDataTableRows, p as dataTableFeatures, r as useDataTableInlineContents, s as useDataTableSearch, t as DataTable, u as createDataTableStore, v as DEFAULT_DEBOUNCE_MS, x as DEFAULT_PAGE_SIZES, y as DEFAULT_LOADING_ROWS } from "../data-table-BOe7pdpJ.mjs";
 export { DEFAULT_DEBOUNCE_MS, DEFAULT_LOADING_ROWS, DEFAULT_PAGE_SIZE, DEFAULT_PAGE_SIZES, DataTable, DataTableColumnHeader, DataTableRowActions, createDataTableStore, createSelectionColumn, dataTableFeatures, resolvePath, rowMatchesSearch, useDataTableFilters, useDataTableInlineContents, useDataTableLoading, useDataTablePagination, useDataTableRows, useDataTableSearch, useDataTableSelection, useDataTableSorting, useNuqsAdapter };

package/dist/{data-table-DrSsRKRi.mjs → data-table-BOe7pdpJ.mjs}

@@ -927,7 +927,7 @@ const DENSITY_PRESETS = {
 		headerCellClassName: cn("sticky top-0 z-10 h-9 border-b border-border bg-table-header-background px-4", "text-xs leading-4 font-normal tracking-normal text-table-header-foreground uppercase"),
 		bodyClassName: "[&_tr:last-child]:border-b-0",
 		rowClassName: "border-0 hover:bg-muted/30",
-		cellClassName: "border-b border-border px-4 py-0.5 text-sm"
+		cellClassName: "border-b border-border px-4 py-2 text-sm"
 	}
 };
 function resolveClassName(value, item) {
@@ -1195,7 +1195,7 @@ function ListPanelSkeleton({ columnCount }) {
 * deliberately not included — render `DataTable.ListPagination` as a sibling,
 * below the panel.
 */
-function DataTableListPanel({ search = {}, searchSlot, toolbar, emptyMessage, loading = false, onRowClick, className, panelClassName }) {
+function DataTableListPanel({ search = {}, searchSlot, toolbar, emptyMessage, loading = false, onRowClick, className, panelClassName, tableClassName, headerClassName, headerRowClassName, headerCellClassName, bodyClassName, rowClassName, cellClassName }) {
 	const { totalColumns } = useDataTableRows();
 	const showSearch = search !== false;
 	const isControlledSearch = showSearch && (search.value !== void 0 || search.onChange !== void 0);
@@ -1226,7 +1226,14 @@ function DataTableListPanel({ search = {}, searchSlot, toolbar, emptyMessage, lo
 				density: "compact",
 				emptyMessage,
 				onRowClick,
-				className: "min-h-0 flex-1"
+				className: "min-h-0 flex-1",
+				tableClassName,
+				headerClassName,
+				headerRowClassName,
+				headerCellClassName,
+				bodyClassName,
+				rowClassName,
+				cellClassName
 			})
 		]
 	});

package/dist/grouped-table/index.mjs

@@ -1,2 +1,2 @@
-import { t as GroupedTable } from "../grouped-table-DIFPMKLL.mjs";
+import { t as GroupedTable } from "../grouped-table-9nyHKSsK.mjs";
 export { GroupedTable };

package/dist/{grouped-table-DIFPMKLL.mjs → grouped-table-9nyHKSsK.mjs}

@@ -6,7 +6,7 @@ import { t as useControllableState } from "./use-controllable-state-Dna7u3r9.mjs
 import { Skeleton } from "./skeleton/index.mjs";
 import { TableBody, TableCell, TableHead, TableHeader, TableRow } from "./table/index.mjs";
 import { n as EASE } from "./motion-DvGRWdsm.mjs";
-import { f as rowMatchesSearch, g as createSelectionColumn, h as DataTableColumnHeader, m as DataTableRowActions, p as dataTableFeatures } from "./data-table-DrSsRKRi.mjs";
+import { f as rowMatchesSearch, g as createSelectionColumn, h as DataTableColumnHeader, m as DataTableRowActions, p as dataTableFeatures } from "./data-table-BOe7pdpJ.mjs";
 import { n as useDebouncedSearchInput } from "./use-debounced-search-input-yu_F0QBt.mjs";
 import { InputWithAddons } from "./input-with-addons/index.mjs";
 import { ChevronRight, Search, X } from "lucide-react";

package/dist/index.mjs

@@ -55,7 +55,7 @@ import { i as ClientOnly, n as useTheme, r as ThemeScript, t as ThemeProvider }
 import { a as formatJson, c as isValidYaml, d as CodeEditor, i as CodeEditorTabs, l as jsonToYaml, n as jsonSchema, o as formatYaml, r as yamlSchema, s as isValidJson, t as createCodeEditorSchema, u as yamlToJson } from "./types-agDpVXBG.mjs";
 import { t as toast } from "./toast-BUPlDkN3.mjs";
 import { n as Toaster, t as useToast } from "./use-toast-Bpq0yJIT.mjs";
-import { _ as useNuqsAdapter, a as useDataTablePagination, b as DEFAULT_PAGE_SIZE, c as useDataTableSelection, d as resolvePath, f as rowMatchesSearch, g as createSelectionColumn, h as DataTableColumnHeader, i as useDataTableLoading, l as useDataTableSorting, m as DataTableRowActions, n as useDataTableFilters, o as useDataTableRows, p as dataTableFeatures, r as useDataTableInlineContents, s as useDataTableSearch, t as DataTable, u as createDataTableStore, v as DEFAULT_DEBOUNCE_MS, x as DEFAULT_PAGE_SIZES, y as DEFAULT_LOADING_ROWS } from "./data-table-DrSsRKRi.mjs";
+import { _ as useNuqsAdapter, a as useDataTablePagination, b as DEFAULT_PAGE_SIZE, c as useDataTableSelection, d as resolvePath, f as rowMatchesSearch, g as createSelectionColumn, h as DataTableColumnHeader, i as useDataTableLoading, l as useDataTableSorting, m as DataTableRowActions, n as useDataTableFilters, o as useDataTableRows, p as dataTableFeatures, r as useDataTableInlineContents, s as useDataTableSearch, t as DataTable, u as createDataTableStore, v as DEFAULT_DEBOUNCE_MS, x as DEFAULT_PAGE_SIZES, y as DEFAULT_LOADING_ROWS } from "./data-table-BOe7pdpJ.mjs";
 import { t as ActionRow } from "./action-row-DTvs91_3.mjs";
 import { n as useDebouncedSearchInput, t as DEFAULT_SEARCH_DEBOUNCE_MS } from "./use-debounced-search-input-yu_F0QBt.mjs";
 import { t as MultiSelect } from "./multi-select-CH8KERkt.mjs";
@@ -71,7 +71,7 @@ import { InputWithAddons } from "./input-with-addons/index.mjs";
 import { t as TimePicker } from "./time-picker-BzNSUazl.mjs";
 import { t as Transfer } from "./transfer-DsshYgIk.mjs";
 import { a as getResponsiveValue, c as GRID_COLUMNS, d as RESPONSIVE_MAP, i as getGutter, l as GRID_PREFIX, n as Row, o as registerMediaQuery, r as RowContext, s as GRID_BREAKPOINTS, t as Col, u as RESPONSIVE_ARRAY } from "./col-BYGWTB4j.mjs";
-import { t as GroupedTable } from "./grouped-table-DIFPMKLL.mjs";
+import { t as GroupedTable } from "./grouped-table-9nyHKSsK.mjs";
 import { t as InputNumber } from "./input-number-TXmW-X9o.mjs";
 import { a as logoStyles, i as LogoFlat, n as LogoStacked, r as LogoIcon, t as LogoText } from "./logo-text-Dpm5O6Kg.mjs";
 import { t as Logo } from "./logo-C3FxD7jb.mjs";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@datum-cloud/datum-ui",
   "type": "module",
-  "version": "2.11.0",
+  "version": "2.12.0",
   "license": "MIT",
   "repository": {
     "url": "https://github.com/datum-cloud/datum-ui"