@rio-cloud/rio-uikit 2.3.0-beta.1 → 2.3.0-beta.3

package/components/table/TableHeader.js

@@ -1,5 +1,120 @@
-const a = (e) => null;
+import { jsxs as v, jsx as o } from "react/jsx-runtime";
+import { useSensors as k, useSensor as E, PointerSensor as N, DndContext as j, DragOverlay as z } from "@dnd-kit/core";
+import { restrictToHorizontalAxis as L } from "@dnd-kit/modifiers";
+import { SortableContext as W, horizontalListSortingStrategy as V } from "@dnd-kit/sortable";
+import { useRef as _, useState as f } from "react";
+import p from "../../utils/classNames.js";
+import $ from "./render/header/TableHeaderDragOverlay.js";
+import q from "./render/header/TableHeaderSelectionCell.js";
+import { resolveColumnCollisionDetection as B } from "./render/header/resolveColumnCollisionDetection.js";
+import { useOptionalTableInteractionContext as F } from "./context/TableInteractionContext.js";
+import { useOptionalTableLayoutContext as G } from "./context/TableLayoutContext.js";
+import { useOptionalTableRenderConfigContext as J } from "./context/TableRenderConfigContext.js";
+import { TableSectionContext as x, TableHeaderContext as S } from "./context/TableStructureContext.js";
+import { useOptionalTableRenderContext as M } from "./context/TableRenderContext.js";
+const de = (w) => {
+  const { children: s, className: b, sticky: d = !1, stickyInContainer: D = !1, ...y } = w, l = M(), c = J(), t = F(), n = G();
+  if (!l || !c || !t || !n)
+    return null;
+  const R = k(E(N, { activationConstraint: { distance: 6 } })), r = _(0);
+  r.current = 0;
+  const [m, u] = f(void 0), [H, g] = f(void 0), T = !!n.onColumnDragEnd && (n.draggableColumnKeys?.length ?? 0) > 1, i = l.header, a = i?.rowCount ?? 1, A = i ?? {
+    rowCount: a,
+    totalColumnCount: l.columns.length,
+    columns: []
+  }, I = m ? i?.columns.find((e) => (e.columnKey ?? String(e.key)) === m) : void 0, C = () => {
+    u(void 0), g(void 0);
+  }, K = (e) => {
+    u(String(e.active.id)), g(e.active.rect.current.initial?.width ?? void 0);
+  }, O = (e) => {
+    C();
+  }, P = (e) => {
+    C(), n.onColumnDragEnd?.(e);
+  }, h = T && n.draggableColumnKeys ? /* @__PURE__ */ v(
+    j,
+    {
+      sensors: R,
+      collisionDetection: B,
+      modifiers: [L],
+      onDragStart: K,
+      onDragCancel: O,
+      onDragEnd: P,
+      children: [
+        /* @__PURE__ */ o(W, { items: n.draggableColumnKeys, strategy: V, children: s }),
+        /* @__PURE__ */ o(z, { adjustScale: !1, dropAnimation: null, children: /* @__PURE__ */ o(
+          $,
+          {
+            column: I,
+            header: A,
+            showSelectionColumn: t.showSelectionColumn,
+            width: H
+          }
+        ) })
+      ]
+    }
+  ) : s;
+  return c.isTableView ? /* @__PURE__ */ o(
+    "div",
+    {
+      ...y,
+      className: p(
+        "table-head",
+        d && "table-head-sticky",
+        d && D && "table-head-sticky-in-container"
+      ),
+      role: "rowgroup",
+      ref: n.tableHeadRowRef,
+      children: /* @__PURE__ */ o(x.Provider, { value: "header", children: /* @__PURE__ */ o(
+        S.Provider,
+        {
+          value: {
+            nextHeaderRowIndex: () => {
+              const e = r.current;
+              return r.current += 1, e;
+            }
+          },
+          children: /* @__PURE__ */ v(
+            "div",
+            {
+              className: p(
+                "table-head-grid",
+                t.selectionHeaderContent && "table-head-grid-custom-selection",
+                b
+              ),
+              role: a === 1 ? "row" : "presentation",
+              style: { gridTemplateRows: `repeat(${a}, auto)` },
+              children: [
+                t.showSelectionColumn && /* @__PURE__ */ o(
+                  q,
+                  {
+                    isAllSelected: t.isAllRowsSelected,
+                    isSomeRowsSelected: t.isSomeRowsSelected,
+                    onToggleAllSelection: t.onToggleAllSelection,
+                    rowCount: a,
+                    selectionHeaderContent: t.selectionHeaderContent
+                  }
+                ),
+                h
+              ]
+            }
+          )
+        }
+      ) })
+    }
+  ) : /* @__PURE__ */ o(x.Provider, { value: "header", children: /* @__PURE__ */ o(
+    S.Provider,
+    {
+      value: {
+        nextHeaderRowIndex: () => {
+          const e = r.current;
+          return r.current += 1, e;
+        }
+      },
+      children: h
+    }
+  ) });
+};
 export {
-  a as default
+  de as default
 };
 //# sourceMappingURL=TableHeader.js.map

