simple-table-core 4.1.0 → 4.1.1

package/dist/types/GetRowClass.d.ts

@@ -0,0 +1,15 @@
+import Row from "./Row";
+import type { RowData } from "./Row";
+export interface GetRowClassParams<TData extends RowData = Row> {
+    row: TData;
+    /** Table identity string for the row. Prefer matching on `row` for business ids. */
+    rowId: string;
+    /** 0-based index of the row in the table. */
+    position: number;
+    depth: number;
+}
+/**
+ * Return CSS class name(s) for the row, or `undefined` / `null` for default styling.
+ * Classes are applied to each body cell — style with `.st-cell.yourClass`.
+ */
+export type GetRowClass<TData extends RowData = Row> = (params: GetRowClassParams<TData>) => string | string[] | undefined | null;

package/dist/types/SimpleTableConfig.d.ts

@@ -18,6 +18,7 @@ import { RowButton } from "./RowButton";
 import Theme from "./Theme";
 import { CustomThemeProps } from "./CustomTheme";
 import { GetRowId } from "./GetRowId";
+import { GetRowClass } from "./GetRowClass";
 import { ColumnEditorConfig } from "./ColumnEditorConfig";
 import { VanillaIconsConfig } from "./IconsConfig";
 import { QuickFilterConfig } from "./QuickFilterTypes";
