@danxbot/ui 15.32.4 → 15.32.6

package/dist/types/components/Progress.d.ts

@@ -355,7 +355,7 @@ interface ProgressRingBase extends VariantProps<typeof ring> {
      */
     showValue?: boolean;
     /**
-     * DX-4062 � opt-in done state: at 100% or more the centre shows a green check
+     * DX-4062 — opt-in done state: at 100% or more the centre shows a green check
      * (the library's `check` icon) instead of "100%". Below 100% nothing changes.
      * Off by default so no existing ring changes; it takes the place of the
      * number, so it has no effect with `showValue={false}`.

package/dist/types/components/Table.d.ts

@@ -93,12 +93,37 @@ export interface DataTableProps<TData> {
      */
     getRowClassName?: (row: TData, index: number) => string | undefined;
     onRowClick?: (row: TData) => void;
+    /**
+     * DX-4062 — opt-in column span. Called for every body cell with its row and
+     * column id; return how many columns the cell covers (including its own) and
+     * the table renders it with that `colSpan` and drops the cells it covers.
+     * Return `undefined` or `1` for an ordinary cell. A span past the last column
+     * is clamped to it.
+     *
+     * For a row that says one thing across several columns — "None yet" under
+     * both Person and Agent — which a per-column cell cannot express. Header
+     * cells are not affected. Off by default: no existing table changes.
+     */
+    getCellSpan?: (row: TData, columnId: string) => number | undefined;
     /** Rendered above the table; receives the table instance for counts/filters. */
     toolbar?: (table: TanstackTable<TData>) => ReactNode;
     className?: string;
     getRowId?: (row: TData, index: number) => string;
 }
-export declare function DataTable<TData>({ data, columns, density, selectable, maxHeight, zebra, loading, refreshing, loadingRows, pageSize, pageSizeOptions, onPageSizeChange, emptyState, getRowClassName, onRowClick, toolbar, className, getRowId, }: DataTableProps<TData>): import("react").JSX.Element;
+/**
+ * DX-4062 — the cells a row actually renders once spans are applied: a cell
+ * with span N is kept (carrying N) and the N-1 cells after it are dropped.
+ * Exported for its test only; not part of the public surface.
+ */
+export declare function visibleBodyCells<C extends {
+    column: {
+        id: string;
+    };
+}>(cells: C[], spanOf: (columnId: string) => number | undefined): {
+    cell: C;
+    span: number;
+}[];
+export declare function DataTable<TData>({ data, columns, density, selectable, maxHeight, zebra, loading, refreshing, loadingRows, pageSize, pageSizeOptions, onPageSizeChange, emptyState, getRowClassName, onRowClick, getCellSpan, toolbar, className, getRowId, }: DataTableProps<TData>): import("react").JSX.Element;
 /** `DataTable`'s own default empty state — a thin `EmptyState` wrapper (DX-3254:
  *  this used to be a second, independently hand-written copy of `EmptyState`'s
  *  markup) whose one real addition is a table-appropriate default title, since

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@danxbot/ui",
-  "version": "15.32.4",
+  "version": "15.32.6",
   "type": "module",
   "description": "Danxbot — a domain-agnostic React design system with motion as a first-class primitive.",
   "license": "MIT",