package/components/table/TableHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeader.js","sources":["../../../src/components/table/TableHeader.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\n\nexport type TableHeaderProps<RowType extends Record<string, unknown>> = PropsWithChildren<{\n    /**\n     * Additional class names for the header grid wrapper.\n     */\n    className?: string;\n}>;\n\nconst TableHeader = <RowType extends Record<string, unknown> = Record<string, unknown>>(\n    _props: TableHeaderProps<RowType>\n) => null;\n\nexport default TableHeader;\n"],"names":["TableHeader","_props"],"mappings":"AASA,MAAMA,IAAc,CAChBC,MACC;"}
+{"version":3,"file":"TableHeader.js","sources":["../../../src/components/table/TableHeader.tsx"],"sourcesContent":["import {\n    DndContext,\n    DragOverlay,\n    PointerSensor,\n    type DragCancelEvent,\n    type DragEndEvent,\n    type DragStartEvent,\n    useSensor,\n    useSensors,\n} from '@dnd-kit/core';\nimport { restrictToHorizontalAxis } from '@dnd-kit/modifiers';\nimport { horizontalListSortingStrategy, SortableContext } from '@dnd-kit/sortable';\nimport { type ReactNode, useRef, useState } from 'react';\n\nimport classNames from '../../utils/classNames';\nimport type { TableHtmlAttributes, TableRowData } from './Table.types';\nimport TableHeaderDragOverlay from './render/header/TableHeaderDragOverlay';\nimport TableHeaderSelectionCell from './render/header/TableHeaderSelectionCell';\nimport { resolveColumnCollisionDetection } from './render/header/resolveColumnCollisionDetection';\nimport { useOptionalTableInteractionContext } from './context/TableInteractionContext';\nimport { useOptionalTableLayoutContext } from './context/TableLayoutContext';\nimport { useOptionalTableRenderConfigContext } from './context/TableRenderConfigContext';\nimport { TableHeaderContext, TableSectionContext } from './context/TableStructureContext';\nimport { useOptionalTableRenderContext } from './context/TableRenderContext';\n\nexport type TableHeaderProps<RowType extends TableRowData> = TableHtmlAttributes & {\n    /**\n     * Additional class names for the header grid wrapper.\n     */\n    className?: string;\n\n    /**\n     * Keeps the table header sticky while the page scrolls.\n     *\n     * This applies in `TABLE` view only.\n     *\n     * @default false\n     */\n    sticky?: boolean;\n\n    /**\n     * Keeps the sticky header pinned to the top edge of an explicit scroll container.\n     *\n     * Use this when the table sits inside a wrapper with an overflow class like `overflow-y-scroll`.\n     * When omitted, sticky headers compensate the default `ApplicationLayout` body padding.\n     *\n     * @default false\n     */\n    stickyInContainer?: boolean;\n\n    /**\n     * Table header content.\n     */\n    children?: ReactNode;\n};\n\nconst TableHeader = <RowType extends TableRowData = TableRowData>(props: TableHeaderProps<RowType>) => {\n    const { children, className, sticky = false, stickyInContainer = false, ...remainingProps } = props;\n\n    const renderContext = useOptionalTableRenderContext<RowType>();\n    const renderConfigContext = useOptionalTableRenderConfigContext<RowType>();\n    const interactionContext = useOptionalTableInteractionContext<RowType>();\n    const layoutContext = useOptionalTableLayoutContext();\n\n    if (!renderContext || !renderConfigContext || !interactionContext || !layoutContext) {\n        return null;\n    }\n\n    const sensors = useSensors(useSensor(PointerSensor, { activationConstraint: { distance: 6 } }));\n\n    const headerRowIndexRef = useRef(0);\n    headerRowIndexRef.current = 0;\n\n    const [activeDraggedColumnKey, setActiveDraggedColumnKey] = useState<string | undefined>(undefined);\n    const [activeDraggedColumnWidth, setActiveDraggedColumnWidth] = useState<number | undefined>(undefined);\n\n    const canDragColumns = !!layoutContext.onColumnDragEnd && (layoutContext.draggableColumnKeys?.length ?? 0) > 1;\n    const header = renderContext.header;\n    const headerRowCount = header?.rowCount ?? 1;\n    const overlayHeader = header ?? {\n        rowCount: headerRowCount,\n        totalColumnCount: renderContext.columns.length,\n        columns: [],\n    };\n\n    const activeDraggedColumn = activeDraggedColumnKey\n        ? header?.columns.find(column => (column.columnKey ?? String(column.key)) === activeDraggedColumnKey)\n        : undefined;\n\n    const clearActiveDraggedColumn = () => {\n        setActiveDraggedColumnKey(undefined);\n        setActiveDraggedColumnWidth(undefined);\n    };\n\n    const handleDragStart = (event: DragStartEvent) => {\n        setActiveDraggedColumnKey(String(event.active.id));\n        setActiveDraggedColumnWidth(event.active.rect.current.initial?.width ?? undefined);\n    };\n\n    const handleDragCancel = (_event: DragCancelEvent) => {\n        clearActiveDraggedColumn();\n    };\n\n    const handleDragEnd = (event: DragEndEvent) => {\n        clearActiveDraggedColumn();\n        layoutContext.onColumnDragEnd?.(event);\n    };\n\n    const content =\n        canDragColumns && layoutContext.draggableColumnKeys ? (\n            <DndContext\n                sensors={sensors}\n                collisionDetection={resolveColumnCollisionDetection}\n                modifiers={[restrictToHorizontalAxis]}\n                onDragStart={handleDragStart}\n                onDragCancel={handleDragCancel}\n                onDragEnd={handleDragEnd}\n            >\n                <SortableContext items={layoutContext.draggableColumnKeys} strategy={horizontalListSortingStrategy}>\n                    {children}\n                </SortableContext>\n                <DragOverlay adjustScale={false} dropAnimation={null}>\n                    <TableHeaderDragOverlay\n                        column={activeDraggedColumn}\n                        header={overlayHeader}\n                        showSelectionColumn={interactionContext.showSelectionColumn}\n                        width={activeDraggedColumnWidth}\n                    />\n                </DragOverlay>\n            </DndContext>\n        ) : (\n            children\n        );\n\n    if (!renderConfigContext.isTableView) {\n        return (\n            <TableSectionContext.Provider value='header'>\n                <TableHeaderContext.Provider\n                    value={{\n                        nextHeaderRowIndex: () => {\n                            const nextHeaderRowIndex = headerRowIndexRef.current;\n                            headerRowIndexRef.current += 1;\n                            return nextHeaderRowIndex;\n                        },\n                    }}\n                >\n                    {content}\n                </TableHeaderContext.Provider>\n            </TableSectionContext.Provider>\n        );\n    }\n\n    return (\n        <div\n            {...remainingProps}\n            className={classNames(\n                'table-head',\n                sticky && 'table-head-sticky',\n                sticky && stickyInContainer && 'table-head-sticky-in-container'\n            )}\n            role='rowgroup'\n            ref={layoutContext.tableHeadRowRef}\n        >\n            <TableSectionContext.Provider value='header'>\n                <TableHeaderContext.Provider\n                    value={{\n                        nextHeaderRowIndex: () => {\n                            const nextHeaderRowIndex = headerRowIndexRef.current;\n                            headerRowIndexRef.current += 1;\n                            return nextHeaderRowIndex;\n                        },\n                    }}\n                >\n                    <div\n                        className={classNames(\n                            'table-head-grid',\n                            interactionContext.selectionHeaderContent && 'table-head-grid-custom-selection',\n                            className\n                        )}\n                        role={headerRowCount === 1 ? 'row' : 'presentation'}\n                        style={{ gridTemplateRows: `repeat(${headerRowCount}, auto)` }}\n                    >\n                        {interactionContext.showSelectionColumn && (\n                            <TableHeaderSelectionCell\n                                isAllSelected={interactionContext.isAllRowsSelected}\n                                isSomeRowsSelected={interactionContext.isSomeRowsSelected}\n                                onToggleAllSelection={interactionContext.onToggleAllSelection}\n                                rowCount={headerRowCount}\n                                selectionHeaderContent={interactionContext.selectionHeaderContent}\n                            />\n                        )}\n                        {content}\n                    </div>\n                </TableHeaderContext.Provider>\n            </TableSectionContext.Provider>\n        </div>\n    );\n};\n\nexport default TableHeader;\n"],"names":["TableHeader","props","children","className","sticky","stickyInContainer","remainingProps","renderContext","useOptionalTableRenderContext","renderConfigContext","useOptionalTableRenderConfigContext","interactionContext","useOptionalTableInteractionContext","layoutContext","useOptionalTableLayoutContext","sensors","useSensors","useSensor","PointerSensor","headerRowIndexRef","useRef","activeDraggedColumnKey","setActiveDraggedColumnKey","useState","activeDraggedColumnWidth","setActiveDraggedColumnWidth","canDragColumns","header","headerRowCount","overlayHeader","activeDraggedColumn","column","clearActiveDraggedColumn","handleDragStart","event","handleDragCancel","_event","handleDragEnd","content","jsxs","DndContext","resolveColumnCollisionDetection","restrictToHorizontalAxis","jsx","SortableContext","horizontalListSortingStrategy","DragOverlay","TableHeaderDragOverlay","classNames","TableSectionContext","TableHeaderContext","nextHeaderRowIndex","TableHeaderSelectionCell"],"mappings":"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"}

package/components/table/TableHeaderColumn.d.ts

@@ -1,8 +1,18 @@
 import { PropsWithChildren, ReactNode } from 'react';
