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

package/components/table/TableHeader.js

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

package/components/table/TableHeader.js.map

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

package/components/table/TableRow.d.ts

@@ -2,7 +2,9 @@ import { ReactNode } from 'react';
 import { TableHtmlAttributes, TableRowData } from './Table.types';
 export type TableRowProps<RowType extends TableRowData> = TableHtmlAttributes & Partial<RowType> & {
     /**
-     * Keeps the row sticky at the top of a scrollable table body.
+     * 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
      */
@@ -17,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,112 +1,115 @@
-import { jsx as a, jsxs as K, Fragment as A } from "react/jsx-runtime";
-import { motion as V } from "motion/react";
-import { useRef as O } from "react";
-import j from "../checkbox/Checkbox.js";
+import { 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 B, resolveRowClassName as H } from "./model/resolveRowMeta.js";
-import { getInteractiveRowProps as F } from "./shared/getInteractiveRowProps.js";
-import { useOptionalTableInteractionContext as q } from "./context/TableInteractionContext.js";
-import { useOptionalTableRenderConfigContext as z } from "./context/TableRenderConfigContext.js";
-import { useOptionalTableSection as E, useTableBodyContext as G, extractTableHtmlAttributes as T, TableRowContext as J } from "./context/TableStructureContext.js";
-import { useOptionalTableRenderContext as L } from "./context/TableRenderContext.js";
-const M = (C) => {
-  const { isSelected: b, isTableView: n, onToggleSelection: p, cardCellClassName: R, disabled: g } = C;
+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: N("table-cell table-selection-cell", !n && R),
+      className: N("table-cell table-selection-cell", !b && m),
       role: "cell",
       "aria-colindex": 1,
-      style: n ? { gridColumn: "1 / span 1", gridRow: "1 / span 1" } : void 0,
-      onClick: (s) => s.stopPropagation(),
-      onKeyDown: (s) => s.stopPropagation(),
-      children: /* @__PURE__ */ a("div", { className: "table-selection-control", children: /* @__PURE__ */ a(j, { checked: b, disabled: g, onChange: p }) })
+      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 }) })
     }
   );
