@rio-cloud/rio-uikit 2.3.0-beta.2 → 2.3.0

package/components/table/TableHeaderColumn.js

@@ -1,81 +1,86 @@
-import { jsx as i } from "react/jsx-runtime";
-import { useId as j } from "react";
-import E from "../../utils/classNames.js";
-import M from "./render/header/TableDraggableHeaderCell.js";
-import V from "./render/header/TableStaticHeaderCell.js";
-import { useOptionalTableInteractionContext as q } from "./context/TableInteractionContext.js";
-import { useOptionalTableLayoutContext as B } from "./context/TableLayoutContext.js";
-import { useOptionalTableRenderConfigContext as F } from "./context/TableRenderConfigContext.js";
-import { useOptionalTableSection as G, useTableHeaderRowContext as J } from "./context/TableStructureContext.js";
-import { useOptionalTableRenderContext as Q } from "./context/TableRenderContext.js";
-const le = (m) => {
+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: u,
-    className: c,
-    colSpan: C = 1,
-    columnKey: d,
+    children: C,
+    className: h,
+    colSpan: a = 1,
+    columnKey: r,
     draggable: b,
-    filter: h,
+    filter: f,
     headerClassName: p,
-    hideLabel: f,
-    hideOnMobile: g,
-    horizontalAlign: R,
-    icon: y,
-    label: S,
-    maxResizeWidth: x,
+    hideLabel: g,
+    hideOnMobile: R,
+    horizontalAlign: y,
+    icon: S,
+    label: x,
+    maxResizeWidth: w,
     mobileLabel: z,
-    minResizeWidth: w,
+    minResizeWidth: K,
     resizeable: T,
-    rowSpan: K = 1,
+    rowSpan: H = 1,
     sortable: O,
-    verticalAlign: L,
-    width: D,
-    ...H
-  } = m, n = Q(), r = F(), t = q(), o = B(), N = G(), k = J(), a = j();
-  if (!n || !r || !t || !o || N !== "header")
+    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;
-  const A = k?.row ?? 1;
-  if (n.renderDraft.headerColumns.push({
-    id: a,
-    columnKey: d,
-    label: S ?? u ?? "",
-    icon: y,
-    filter: h,
-    hideLabel: f,
-    width: D,
+  !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: R,
-    verticalAlign: L,
-    headerClassName: E(c, p),
-    hideOnMobile: g,
+    horizontalAlign: y,
+    verticalAlign: k,
+    headerClassName: V(h, p),
+    hideOnMobile: R,
     sortable: O,
     draggable: b,
     resizeable: T,
-    minResizeWidth: w,
-    maxResizeWidth: x,
-    row: A,
-    colSpan: C,
-    rowSpan: K
-  }), !r.isTableView)
+    minResizeWidth: K,
+    maxResizeWidth: w,
+    row: N,
+    colSpan: a,
+    rowSpan: H
+  }), !s.isTableView)
     return null;
-  const l = n.header, e = l?.columns.find((P) => String(P.key) === a);
+  const l = t.header, e = l?.columns.find((M) => String(M.key) === i);
   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 = {
+  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: H,
-    hasResettableWidth: v,
-    isResizable: I,
+    htmlAttributes: W,
+    hasResettableWidth: P,
+    isResizable: A,
     onColumnResizeReset: o.onColumnResizeReset,
     onColumnResizeStart: o.onColumnResizeStart,
-    onSortChange: t.onSortChange,
-    showSelectionColumn: t.showSelectionColumn,
-    stickyLeftColumnCount: o.stickyLeftColumnCount
+    onSortChange: n.onSortChange,
+    showSelectionColumn: n.showSelectionColumn,
+    stickyLeftColumnCount: o.stickyLeftColumnCount,
+    stickyRightColumnCount: o.stickyRightColumnCount
   };