-import { TableColumnDefinition, TableVerticalAlign } from './Table.types';
-export type TableHeaderColumnProps<RowType extends Record<string, unknown>> = Omit<TableColumnDefinition<RowType>, 'className' | 'draggable' | 'filter' | 'headerClassName' | 'icon' | 'key' | 'label'> & PropsWithChildren<{
+import { TableColumnDefinition, TableHtmlAttributes, TableRowData, TableVerticalAlign } from './Table.types';
+export type TableHeaderColumnProps<RowType extends TableRowData> = Omit<TableColumnDefinition<RowType>, 'className' | 'draggable' | 'filter' | 'headerClassName' | 'icon' | 'key' | 'label' | 'resizeable'> & PropsWithChildren<{
     /**
-     * Column key for leaf header columns.
+     * Column key for a header that represents a single data column.
+     *
+     * These are the lowest header cells in the table structure and should
+     * therefore use `colSpan={1}`.
+     *
+     * For these headers, `columnKey` is effectively required because the table
+     * derives its body/footer column layout, resize/drag behavior, sorting, and
+     * sticky-column logic from these keys.
+     *
+     * Group header cells that only structure other header cells may omit `columnKey`
+     * when they span multiple columns via `colSpan > 1`.
      */
     columnKey?: string;
     /**
@@ -48,15 +58,21 @@ export type TableHeaderColumnProps<RowType extends Record<string, unknown>> = Om
      */
     headerClassName?: string;
     /**
-     * Disables column drag-reordering for this header column when `draggableColumns` is enabled on the table.
+     * Enables drag-reordering for this header column in `TABLE` view.
+     *
+     * When `columnOrder` and `onColumnOrderChange` are provided, reordering is controlled from the outside.
+     * When they are omitted, the table keeps the reordered state internally.
      *
-     * @default true
+     * @default false
      */
     draggable?: boolean;
     /**
-     * Overrides the table-level `resizeableColumns` setting for this header column.
+     * Enables resizing for this header column in `TABLE` view.
+     *
+     * When `onColumnResize` is provided, resized widths are controlled from the outside.
+     * When it is omitted, the table keeps resized widths internally.
      *
-     * When omitted, the table-level setting is used.
+     * @default false
      */
     resizeable?: boolean;
     /**
@@ -65,6 +81,6 @@ export type TableHeaderColumnProps<RowType extends Record<string, unknown>> = Om
      * @default 'middle'
      */
     verticalAlign?: TableVerticalAlign;
-}>;
-declare const TableHeaderColumn: <RowType extends Record<string, unknown> = Record<string, unknown>>(_props: TableHeaderColumnProps<RowType>) => null;
+} & TableHtmlAttributes>;
+declare const TableHeaderColumn: <RowType extends TableRowData = TableRowData>(props: TableHeaderColumnProps<RowType>) => import("react/jsx-runtime").JSX.Element | null;
 export default TableHeaderColumn;

package/components/table/TableHeaderColumn.js

@@ -1,5 +1,86 @@
-const l = (e) => null;
+import { jsx as c } from "react/jsx-runtime";
+import { useId as j, useRef as E } from "react";
+import V from "../../utils/classNames.js";
+import { isProd as q } from "../../utils/init/initConfig.js";
+import B from "./render/header/TableDraggableHeaderCell.js";
+import F from "./render/header/TableStaticHeaderCell.js";
+import { useOptionalTableInteractionContext as G } from "./context/TableInteractionContext.js";
+import { useOptionalTableLayoutContext as J } from "./context/TableLayoutContext.js";
+import { useOptionalTableRenderConfigContext as Q } from "./context/TableRenderConfigContext.js";
+import { useOptionalTableSection as U, useTableHeaderRowContext as X } from "./context/TableStructureContext.js";
+import { useOptionalTableRenderContext as Y } from "./context/TableRenderContext.js";
+const ie = (d) => {
+  const {
+    children: C,
+    className: h,
+    colSpan: a = 1,
+    columnKey: r,
+    draggable: b,
+    filter: f,
+    headerClassName: p,
+    hideLabel: g,
+    hideOnMobile: R,
+    horizontalAlign: y,
+    icon: S,
+    label: x,
+    maxResizeWidth: w,
+    mobileLabel: z,
+    minResizeWidth: K,
+    resizeable: T,
+    rowSpan: H = 1,
+    sortable: O,
+    verticalAlign: k,
+    width: L,
+    ...W
+  } = d, t = Y(), s = Q(), n = G(), o = J(), v = U(), D = X(), i = j(), u = E(!1);
+  if (!t || !s || !n || !o || v !== "header")
+    return null;
+  !q && a === 1 && !r && !u.current && (console.warn(
+    "TableHeaderColumn: Header cells for a single data column with colSpan=1 should provide a columnKey. Without it, the table cannot derive a stable data-column layout."
+  ), u.current = !0);
+  const N = D?.row ?? 1;
+  if (t.renderDraft.headerColumns.push({
+    id: i,
+    columnKey: r,
+    label: x ?? C ?? "",
+    icon: S,
+    filter: f,
+    hideLabel: g,
+    width: L,
+    mobileLabel: z,
+    horizontalAlign: y,
+    verticalAlign: k,
+    headerClassName: V(h, p),
+    hideOnMobile: R,
+    sortable: O,
+    draggable: b,
+    resizeable: T,
+    minResizeWidth: K,
+    maxResizeWidth: w,
+    row: N,
+    colSpan: a,
+    rowSpan: H
+  }), !s.isTableView)
+    return null;
+  const l = t.header, e = l?.columns.find((M) => String(M.key) === i);
+  if (!l || !e)
+    return null;
+  const A = !!e.columnKey && e.colSpan === 1 && e.columnKey !== o.lastResizableColumnKey && e.resizeable === !0 && !!o.onColumnResizeStart, I = !!e.columnKey && e.colSpan === 1 && (o.draggableColumnKeys?.length ?? 0) > 1 && e.draggable === !0 && !!o.onColumnDragEnd, P = !!e.columnKey && o.resettableColumnKeys?.has(e.columnKey), m = {
+    column: e,
+    header: l,
+    htmlAttributes: W,
+    hasResettableWidth: P,
+    isResizable: A,
+    onColumnResizeReset: o.onColumnResizeReset,
+    onColumnResizeStart: o.onColumnResizeStart,
+    onSortChange: n.onSortChange,
+    showSelectionColumn: n.showSelectionColumn,
+    stickyLeftColumnCount: o.stickyLeftColumnCount,
+    stickyRightColumnCount: o.stickyRightColumnCount
+  };
+  return I ? /* @__PURE__ */ c(B, { ...m }) : /* @__PURE__ */ c(F, { ...m });
+};
 export {
-  l as default
+  ie as default
 };
 //# sourceMappingURL=TableHeaderColumn.js.map