@@ -137,6 +138,8 @@ export interface SimpleTableConfig<TData extends RowData = Row> {
      */
     rowGrouping?: Accessor<TData>[];
     getRowId?: GetRowId<TData>;
+    /** @see SimpleTableProps.getRowClass */
+    getRowClass?: GetRowClass<TData>;
     rows: TData[];
     rowsPerPage?: number;
     scrollParent?: HTMLElement | "window" | (() => HTMLElement | null);

package/dist/types/SimpleTableProps.d.ts

@@ -18,6 +18,7 @@ import { RowButton } from "./RowButton";
 import Theme from "./Theme";
 import { CustomThemeProps } from "./CustomTheme";
 import { GetRowId } from "./GetRowId";
+import { GetRowClass } from "./GetRowClass";
 import { ColumnEditorConfig } from "./ColumnEditorConfig";
 import { IconsConfig } from "./IconsConfig";
 import { QuickFilterConfig } from "./QuickFilterTypes";
@@ -137,6 +138,11 @@ export interface SimpleTableProps<TData extends RowData = Row> {
      */
     rowGrouping?: Accessor<TData>[];
     getRowId?: GetRowId<TData>;
+    /**
+     * Return CSS class name(s) for the row. Applied to each body cell — style with
+     * `.st-cell.yourClass`. Return null/undefined for default styling.
+     */
+    getRowClass?: GetRowClass<TData>;
     rows: TData[];
     rowsPerPage?: number;
     scrollParent?: HTMLElement | "window" | (() => HTMLElement | null);

package/dist/utils/bodyCell/expansion.d.ts

@@ -1,5 +1,12 @@
 import { AbsoluteBodyCell, CellRenderContext } from "./types";
-export declare const createExpandIcon: (cell: AbsoluteBodyCell, context: CellRenderContext, isExpanded: boolean) => HTMLElement;
+export type CreateExpandIconOptions = {
+    /**
+     * Invisible spacer that reserves the same width as a real expand caret.
+     * Used so leaf / non-expandable rows align with expandable siblings.
+     */
+    placeholder?: boolean;
+};
+export declare const createExpandIcon: (cell: AbsoluteBodyCell, context: CellRenderContext, isExpanded: boolean, options?: CreateExpandIconOptions) => HTMLElement;
 export type UpdateExpandIconStateOptions = {
     /** aria-label when the group is expanded (chevron shows collapse action). */
     ariaLabelWhenExpanded?: string;

package/dist/utils/bodyCell/types.d.ts

@@ -7,6 +7,7 @@ import type TableRow from "../../types/TableRow";
 import type RowState from "../../types/RowState";
 import type { RowButton } from "../../types/RowButton";
 import type { CustomTheme } from "../../types/CustomTheme";
+import type { GetRowClass } from "../../types/GetRowClass";
 import type { HeightOffsets } from "../infiniteScrollUtils";
 import type { AccordionAxis } from "../accordionAnimation";
 import type { VanillaEmptyStateRenderer, VanillaErrorStateRenderer, VanillaLoadingStateRenderer } from "../../types/RowStateRendererProps";
@@ -80,6 +81,8 @@ export interface CellRenderContext {
      */
     hoverScopeId: string;
     oddEvenRowBackground?: boolean;
+    /** Optional callback that returns CSS class name(s) for every body cell in a row. */
+    getRowClass?: GetRowClass;
     rowGrouping?: string[];
     headers: ColumnDef[];
     /**

package/dist/utils/columnEditor/columnEditorUtils.d.ts

@@ -22,6 +22,15 @@ export declare const areAllChildrenVisible: (children: ColumnDef[]) => boolean;
 export declare const showAllDescendants: (children: ColumnDef[]) => void;
 export declare const updateParentHeaders: (headers: ColumnDef[]) => void;
 export declare const buildColumnVisibilityState: (headers: ColumnDef[]) => ColumnVisibilityState;
+/** Find a header node by accessor anywhere in the tree. */
+export declare const findHeaderByAccessor: (headers: ColumnDef[], accessor: Accessor) => ColumnDef | null;
+/**
+ * Tri-state checkbox values for a column-editor row (matches createColumnEditorRow).
+ */
+export declare const getColumnEditorCheckboxState: (header: ColumnDef) => {
+    checked: boolean;
+    indeterminate: boolean;
+};
 export declare const findClosestValidSeparatorIndex: ({ flattenedHeaders, draggingRow, hoveredRowIndex, isTopHalfOfRow, }: {
     flattenedHeaders: FlattenedHeader[];
     draggingRow: FlattenedHeader;

package/dist/utils/columnEditor/createCheckbox.d.ts

@@ -15,10 +15,10 @@ export declare const createMinusSVG: () => SVGSVGElement;
 /**
  * Updates an existing checkbox DOM (created by createCheckbox) to match the given checked state.
  * Use when the checkbox element is reused (e.g. from cache) and selection state changed.
- * Clears any indeterminate state.
+ * Clears any indeterminate state unless `indeterminate` is passed as true.
  * @param container - Element that contains .st-checkbox-input and .st-checkbox-custom (the label or a parent)
  */
-export declare const updateCheckboxElement: (container: HTMLElement, checked: boolean) => void;
+export declare const updateCheckboxElement: (container: HTMLElement, checked: boolean, indeterminate?: boolean) => void;
 export declare const createCheckbox: ({ checked, indeterminate, onChange, ariaLabel, }: CreateCheckboxOptions) => {
     element: HTMLLabelElement;
     update: (newChecked: boolean, newIndeterminate?: boolean) => void;

package/dist/utils/columnEditor/createColumnEditorRow.d.ts

@@ -27,6 +27,12 @@ export interface CreateColumnEditorRowOptions {
     icons?: IconsConfig;
     essentialAccessors?: ReadonlySet<string>;
     headers: ColumnDef[];
+    /**
+     * When set, visibility toggles read the latest header tree from here so the
+     * popout can keep row DOM across setHeaders (in-place checkbox sync) without
+     * stale closures overwriting newer hide flags.
+     */
+    getHeaders?: () => ColumnDef[];
     setHeaders: (headers: ColumnDef[]) => void;
     onColumnVisibilityChange?: (state: ColumnVisibilityState) => void;
     onColumnOrderChange?: (headers: ColumnDef[]) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "simple-table-core",
-  "version": "4.1.0",
+  "version": "4.1.1",
   "main": "dist/cjs/index.js",
   "module": "dist/index.es.js",
   "types": "dist/index.d.ts",