-  return W ? /* @__PURE__ */ i(M, { ...s }) : /* @__PURE__ */ i(V, { ...s });
+  return I ? /* @__PURE__ */ c(B, { ...m }) : /* @__PURE__ */ c(F, { ...m });
 };
 export {
-  le 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 { useId, type PropsWithChildren, type ReactNode } from 'react';\n\nimport classNames from '../../utils/classNames';\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 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             * 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\n    if (!renderContext || !renderConfigContext || !interactionContext || !layoutContext || section !== 'header') {\n        return null;\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    };\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","resolvedRow","classNames","header","headerColumn","column","isResizable","isDraggable","hasResettableWidth","sharedProps","DraggableTableHeaderCell","jsx","StaticTableHeaderCell"],"mappings":";;;;;;;;;;AAsGA,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;AAEjB,MAAI,CAACb,KAAiB,CAACE,KAAuB,CAACE,KAAsB,CAACE,KAAiBE,MAAY;AAC/F,WAAO;AAGX,QAAMM,IAAcJ,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,iBAAiBkB,EAAWnC,GAAWK,CAAe;AAAA,IACtD,cAAAE;AAAA,IACA,UAAAS;AAAA,IACA,WAAAb;AAAA,IACA,YAAAW;AAAA,IACA,gBAAAD;AAAA,IACA,gBAAAF;AAAA,IACA,KAAKuB;AAAA,IACL,SAAAjC;AAAA,IACA,SAAAc;AAAA,EAAA,CACH,GAEG,CAACO,EAAoB;AACrB,WAAO;AAGX,QAAMc,IAAShB,EAAc,QACvBiB,IAAeD,GAAQ,QAAQ,KAAK,OAAU,OAAOE,EAAO,GAAG,MAAMN,CAAQ;AAEnF,MAAI,CAACI,KAAU,CAACC;AACZ,WAAO;AAGX,QAAME,IACF,CAAC,CAACF,EAAa,aACfA,EAAa,YAAY,KACzBA,EAAa,cAAcX,EAAc,0BACzCW,EAAa,eAAe,MAC5B,CAAC,CAACX,EAAc,qBAEdc,IACF,CAAC,CAACH,EAAa,aACfA,EAAa,YAAY,MACxBX,EAAc,qBAAqB,UAAU,KAAK,KACnDW,EAAa,cAAc,MAC3B,CAAC,CAACX,EAAc,iBAEde,IACF,CAAC,CAACJ,EAAa,aAAaX,EAAc,sBAAsB,IAAIW,EAAa,SAAS,GAExFK,IAAc;AAAA,IAChB,QAAQL;AAAA,IACR,QAAAD;AAAA,IACA,gBAAgBjB;AAAA,IAChB,oBAAAsB;AAAA,IACA,aAAAF;AAAA,IACA,qBAAqBb,EAAc;AAAA,IACnC,qBAAqBA,EAAc;AAAA,IACnC,cAAcF,EAAmB;AAAA,IACjC,qBAAqBA,EAAmB;AAAA,IACxC,uBAAuBE,EAAc;AAAA,EAAA;AAGzC,SAAOc,sBAAeG,GAAA,EAA0B,GAAGD,GAAa,IAAK,gBAAAE,EAACC,GAAA,EAAuB,GAAGH,EAAA,CAAa;AACjH;"}
+{"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/TableRow.d.ts

@@ -1,6 +1,14 @@
 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 the current table scroll context.
+     * When a sticky `TableHeader` is present, the row stacks below the measured header height.
+     * `TableBody maxHeight` continues to pin the row inside the internal body scroller.
+     *
+     * @default false
+     */
+    sticky?: boolean;
     /**
      * Disables row interaction such as hover styles, clicks, and keyboard activation.
      *
@@ -11,6 +19,10 @@ export type TableRowProps<RowType extends TableRowData> = TableHtmlAttributes &
      * Optional class names only for this row.
      */
     className?: string;
+    /**
+     * Excludes this row from table selection while keeping the row interactive.
+     */
+    selectable?: boolean;
     /**
      * Disable table hover styling for this row.
      */

package/components/table/TableRow.js

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

package/components/table/TableRowActionsDropdown.d.ts

@@ -0,0 +1,11 @@
+import { ButtonDropdownProps } from '../dropdown/ButtonDropdown';
+export type TableRowActionsDropdownProps = Omit<ButtonDropdownProps, 'title' | 'bsStyle' | 'variant' | 'iconOnly' | 'iconName' | 'noCaret' | 'splitButton' | 'pullRight' | 'usePortal'> & {
+    /**
+     * Accessible label applied to the icon-only trigger button.
+     *
+     * @default 'Row actions'
+     */
+    'aria-label'?: string;
+};
+declare const TableRowActionsDropdown: ({ "aria-label": ariaLabel, ...remainingProps }: TableRowActionsDropdownProps) => import("react/jsx-runtime").JSX.Element;
+export default TableRowActionsDropdown;

package/components/table/TableRowActionsDropdown.js

@@ -0,0 +1,22 @@
+import { jsx as o } from "react/jsx-runtime";
+import a from "../dropdown/ButtonDropdown.js";
+const i = ({
+  "aria-label": t = "Row actions",
+  ...r
+}) => /* @__PURE__ */ o(
+  a,
+  {
+    ...r,
+    "aria-label": t,
+    title: /* @__PURE__ */ o("span", { className: "rioglyph rioglyph-option-horizontal", "aria-hidden": "true" }),
+    bsStyle: "muted",
+    iconOnly: !0,
+    noCaret: !0,
+    pullRight: !0,
+    usePortal: !0
+  }
+);
+export {
+  i as default
+};
+//# sourceMappingURL=TableRowActionsDropdown.js.map

package/components/table/TableRowActionsDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableRowActionsDropdown.js","sources":["../../../src/components/table/TableRowActionsDropdown.tsx"],"sourcesContent":["import ButtonDropdown, { type ButtonDropdownProps } from '../dropdown/ButtonDropdown';\n\nexport type TableRowActionsDropdownProps = Omit<\n    ButtonDropdownProps,\n    'title' | 'bsStyle' | 'variant' | 'iconOnly' | 'iconName' | 'noCaret' | 'splitButton' | 'pullRight' | 'usePortal'\n> & {\n    /**\n     * Accessible label applied to the icon-only trigger button.\n     *\n     * @default 'Row actions'\n     */\n    'aria-label'?: string;\n};\n\nconst TableRowActionsDropdown = ({\n    'aria-label': ariaLabel = 'Row actions',\n    ...remainingProps\n}: TableRowActionsDropdownProps) => (\n    <ButtonDropdown\n        {...remainingProps}\n        aria-label={ariaLabel}\n        title={<span className='rioglyph rioglyph-option-horizontal' aria-hidden='true' />}\n        bsStyle='muted'\n        iconOnly\n        noCaret\n        pullRight\n        usePortal\n    />\n);\n\nexport default TableRowActionsDropdown;\n"],"names":["TableRowActionsDropdown","ariaLabel","remainingProps","jsx","ButtonDropdown"],"mappings":";;AAcA,MAAMA,IAA0B,CAAC;AAAA,EAC7B,cAAcC,IAAY;AAAA,EAC1B,GAAGC;AACP,MACI,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACI,GAAGF;AAAA,IACJ,cAAYD;AAAA,IACZ,OAAO,gBAAAE,EAAC,QAAA,EAAK,WAAU,uCAAsC,eAAY,QAAO;AAAA,IAChF,SAAQ;AAAA,IACR,UAAQ;AAAA,IACR,SAAO;AAAA,IACP,WAAS;AAAA,IACT,WAAS;AAAA,EAAA;AACb;"}

package/components/table/TableStickyRowButton.d.ts

@@ -0,0 +1,25 @@
+import { MouseEventHandler } from 'react';
+export type TableStickyRowButtonProps = {
+    /**
+     * Controls whether the related row is currently sticky.
+     *
+     * @default false
+     */
+    active?: boolean;
+    /**
+     * Disables the sticky row button.
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Callback triggered when the sticky row button is clicked.
+     */
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    /**
+     * Optional additional class names for the button element.
+     */
+    className?: string;
+};
+declare const TableStickyRowButton: (props: TableStickyRowButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default TableStickyRowButton;

package/components/table/TableStickyRowButton.js

@@ -0,0 +1,32 @@
+import { jsx as o } from "react/jsx-runtime";
+import l from "../button/Button.js";
+import s from "../../utils/classNames.js";
+const u = (a) => {
+  const { active: t = !1, disabled: i = !1, onClick: r, className: e, ...n } = a;
+  return /* @__PURE__ */ o(
+    l,
+    {
+      ...n,
+      bsStyle: "muted",
+      bsSize: "sm",
+      iconOnly: !0,
+      active: t,
+      disabled: i,
+      className: s("table-sticky-row-button", e),
+      onClick: r,
+      children: /* @__PURE__ */ o(
+        "span",
+        {
+          className: s(
+            "rioglyph rioglyph-pushpin transition-all transition-ease-in-out transition-duration-01 transform-origin-center",
+            t ? "rotate-315" : "rotate-360"
+          )
+        }
+      )
+    }
+  );
+};
+export {
+  u as default
+};
+//# sourceMappingURL=TableStickyRowButton.js.map

package/components/table/TableStickyRowButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableStickyRowButton.js","sources":["../../../src/components/table/TableStickyRowButton.tsx"],"sourcesContent":["import type { MouseEventHandler } from 'react';\n\nimport Button from '../button/Button';\nimport classNames from '../../utils/classNames';\n\nexport type TableStickyRowButtonProps = {\n    /**\n     * Controls whether the related row is currently sticky.\n     *\n     * @default false\n     */\n    active?: boolean;\n\n    /**\n     * Disables the sticky row button.\n     *\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * Callback triggered when the sticky row button is clicked.\n     */\n    onClick?: MouseEventHandler<HTMLButtonElement>;\n\n    /**\n     * Optional additional class names for the button element.\n     */\n    className?: string;\n};\n\nconst TableStickyRowButton = (props: TableStickyRowButtonProps) => {\n    const { active = false, disabled = false, onClick, className, ...remainingProps } = props;\n\n    return (\n        <Button\n            {...remainingProps}\n            bsStyle='muted'\n            bsSize='sm'\n            iconOnly\n            active={active}\n            disabled={disabled}\n            className={classNames('table-sticky-row-button', className)}\n            onClick={onClick}\n        >\n            <span\n                className={classNames(\n                    'rioglyph rioglyph-pushpin transition-all transition-ease-in-out transition-duration-01 transform-origin-center',\n                    active ? 'rotate-315' : 'rotate-360'\n                )}\n            />\n        </Button>\n    );\n};\n\nexport default TableStickyRowButton;\n"],"names":["TableStickyRowButton","props","active","disabled","onClick","className","remainingProps","jsx","Button","classNames"],"mappings":";;;AA+BA,MAAMA,IAAuB,CAACC,MAAqC;AAC/D,QAAM,EAAE,QAAAC,IAAS,IAAO,UAAAC,IAAW,IAAO,SAAAC,GAAS,WAAAC,GAAW,GAAGC,EAAA,IAAmBL;AAEpF,SACI,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACI,GAAGF;AAAA,MACJ,SAAQ;AAAA,MACR,QAAO;AAAA,MACP,UAAQ;AAAA,MACR,QAAAJ;AAAA,MACA,UAAAC;AAAA,MACA,WAAWM,EAAW,2BAA2BJ,CAAS;AAAA,MAC1D,SAAAD;AAAA,MAEA,UAAA,gBAAAG;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAWE;AAAA,YACP;AAAA,YACAP,IAAS,eAAe;AAAA,UAAA;AAAA,QAC5B;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AAGZ;"}