package/components/table/TableHeaderColumn.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeaderColumn.js","sources":["../../../src/components/table/TableHeaderColumn.tsx"],"sourcesContent":["import type { PropsWithChildren, ReactNode } from 'react';\n\nimport type { TableColumnDefinition, TableVerticalAlign } from './Table.types';\n\nexport type TableHeaderColumnProps<RowType extends Record<string, unknown>> = Omit<\n    TableColumnDefinition<RowType>,\n    'className' | 'draggable' | 'filter' | 'headerClassName' | 'icon' | 'key' | 'label'\n> &\n    PropsWithChildren<{\n        /**\n         * Column key for leaf header columns.\n         */\n        columnKey?: string;\n\n        /**\n         * Optional explicit header label.\n         * If omitted, `children` are used.\n         */\n        label?: ReactNode;\n\n        /**\n         * Optional rioglyph class rendered before the header label in table view.\n         */\n        icon?: string;\n\n        /**\n         * Optional custom filter control rendered next to the header label.\n         *\n         * Intended for table-specific filter dropdowns such as `TableColumnFilter`.\n         */\n        filter?: ReactNode;\n\n        /**\n         * Hides the visible label in table view while preserving `label` for\n         * dropdowns, cards, and mobile metadata.\n         *\n         * @default false\n         */\n        hideLabel?: boolean;\n\n        /**\n         * Number of columns this header cell spans.\n         *\n         * @default 1\n         */\n        colSpan?: number;\n\n        /**\n         * Number of header rows this cell spans.\n         *\n         * @default 1\n         */\n        rowSpan?: number;\n\n        /**\n         * Additional class names for this header cell only.\n         */\n        className?: string;\n\n        /**\n         * Additional class names for this header cell only.\n         */\n        headerClassName?: string;\n\n        /**\n         * Disables column drag-reordering for this header column when `draggableColumns` is enabled on the table.\n         *\n         * @default true\n         */\n        draggable?: boolean;\n\n        /**\n         * Overrides the table-level `resizeableColumns` setting for this header column.\n         *\n         * When omitted, the table-level setting is used.\n         */\n        resizeable?: boolean;\n\n        /**\n         * Vertical alignment for this header cell.\n         *\n         * @default 'middle'\n         */\n        verticalAlign?: TableVerticalAlign;\n    }>;\n\nconst TableHeaderColumn = <RowType extends Record<string, unknown> = Record<string, unknown>>(\n    _props: TableHeaderColumnProps<RowType>\n) => null;\n\nexport default TableHeaderColumn;\n"],"names":["TableHeaderColumn","_props"],"mappings":"AAsFA,MAAMA,IAAoB,CACtBC,MACC;"}
+{"version":3,"file":"TableHeaderColumn.js","sources":["../../../src/components/table/TableHeaderColumn.tsx"],"sourcesContent":["import { useId, useRef, type PropsWithChildren, type ReactNode } from 'react';\n\nimport classNames from '../../utils/classNames';\nimport { isProd } from '../../utils/init/initConfig';\nimport type { TableColumnDefinition, TableHtmlAttributes, TableRowData, TableVerticalAlign } from './Table.types';\nimport DraggableTableHeaderCell from './render/header/TableDraggableHeaderCell';\nimport StaticTableHeaderCell from './render/header/TableStaticHeaderCell';\nimport { useOptionalTableInteractionContext } from './context/TableInteractionContext';\nimport { useOptionalTableLayoutContext } from './context/TableLayoutContext';\nimport { useOptionalTableRenderConfigContext } from './context/TableRenderConfigContext';\nimport { useOptionalTableSection, useTableHeaderRowContext } from './context/TableStructureContext';\nimport { useOptionalTableRenderContext } from './context/TableRenderContext';\n\nexport type TableHeaderColumnProps<RowType extends TableRowData> = Omit<\n    TableColumnDefinition<RowType>,\n    'className' | 'draggable' | 'filter' | 'headerClassName' | 'icon' | 'key' | 'label' | 'resizeable'\n> &\n    PropsWithChildren<\n        {\n            /**\n             * Column key for a header that represents a single data column.\n             *\n             * These are the lowest header cells in the table structure and should\n             * therefore use `colSpan={1}`.\n             *\n             * For these headers, `columnKey` is effectively required because the table\n             * derives its body/footer column layout, resize/drag behavior, sorting, and\n             * sticky-column logic from these keys.\n             *\n             * Group header cells that only structure other header cells may omit `columnKey`\n             * when they span multiple columns via `colSpan > 1`.\n             */\n            columnKey?: string;\n\n            /**\n             * Optional explicit header label.\n             * If omitted, `children` are used.\n             */\n            label?: ReactNode;\n\n            /**\n             * Optional rioglyph class rendered before the header label in table view.\n             */\n            icon?: string;\n\n            /**\n             * Optional custom filter control rendered next to the header label.\n             *\n             * Intended for table-specific filter dropdowns such as `TableColumnFilter`.\n             */\n            filter?: ReactNode;\n\n            /**\n             * Hides the visible label in table view while preserving `label` for\n             * dropdowns, cards, and mobile metadata.\n             *\n             * @default false\n             */\n            hideLabel?: boolean;\n\n            /**\n             * Number of columns this header cell spans.\n             *\n             * @default 1\n             */\n            colSpan?: number;\n\n            /**\n             * Number of header rows this cell spans.\n             *\n             * @default 1\n             */\n            rowSpan?: number;\n\n            /**\n             * Additional class names for this header cell only.\n             */\n            className?: string;\n\n            /**\n             * Additional class names for this header cell only.\n             */\n            headerClassName?: string;\n\n            /**\n             * Enables drag-reordering for this header column in `TABLE` view.\n             *\n             * When `columnOrder` and `onColumnOrderChange` are provided, reordering is controlled from the outside.\n             * When they are omitted, the table keeps the reordered state internally.\n             *\n             * @default false\n             */\n            draggable?: boolean;\n\n            /**\n             * Enables resizing for this header column in `TABLE` view.\n             *\n             * When `onColumnResize` is provided, resized widths are controlled from the outside.\n             * When it is omitted, the table keeps resized widths internally.\n             *\n             * @default false\n             */\n            resizeable?: boolean;\n\n            /**\n             * Vertical alignment for this header cell.\n             *\n             * @default 'middle'\n             */\n            verticalAlign?: TableVerticalAlign;\n        } & TableHtmlAttributes\n    >;\n\nconst TableHeaderColumn = <RowType extends TableRowData = TableRowData>(props: TableHeaderColumnProps<RowType>) => {\n    const {\n        children,\n        className,\n        colSpan = 1,\n        columnKey,\n        draggable,\n        filter,\n        headerClassName,\n        hideLabel,\n        hideOnMobile,\n        horizontalAlign,\n        icon,\n        label,\n        maxResizeWidth,\n        mobileLabel,\n        minResizeWidth,\n        resizeable,\n        rowSpan = 1,\n        sortable,\n        verticalAlign,\n        width,\n        ...remainingProps\n    } = props;\n\n    const renderContext = useOptionalTableRenderContext<RowType>();\n    const renderConfigContext = useOptionalTableRenderConfigContext<RowType>();\n    const interactionContext = useOptionalTableInteractionContext<RowType>();\n    const layoutContext = useOptionalTableLayoutContext();\n    const section = useOptionalTableSection();\n    const headerRowContext = useTableHeaderRowContext();\n    const columnId = useId();\n    const hasWarnedMissingColumnKeyRef = useRef(false);\n\n    if (!renderContext || !renderConfigContext || !interactionContext || !layoutContext || section !== 'header') {\n        return null;\n    }\n\n    if (!isProd && colSpan === 1 && !columnKey && !hasWarnedMissingColumnKeyRef.current) {\n        console.warn(\n            'TableHeaderColumn: Header cells for a single data column with colSpan=1 should provide a columnKey. ' +\n                'Without it, the table cannot derive a stable data-column layout.'\n        );\n        hasWarnedMissingColumnKeyRef.current = true;\n    }\n\n    const resolvedRow = headerRowContext?.row ?? 1;\n\n    renderContext.renderDraft.headerColumns.push({\n        id: columnId,\n        columnKey,\n        label: label ?? children ?? '',\n        icon,\n        filter,\n        hideLabel,\n        width,\n        mobileLabel,\n        horizontalAlign,\n        verticalAlign,\n        headerClassName: classNames(className, headerClassName),\n        hideOnMobile,\n        sortable,\n        draggable,\n        resizeable,\n        minResizeWidth,\n        maxResizeWidth,\n        row: resolvedRow,\n        colSpan,\n        rowSpan,\n    });\n\n    if (!renderConfigContext.isTableView) {\n        return null;\n    }\n\n    const header = renderContext.header;\n    const headerColumn = header?.columns.find(column => String(column.key) === columnId);\n\n    if (!header || !headerColumn) {\n        return null;\n    }\n\n    const isResizable =\n        !!headerColumn.columnKey &&\n        headerColumn.colSpan === 1 &&\n        headerColumn.columnKey !== layoutContext.lastResizableColumnKey &&\n        headerColumn.resizeable === true &&\n        !!layoutContext.onColumnResizeStart;\n\n    const isDraggable =\n        !!headerColumn.columnKey &&\n        headerColumn.colSpan === 1 &&\n        (layoutContext.draggableColumnKeys?.length ?? 0) > 1 &&\n        headerColumn.draggable === true &&\n        !!layoutContext.onColumnDragEnd;\n\n    const hasResettableWidth =\n        !!headerColumn.columnKey && layoutContext.resettableColumnKeys?.has(headerColumn.columnKey);\n\n    const sharedProps = {\n        column: headerColumn,\n        header,\n        htmlAttributes: remainingProps,\n        hasResettableWidth,\n        isResizable,\n        onColumnResizeReset: layoutContext.onColumnResizeReset,\n        onColumnResizeStart: layoutContext.onColumnResizeStart,\n        onSortChange: interactionContext.onSortChange,\n        showSelectionColumn: interactionContext.showSelectionColumn,\n        stickyLeftColumnCount: layoutContext.stickyLeftColumnCount,\n        stickyRightColumnCount: layoutContext.stickyRightColumnCount,\n    };\n\n    return isDraggable ? <DraggableTableHeaderCell {...sharedProps} /> : <StaticTableHeaderCell {...sharedProps} />;\n};\n\nexport default TableHeaderColumn;\n"],"names":["TableHeaderColumn","props","children","className","colSpan","columnKey","draggable","filter","headerClassName","hideLabel","hideOnMobile","horizontalAlign","icon","label","maxResizeWidth","mobileLabel","minResizeWidth","resizeable","rowSpan","sortable","verticalAlign","width","remainingProps","renderContext","useOptionalTableRenderContext","renderConfigContext","useOptionalTableRenderConfigContext","interactionContext","useOptionalTableInteractionContext","layoutContext","useOptionalTableLayoutContext","section","useOptionalTableSection","headerRowContext","useTableHeaderRowContext","columnId","useId","hasWarnedMissingColumnKeyRef","useRef","isProd","resolvedRow","classNames","header","headerColumn","column","isResizable","isDraggable","hasResettableWidth","sharedProps","DraggableTableHeaderCell","jsx","StaticTableHeaderCell"],"mappings":";;;;;;;;;;;AAiHA,MAAMA,KAAoB,CAA8CC,MAA2C;AAC/G,QAAM;AAAA,IACF,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,UAAAC;AAAA,IACA,eAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHrB,GAEEsB,IAAgBC,EAAA,GAChBC,IAAsBC,EAAA,GACtBC,IAAqBC,EAAA,GACrBC,IAAgBC,EAAA,GAChBC,IAAUC,EAAA,GACVC,IAAmBC,EAAA,GACnBC,IAAWC,EAAA,GACXC,IAA+BC,EAAO,EAAK;AAEjD,MAAI,CAACf,KAAiB,CAACE,KAAuB,CAACE,KAAsB,CAACE,KAAiBE,MAAY;AAC/F,WAAO;AAGX,EAAI,CAACQ,KAAUnC,MAAY,KAAK,CAACC,KAAa,CAACgC,EAA6B,YACxE,QAAQ;AAAA,IACJ;AAAA,EAAA,GAGJA,EAA6B,UAAU;AAG3C,QAAMG,IAAcP,GAAkB,OAAO;AAyB7C,MAvBAV,EAAc,YAAY,cAAc,KAAK;AAAA,IACzC,IAAIY;AAAA,IACJ,WAAA9B;AAAA,IACA,OAAOQ,KAASX,KAAY;AAAA,IAC5B,MAAAU;AAAA,IACA,QAAAL;AAAA,IACA,WAAAE;AAAA,IACA,OAAAY;AAAA,IACA,aAAAN;AAAA,IACA,iBAAAJ;AAAA,IACA,eAAAS;AAAA,IACA,iBAAiBqB,EAAWtC,GAAWK,CAAe;AAAA,IACtD,cAAAE;AAAA,IACA,UAAAS;AAAA,IACA,WAAAb;AAAA,IACA,YAAAW;AAAA,IACA,gBAAAD;AAAA,IACA,gBAAAF;AAAA,IACA,KAAK0B;AAAA,IACL,SAAApC;AAAA,IACA,SAAAc;AAAA,EAAA,CACH,GAEG,CAACO,EAAoB;AACrB,WAAO;AAGX,QAAMiB,IAASnB,EAAc,QACvBoB,IAAeD,GAAQ,QAAQ,KAAK,OAAU,OAAOE,EAAO,GAAG,MAAMT,CAAQ;AAEnF,MAAI,CAACO,KAAU,CAACC;AACZ,WAAO;AAGX,QAAME,IACF,CAAC,CAACF,EAAa,aACfA,EAAa,YAAY,KACzBA,EAAa,cAAcd,EAAc,0BACzCc,EAAa,eAAe,MAC5B,CAAC,CAACd,EAAc,qBAEdiB,IACF,CAAC,CAACH,EAAa,aACfA,EAAa,YAAY,MACxBd,EAAc,qBAAqB,UAAU,KAAK,KACnDc,EAAa,cAAc,MAC3B,CAAC,CAACd,EAAc,iBAEdkB,IACF,CAAC,CAACJ,EAAa,aAAad,EAAc,sBAAsB,IAAIc,EAAa,SAAS,GAExFK,IAAc;AAAA,IAChB,QAAQL;AAAA,IACR,QAAAD;AAAA,IACA,gBAAgBpB;AAAA,IAChB,oBAAAyB;AAAA,IACA,aAAAF;AAAA,IACA,qBAAqBhB,EAAc;AAAA,IACnC,qBAAqBA,EAAc;AAAA,IACnC,cAAcF,EAAmB;AAAA,IACjC,qBAAqBA,EAAmB;AAAA,IACxC,uBAAuBE,EAAc;AAAA,IACrC,wBAAwBA,EAAc;AAAA,EAAA;AAG1C,SAAOiB,sBAAeG,GAAA,EAA0B,GAAGD,GAAa,IAAK,gBAAAE,EAACC,GAAA,EAAuB,GAAGH,EAAA,CAAa;AACjH;"}

