@rio-cloud/rio-uikit 2.5.1 → 3.0.0-beta.1

package/components/table/TableHeaderColumn.d.ts

@@ -1,6 +1,7 @@
 import { PropsWithChildren, ReactNode } from 'react';
 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<{
+import { IconType } from '../icon/Icon';
+export type TableHeaderColumnProps<RowType extends TableRowData> = Omit<TableColumnDefinition<RowType>, 'className' | 'draggable' | 'filter' | 'headerClassName' | 'icon' | 'iconName' | 'key' | 'label' | 'resizeable'> & PropsWithChildren<{
     /**
      * Column key for a header that represents a single data column.
      *
@@ -21,9 +22,15 @@ export type TableHeaderColumnProps<RowType extends TableRowData> = Omit<TableCol
      */
     label?: ReactNode;
     /**
-     * Optional rioglyph class rendered before the header label in table view.
+     * Optional uikit-icon class rendered before the header label in table view.
      */
-    icon?: string;
+    iconName?: IconType;
+    /**
+     * Legacy alias for `iconName`.
+     *
+     * @deprecated Use `iconName` instead.
+     */
+    icon?: IconType;
     /**
      * Optional custom filter control rendered next to the header label.
      *

package/components/table/TableHeaderColumn.js

@@ -1,83 +1,59 @@
-import { jsx as i } from "react/jsx-runtime";
-import { useId as j, useRef as E } from "react";
-import M from "../../utils/classNames.js";
 import "../../utils/init/initConfig.js";
-import V from "./render/header/TableDraggableHeaderCell.js";
-import q from "./render/header/TableStaticHeaderCell.js";
-import { useOptionalTableInteractionContext as B } from "./context/TableInteractionContext.js";
-import { useOptionalTableLayoutContext as F } from "./context/TableLayoutContext.js";
-import { useOptionalTableRenderConfigContext as G } from "./context/TableRenderConfigContext.js";
-import { useOptionalTableSection as J, useTableHeaderRowContext as Q } from "./context/TableStructureContext.js";
-import { useOptionalTableRenderContext as U } from "./context/TableRenderContext.js";
-const ae = (m) => {
-  const {
-    children: u,
-    className: c,
-    colSpan: C = 1,
-    columnKey: d,
-    draggable: b,
-    filter: h,
-    headerClassName: p,
-    hideLabel: f,
-    hideOnMobile: g,
-    horizontalAlign: R,
-    icon: y,
-    label: S,
-    maxResizeWidth: x,
-    mobileLabel: z,
-    minResizeWidth: w,
-    resizeable: T,
-    rowSpan: K = 1,
-    sortable: O,
-    verticalAlign: k,
-    width: L,
-    ...D
-  } = m, t = U(), r = G(), n = B(), o = F(), H = J(), N = Q(), a = j();
-  if (E(!1), !t || !r || !n || !o || H !== "header")
-    return null;
-  const A = N?.row ?? 1;
-  if (t.renderDraft.headerColumns.push({
-    id: a,
-    columnKey: d,
-    label: S ?? u ?? "",
-    icon: y,
-    filter: h,
-    hideLabel: f,
-    width: L,
-    mobileLabel: z,
-    horizontalAlign: R,
-    verticalAlign: k,
-    headerClassName: M(c, p),
-    hideOnMobile: g,
-    sortable: O,
-    draggable: b,
-    resizeable: T,
-    minResizeWidth: w,
-    maxResizeWidth: x,
-    row: A,
-    colSpan: C,
-    rowSpan: K
-  }), !r.isTableView)
-    return null;
-  const l = t.header, e = l?.columns.find((P) => String(P.key) === a);
-  if (!l || !e)
-    return null;
-  const I = !!e.columnKey && e.colSpan === 1 && e.columnKey !== o.lastResizableColumnKey && e.resizeable === !0 && !!o.onColumnResizeStart, W = !!e.columnKey && e.colSpan === 1 && (o.draggableColumnKeys?.length ?? 0) > 1 && e.draggable === !0 && !!o.onColumnDragEnd, v = !!e.columnKey && o.resettableColumnKeys?.has(e.columnKey), s = {
-    column: e,
-    header: l,
-    htmlAttributes: D,
-    hasResettableWidth: v,
-    isResizable: I,
-    onColumnResizeReset: o.onColumnResizeReset,
-    onColumnResizeStart: o.onColumnResizeStart,
-    onSortChange: n.onSortChange,
-    showSelectionColumn: n.showSelectionColumn,
-    stickyLeftColumnCount: o.stickyLeftColumnCount,
-    stickyRightColumnCount: o.stickyRightColumnCount
-  };
-  return W ? /* @__PURE__ */ i(V, { ...s }) : /* @__PURE__ */ i(q, { ...s });
+import e from "../../utils/classNames.js";
+import { useOptionalTableInteractionContext as t } from "./context/TableInteractionContext.js";
+import { useOptionalTableLayoutContext as n } from "./context/TableLayoutContext.js";
+import { useOptionalTableRenderConfigContext as r } from "./context/TableRenderConfigContext.js";
+import { useOptionalTableSection as i, useTableHeaderRowContext as a } from "./context/TableStructureContext.js";
+import { useOptionalTableRenderContext as o } from "./context/TableRenderContext.js";
+import s from "./render/header/TableDraggableHeaderCell.js";
+import c from "./render/header/TableStaticHeaderCell.js";
+import { useId as l, useRef as u } from "react";
+import { jsx as d } from "react/jsx-runtime";
+//#region src/components/table/TableHeaderColumn.tsx
+var f = (f) => {
+	let { children: p, className: m, colSpan: h = 1, columnKey: g, draggable: _, filter: v, headerClassName: y, hideLabel: b, hideOnMobile: x, horizontalAlign: S, iconName: C, icon: w, label: T, maxResizeWidth: E, mobileLabel: D, minResizeWidth: O, resizeable: k, rowSpan: A = 1, sortable: j, verticalAlign: M, width: N, ...P } = f, F = o(), I = r(), L = t(), R = n(), z = i(), B = a(), V = l();
+	if (u(!1), !F || !I || !L || !R || z !== "header") return null;
+	let H = B?.row ?? 1;
+	if (F.renderDraft.headerColumns.push({
+		id: V,
+		columnKey: g,
+		label: T ?? p ?? "",
+		icon: C ?? w,
+		filter: v,
+		hideLabel: b,
+		width: N,
+		mobileLabel: D,
+		horizontalAlign: S,
+		verticalAlign: M,
+		headerClassName: e(m, y),
+		hideOnMobile: x,
+		sortable: j,
+		draggable: _,
+		resizeable: k,
+		minResizeWidth: O,
+		maxResizeWidth: E,
+		row: H,
+		colSpan: h,
+		rowSpan: A
+	}), !I.isTableView) return null;
+	let U = F.header, W = U?.columns.find((e) => String(e.key) === V);
+	if (!U || !W) return null;
+	let G = !!W.columnKey && W.colSpan === 1 && W.columnKey !== R.lastResizableColumnKey && W.resizeable === !0 && !!R.onColumnResizeStart, K = !!W.columnKey && W.colSpan === 1 && (R.draggableColumnKeys?.length ?? 0) > 1 && W.draggable === !0 && !!R.onColumnDragEnd, q = {
+		column: W,
+		header: U,
+		htmlAttributes: P,
+		hasResettableWidth: !!W.columnKey && R.resettableColumnKeys?.has(W.columnKey),
+		isResizable: G,
+		onColumnResizeReset: R.onColumnResizeReset,
+		onColumnResizeStart: R.onColumnResizeStart,
+		onSortChange: L.onSortChange,
+		showSelectionColumn: L.showSelectionColumn,
+		stickyLeftColumnCount: R.stickyLeftColumnCount,
+		stickyRightColumnCount: R.stickyRightColumnCount
+	};
+	return d(K ? s : c, { ...q });
 };
-export {
-  ae as default
-};
-//# sourceMappingURL=TableHeaderColumn.js.map
+//#endregion
+export { f 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 { 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             * Resize handles can look like vertical separators in the table header. Use `resizeable` when a design\n             * shows header-only vertical handles between columns, especially when body rows do not show vertical\n             * grid lines.\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","useRef","resolvedRow","classNames","header","headerColumn","column","isResizable","isDraggable","hasResettableWidth","sharedProps","DraggableTableHeaderCell","jsx","StaticTableHeaderCell"],"mappings":";;;;;;;;;;;AAqHA,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;AAGjB,MAFqCC,EAAO,EAAK,GAE7C,CAACd,KAAiB,CAACE,KAAuB,CAACE,KAAsB,CAACE,KAAiBE,MAAY;AAC/F,WAAO;AAWX,QAAMO,IAAcL,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,iBAAiBmB,EAAWpC,GAAWK,CAAe;AAAA,IACtD,cAAAE;AAAA,IACA,UAAAS;AAAA,IACA,WAAAb;AAAA,IACA,YAAAW;AAAA,IACA,gBAAAD;AAAA,IACA,gBAAAF;AAAA,IACA,KAAKwB;AAAA,IACL,SAAAlC;AAAA,IACA,SAAAc;AAAA,EAAA,CACH,GAEG,CAACO,EAAoB;AACrB,WAAO;AAGX,QAAMe,IAASjB,EAAc,QACvBkB,IAAeD,GAAQ,QAAQ,KAAK,OAAU,OAAOE,EAAO,GAAG,MAAMP,CAAQ;AAEnF,MAAI,CAACK,KAAU,CAACC;AACZ,WAAO;AAGX,QAAME,IACF,CAAC,CAACF,EAAa,aACfA,EAAa,YAAY,KACzBA,EAAa,cAAcZ,EAAc,0BACzCY,EAAa,eAAe,MAC5B,CAAC,CAACZ,EAAc,qBAEde,IACF,CAAC,CAACH,EAAa,aACfA,EAAa,YAAY,MACxBZ,EAAc,qBAAqB,UAAU,KAAK,KACnDY,EAAa,cAAc,MAC3B,CAAC,CAACZ,EAAc,iBAEdgB,IACF,CAAC,CAACJ,EAAa,aAAaZ,EAAc,sBAAsB,IAAIY,EAAa,SAAS,GAExFK,IAAc;AAAA,IAChB,QAAQL;AAAA,IACR,QAAAD;AAAA,IACA,gBAAgBlB;AAAA,IAChB,oBAAAuB;AAAA,IACA,aAAAF;AAAA,IACA,qBAAqBd,EAAc;AAAA,IACnC,qBAAqBA,EAAc;AAAA,IACnC,cAAcF,EAAmB;AAAA,IACjC,qBAAqBA,EAAmB;AAAA,IACxC,uBAAuBE,EAAc;AAAA,IACrC,wBAAwBA,EAAc;AAAA,EAAA;AAG1C,SAAOe,sBAAeG,GAAA,EAA0B,GAAGD,GAAa,IAAK,gBAAAE,EAACC,GAAA,EAAuB,GAAGH,EAAA,CAAa;AACjH;"}
+{"version":3,"file":"TableHeaderColumn.js","names":[],"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';\nimport type { IconType } from '../icon/Icon';\n\nexport type TableHeaderColumnProps<RowType extends TableRowData> = Omit<\n    TableColumnDefinition<RowType>,\n    'className' | 'draggable' | 'filter' | 'headerClassName' | 'icon' | 'iconName' | '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 uikit-icon class rendered before the header label in table view.\n             */\n            iconName?: IconType;\n\n            /**\n             * Legacy alias for `iconName`.\n             *\n             * @deprecated Use `iconName` instead.\n             */\n            icon?: IconType;\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             * Resize handles can look like vertical separators in the table header. Use `resizeable` when a design\n             * shows header-only vertical handles between columns, especially when body rows do not show vertical\n             * grid lines.\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        iconName,\n        icon: legacyIcon,\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: iconName ?? legacyIcon,\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"],"mappings":";;;;;;;;;;;;AA6HA,IAAM,KAAkE,MAA2C;CAC/G,IAAM,EACF,aACA,cACA,aAAU,GACV,cACA,cACA,WACA,oBACA,cACA,iBACA,oBACA,aACA,MAAM,GACN,UACA,mBACA,gBACA,mBACA,eACA,aAAU,GACV,aACA,kBACA,UACA,GAAG,MACH,GAEE,IAAgB,EAAuC,GACvD,IAAsB,EAA6C,GACnE,IAAqB,EAA4C,GACjE,IAAgB,EAA8B,GAC9C,IAAU,EAAwB,GAClC,IAAmB,EAAyB,GAC5C,IAAW,EAAM;CAGvB,IAFqC,EAAO,EAAK,GAE7C,CAAC,KAAiB,CAAC,KAAuB,CAAC,KAAsB,CAAC,KAAiB,MAAY,UAC/F,OAAO;CAWX,IAAM,IAAc,GAAkB,OAAO;CAyB7C,IAvBA,EAAc,YAAY,cAAc,KAAK;EACzC,IAAI;EACJ;EACA,OAAO,KAAS,KAAY;EAC5B,MAAM,KAAY;EAClB;EACA;EACA;EACA;EACA;EACA;EACA,iBAAiB,EAAW,GAAW,CAAe;EACtD;EACA;EACA;EACA;EACA;EACA;EACA,KAAK;EACL;EACA;CACJ,CAAC,GAEG,CAAC,EAAoB,aACrB,OAAO;CAGX,IAAM,IAAS,EAAc,QACvB,IAAe,GAAQ,QAAQ,MAAK,MAAU,OAAO,EAAO,GAAG,MAAM,CAAQ;CAEnF,IAAI,CAAC,KAAU,CAAC,GACZ,OAAO;CAGX,IAAM,IACF,CAAC,CAAC,EAAa,aACf,EAAa,YAAY,KACzB,EAAa,cAAc,EAAc,0BACzC,EAAa,eAAe,MAC5B,CAAC,CAAC,EAAc,qBAEd,IACF,CAAC,CAAC,EAAa,aACf,EAAa,YAAY,MACxB,EAAc,qBAAqB,UAAU,KAAK,KACnD,EAAa,cAAc,MAC3B,CAAC,CAAC,EAAc,iBAKd,IAAc;EAChB,QAAQ;EACR;EACA,gBAAgB;EAChB,oBANA,CAAC,CAAC,EAAa,aAAa,EAAc,sBAAsB,IAAI,EAAa,SAAS;EAO1F;EACA,qBAAqB,EAAc;EACnC,qBAAqB,EAAc;EACnC,cAAc,EAAmB;EACjC,qBAAqB,EAAmB;EACxC,uBAAuB,EAAc;EACrC,wBAAwB,EAAc;CAC1C;CAEA,OAAqB,EAAd,IAAe,IAAgD,GAAjD,EAA0B,GAAI,EAAc,CAA6C;AAClH"}

package/components/table/TableHeaderRow.js

@@ -1,14 +1,17 @@
-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 });
+import { TableHeaderRowContext as e, useTableHeaderContext as t } from "./context/TableStructureContext.js";
+import { useOptionalTableRenderContext as n } from "./context/TableRenderContext.js";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/table/TableHeaderRow.tsx
+var i = ({ children: i }) => {
+	let a = n(), o = t();
+	if (!a) return null;
+	let s = (o?.nextHeaderRowIndex() ?? 0) + 1;
+	return /* @__PURE__ */ r(e.Provider, {
+		value: { row: s },
+		children: i
+	});
 };
-export {
-  i as default
-};
-//# sourceMappingURL=TableHeaderRow.js.map
+//#endregion
+export { 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\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;"}
+{"version":3,"file":"TableHeaderRow.js","names":[],"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"],"mappings":";;;;AAYA,IAAM,KAAkB,EAAE,kBAAoC;CAC1D,IAAM,IAAgB,EAA8B,GAC9C,IAAgB,EAAsB;CAE5C,IAAI,CAAC,GACD,OAAO;CAGX,IAAM,KAAO,GAAe,mBAAmB,KAAK,KAAK;CAEzD,OAAO,kBAAC,EAAsB,UAAvB;EAAgC,OAAO,EAAE,OAAI;EAAI;CAAyC,CAAA;AACrG"}

package/components/table/TableRow.js

@@ -1,129 +1,103 @@
-import { jsx as s, jsxs as O, Fragment as B } from "react/jsx-runtime";
-import { motion as H } from "motion/react";
-import { useRef as j } from "react";
-import F from "../checkbox/Checkbox.js";
-import N from "../../utils/classNames.js";
-import { resolveRowKey as E, resolveRowClassName as M } from "./model/resolveRowMeta.js";
-import { getVerticalAlignClassName as q } from "./shared/getAlignClassName.js";
-import { getInteractiveRowProps as z } from "./shared/getInteractiveRowProps.js";
-import { useOptionalTableInteractionContext as G } from "./context/TableInteractionContext.js";
-import { useOptionalTableRenderConfigContext as J } from "./context/TableRenderConfigContext.js";
-import { useOptionalTableSection as L, useTableBodyContext as Q, extractTableHtmlAttributes as T, TableRowContext as U } from "./context/TableStructureContext.js";
-import { useOptionalTableRenderContext as W } from "./context/TableRenderContext.js";
-const X = (p) => {
-  const {
-    isSelected: g,
-    isSelectable: l,
-    hideSelectionControl: x,
-    isTableView: m,
-    onToggleSelection: h,
-    cardCellClassName: b,
-    selectionCheckboxVerticalAlignment: a
-  } = p;
-  return /* @__PURE__ */ s(
-    "div",
-    {
-      className: N(
-        "table-cell table-selection-cell",
-        q(a),
-        !m && b
-      ),
-      role: "cell",
-      "aria-colindex": 1,
-      style: m ? { gridColumn: "1 / span 1", gridRow: "1 / span 1" } : void 0,
-      onClick: (e) => e.stopPropagation(),
-      onKeyDown: (e) => e.stopPropagation(),
-      children: !x && /* @__PURE__ */ s("div", { className: "table-selection-control", children: /* @__PURE__ */ s(F, { checked: g, disabled: !l, onChange: h }) })
-    }
-  );
-}, ae = (p) => {
-  const { children: g, disabled: l, className: x, noHover: m, selectable: h, sticky: b, ...a } = p, e = J(), c = W(), o = G(), I = L(), f = Q(), C = j(0);
-  if (C.current = 0, !c || !e || !o || c.columns.length === 0 || I !== "body" || !f)
-    return null;
-  const d = a, n = f.nextRowIndex(), t = E(d, n, e.rowKey), u = typeof e.rowAnimationProps == "function" ? e.rowAnimationProps(d, n) : e.rowAnimationProps, r = z({
-    isClickable: o.isClickable && !l,
-    onRowClick: (i, w) => {
-      o.onRowClick?.(i, w), o.onActiveRowChange?.(
-        o.activeRowId === t ? void 0 : t,
-        i,
-        w
-      );
-    },
-    row: d,
-    rowIndex: n
-  }), R = o.selectableRowIdSet.has(t), v = R && o.selectedRowIdSet.has(t), P = o.showSelectionColumn && /* @__PURE__ */ s(
-    X,
-    {
-      isSelected: v,
-      isSelectable: R,
-      hideSelectionControl: !R && o.hideSelectionCheckboxesForExcludedRows,
-      isTableView: e.isTableView,
-      onToggleSelection: () => o.onToggleRowSelection?.(t),
-      cardCellClassName: e.cardClasses.cellClassName,
-      selectionCheckboxVerticalAlignment: e.selectionCheckboxVerticalAlignment
-    }
-  ), A = !!c.renderDraft.bodyMaxHeight, y = N(
-    "table-row",
-    !e.isTableView && "divider-y-1 divider-color-lighter divider-style-solid",
-    o.activeRowId === t && "table-row-active",
-    l && "table-row-disabled",
-    v && "table-row-selected",
-    r.isClickableClassName,
-    (l || m) && "table-row-no-hover",
-    b && "table-row-sticky",
-    b && A && "table-row-sticky-in-container",
-    !e.isTableView && e.cardClasses.rowClassName,
-    x,
-    M(e.rowClassName, d, n)
-  ), k = /* @__PURE__ */ O(B, { children: [
-    P,
-    g
-  ] }), V = {
-    ...T(a),
-    className: y,
-    "data-index": n,
-    "data-row-id": String(t),
-    onClick: r.onClick,
-    onKeyDown: r.onKeyDown,
-    role: "row",
-    tabIndex: r.tabIndex
-  }, D = {
-    ...T(a),
-    className: y,
-    "data-index": n,
-    "data-row-id": String(t),
-    onClick: r.onClick,
-    onKeyDown: r.onKeyDown,
-    role: "row",
-    tabIndex: r.tabIndex,
-    ...u
-  }, S = /* @__PURE__ */ s(
-    U.Provider,
-    {
-      value: {
-        nextColumnIndex: (i, w = 1) => {
-          if (i !== void 0 && i >= 0)
-            return C.current = i + w, i;
-          const K = C.current;
-          return C.current += w, K;
-        },
-        rowIndex: n,
-        rowId: t,
-        rowData: d
-      },
-      children: u ? /* @__PURE__ */ s(H.div, { ...D, children: k }) : /* @__PURE__ */ s("div", { ...V, children: k })
-    }
-  );
-  return c.renderDraft.bodyRows.push({
-    rowId: t,
-    rowIndex: n,
-    kind: "data",
-    disabled: l,
-    selectable: !l && h !== !1,
-    render: () => S
-  }), c.isRegisteringBodyRows ? null : S;
+import e from "../../utils/classNames.js";
+import t from "../checkbox/Checkbox.js";
+import { useOptionalTableInteractionContext as n } from "./context/TableInteractionContext.js";
+import { useOptionalTableRenderConfigContext as r } from "./context/TableRenderConfigContext.js";
+import { TableRowContext as i, extractTableHtmlAttributes as a, useOptionalTableSection as o, useTableBodyContext as s } from "./context/TableStructureContext.js";
+import { useOptionalTableRenderContext as c } from "./context/TableRenderContext.js";
+import { getVerticalAlignClassName as l } from "./shared/getAlignClassName.js";
+import { resolveRowClassName as u, resolveRowKey as d } from "./model/resolveRowMeta.js";
+import { getInteractiveRowProps as f } from "./shared/getInteractiveRowProps.js";
+import { useRef as p } from "react";
+import { motion as m } from "motion/react";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+//#region src/components/table/TableRow.tsx
+var v = (n) => {
+	let { isSelected: r, isSelectable: i, hideSelectionControl: a, isTableView: o, onToggleSelection: s, cardCellClassName: c, selectionCheckboxVerticalAlignment: u } = n;
+	return /* @__PURE__ */ g("div", {
+		className: e("table-cell table-selection-cell", l(u), !o && c),
+		role: "cell",
+		"aria-colindex": 1,
+		style: o ? {
+			gridColumn: "1 / span 1",
+			gridRow: "1 / span 1"
+		} : void 0,
+		onClick: (e) => e.stopPropagation(),
+		onKeyDown: (e) => e.stopPropagation(),
+		children: !a && /* @__PURE__ */ g("div", {
+			className: "table-selection-control",
+			children: /* @__PURE__ */ g(t, {
+				checked: r,
+				disabled: !i,
+				onChange: s
+			})
+		})
+	});
+}, y = (t) => {
+	let { children: l, disabled: y, className: b, noHover: x, selectable: S, sticky: C, ...w } = t, T = r(), E = c(), D = n(), O = o(), k = s(), A = p(0);
+	if (A.current = 0, !E || !T || !D || E.columns.length === 0 || O !== "body" || !k) return null;
+	let j = w, M = k.nextRowIndex(), N = d(j, M, T.rowKey), P = typeof T.rowAnimationProps == "function" ? T.rowAnimationProps(j, M) : T.rowAnimationProps, F = f({
+		isClickable: D.isClickable && !y,
+		onRowClick: (e, t) => {
+			D.onRowClick?.(e, t), D.onActiveRowChange?.(D.activeRowId === N ? void 0 : N, e, t);
+		},
+		row: j,
+		rowIndex: M
+	}), I = D.selectableRowIdSet.has(N), L = I && D.selectedRowIdSet.has(N), R = D.showSelectionColumn && /* @__PURE__ */ g(v, {
+		isSelected: L,
+		isSelectable: I,
+		hideSelectionControl: !I && D.hideSelectionCheckboxesForExcludedRows,
+		isTableView: T.isTableView,
+		onToggleSelection: () => D.onToggleRowSelection?.(N),
+		cardCellClassName: T.cardClasses.cellClassName,
+		selectionCheckboxVerticalAlignment: T.selectionCheckboxVerticalAlignment
+	}), z = !!E.renderDraft.bodyMaxHeight, B = e("table-row", !T.isTableView && "divider-y-1 divider-color-lighter divider-style-solid", D.activeRowId === N && "table-row-active", y && "table-row-disabled", L && "table-row-selected", F.isClickableClassName, (y || x) && "table-row-no-hover", C && "table-row-sticky", C && z && "table-row-sticky-in-container", !T.isTableView && T.cardClasses.rowClassName, b, u(T.rowClassName, j, M)), V = /* @__PURE__ */ _(h, { children: [R, l] }), H = {
+		...a(w),
+		className: B,
+		"data-index": M,
+		"data-row-id": String(N),
+		onClick: F.onClick,
+		onKeyDown: F.onKeyDown,
+		role: "row",
+		tabIndex: F.tabIndex
+	}, U = {
+		...a(w),
+		className: B,
+		"data-index": M,
+		"data-row-id": String(N),
+		onClick: F.onClick,
+		onKeyDown: F.onKeyDown,
+		role: "row",
+		tabIndex: F.tabIndex,
+		...P
+	}, W = /* @__PURE__ */ g(i.Provider, {
+		value: {
+			nextColumnIndex: (e, t = 1) => {
+				if (e !== void 0 && e >= 0) return A.current = e + t, e;
+				let n = A.current;
+				return A.current += t, n;
+			},
+			rowIndex: M,
+			rowId: N,
+			rowData: j
+		},
+		children: P ? /* @__PURE__ */ g(m.div, {
+			...U,
+			children: V
+		}) : /* @__PURE__ */ g("div", {
+			...H,
+			children: V
+		})
+	});
+	return E.renderDraft.bodyRows.push({
+		rowId: N,
+		rowIndex: M,
+		kind: "data",
+		disabled: y,
+		selectable: !y && S !== !1,
+		render: () => W
+	}), E.isRegisteringBodyRows ? null : W;
 };
-export {
-  ae as default
-};
-//# sourceMappingURL=TableRow.js.map
+//#endregion
+export { y 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 { 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 { getVerticalAlignClassName } from './shared/getAlignClassName';\nimport { getInteractiveRowProps } from './shared/getInteractiveRowProps';\nimport type { TableHtmlAttributes, TableRowData, TableVerticalAlign } 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 the current table scroll context.\n         * When a sticky `TableHeader` is present, the row stacks below the measured header height.\n         * `TableBody maxHeight` continues to pin the row inside the internal body scroller.\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         * Excludes this row from table selection while keeping the row interactive.\n         */\n        selectable?: boolean;\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    isSelectable: boolean;\n    hideSelectionControl?: boolean;\n    isTableView: boolean;\n    onToggleSelection?: () => void;\n    cardCellClassName?: string;\n    selectionCheckboxVerticalAlignment?: TableVerticalAlign;\n};\n\nconst TableRowSelectionCell = (props: TableRowSelectionCellProps) => {\n    const {\n        isSelected,\n        isSelectable,\n        hideSelectionControl,\n        isTableView,\n        onToggleSelection,\n        cardCellClassName,\n        selectionCheckboxVerticalAlignment,\n    } = props;\n\n    return (\n        <div\n            className={classNames(\n                'table-cell table-selection-cell',\n                getVerticalAlignClassName(selectionCheckboxVerticalAlignment),\n                !isTableView && cardCellClassName\n            )}\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            {!hideSelectionControl && (\n                <div className='table-selection-control'>\n                    <Checkbox checked={isSelected} disabled={!isSelectable} onChange={onToggleSelection} />\n                </div>\n            )}\n        </div>\n    );\n};\n\nconst TableRow = <RowType extends TableRowData = TableRowData>(props: TableRowProps<RowType>) => {\n    const { children, disabled, className, noHover, selectable, 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 isSelectable = interactionContext.selectableRowIdSet.has(rowId);\n    const isSelected = isSelectable && interactionContext.selectedRowIdSet.has(rowId);\n    const selectionCell = interactionContext.showSelectionColumn && (\n        <TableRowSelectionCell\n            isSelected={isSelected}\n            isSelectable={isSelectable}\n            hideSelectionControl={!isSelectable && interactionContext.hideSelectionCheckboxesForExcludedRows}\n            isTableView={renderConfigContext.isTableView}\n            onToggleSelection={() => interactionContext.onToggleRowSelection?.(rowId)}\n            cardCellClassName={renderConfigContext.cardClasses.cellClassName}\n            selectionCheckboxVerticalAlignment={renderConfigContext.selectionCheckboxVerticalAlignment}\n        />\n    );\n\n    const stickyInBodyScrollContainer = !!renderContext.renderDraft.bodyMaxHeight;\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        sticky && stickyInBodyScrollContainer && 'table-row-sticky-in-container',\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        selectable: !disabled && selectable !== false,\n        render: () => rowNode,\n    });\n\n    return renderContext.isRegisteringBodyRows ? null : rowNode;\n};\n\nexport default TableRow;\n"],"names":["TableRowSelectionCell","props","isSelected","isSelectable","hideSelectionControl","isTableView","onToggleSelection","cardCellClassName","selectionCheckboxVerticalAlignment","jsx","classNames","getVerticalAlignClassName","event","Checkbox","TableRow","children","disabled","className","noHover","selectable","sticky","remainingProps","renderConfigContext","useOptionalTableRenderConfigContext","renderContext","useOptionalTableRenderContext","interactionContext","useOptionalTableInteractionContext","section","useOptionalTableSection","bodyContext","useTableBodyContext","cellIndexRef","useRef","rowData","rowIndex","rowId","resolveRowKey","resolvedRowAnimationProps","interactiveRowProps","getInteractiveRowProps","clickedRow","clickedRowIndex","selectionCell","stickyInBodyScrollContainer","rowClassName","resolveRowClassName","rowContent","jsxs","Fragment","staticRowProps","extractTableHtmlAttributes","animatedRowProps","rowNode","TableRowContext","explicitColumnIndex","span","nextIndex","motion"],"mappings":"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"}
+{"version":3,"file":"TableRow.js","names":[],"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 { getVerticalAlignClassName } from './shared/getAlignClassName';\nimport { getInteractiveRowProps } from './shared/getInteractiveRowProps';\nimport type { TableHtmlAttributes, TableRowData, TableVerticalAlign } 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 the current table scroll context.\n         * When a sticky `TableHeader` is present, the row stacks below the measured header height.\n         * `TableBody maxHeight` continues to pin the row inside the internal body scroller.\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         * Excludes this row from table selection while keeping the row interactive.\n         */\n        selectable?: boolean;\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    isSelectable: boolean;\n    hideSelectionControl?: boolean;\n    isTableView: boolean;\n    onToggleSelection?: () => void;\n    cardCellClassName?: string;\n    selectionCheckboxVerticalAlignment?: TableVerticalAlign;\n};\n\nconst TableRowSelectionCell = (props: TableRowSelectionCellProps) => {\n    const {\n        isSelected,\n        isSelectable,\n        hideSelectionControl,\n        isTableView,\n        onToggleSelection,\n        cardCellClassName,\n        selectionCheckboxVerticalAlignment,\n    } = props;\n\n    return (\n        <div\n            className={classNames(\n                'table-cell table-selection-cell',\n                getVerticalAlignClassName(selectionCheckboxVerticalAlignment),\n                !isTableView && cardCellClassName\n            )}\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            {!hideSelectionControl && (\n                <div className='table-selection-control'>\n                    <Checkbox checked={isSelected} disabled={!isSelectable} onChange={onToggleSelection} />\n                </div>\n            )}\n        </div>\n    );\n};\n\nconst TableRow = <RowType extends TableRowData = TableRowData>(props: TableRowProps<RowType>) => {\n    const { children, disabled, className, noHover, selectable, 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 isSelectable = interactionContext.selectableRowIdSet.has(rowId);\n    const isSelected = isSelectable && interactionContext.selectedRowIdSet.has(rowId);\n    const selectionCell = interactionContext.showSelectionColumn && (\n        <TableRowSelectionCell\n            isSelected={isSelected}\n            isSelectable={isSelectable}\n            hideSelectionControl={!isSelectable && interactionContext.hideSelectionCheckboxesForExcludedRows}\n            isTableView={renderConfigContext.isTableView}\n            onToggleSelection={() => interactionContext.onToggleRowSelection?.(rowId)}\n            cardCellClassName={renderConfigContext.cardClasses.cellClassName}\n            selectionCheckboxVerticalAlignment={renderConfigContext.selectionCheckboxVerticalAlignment}\n        />\n    );\n\n    const stickyInBodyScrollContainer = !!renderContext.renderDraft.bodyMaxHeight;\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        sticky && stickyInBodyScrollContainer && 'table-row-sticky-in-container',\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        selectable: !disabled && selectable !== false,\n        render: () => rowNode,\n    });\n\n    return renderContext.isRegisteringBodyRows ? null : rowNode;\n};\n\nexport default TableRow;\n"],"mappings":"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"}

package/components/table/TableRowActionsDropdown.d.ts

@@ -1,5 +1,5 @@
 import { ButtonDropdownProps } from '../dropdown/ButtonDropdown';
-export type TableRowActionsDropdownProps = Omit<ButtonDropdownProps, 'title' | 'bsStyle' | 'variant' | 'iconOnly' | 'iconName' | 'noCaret' | 'splitButton' | 'pullRight' | 'usePortal'> & {
+export type TableRowActionsDropdownProps = Omit<ButtonDropdownProps, 'title' | 'bsStyle' | 'variant' | 'iconOnly' | 'iconName' | 'noCaret' | 'splitButton' | 'pullRight'> & {
     /**
      * Accessible label applied to the icon-only trigger button.
      *