-}, ne = (C) => {
-  const { children: b, disabled: n, className: p, noHover: R, sticky: g, ...s } = C, e = z(), w = L(), o = q(), k = E(), u = G(), m = O(0);
-  if (m.current = 0, !w || !e || !o || w.columns.length === 0 || k !== "body" || !u)
+}, 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 = s, r = u.nextRowIndex(), t = B(c, r, e.rowKey), v = typeof e.rowAnimationProps == "function" ? e.rowAnimationProps(c, r) : e.rowAnimationProps, l = F({
-    isClickable: o.isClickable && !n,
-    onRowClick: (i, d) => {
-      o.onRowClick?.(i, d), o.onActiveRowChange?.(
+  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,
         i,
-        d
+        w
       );
     },
-    row: c,
-    rowIndex: r
-  }), x = o.selectedRowIdSet.has(t), P = o.showSelectionColumn && /* @__PURE__ */ a(
-    M,
+    row: d,
+    rowIndex: n
+  }), u = o.selectableRowIdSet.has(t), v = u && o.selectedRowIdSet.has(t), P = o.showSelectionColumn && /* @__PURE__ */ a(
+    W,
     {
-      isSelected: x,
+      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
     }
-  ), f = N(
+  ), 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",
-    x && "table-row-selected",
-    l.isClickableClassName,
-    (n || R) && "table-row-no-hover",
-    g && "table-row-sticky",
+    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,
-    H(e.rowClassName, c, r)
-  ), y = /* @__PURE__ */ K(A, { children: [
+    x,
+    M(e.rowClassName, d, n)
+  ), S = /* @__PURE__ */ O(B, { children: [
     P,
-    b
-  ] }), I = {
-    ...T(s),
-    className: f,
-    "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
-  }, S = {
-    ...T(s),
-    className: f,
-    "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,
-    ...v
-  }, h = /* @__PURE__ */ a(
-    J.Provider,
+    tabIndex: s.tabIndex,
+    ...h
+  }, T = /* @__PURE__ */ a(
+    Q.Provider,
     {
       value: {
-        nextColumnIndex: (i, d = 1) => {
+        nextColumnIndex: (i, w = 1) => {
           if (i !== void 0 && i >= 0)
-            return m.current = i + d, i;
-          const D = m.current;
-          return m.current += d, D;
+            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: v ? /* @__PURE__ */ a(V.div, { ...S, children: y }) : /* @__PURE__ */ a("div", { ...I, children: y })
+      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 {
-  ne 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         * Keeps the row sticky at the top of a scrollable table body.\n         *\n         * @default false\n         */\n        sticky?: boolean;\n\n        /**\n         * Disables row interaction such as hover styles, clicks, and keyboard activation.\n         *\n         * @default false\n         */\n        disabled?: boolean;\n\n        /**\n         * Optional class names only for this row.\n         */\n        className?: string;\n\n        /**\n         * Disable table hover styling for this row.\n         */\n        noHover?: boolean;\n\n        /**\n         * Table row content.\n         */\n        children?: ReactNode;\n    };\n\ntype TableRowSelectionCellProps = {\n    isSelected: boolean;\n    isTableView: boolean;\n    onToggleSelection?: () => void;\n    cardCellClassName?: string;\n    disabled?: boolean;\n};\n\nconst TableRowSelectionCell = (props: TableRowSelectionCellProps) => {\n    const { isSelected, isTableView, onToggleSelection, cardCellClassName, disabled } = props;\n\n    return (\n        <div\n            className={classNames('table-cell table-selection-cell', !isTableView && cardCellClassName)}\n            role='cell'\n            aria-colindex={1}\n            style={isTableView ? { gridColumn: '1 / span 1', gridRow: '1 / span 1' } : undefined}\n            onClick={event => event.stopPropagation()}\n            onKeyDown={event => event.stopPropagation()}\n        >\n            <div className='table-selection-control'>\n                <Checkbox checked={isSelected} disabled={disabled} onChange={onToggleSelection} />\n            </div>\n        </div>\n    );\n};\n\nconst TableRow = <RowType extends TableRowData = TableRowData>(props: TableRowProps<RowType>) => {\n    const { children, disabled, className, noHover, sticky, ...remainingProps } = props;\n\n    const renderConfigContext = useOptionalTableRenderConfigContext<RowType>();\n    const renderContext = useOptionalTableRenderContext<RowType>();\n    const interactionContext = useOptionalTableInteractionContext<RowType>();\n    const section = useOptionalTableSection();\n    const bodyContext = useTableBodyContext();\n\n    const cellIndexRef = useRef(0);\n    cellIndexRef.current = 0;\n\n    if (\n        !renderContext ||\n        !renderConfigContext ||\n        !interactionContext ||\n        renderContext.columns.length === 0 ||\n        section !== 'body' ||\n        !bodyContext\n    ) {\n        return null;\n    }\n\n    const rowData = remainingProps as RowType;\n    const rowIndex = bodyContext.nextRowIndex();\n    const rowId = resolveRowKey(rowData, rowIndex, renderConfigContext.rowKey);\n\n    const resolvedRowAnimationProps =\n        typeof renderConfigContext.rowAnimationProps === 'function'\n            ? renderConfigContext.rowAnimationProps(rowData, rowIndex)\n            : renderConfigContext.rowAnimationProps;\n\n    const interactiveRowProps = getInteractiveRowProps({\n        isClickable: interactionContext.isClickable && !disabled,\n        onRowClick: (clickedRow, clickedRowIndex) => {\n            interactionContext.onRowClick?.(clickedRow, clickedRowIndex);\n            interactionContext.onActiveRowChange?.(\n                interactionContext.activeRowId === rowId ? undefined : rowId,\n                clickedRow,\n                clickedRowIndex\n            );\n        },\n        row: rowData,\n        rowIndex,\n    });\n\n    const isSelected = interactionContext.selectedRowIdSet.has(rowId);\n    const selectionCell = interactionContext.showSelectionColumn && (\n        <TableRowSelectionCell\n            isSelected={isSelected}\n            isTableView={renderConfigContext.isTableView}\n            onToggleSelection={() => interactionContext.onToggleRowSelection?.(rowId)}\n            cardCellClassName={renderConfigContext.cardClasses.cellClassName}\n            disabled={disabled}\n        />\n    );\n\n    const rowClassName = classNames(\n        'table-row',\n        !renderConfigContext.isTableView && 'divider-y-1 divider-color-lighter divider-style-solid',\n        interactionContext.activeRowId === rowId && 'table-row-active',\n        disabled && 'table-row-disabled',\n        isSelected && 'table-row-selected',\n        interactiveRowProps.isClickableClassName,\n        (disabled || noHover) && 'table-row-no-hover',\n        sticky && 'table-row-sticky',\n        !renderConfigContext.isTableView && renderConfigContext.cardClasses.rowClassName,\n        className,\n        resolveRowClassName(renderConfigContext.rowClassName, rowData, rowIndex)\n    );\n\n    const rowContent = (\n        <>\n            {selectionCell}\n            {children}\n        </>\n    );\n\n    const staticRowProps = {\n        ...extractTableHtmlAttributes(remainingProps),\n        className: rowClassName,\n        'data-index': rowIndex,\n        'data-row-id': String(rowId),\n        onClick: interactiveRowProps.onClick,\n        onKeyDown: interactiveRowProps.onKeyDown,\n        role: 'row' as const,\n        tabIndex: interactiveRowProps.tabIndex,\n    };\n\n    const animatedRowProps = {\n        ...(extractTableHtmlAttributes(remainingProps) as Omit<\n            HTMLMotionProps<'div'>,\n            'children' | 'className' | 'data-index' | 'data-row-id' | 'onClick' | 'onKeyDown' | 'role' | 'tabIndex'\n        >),\n        className: rowClassName,\n        'data-index': rowIndex,\n        'data-row-id': String(rowId),\n        onClick: interactiveRowProps.onClick,\n        onKeyDown: interactiveRowProps.onKeyDown,\n        role: 'row' as const,\n        tabIndex: interactiveRowProps.tabIndex,\n        ...resolvedRowAnimationProps,\n    };\n\n    const rowNode = (\n        <TableRowContext.Provider\n            value={{\n                nextColumnIndex: (explicitColumnIndex, span = 1) => {\n                    if (explicitColumnIndex !== undefined && explicitColumnIndex >= 0) {\n                        cellIndexRef.current = explicitColumnIndex + span;\n                        return explicitColumnIndex;\n                    }\n\n                    const nextIndex = cellIndexRef.current;\n                    cellIndexRef.current += span;\n                    return nextIndex;\n                },\n                rowIndex,\n                rowId,\n                rowData,\n            }}\n        >\n            {resolvedRowAnimationProps ? (\n                <motion.div {...animatedRowProps}>{rowContent}</motion.div>\n            ) : (\n                <div {...staticRowProps}>{rowContent}</div>\n            )}\n        </TableRowContext.Provider>\n    );\n\n    renderContext.renderDraft.bodyRows.push({\n        rowId,\n        rowIndex,\n        kind: 'data',\n        disabled,\n        render: () => rowNode,\n    });\n\n    return renderContext.isRegisteringBodyRows ? null : rowNode;\n};\n\nexport default TableRow;\n"],"names":["TableRowSelectionCell","props","isSelected","isTableView","onToggleSelection","cardCellClassName","disabled","jsx","classNames","event","Checkbox","TableRow","children","className","noHover","sticky","remainingProps","renderConfigContext","useOptionalTableRenderConfigContext","renderContext","useOptionalTableRenderContext","interactionContext","useOptionalTableInteractionContext","section","useOptionalTableSection","bodyContext","useTableBodyContext","cellIndexRef","useRef","rowData","rowIndex","rowId","resolveRowKey","resolvedRowAnimationProps","interactiveRowProps","getInteractiveRowProps","clickedRow","clickedRowIndex","selectionCell","rowClassName","resolveRowClassName","rowContent","jsxs","Fragment","staticRowProps","extractTableHtmlAttributes","animatedRowProps","rowNode","TableRowContext","explicitColumnIndex","span","nextIndex","motion"],"mappings":"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"}
+{"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;