package/components/table/TableHeaderRow.d.ts

@@ -5,5 +5,5 @@ export type TableHeaderRowProps = {
      */
     children?: ReactNode;
 };
-declare const TableHeaderRow: (_props: TableHeaderRowProps) => null;
+declare const TableHeaderRow: ({ children }: TableHeaderRowProps) => import("react/jsx-runtime").JSX.Element | null;
 export default TableHeaderRow;

package/components/table/TableHeaderRow.js

@@ -1,5 +1,14 @@
-const a = (e) => null;
+import { jsx as n } from "react/jsx-runtime";
+import { useTableHeaderContext as a, TableHeaderRowContext as d } from "./context/TableStructureContext.js";
+import { useOptionalTableRenderContext as l } from "./context/TableRenderContext.js";
+const i = ({ children: e }) => {
+  const t = l(), o = a();
+  if (!t)
+    return null;
+  const r = (o?.nextHeaderRowIndex() ?? 0) + 1;
+  return /* @__PURE__ */ n(d.Provider, { value: { row: r }, children: e });
+};
 export {
-  a as default
+  i as default
 };
 //# sourceMappingURL=TableHeaderRow.js.map

package/components/table/TableHeaderRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeaderRow.js","sources":["../../../src/components/table/TableHeaderRow.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nexport type TableHeaderRowProps = {\n    /**\n     * Header columns rendered inside this header row.\n     */\n    children?: ReactNode;\n};\n\nconst TableHeaderRow = (_props: TableHeaderRowProps) => null;\n\nexport default TableHeaderRow;\n"],"names":["TableHeaderRow","_props"],"mappings":"AASA,MAAMA,IAAiB,CAACC,MAAgC;"}
+{"version":3,"file":"TableHeaderRow.js","sources":["../../../src/components/table/TableHeaderRow.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { TableHeaderRowContext, useTableHeaderContext } from './context/TableStructureContext';\nimport { useOptionalTableRenderContext } from './context/TableRenderContext';\n\nexport type TableHeaderRowProps = {\n    /**\n     * Header columns rendered inside this header row.\n     */\n    children?: ReactNode;\n};\n\nconst TableHeaderRow = ({ children }: TableHeaderRowProps) => {\n    const renderContext = useOptionalTableRenderContext();\n    const headerContext = useTableHeaderContext();\n\n    if (!renderContext) {\n        return null;\n    }\n\n    const row = (headerContext?.nextHeaderRowIndex() ?? 0) + 1;\n\n    return <TableHeaderRowContext.Provider value={{ row }}>{children}</TableHeaderRowContext.Provider>;\n};\n\nexport default TableHeaderRow;\n"],"names":["TableHeaderRow","children","renderContext","useOptionalTableRenderContext","headerContext","useTableHeaderContext","row","jsx","TableHeaderRowContext"],"mappings":";;;AAYA,MAAMA,IAAiB,CAAC,EAAE,UAAAC,QAAoC;AAC1D,QAAMC,IAAgBC,EAAA,GAChBC,IAAgBC,EAAA;AAEtB,MAAI,CAACH;AACD,WAAO;AAGX,QAAMI,KAAOF,GAAe,mBAAA,KAAwB,KAAK;AAEzD,SAAO,gBAAAG,EAACC,EAAsB,UAAtB,EAA+B,OAAO,EAAE,KAAAF,EAAA,GAAQ,UAAAL,GAAS;AACrE;"}

package/components/table/TableRow.d.ts

@@ -1,5 +1,12 @@
-import { PropsWithChildren } from 'react';
-export type TableRowProps<RowType extends Record<string, unknown>> = PropsWithChildren<{
+import { ReactNode } from 'react';
+import { TableHtmlAttributes, TableRowData } from './Table.types';
+export type TableRowProps<RowType extends TableRowData> = TableHtmlAttributes & Partial<RowType> & {
+    /**
+     * Keeps the row sticky at the top of a scrollable table body.
+     *
+     * @default false
+     */
+    sticky?: boolean;
     /**
      * Disables row interaction such as hover styles, clicks, and keyboard activation.
      *
@@ -14,6 +21,10 @@ export type TableRowProps<RowType extends Record<string, unknown>> = PropsWithCh
      * Disable table hover styling for this row.
      */
     noHover?: boolean;
-} & Partial<RowType>>;
-declare const TableRow: <RowType extends Record<string, unknown> = Record<string, unknown>>(_props: TableRowProps<RowType>) => null;
+    /**
+     * Table row content.
+     */
+    children?: ReactNode;
+};
+declare const TableRow: <RowType extends TableRowData = TableRowData>(props: TableRowProps<RowType>) => import("react/jsx-runtime").JSX.Element | null;
 export default TableRow;

package/components/table/TableRow.js

@@ -1,5 +1,112 @@
-const o = (l) => null;
+import { jsx as a, jsxs as K, Fragment as A } from "react/jsx-runtime";
+import { motion as V } from "motion/react";
+import { useRef as O } from "react";
+import j from "../checkbox/Checkbox.js";
+import N from "../../utils/classNames.js";
+import { resolveRowKey as B, resolveRowClassName as H } from "./model/resolveRowMeta.js";
+import { getInteractiveRowProps as F } from "./shared/getInteractiveRowProps.js";
+import { useOptionalTableInteractionContext as q } from "./context/TableInteractionContext.js";
+import { useOptionalTableRenderConfigContext as z } from "./context/TableRenderConfigContext.js";
+import { useOptionalTableSection as E, useTableBodyContext as G, extractTableHtmlAttributes as T, TableRowContext as J } from "./context/TableStructureContext.js";
+import { useOptionalTableRenderContext as L } from "./context/TableRenderContext.js";
+const M = (C) => {
+  const { isSelected: b, isTableView: n, onToggleSelection: p, cardCellClassName: R, disabled: g } = C;
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: N("table-cell table-selection-cell", !n && R),
+      role: "cell",
+      "aria-colindex": 1,
+      style: n ? { gridColumn: "1 / span 1", gridRow: "1 / span 1" } : void 0,
+      onClick: (s) => s.stopPropagation(),
+      onKeyDown: (s) => s.stopPropagation(),
+      children: /* @__PURE__ */ a("div", { className: "table-selection-control", children: /* @__PURE__ */ a(j, { checked: b, disabled: g, onChange: p }) })
+    }
+  );
+}, ne = (C) => {
+  const { children: b, disabled: n, className: p, noHover: R, sticky: g, ...s } = C, e = z(), w = L(), o = q(), k = E(), u = G(), m = O(0);
+  if (m.current = 0, !w || !e || !o || w.columns.length === 0 || k !== "body" || !u)
+    return null;
+  const c = s, r = u.nextRowIndex(), t = B(c, r, e.rowKey), v = typeof e.rowAnimationProps == "function" ? e.rowAnimationProps(c, r) : e.rowAnimationProps, l = F({
+    isClickable: o.isClickable && !n,
+    onRowClick: (i, d) => {
+      o.onRowClick?.(i, d), o.onActiveRowChange?.(
+        o.activeRowId === t ? void 0 : t,
+        i,
+        d
+      );
+    },
+    row: c,
+    rowIndex: r
+  }), x = o.selectedRowIdSet.has(t), P = o.showSelectionColumn && /* @__PURE__ */ a(
+    M,
+    {
+      isSelected: x,
+      isTableView: e.isTableView,
+      onToggleSelection: () => o.onToggleRowSelection?.(t),
+      cardCellClassName: e.cardClasses.cellClassName,
+      disabled: n
+    }
+  ), f = N(
+    "table-row",
+    !e.isTableView && "divider-y-1 divider-color-lighter divider-style-solid",
+    o.activeRowId === t && "table-row-active",
+    n && "table-row-disabled",
+    x && "table-row-selected",
+    l.isClickableClassName,
+    (n || R) && "table-row-no-hover",
+    g && "table-row-sticky",
+    !e.isTableView && e.cardClasses.rowClassName,
+    p,
+    H(e.rowClassName, c, r)
+  ), y = /* @__PURE__ */ K(A, { children: [
+    P,
+    b
+  ] }), I = {
+    ...T(s),
+    className: f,
+    "data-index": r,
+    "data-row-id": String(t),
+    onClick: l.onClick,
+    onKeyDown: l.onKeyDown,
+    role: "row",
+    tabIndex: l.tabIndex
+  }, S = {
+    ...T(s),
+    className: f,
+    "data-index": r,
+    "data-row-id": String(t),
+    onClick: l.onClick,
+    onKeyDown: l.onKeyDown,
+    role: "row",
+    tabIndex: l.tabIndex,
+    ...v
+  }, h = /* @__PURE__ */ a(
+    J.Provider,
+    {
+      value: {
+        nextColumnIndex: (i, d = 1) => {
+          if (i !== void 0 && i >= 0)
+            return m.current = i + d, i;
+          const D = m.current;
+          return m.current += d, D;
+        },
+        rowIndex: r,
+        rowId: t,
+        rowData: c
+      },
+      children: v ? /* @__PURE__ */ a(V.div, { ...S, children: y }) : /* @__PURE__ */ a("div", { ...I, children: y })
+    }
+  );
+  return w.renderDraft.bodyRows.push({
+    rowId: t,
+    rowIndex: r,
+    kind: "data",
+    disabled: n,
+    render: () => h
+  }), w.isRegisteringBodyRows ? null : h;
+};
 export {
-  o as default
+  ne as default
 };
 //# sourceMappingURL=TableRow.js.map

package/components/table/TableRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableRow.js","sources":["../../../src/components/table/TableRow.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\n\nexport type TableRowProps<RowType extends Record<string, unknown>> = PropsWithChildren<\n    {\n        /**\n         * Disables row interaction such as hover styles, clicks, and keyboard activation.\n         *\n         * @default false\n         */\n        disabled?: boolean;\n\n        /**\n         * Optional class names only for this row.\n         */\n        className?: string;\n\n        /**\n         * Disable table hover styling for this row.\n         */\n        noHover?: boolean;\n    } & Partial<RowType>\n>;\n\nconst TableRow = <RowType extends Record<string, unknown> = Record<string, unknown>>(_props: TableRowProps<RowType>) =>\n    null;\n\nexport default TableRow;\n"],"names":["TableRow","_props"],"mappings":"AAuBA,MAAMA,IAAW,CAAoEC,MACjF;"}
+{"version":3,"file":"TableRow.js","sources":["../../../src/components/table/TableRow.tsx"],"sourcesContent":["import { motion, type HTMLMotionProps } from 'motion/react';\nimport { type ReactNode, useRef } from 'react';\n\nimport Checkbox from '../checkbox/Checkbox';\nimport classNames from '../../utils/classNames';\nimport { resolveRowClassName, resolveRowKey } from './model/resolveRowMeta';\nimport { getInteractiveRowProps } from './shared/getInteractiveRowProps';\nimport type { TableHtmlAttributes, TableRowData } from './Table.types';\nimport { useOptionalTableInteractionContext } from './context/TableInteractionContext';\nimport { useOptionalTableRenderConfigContext } from './context/TableRenderConfigContext';\nimport {\n    extractTableHtmlAttributes,\n    useTableBodyContext,\n    TableRowContext,\n    useOptionalTableSection,\n} from './context/TableStructureContext';\nimport { useOptionalTableRenderContext } from './context/TableRenderContext';\n\nexport type TableRowProps<RowType extends TableRowData> = TableHtmlAttributes &\n    Partial<RowType> & {\n        /**\n         * Keeps the row sticky at the top of a scrollable table body.\n         *\n         * @default false\n         */\n        sticky?: boolean;\n\n        /**\n         * Disables row interaction such as hover styles, clicks, and keyboard activation.\n         *\n         * @default false\n         */\n        disabled?: boolean;\n\n        /**\n         * Optional class names only for this row.\n         */\n        className?: string;\n\n        /**\n         * Disable table hover styling for this row.\n         */\n        noHover?: boolean;\n\n        /**\n         * Table row content.\n         */\n        children?: ReactNode;\n    };\n\ntype TableRowSelectionCellProps = {\n    isSelected: boolean;\n    isTableView: boolean;\n    onToggleSelection?: () => void;\n    cardCellClassName?: string;\n    disabled?: boolean;\n};\n\nconst TableRowSelectionCell = (props: TableRowSelectionCellProps) => {\n    const { isSelected, isTableView, onToggleSelection, cardCellClassName, disabled } = props;\n\n    return (\n        <div\n            className={classNames('table-cell table-selection-cell', !isTableView && cardCellClassName)}\n            role='cell'\n            aria-colindex={1}\n            style={isTableView ? { gridColumn: '1 / span 1', gridRow: '1 / span 1' } : undefined}\n            onClick={event => event.stopPropagation()}\n            onKeyDown={event => event.stopPropagation()}\n        >\n            <div className='table-selection-control'>\n                <Checkbox checked={isSelected} disabled={disabled} onChange={onToggleSelection} />\n            </div>\n        </div>\n    );\n};\n\nconst TableRow = <RowType extends TableRowData = TableRowData>(props: TableRowProps<RowType>) => {\n    const { children, disabled, className, noHover, sticky, ...remainingProps } = props;\n\n    const renderConfigContext = useOptionalTableRenderConfigContext<RowType>();\n    const renderContext = useOptionalTableRenderContext<RowType>();\n    const interactionContext = useOptionalTableInteractionContext<RowType>();\n    const section = useOptionalTableSection();\n    const bodyContext = useTableBodyContext();\n\n    const cellIndexRef = useRef(0);\n    cellIndexRef.current = 0;\n\n    if (\n        !renderContext ||\n        !renderConfigContext ||\n        !interactionContext ||\n        renderContext.columns.length === 0 ||\n        section !== 'body' ||\n        !bodyContext\n    ) {\n        return null;\n    }\n\n    const rowData = remainingProps as RowType;\n    const rowIndex = bodyContext.nextRowIndex();\n    const rowId = resolveRowKey(rowData, rowIndex, renderConfigContext.rowKey);\n\n    const resolvedRowAnimationProps =\n        typeof renderConfigContext.rowAnimationProps === 'function'\n            ? renderConfigContext.rowAnimationProps(rowData, rowIndex)\n            : renderConfigContext.rowAnimationProps;\n\n    const interactiveRowProps = getInteractiveRowProps({\n        isClickable: interactionContext.isClickable && !disabled,\n        onRowClick: (clickedRow, clickedRowIndex) => {\n            interactionContext.onRowClick?.(clickedRow, clickedRowIndex);\n            interactionContext.onActiveRowChange?.(\n                interactionContext.activeRowId === rowId ? undefined : rowId,\n                clickedRow,\n                clickedRowIndex\n            );\n        },\n        row: rowData,\n        rowIndex,\n    });\n\n    const isSelected = interactionContext.selectedRowIdSet.has(rowId);\n    const selectionCell = interactionContext.showSelectionColumn && (\n        <TableRowSelectionCell\n            isSelected={isSelected}\n            isTableView={renderConfigContext.isTableView}\n            onToggleSelection={() => interactionContext.onToggleRowSelection?.(rowId)}\n            cardCellClassName={renderConfigContext.cardClasses.cellClassName}\n            disabled={disabled}\n        />\n    );\n\n    const rowClassName = classNames(\n        'table-row',\n        !renderConfigContext.isTableView && 'divider-y-1 divider-color-lighter divider-style-solid',\n        interactionContext.activeRowId === rowId && 'table-row-active',\n        disabled && 'table-row-disabled',\n        isSelected && 'table-row-selected',\n        interactiveRowProps.isClickableClassName,\n        (disabled || noHover) && 'table-row-no-hover',\n        sticky && 'table-row-sticky',\n        !renderConfigContext.isTableView && renderConfigContext.cardClasses.rowClassName,\n        className,\n        resolveRowClassName(renderConfigContext.rowClassName, rowData, rowIndex)\n    );\n\n    const rowContent = (\n        <>\n            {selectionCell}\n            {children}\n        </>\n    );\n\n    const staticRowProps = {\n        ...extractTableHtmlAttributes(remainingProps),\n        className: rowClassName,\n        'data-index': rowIndex,\n        'data-row-id': String(rowId),\n        onClick: interactiveRowProps.onClick,\n        onKeyDown: interactiveRowProps.onKeyDown,\n        role: 'row' as const,\n        tabIndex: interactiveRowProps.tabIndex,\n    };\n\n    const animatedRowProps = {\n        ...(extractTableHtmlAttributes(remainingProps) as Omit<\n            HTMLMotionProps<'div'>,\n            'children' | 'className' | 'data-index' | 'data-row-id' | 'onClick' | 'onKeyDown' | 'role' | 'tabIndex'\n        >),\n        className: rowClassName,\n        'data-index': rowIndex,\n        'data-row-id': String(rowId),\n        onClick: interactiveRowProps.onClick,\n        onKeyDown: interactiveRowProps.onKeyDown,\n        role: 'row' as const,\n        tabIndex: interactiveRowProps.tabIndex,\n        ...resolvedRowAnimationProps,\n    };\n\n    const rowNode = (\n        <TableRowContext.Provider\n            value={{\n                nextColumnIndex: (explicitColumnIndex, span = 1) => {\n                    if (explicitColumnIndex !== undefined && explicitColumnIndex >= 0) {\n                        cellIndexRef.current = explicitColumnIndex + span;\n                        return explicitColumnIndex;\n                    }\n\n                    const nextIndex = cellIndexRef.current;\n                    cellIndexRef.current += span;\n                    return nextIndex;\n                },\n                rowIndex,\n                rowId,\n                rowData,\n            }}\n        >\n            {resolvedRowAnimationProps ? (\n                <motion.div {...animatedRowProps}>{rowContent}</motion.div>\n            ) : (\n                <div {...staticRowProps}>{rowContent}</div>\n            )}\n        </TableRowContext.Provider>\n    );\n\n    renderContext.renderDraft.bodyRows.push({\n        rowId,\n        rowIndex,\n        kind: 'data',\n        disabled,\n        render: () => rowNode,\n    });\n\n    return renderContext.isRegisteringBodyRows ? null : rowNode;\n};\n\nexport default TableRow;\n"],"names":["TableRowSelectionCell","props","isSelected","isTableView","onToggleSelection","cardCellClassName","disabled","jsx","classNames","event","Checkbox","TableRow","children","className","noHover","sticky","remainingProps","renderConfigContext","useOptionalTableRenderConfigContext","renderContext","useOptionalTableRenderContext","interactionContext","useOptionalTableInteractionContext","section","useOptionalTableSection","bodyContext","useTableBodyContext","cellIndexRef","useRef","rowData","rowIndex","rowId","resolveRowKey","resolvedRowAnimationProps","interactiveRowProps","getInteractiveRowProps","clickedRow","clickedRowIndex","selectionCell","rowClassName","resolveRowClassName","rowContent","jsxs","Fragment","staticRowProps","extractTableHtmlAttributes","animatedRowProps","rowNode","TableRowContext","explicitColumnIndex","span","nextIndex","motion"],"mappings":"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"}

package/components/table/TableSpacerRow.d.ts

@@ -1,4 +1,5 @@
-export type TableSpacerRowProps = {
+import { TableHtmlAttributes } from './Table.types';
+export type TableSpacerRowProps = TableHtmlAttributes & {
     /**
      * Optional class names only for this spacer row.
      */
@@ -8,5 +9,5 @@ export type TableSpacerRowProps = {
      */
     noHover?: boolean;
 };
-declare const TableSpacerRow: (_props: TableSpacerRowProps) => null;
+declare const TableSpacerRow: (props: TableSpacerRowProps) => import("react/jsx-runtime").JSX.Element | null;
 export default TableSpacerRow;

package/components/table/TableSpacerRow.js

@@ -1,5 +1,29 @@
-const e = (a) => null;
+import { jsx as n } from "react/jsx-runtime";
+import d from "../../utils/classNames.js";
+import { useOptionalTableSection as p, useTableBodyContext as m } from "./context/TableStructureContext.js";
+import { useOptionalTableRenderContext as b } from "./context/TableRenderContext.js";
+const R = (s) => {
+  const { className: a, noHover: l, ...c } = s, e = b(), i = p(), r = m();
+  if (!e || e.columns.length === 0 || i !== "body" || !r)
+    return null;
+  const o = r.nextRowIndex(), t = /* @__PURE__ */ n(
+    "div",
+    {
+      ...c,
+      className: d("table-row table-row-spacer", l && "table-row-no-hover", a),
+      "data-index": o,
+      role: "presentation",
+      children: /* @__PURE__ */ n("div", { className: "table-cell table-spacer-cell", role: "presentation" })
+    }
+  );
+  return e.renderDraft.bodyRows.push({
+    rowId: `spacer-${o}`,
+    rowIndex: o,
+    kind: "spacer",
+    render: () => t
+  }), e.isRegisteringBodyRows ? null : t;
+};
 export {
-  e as default
+  R as default
 };
 //# sourceMappingURL=TableSpacerRow.js.map

package/components/table/TableSpacerRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableSpacerRow.js","sources":["../../../src/components/table/TableSpacerRow.tsx"],"sourcesContent":["export type TableSpacerRowProps = {\n    /**\n     * Optional class names only for this spacer row.\n     */\n    className?: string;\n\n    /**\n     * Disable table hover styling for this row.\n     */\n    noHover?: boolean;\n};\n\nconst TableSpacerRow = (_props: TableSpacerRowProps) => null;\n\nexport default TableSpacerRow;\n"],"names":["TableSpacerRow","_props"],"mappings":"AAYA,MAAMA,IAAiB,CAACC,MAAgC;"}
+{"version":3,"file":"TableSpacerRow.js","sources":["../../../src/components/table/TableSpacerRow.tsx"],"sourcesContent":["import classNames from '../../utils/classNames';\nimport type { TableHtmlAttributes } from './Table.types';\nimport { useTableBodyContext, useOptionalTableSection } from './context/TableStructureContext';\nimport { useOptionalTableRenderContext } from './context/TableRenderContext';\n\nexport type TableSpacerRowProps = TableHtmlAttributes & {\n    /**\n     * Optional class names only for this spacer row.\n     */\n    className?: string;\n\n    /**\n     * Disable table hover styling for this row.\n     */\n    noHover?: boolean;\n};\n\nconst TableSpacerRow = (props: TableSpacerRowProps) => {\n    const { className, noHover, ...remainingProps } = props;\n\n    const renderContext = useOptionalTableRenderContext();\n    const section = useOptionalTableSection();\n    const bodyContext = useTableBodyContext();\n\n    if (!renderContext || renderContext.columns.length === 0 || section !== 'body' || !bodyContext) {\n        return null;\n    }\n\n    const rowIndex = bodyContext.nextRowIndex();\n\n    const rowNode = (\n        <div\n            {...remainingProps}\n            className={classNames('table-row table-row-spacer', noHover && 'table-row-no-hover', className)}\n            data-index={rowIndex}\n            role='presentation'\n        >\n            <div className='table-cell table-spacer-cell' role='presentation' />\n        </div>\n    );\n\n    renderContext.renderDraft.bodyRows.push({\n        rowId: `spacer-${rowIndex}`,\n        rowIndex,\n        kind: 'spacer',\n        render: () => rowNode,\n    });\n\n    return renderContext.isRegisteringBodyRows ? null : rowNode;\n};\n\nexport default TableSpacerRow;\n"],"names":["TableSpacerRow","props","className","noHover","remainingProps","renderContext","useOptionalTableRenderContext","section","useOptionalTableSection","bodyContext","useTableBodyContext","rowIndex","rowNode","jsx","classNames"],"mappings":";;;;AAiBA,MAAMA,IAAiB,CAACC,MAA+B;AACnD,QAAM,EAAE,WAAAC,GAAW,SAAAC,GAAS,GAAGC,MAAmBH,GAE5CI,IAAgBC,EAAA,GAChBC,IAAUC,EAAA,GACVC,IAAcC,EAAA;AAEpB,MAAI,CAACL,KAAiBA,EAAc,QAAQ,WAAW,KAAKE,MAAY,UAAU,CAACE;AAC/E,WAAO;AAGX,QAAME,IAAWF,EAAY,aAAA,GAEvBG,IACF,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGT;AAAA,MACJ,WAAWU,EAAW,8BAA8BX,KAAW,sBAAsBD,CAAS;AAAA,MAC9F,cAAYS;AAAA,MACZ,MAAK;AAAA,MAEL,UAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,gCAA+B,MAAK,eAAA,CAAe;AAAA,IAAA;AAAA,EAAA;AAI1E,SAAAR,EAAc,YAAY,SAAS,KAAK;AAAA,IACpC,OAAO,UAAUM,CAAQ;AAAA,IACzB,UAAAA;AAAA,IACA,MAAM;AAAA,IACN,QAAQ,MAAMC;AAAA,EAAA,CACjB,GAEMP,EAAc,wBAAwB,OAAOO;AACxD;"}