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

package/components/table/TableColumn.js

@@ -1,118 +1,74 @@
-import { jsx as b, jsxs as j } from "react/jsx-runtime";
-import c from "../../utils/classNames.js";
-import { getNodeTextContent as H } from "../../utils/getNodeTextContent.js";
-import { getVerticalAlignClassName as T, getHorizontalAlignClassName as I } from "./shared/getAlignClassName.js";
-import L from "./shared/getCellContentOverflowClassName.js";
-import { resolveAriaSpan as P, resolveAriaColIndex as D } from "./shared/resolveTableAria.js";
-import { useOptionalTableInteractionContext as $ } from "./context/TableInteractionContext.js";
-import { useOptionalTableLayoutContext as q } from "./context/TableLayoutContext.js";
-import { useOptionalTableRenderConfigContext as E } from "./context/TableRenderConfigContext.js";
-import { useOptionalTableSection as G, useTableRowContext as J } from "./context/TableStructureContext.js";
-import { useOptionalTableRenderContext as Q } from "./context/TableRenderContext.js";
-const ae = (F) => {
-  const {
-    children: f,
-    className: g,
-    colSpan: h = 1,
-    columnKey: t,
-    horizontalAlign: M,
-    overflow: y = "hidden",
-    preventRowClick: m = !1,
-    value: p,
-    verticalAlign: W,
-    ...x
-  } = F, n = E(), o = Q(), d = $(), i = q(), v = G(), a = J(), s = v === "body", r = v === "footer";
-  if (!o || !n || !d || !i || o.columns.length === 0 || !s && !r || s && !a)
-    return null;
-  const N = t !== void 0 ? o.columnIndexByKey.get(t) : void 0, u = a?.nextColumnIndex(N, h) ?? N ?? -1;
-  if (u < 0)
-    return null;
-  const e = o.columns[u], l = u + 1, B = l + (d.showSelectionColumn ? 1 : 0), w = M ?? e?.horizontalAlign, k = W ?? e?.verticalAlign, S = s && a?.rowData && n.cellClassName?.(
-    a.rowData,
-    o.columnDefinitionsByKey.get(e?.columnKey ?? t ?? "") ?? {
-      key: e?.columnKey ?? t ?? String(l),
-      label: e?.label ?? "",
-      icon: e?.icon,
-      filter: e?.filter,
-      hideLabel: e?.hideLabel,
-      width: e?.width,
-      minResizeWidth: e?.minResizeWidth,
-      maxResizeWidth: e?.maxResizeWidth,
-      draggable: e?.draggable,
-      resizeable: e?.resizeable,
-      horizontalAlign: e?.horizontalAlign,
-      className: void 0,
-      headerClassName: e?.headerClassName,
-      hideOnMobile: e?.hideOnMobile,
-      sortable: e?.sortable
-    },
-    a.rowIndex,
-    u
-  ), z = i.stickyLeftColumnCount ?? 0, A = i.stickyRightColumnCount ?? 0, R = z > 0 && l <= z, O = A > 0 && l > o.columns.length - A, K = e?.mobileLabel ?? H(e?.label) ?? "", C = (V) => {
-    V.stopPropagation();
-  };
-  return r && (o.renderDraft.hasFooterCells = !0), n.isTableView ? /* @__PURE__ */ b(
-    "div",
-    {
-      ...x,
-      className: c(
-        "table-cell",
-        r && "table-footer-cell",
-        s && R && "table-cell-sticky-left-column",
-        s && O && "table-cell-sticky-right-column",
-        r && i.stickyFooter && R && "table-footer-cell-sticky-left-column",
-        r && i.stickyFooter && O && "table-footer-cell-sticky-right-column",
-        I(w),
-        T(k),
-        e?.hideOnMobile && "table-hide-mobile",
-        S,
-        g
-      ),
-      "data-column": e?.columnKey ?? t ?? l,
-      role: "cell",
-      "aria-colindex": D(l, d.showSelectionColumn),
-      "aria-colspan": P(h),
-      onClick: m ? C : void 0,
-      onKeyDown: m ? C : void 0,
-      style: { gridColumn: `${B} / span ${h}`, gridRow: "1 / span 1" },
-      children: /* @__PURE__ */ b("div", { className: c("table-cell-content", L(y)), children: p ?? f ?? "" })
-    }
-  ) : /* @__PURE__ */ j(
-    "div",
-    {
-      ...x,
-      className: c(
-        "table-cell",
-        n.cardClasses.cellClassName,
-        I(w),
-        T(k),
-        e?.hideOnMobile && "table-hide-mobile",
-        S,
-        g
-      ),
-      "data-column": e?.columnKey ?? t ?? l,
-      role: "cell",
-      "aria-colindex": D(l, d.showSelectionColumn),
-      onClick: m ? C : void 0,
-      onKeyDown: m ? C : void 0,
-      children: [
-        K && /* @__PURE__ */ b("div", { className: c("table-cell-label", n.cardClasses.labelClassName), children: K }),
-        /* @__PURE__ */ b(
-          "div",
-          {
-            className: c(
-              "table-cell-content",
-              n.cardClasses.contentClassName,
-              L(y)
-            ),
-            children: p ?? f ?? ""
-          }
-        )
-      ]
-    }
-  );
+import e from "../../utils/classNames.js";
+import { useOptionalTableInteractionContext as t } from "./context/TableInteractionContext.js";
+import { useOptionalTableLayoutContext as n } from "./context/TableLayoutContext.js";
+import { useOptionalTableRenderConfigContext as r } from "./context/TableRenderConfigContext.js";
+import { useOptionalTableSection as i, useTableRowContext as a } from "./context/TableStructureContext.js";
+import { useOptionalTableRenderContext as o } from "./context/TableRenderContext.js";
+import { getNodeTextContent as s } from "../../utils/getNodeTextContent.js";
+import { getHorizontalAlignClassName as c, getVerticalAlignClassName as l } from "./shared/getAlignClassName.js";
+import u from "./shared/getCellContentOverflowClassName.js";
+import { resolveAriaColIndex as d, resolveAriaSpan as f } from "./shared/resolveTableAria.js";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/components/table/TableColumn.tsx
+var h = (h) => {
+	let { children: g, className: _, colSpan: v = 1, columnKey: y, horizontalAlign: b, overflow: x = "hidden", preventRowClick: S = !1, value: C, verticalAlign: w, ...T } = h, E = r(), D = o(), O = t(), k = n(), A = i(), j = a(), M = A === "body", N = A === "footer";
+	if (!D || !E || !O || !k || D.columns.length === 0 || !M && !N || M && !j) return null;
+	let P = y === void 0 ? void 0 : D.columnIndexByKey.get(y), F = j?.nextColumnIndex(P, v) ?? P ?? -1;
+	if (F < 0) return null;
+	let I = D.columns[F], L = F + 1, R = L + +!!O.showSelectionColumn, z = b ?? I?.horizontalAlign, B = w ?? I?.verticalAlign, V = M && j?.rowData && E.cellClassName?.(j.rowData, D.columnDefinitionsByKey.get(I?.columnKey ?? y ?? "") ?? {
+		key: I?.columnKey ?? y ?? String(L),
+		label: I?.label ?? "",
+		icon: I?.icon,
+		filter: I?.filter,
+		hideLabel: I?.hideLabel,
+		width: I?.width,
+		minResizeWidth: I?.minResizeWidth,
+		maxResizeWidth: I?.maxResizeWidth,
+		draggable: I?.draggable,
+		resizeable: I?.resizeable,
+		horizontalAlign: I?.horizontalAlign,
+		className: void 0,
+		headerClassName: I?.headerClassName,
+		hideOnMobile: I?.hideOnMobile,
+		sortable: I?.sortable
+	}, j.rowIndex, F), H = k.stickyLeftColumnCount ?? 0, U = k.stickyRightColumnCount ?? 0, W = H > 0 && L <= H, G = U > 0 && L > D.columns.length - U, K = I?.mobileLabel ?? s(I?.label) ?? "", q = (e) => {
+		e.stopPropagation();
+	};
+	return N && (D.renderDraft.hasFooterCells = !0), E.isTableView ? /* @__PURE__ */ p("div", {
+		...T,
+		className: e("table-cell", N && "table-footer-cell", M && W && "table-cell-sticky-left-column", M && G && "table-cell-sticky-right-column", N && k.stickyFooter && W && "table-footer-cell-sticky-left-column", N && k.stickyFooter && G && "table-footer-cell-sticky-right-column", c(z), l(B), I?.hideOnMobile && "table-hide-mobile", V, _),
+		"data-column": I?.columnKey ?? y ?? L,
+		role: "cell",
+		"aria-colindex": d(L, O.showSelectionColumn),
+		"aria-colspan": f(v),
+		onClick: S ? q : void 0,
+		onKeyDown: S ? q : void 0,
+		style: {
+			gridColumn: `${R} / span ${v}`,
+			gridRow: "1 / span 1"
+		},
+		children: /* @__PURE__ */ p("div", {
+			className: e("table-cell-content", u(x)),
+			children: C ?? g ?? ""
+		})
+	}) : /* @__PURE__ */ m("div", {
+		...T,
+		className: e("table-cell", E.cardClasses.cellClassName, c(z), l(B), I?.hideOnMobile && "table-hide-mobile", V, _),
+		"data-column": I?.columnKey ?? y ?? L,
+		role: "cell",
+		"aria-colindex": d(L, O.showSelectionColumn),
+		onClick: S ? q : void 0,
+		onKeyDown: S ? q : void 0,
+		children: [K && /* @__PURE__ */ p("div", {
+			className: e("table-cell-label", E.cardClasses.labelClassName),
+			children: K
+		}), /* @__PURE__ */ p("div", {
+			className: e("table-cell-content", E.cardClasses.contentClassName, u(x)),
+			children: C ?? g ?? ""
+		})]
+	});
 };
-export {
-  ae as default
-};
-//# sourceMappingURL=TableColumn.js.map
+//#endregion
+export { h as default };
+
+//# sourceMappingURL=TableColumn.js.map

package/components/table/TableColumn.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableColumn.js","sources":["../../../src/components/table/TableColumn.tsx"],"sourcesContent":["import type { KeyboardEvent, MouseEvent, ReactNode } from 'react';\n\nimport classNames from '../../utils/classNames';\nimport { getNodeTextContent } from '../../utils/getNodeTextContent';\nimport { getHorizontalAlignClassName, getVerticalAlignClassName } from './shared/getAlignClassName';\nimport getCellContentOverflowClassName from './shared/getCellContentOverflowClassName';\nimport { resolveAriaColIndex, resolveAriaSpan } from './shared/resolveTableAria';\nimport type { TableCellOverflow, TableHorizontalAlign, TableHtmlAttributes, TableVerticalAlign } from './Table.types';\nimport { useOptionalTableInteractionContext } from './context/TableInteractionContext';\nimport { useOptionalTableLayoutContext } from './context/TableLayoutContext';\nimport { useOptionalTableRenderConfigContext } from './context/TableRenderConfigContext';\nimport { useOptionalTableSection, useTableRowContext } from './context/TableStructureContext';\nimport { useOptionalTableRenderContext } from './context/TableRenderContext';\n\nexport type TableColumnProps = TableHtmlAttributes & {\n    /**\n     * `TableColumn` may be rendered directly inside `TableFooter`.\n     *\n     * In `TableBody`, columns must be rendered inside a row component such as\n     * `TableRow` or `TableExpandedRow`. Direct `TableColumn` children of\n     * `TableBody` are ignored.\n     */\n    children?: ReactNode;\n\n    /**\n     * Optional explicit column key.\n     *\n     * In `TableBody`, this should usually match the `columnKey` of the corresponding\n     * `TableHeaderColumn` for the same data column. If omitted, the cell is matched by its position inside\n     * the current row.\n     *\n     * Position-based matching is mainly useful for simple rows that mirror the header\n     * order exactly. For spanned cells, reordered columns, or more complex row layouts,\n     * prefer an explicit `columnKey`.\n     */\n    columnKey?: string;\n\n    /**\n     * Optional explicit value.\n     */\n    value?: ReactNode;\n\n    /**\n     * Additional classes for this cell only.\n     */\n    className?: string;\n\n    /**\n     * Horizontal alignment override for this cell.\n     */\n    horizontalAlign?: TableHorizontalAlign;\n\n    /**\n     * Vertical alignment override for this cell.\n     */\n    verticalAlign?: TableVerticalAlign;\n\n    /**\n     * Overflow behavior for the cell content wrapper.\n     *\n     * @default 'hidden'\n     */\n    overflow?: TableCellOverflow;\n\n    /**\n     * Number of columns this cell should span.\n     *\n     * Currently used by header and footer-style declarative table sections.\n     */\n    colSpan?: number;\n\n    /**\n     * Prevents clicks and keyboard interactions inside this cell from triggering the parent row click handler.\n     *\n     * Useful for interactive cell content such as dropdowns, inputs, or buttons.\n     *\n     * @default false\n     */\n    preventRowClick?: boolean;\n};\n\nconst TableColumn = (props: TableColumnProps) => {\n    const {\n        children,\n        className,\n        colSpan = 1,\n        columnKey,\n        horizontalAlign,\n        overflow = 'hidden',\n        preventRowClick = false,\n        value,\n        verticalAlign,\n        ...remainingProps\n    } = props;\n\n    const renderConfigContext = useOptionalTableRenderConfigContext();\n    const renderContext = useOptionalTableRenderContext();\n    const interactionContext = useOptionalTableInteractionContext();\n    const layoutContext = useOptionalTableLayoutContext();\n    const section = useOptionalTableSection();\n    const rowContext = useTableRowContext();\n\n    const isBodySection = section === 'body';\n    const isFooterSection = section === 'footer';\n\n    if (\n        !renderContext ||\n        !renderConfigContext ||\n        !interactionContext ||\n        !layoutContext ||\n        renderContext.columns.length === 0 ||\n        (!isBodySection && !isFooterSection)\n    ) {\n        return null;\n    }\n\n    if (isBodySection && !rowContext) {\n        return null;\n    }\n\n    const explicitColumnIndex = columnKey !== undefined ? renderContext.columnIndexByKey.get(columnKey) : undefined;\n    const columnIndex = rowContext?.nextColumnIndex(explicitColumnIndex, colSpan) ?? explicitColumnIndex ?? -1;\n\n    if (columnIndex < 0) {\n        return null;\n    }\n\n    const renderColumn = renderContext.columns[columnIndex];\n    const baseColumnStart = columnIndex + 1;\n    const resolvedColumnStart = baseColumnStart + (interactionContext.showSelectionColumn ? 1 : 0);\n    const resolvedHorizontalAlign = horizontalAlign ?? renderColumn?.horizontalAlign;\n    const resolvedVerticalAlign = verticalAlign ?? renderColumn?.verticalAlign;\n\n    const resolvedCellClassName =\n        isBodySection &&\n        rowContext?.rowData &&\n        renderConfigContext.cellClassName?.(\n            rowContext.rowData,\n            renderContext.columnDefinitionsByKey.get(renderColumn?.columnKey ?? columnKey ?? '') ?? {\n                key: renderColumn?.columnKey ?? columnKey ?? String(baseColumnStart),\n                label: renderColumn?.label ?? '',\n                icon: renderColumn?.icon,\n                filter: renderColumn?.filter,\n                hideLabel: renderColumn?.hideLabel,\n                width: renderColumn?.width,\n                minResizeWidth: renderColumn?.minResizeWidth,\n                maxResizeWidth: renderColumn?.maxResizeWidth,\n                draggable: renderColumn?.draggable,\n                resizeable: renderColumn?.resizeable,\n                horizontalAlign: renderColumn?.horizontalAlign,\n                className: undefined,\n                headerClassName: renderColumn?.headerClassName,\n                hideOnMobile: renderColumn?.hideOnMobile,\n                sortable: renderColumn?.sortable,\n            },\n            rowContext.rowIndex,\n            columnIndex\n        );\n\n    const stickyLeftColumns = layoutContext.stickyLeftColumnCount ?? 0;\n    const stickyRightColumns = layoutContext.stickyRightColumnCount ?? 0;\n    const isStickyLeftColumn = stickyLeftColumns > 0 && baseColumnStart <= stickyLeftColumns;\n    const isStickyRightColumn =\n        stickyRightColumns > 0 && baseColumnStart > renderContext.columns.length - stickyRightColumns;\n\n    const mobileLabel = renderColumn?.mobileLabel ?? getNodeTextContent(renderColumn?.label) ?? '';\n\n    const handleCellInteraction = (event: KeyboardEvent<HTMLDivElement> | MouseEvent<HTMLDivElement>) => {\n        event.stopPropagation();\n    };\n\n    if (isFooterSection) {\n        renderContext.renderDraft.hasFooterCells = true;\n    }\n\n    if (renderConfigContext.isTableView) {\n        return (\n            <div\n                {...remainingProps}\n                className={classNames(\n                    'table-cell',\n                    isFooterSection && 'table-footer-cell',\n                    isBodySection && isStickyLeftColumn && 'table-cell-sticky-left-column',\n                    isBodySection && isStickyRightColumn && 'table-cell-sticky-right-column',\n                    isFooterSection &&\n                        layoutContext.stickyFooter &&\n                        isStickyLeftColumn &&\n                        'table-footer-cell-sticky-left-column',\n                    isFooterSection &&\n                        layoutContext.stickyFooter &&\n                        isStickyRightColumn &&\n                        'table-footer-cell-sticky-right-column',\n                    getHorizontalAlignClassName(resolvedHorizontalAlign),\n                    getVerticalAlignClassName(resolvedVerticalAlign),\n                    renderColumn?.hideOnMobile && 'table-hide-mobile',\n                    resolvedCellClassName,\n                    className\n                )}\n                data-column={renderColumn?.columnKey ?? columnKey ?? baseColumnStart}\n                role='cell'\n                aria-colindex={resolveAriaColIndex(baseColumnStart, interactionContext.showSelectionColumn)}\n                aria-colspan={resolveAriaSpan(colSpan)}\n                onClick={preventRowClick ? handleCellInteraction : undefined}\n                onKeyDown={preventRowClick ? handleCellInteraction : undefined}\n                style={{ gridColumn: `${resolvedColumnStart} / span ${colSpan}`, gridRow: '1 / span 1' }}\n            >\n                <div className={classNames('table-cell-content', getCellContentOverflowClassName(overflow))}>\n                    {value ?? children ?? ''}\n                </div>\n            </div>\n        );\n    }\n\n    return (\n        <div\n            {...remainingProps}\n            className={classNames(\n                'table-cell',\n                renderConfigContext.cardClasses.cellClassName,\n                getHorizontalAlignClassName(resolvedHorizontalAlign),\n                getVerticalAlignClassName(resolvedVerticalAlign),\n                renderColumn?.hideOnMobile && 'table-hide-mobile',\n                resolvedCellClassName,\n                className\n            )}\n            data-column={renderColumn?.columnKey ?? columnKey ?? baseColumnStart}\n            role='cell'\n            aria-colindex={resolveAriaColIndex(baseColumnStart, interactionContext.showSelectionColumn)}\n            onClick={preventRowClick ? handleCellInteraction : undefined}\n            onKeyDown={preventRowClick ? handleCellInteraction : undefined}\n        >\n            {mobileLabel && (\n                <div className={classNames('table-cell-label', renderConfigContext.cardClasses.labelClassName)}>\n                    {mobileLabel}\n                </div>\n            )}\n            <div\n                className={classNames(\n                    'table-cell-content',\n                    renderConfigContext.cardClasses.contentClassName,\n                    getCellContentOverflowClassName(overflow)\n                )}\n            >\n                {value ?? children ?? ''}\n            </div>\n        </div>\n    );\n};\n\nexport default TableColumn;\n"],"names":["TableColumn","props","children","className","colSpan","columnKey","horizontalAlign","overflow","preventRowClick","value","verticalAlign","remainingProps","renderConfigContext","useOptionalTableRenderConfigContext","renderContext","useOptionalTableRenderContext","interactionContext","useOptionalTableInteractionContext","layoutContext","useOptionalTableLayoutContext","section","useOptionalTableSection","rowContext","useTableRowContext","isBodySection","isFooterSection","explicitColumnIndex","columnIndex","renderColumn","baseColumnStart","resolvedColumnStart","resolvedHorizontalAlign","resolvedVerticalAlign","resolvedCellClassName","stickyLeftColumns","stickyRightColumns","isStickyLeftColumn","isStickyRightColumn","mobileLabel","getNodeTextContent","handleCellInteraction","event","jsx","classNames","getHorizontalAlignClassName","getVerticalAlignClassName","resolveAriaColIndex","resolveAriaSpan","getCellContentOverflowClassName","jsxs"],"mappings":"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"}
+{"version":3,"file":"TableColumn.js","names":[],"sources":["../../../src/components/table/TableColumn.tsx"],"sourcesContent":["import type { KeyboardEvent, MouseEvent, ReactNode } from 'react';\n\nimport classNames from '../../utils/classNames';\nimport { getNodeTextContent } from '../../utils/getNodeTextContent';\nimport { getHorizontalAlignClassName, getVerticalAlignClassName } from './shared/getAlignClassName';\nimport getCellContentOverflowClassName from './shared/getCellContentOverflowClassName';\nimport { resolveAriaColIndex, resolveAriaSpan } from './shared/resolveTableAria';\nimport type { TableCellOverflow, TableHorizontalAlign, TableHtmlAttributes, TableVerticalAlign } from './Table.types';\nimport { useOptionalTableInteractionContext } from './context/TableInteractionContext';\nimport { useOptionalTableLayoutContext } from './context/TableLayoutContext';\nimport { useOptionalTableRenderConfigContext } from './context/TableRenderConfigContext';\nimport { useOptionalTableSection, useTableRowContext } from './context/TableStructureContext';\nimport { useOptionalTableRenderContext } from './context/TableRenderContext';\n\nexport type TableColumnProps = TableHtmlAttributes & {\n    /**\n     * `TableColumn` may be rendered directly inside `TableFooter`.\n     *\n     * In `TableBody`, columns must be rendered inside a row component such as\n     * `TableRow` or `TableExpandedRow`. Direct `TableColumn` children of\n     * `TableBody` are ignored.\n     */\n    children?: ReactNode;\n\n    /**\n     * Optional explicit column key.\n     *\n     * In `TableBody`, this should usually match the `columnKey` of the corresponding\n     * `TableHeaderColumn` for the same data column. If omitted, the cell is matched by its position inside\n     * the current row.\n     *\n     * Position-based matching is mainly useful for simple rows that mirror the header\n     * order exactly. For spanned cells, reordered columns, or more complex row layouts,\n     * prefer an explicit `columnKey`.\n     */\n    columnKey?: string;\n\n    /**\n     * Optional explicit value.\n     */\n    value?: ReactNode;\n\n    /**\n     * Additional classes for this cell only.\n     */\n    className?: string;\n\n    /**\n     * Horizontal alignment override for this cell.\n     */\n    horizontalAlign?: TableHorizontalAlign;\n\n    /**\n     * Vertical alignment override for this cell.\n     */\n    verticalAlign?: TableVerticalAlign;\n\n    /**\n     * Overflow behavior for the cell content wrapper.\n     *\n     * @default 'hidden'\n     */\n    overflow?: TableCellOverflow;\n\n    /**\n     * Number of columns this cell should span.\n     *\n     * Currently used by header and footer-style declarative table sections.\n     */\n    colSpan?: number;\n\n    /**\n     * Prevents clicks and keyboard interactions inside this cell from triggering the parent row click handler.\n     *\n     * Useful for interactive cell content such as dropdowns, inputs, or buttons.\n     *\n     * @default false\n     */\n    preventRowClick?: boolean;\n};\n\nconst TableColumn = (props: TableColumnProps) => {\n    const {\n        children,\n        className,\n        colSpan = 1,\n        columnKey,\n        horizontalAlign,\n        overflow = 'hidden',\n        preventRowClick = false,\n        value,\n        verticalAlign,\n        ...remainingProps\n    } = props;\n\n    const renderConfigContext = useOptionalTableRenderConfigContext();\n    const renderContext = useOptionalTableRenderContext();\n    const interactionContext = useOptionalTableInteractionContext();\n    const layoutContext = useOptionalTableLayoutContext();\n    const section = useOptionalTableSection();\n    const rowContext = useTableRowContext();\n\n    const isBodySection = section === 'body';\n    const isFooterSection = section === 'footer';\n\n    if (\n        !renderContext ||\n        !renderConfigContext ||\n        !interactionContext ||\n        !layoutContext ||\n        renderContext.columns.length === 0 ||\n        (!isBodySection && !isFooterSection)\n    ) {\n        return null;\n    }\n\n    if (isBodySection && !rowContext) {\n        return null;\n    }\n\n    const explicitColumnIndex = columnKey !== undefined ? renderContext.columnIndexByKey.get(columnKey) : undefined;\n    const columnIndex = rowContext?.nextColumnIndex(explicitColumnIndex, colSpan) ?? explicitColumnIndex ?? -1;\n\n    if (columnIndex < 0) {\n        return null;\n    }\n\n    const renderColumn = renderContext.columns[columnIndex];\n    const baseColumnStart = columnIndex + 1;\n    const resolvedColumnStart = baseColumnStart + (interactionContext.showSelectionColumn ? 1 : 0);\n    const resolvedHorizontalAlign = horizontalAlign ?? renderColumn?.horizontalAlign;\n    const resolvedVerticalAlign = verticalAlign ?? renderColumn?.verticalAlign;\n\n    const resolvedCellClassName =\n        isBodySection &&\n        rowContext?.rowData &&\n        renderConfigContext.cellClassName?.(\n            rowContext.rowData,\n            renderContext.columnDefinitionsByKey.get(renderColumn?.columnKey ?? columnKey ?? '') ?? {\n                key: renderColumn?.columnKey ?? columnKey ?? String(baseColumnStart),\n                label: renderColumn?.label ?? '',\n                icon: renderColumn?.icon,\n                filter: renderColumn?.filter,\n                hideLabel: renderColumn?.hideLabel,\n                width: renderColumn?.width,\n                minResizeWidth: renderColumn?.minResizeWidth,\n                maxResizeWidth: renderColumn?.maxResizeWidth,\n                draggable: renderColumn?.draggable,\n                resizeable: renderColumn?.resizeable,\n                horizontalAlign: renderColumn?.horizontalAlign,\n                className: undefined,\n                headerClassName: renderColumn?.headerClassName,\n                hideOnMobile: renderColumn?.hideOnMobile,\n                sortable: renderColumn?.sortable,\n            },\n            rowContext.rowIndex,\n            columnIndex\n        );\n\n    const stickyLeftColumns = layoutContext.stickyLeftColumnCount ?? 0;\n    const stickyRightColumns = layoutContext.stickyRightColumnCount ?? 0;\n    const isStickyLeftColumn = stickyLeftColumns > 0 && baseColumnStart <= stickyLeftColumns;\n    const isStickyRightColumn =\n        stickyRightColumns > 0 && baseColumnStart > renderContext.columns.length - stickyRightColumns;\n\n    const mobileLabel = renderColumn?.mobileLabel ?? getNodeTextContent(renderColumn?.label) ?? '';\n\n    const handleCellInteraction = (event: KeyboardEvent<HTMLDivElement> | MouseEvent<HTMLDivElement>) => {\n        event.stopPropagation();\n    };\n\n    if (isFooterSection) {\n        renderContext.renderDraft.hasFooterCells = true;\n    }\n\n    if (renderConfigContext.isTableView) {\n        return (\n            <div\n                {...remainingProps}\n                className={classNames(\n                    'table-cell',\n                    isFooterSection && 'table-footer-cell',\n                    isBodySection && isStickyLeftColumn && 'table-cell-sticky-left-column',\n                    isBodySection && isStickyRightColumn && 'table-cell-sticky-right-column',\n                    isFooterSection &&\n                        layoutContext.stickyFooter &&\n                        isStickyLeftColumn &&\n                        'table-footer-cell-sticky-left-column',\n                    isFooterSection &&\n                        layoutContext.stickyFooter &&\n                        isStickyRightColumn &&\n                        'table-footer-cell-sticky-right-column',\n                    getHorizontalAlignClassName(resolvedHorizontalAlign),\n                    getVerticalAlignClassName(resolvedVerticalAlign),\n                    renderColumn?.hideOnMobile && 'table-hide-mobile',\n                    resolvedCellClassName,\n                    className\n                )}\n                data-column={renderColumn?.columnKey ?? columnKey ?? baseColumnStart}\n                role='cell'\n                aria-colindex={resolveAriaColIndex(baseColumnStart, interactionContext.showSelectionColumn)}\n                aria-colspan={resolveAriaSpan(colSpan)}\n                onClick={preventRowClick ? handleCellInteraction : undefined}\n                onKeyDown={preventRowClick ? handleCellInteraction : undefined}\n                style={{ gridColumn: `${resolvedColumnStart} / span ${colSpan}`, gridRow: '1 / span 1' }}\n            >\n                <div className={classNames('table-cell-content', getCellContentOverflowClassName(overflow))}>\n                    {value ?? children ?? ''}\n                </div>\n            </div>\n        );\n    }\n\n    return (\n        <div\n            {...remainingProps}\n            className={classNames(\n                'table-cell',\n                renderConfigContext.cardClasses.cellClassName,\n                getHorizontalAlignClassName(resolvedHorizontalAlign),\n                getVerticalAlignClassName(resolvedVerticalAlign),\n                renderColumn?.hideOnMobile && 'table-hide-mobile',\n                resolvedCellClassName,\n                className\n            )}\n            data-column={renderColumn?.columnKey ?? columnKey ?? baseColumnStart}\n            role='cell'\n            aria-colindex={resolveAriaColIndex(baseColumnStart, interactionContext.showSelectionColumn)}\n            onClick={preventRowClick ? handleCellInteraction : undefined}\n            onKeyDown={preventRowClick ? handleCellInteraction : undefined}\n        >\n            {mobileLabel && (\n                <div className={classNames('table-cell-label', renderConfigContext.cardClasses.labelClassName)}>\n                    {mobileLabel}\n                </div>\n            )}\n            <div\n                className={classNames(\n                    'table-cell-content',\n                    renderConfigContext.cardClasses.contentClassName,\n                    getCellContentOverflowClassName(overflow)\n                )}\n            >\n                {value ?? children ?? ''}\n            </div>\n        </div>\n    );\n};\n\nexport default TableColumn;\n"],"mappings":"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"}

package/components/table/TableExpandAllGroupsButton.js

@@ -1,27 +1,21 @@
-import { jsx as e } from "react/jsx-runtime";
-import r from "../button/Button.js";
-import p from "../../utils/classNames.js";
-const u = (a) => {
-  const { expanded: l = !1, disabled: s = !1, onClick: o, className: t, ...n } = a;
-  return /* @__PURE__ */ e(
-    r,
-    {
-      ...n,
-      bsStyle: "muted",
-      bsSize: "sm",
-      iconOnly: !0,
-      disabled: s,
-      className: p(
-        "table-expand-all-groups-button",
-        l && "table-expand-all-groups-button-expanded",
-        t
-      ),
-      onClick: o,
-      children: /* @__PURE__ */ e("span", { className: "rioglyph rioglyph-angle-double-down text-size-16" })
-    }
-  );
+import e from "../../utils/classNames.js";
+import t from "../button/Button.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/table/TableExpandAllGroupsButton.tsx
+var r = (r) => {
+	let { expanded: i = !1, disabled: a = !1, onClick: o, className: s, ...c } = r;
+	return /* @__PURE__ */ n(t, {
+		...c,
+		bsStyle: "muted",
+		bsSize: "sm",
+		iconOnly: !0,
+		disabled: a,
+		className: e("table-expand-all-groups-button", i && "table-expand-all-groups-button-expanded", s),
+		onClick: o,
+		children: /* @__PURE__ */ n("span", { className: "uikit-icon icon-angle-double-down text-size-16" })
+	});
 };
-export {
-  u as default
-};
-//# sourceMappingURL=TableExpandAllGroupsButton.js.map
+//#endregion
+export { r as default };
+
+//# sourceMappingURL=TableExpandAllGroupsButton.js.map

package/components/table/TableExpandAllGroupsButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableExpandAllGroupsButton.js","sources":["../../../src/components/table/TableExpandAllGroupsButton.tsx"],"sourcesContent":["import type { MouseEventHandler } from 'react';\n\nimport Button from '../button/Button';\nimport classNames from '../../utils/classNames';\n\nexport type TableExpandAllGroupsButtonProps = {\n    /**\n     * Controls whether all related groups are currently expanded.\n     *\n     * @default false\n     */\n    expanded?: boolean;\n\n    /**\n     * Disables the expand all groups button.\n     *\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * Callback triggered when the expand all groups 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 TableExpandAllGroupsButton = (props: TableExpandAllGroupsButtonProps) => {\n    const { expanded = false, disabled = false, onClick, className, ...remainingProps } = props;\n\n    return (\n        <Button\n            {...remainingProps}\n            bsStyle='muted'\n            bsSize='sm'\n            iconOnly\n            disabled={disabled}\n            className={classNames(\n                'table-expand-all-groups-button',\n                expanded && 'table-expand-all-groups-button-expanded',\n                className\n            )}\n            onClick={onClick}\n        >\n            <span className='rioglyph rioglyph-angle-double-down text-size-16' />\n        </Button>\n    );\n};\n\nexport default TableExpandAllGroupsButton;\n"],"names":["TableExpandAllGroupsButton","props","expanded","disabled","onClick","className","remainingProps","jsx","Button","classNames"],"mappings":";;;AA+BA,MAAMA,IAA6B,CAACC,MAA2C;AAC3E,QAAM,EAAE,UAAAC,IAAW,IAAO,UAAAC,IAAW,IAAO,SAAAC,GAAS,WAAAC,GAAW,GAAGC,EAAA,IAAmBL;AAEtF,SACI,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACI,GAAGF;AAAA,MACJ,SAAQ;AAAA,MACR,QAAO;AAAA,MACP,UAAQ;AAAA,MACR,UAAAH;AAAA,MACA,WAAWM;AAAA,QACP;AAAA,QACAP,KAAY;AAAA,QACZG;AAAA,MAAA;AAAA,MAEJ,SAAAD;AAAA,MAEA,UAAA,gBAAAG,EAAC,QAAA,EAAK,WAAU,mDAAA,CAAmD;AAAA,IAAA;AAAA,EAAA;AAG/E;"}
+{"version":3,"file":"TableExpandAllGroupsButton.js","names":[],"sources":["../../../src/components/table/TableExpandAllGroupsButton.tsx"],"sourcesContent":["import type { MouseEventHandler } from 'react';\n\nimport Button from '../button/Button';\nimport classNames from '../../utils/classNames';\n\nexport type TableExpandAllGroupsButtonProps = {\n    /**\n     * Controls whether all related groups are currently expanded.\n     *\n     * @default false\n     */\n    expanded?: boolean;\n\n    /**\n     * Disables the expand all groups button.\n     *\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * Callback triggered when the expand all groups 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 TableExpandAllGroupsButton = (props: TableExpandAllGroupsButtonProps) => {\n    const { expanded = false, disabled = false, onClick, className, ...remainingProps } = props;\n\n    return (\n        <Button\n            {...remainingProps}\n            bsStyle='muted'\n            bsSize='sm'\n            iconOnly\n            disabled={disabled}\n            className={classNames(\n                'table-expand-all-groups-button',\n                expanded && 'table-expand-all-groups-button-expanded',\n                className\n            )}\n            onClick={onClick}\n        >\n            <span className='uikit-icon icon-angle-double-down text-size-16' />\n        </Button>\n    );\n};\n\nexport default TableExpandAllGroupsButton;\n"],"mappings":";;;;AA+BA,IAAM,KAA8B,MAA2C;CAC3E,IAAM,EAAE,cAAW,IAAO,cAAW,IAAO,YAAS,cAAW,GAAG,MAAmB;CAEtF,OACI,kBAAC,GAAD;EACI,GAAI;EACJ,SAAQ;EACR,QAAO;EACP,UAAA;EACU;EACV,WAAW,EACP,kCACA,KAAY,2CACZ,CACJ;EACS;YAET,kBAAC,QAAD,EAAM,WAAU,iDAAkD,CAAA;CAC9D,CAAA;AAEhB"}

package/components/table/TableExpandedContentRow.js

@@ -1,110 +1,118 @@
-import { jsx as o } from "react/jsx-runtime";
-import { useReducedMotion as O, motion as u } from "motion/react";
-import { useState as g, useMemo as R } from "react";
-import C from "../../utils/classNames.js";
-import { useOptionalTableInteractionContext as N } from "./context/TableInteractionContext.js";
-import { useOptionalTableSection as v, useTableBodyContext as A } from "./context/TableStructureContext.js";
-import { useOptionalTableRenderContext as T } from "./context/TableRenderContext.js";
-const t = 0.22, U = (m) => {
-  const { children: p, className: x, noHover: w, parentKey: i, ...h } = m, e = T(), a = N(), b = v(), r = A(), [y, s] = g(!0), l = O(), n = R(
-    () => l ? {
-      row: {
-        initial: { opacity: 0 },
-        animate: {
-          opacity: 1,
-          transition: { duration: t, ease: "easeInOut" }
-        },
-        exit: {
-          opacity: 0,
-          transition: { duration: t, ease: "easeInOut" }
-        }
-      },
-      content: {
-        initial: { opacity: 0 },
-        animate: {
-          opacity: 1,
-          transition: { duration: t, ease: "easeInOut" }
-        },
-        exit: {
-          opacity: 0,
-          transition: { duration: t, ease: "easeInOut" }
-        }
-      }
-    } : {
-      row: {
-        initial: { height: 0 },
-        animate: {
-          height: "auto",
-          transition: { duration: t, ease: "easeInOut" }
-        },
-        exit: {
-          height: 0,
-          transition: { duration: t, ease: "easeInOut" }
-        }
-      },
-      content: {
-        initial: { opacity: 0 },
-        animate: {
-          opacity: 1,
-          transition: {
-            duration: t * 0.65,
-            delay: t,
-            ease: "easeOut"
-          }
-        },
-        exit: {
-          opacity: 0,
-          transition: {
-            duration: t * 0.65,
-            ease: "easeInOut"
-          }
-        }
-      }
-    },
-    [l]
-  );
-  if (!e || !a || e.columns.length === 0 || b !== "body" || !r)
-    return null;
-  const d = r.nextRowIndex(), f = e.columns.length + (a.showSelectionColumn ? 1 : 0), I = `expanded-content-${String(i)}`, c = /* @__PURE__ */ o(
-    u.div,
-    {
-      ...h,
-      className: C(
-        "table-row table-row-expanded-full-width",
-        w && "table-row-no-hover",
-        x
-      ),
-      "data-index": d,
-      "data-parent-row-id": String(i),
-      role: "row",
-      initial: n.row.initial,
-      animate: n.row.animate,
-      exit: n.row.exit,
-      onAnimationStart: () => s(!0),
-      onAnimationComplete: () => s(!1),
-      style: {
-        overflow: y ? "hidden" : "visible"
-      },
-      children: /* @__PURE__ */ o("div", { className: "table-cell table-expanded-cell", role: "cell", "aria-colspan": f, children: /* @__PURE__ */ o(
-        u.div,
-        {
-          className: "table-cell-content",
-          initial: n.content.initial,
-          animate: n.content.animate,
-          exit: n.content.exit,
-          children: p
-        }
-      ) })
-    }
-  );
-  return e.renderDraft.hasExpandableRows = !0, e.renderDraft.bodyRows.push({
-    rowId: I,
-    rowIndex: d,
-    kind: "expanded-full-width",
-    render: () => c
-  }), e.isRegisteringBodyRows ? null : c;
+import e from "../../utils/classNames.js";
+import { useOptionalTableInteractionContext as t } from "./context/TableInteractionContext.js";
+import { useOptionalTableSection as n, useTableBodyContext as r } from "./context/TableStructureContext.js";
+import { useOptionalTableRenderContext as i } from "./context/TableRenderContext.js";
+import { useMemo as a, useState as o } from "react";
+import { motion as s, useReducedMotion as c } from "motion/react";
+import { jsx as l } from "react/jsx-runtime";
+//#region src/components/table/TableExpandedContentRow.tsx
+var u = .22, d = (d) => {
+	let { children: f, className: p, noHover: m, parentKey: h, ...g } = d, _ = i(), v = t(), y = n(), b = r(), [x, S] = o(!0), C = c(), w = a(() => C ? {
+		row: {
+			initial: { opacity: 0 },
+			animate: {
+				opacity: 1,
+				transition: {
+					duration: u,
+					ease: "easeInOut"
+				}
+			},
+			exit: {
+				opacity: 0,
+				transition: {
+					duration: u,
+					ease: "easeInOut"
+				}
+			}
+		},
+		content: {
+			initial: { opacity: 0 },
+			animate: {
+				opacity: 1,
+				transition: {
+					duration: u,
+					ease: "easeInOut"
+				}
+			},
+			exit: {
+				opacity: 0,
+				transition: {
+					duration: u,
+					ease: "easeInOut"
+				}
+			}
+		}
+	} : {
+		row: {
+			initial: { height: 0 },
+			animate: {
+				height: "auto",
+				transition: {
+					duration: u,
+					ease: "easeInOut"
+				}
+			},
+			exit: {
+				height: 0,
+				transition: {
+					duration: u,
+					ease: "easeInOut"
+				}
+			}
+		},
+		content: {
+			initial: { opacity: 0 },
+			animate: {
+				opacity: 1,
+				transition: {
+					duration: u * .65,
+					delay: u,
+					ease: "easeOut"
+				}
+			},
+			exit: {
+				opacity: 0,
+				transition: {
+					duration: u * .65,
+					ease: "easeInOut"
+				}
+			}
+		}
+	}, [C]);
+	if (!_ || !v || _.columns.length === 0 || y !== "body" || !b) return null;
+	let T = b.nextRowIndex(), E = _.columns.length + +!!v.showSelectionColumn, D = `expanded-content-${String(h)}`, O = /* @__PURE__ */ l(s.div, {
+		...g,
+		className: e("table-row table-row-expanded-full-width", m && "table-row-no-hover", p),
+		"data-index": T,
+		"data-parent-row-id": String(h),
+		role: "row",
+		initial: w.row.initial,
+		animate: w.row.animate,
+		exit: w.row.exit,
+		onAnimationStart: () => S(!0),
+		onAnimationComplete: () => S(!1),
+		style: { overflow: x ? "hidden" : "visible" },
+		children: /* @__PURE__ */ l("div", {
+			className: "table-cell table-expanded-cell",
+			role: "cell",
+			"aria-colspan": E,
+			children: /* @__PURE__ */ l(s.div, {
+				className: "table-cell-content",
+				initial: w.content.initial,
+				animate: w.content.animate,
+				exit: w.content.exit,
+				children: f
+			})
+		})
+	});
+	return _.renderDraft.hasExpandableRows = !0, _.renderDraft.bodyRows.push({
+		rowId: D,
+		rowIndex: T,
+		kind: "expanded-full-width",
+		render: () => O
+	}), _.isRegisteringBodyRows ? null : O;
 };
-export {
-  U as default
-};
-//# sourceMappingURL=TableExpandedContentRow.js.map
+//#endregion
+export { d as default };
+
+//# sourceMappingURL=TableExpandedContentRow.js.map

package/components/table/TableExpandedContentRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableExpandedContentRow.js","sources":["../../../src/components/table/TableExpandedContentRow.tsx"],"sourcesContent":["import { motion, useReducedMotion } from 'motion/react';\nimport { useMemo, useState, type ReactNode } from 'react';\n\nimport classNames from '../../utils/classNames';\nimport type { TableHtmlAttributes } from './Table.types';\nimport { useOptionalTableInteractionContext } from './context/TableInteractionContext';\nimport { useTableBodyContext, useOptionalTableSection } from './context/TableStructureContext';\nimport { useOptionalTableRenderContext } from './context/TableRenderContext';\n\nexport type TableExpandedContentRowProps = TableHtmlAttributes & {\n    /**\n     * Parent row key used to associate this expanded content row with its parent.\n     */\n    parentKey: string | number;\n\n    /**\n     * The content of the full-width expanded row.\n     */\n    children?: ReactNode;\n\n    /**\n     * Optional class names only for this expanded content row.\n     */\n    className?: string;\n\n    /**\n     * Disable table hover styling for this row.\n     */\n    noHover?: boolean;\n};\n\nconst DEFAULT_EXPANDED_ROW_DURATION = 0.22;\n\nconst TableExpandedContentRow = (props: TableExpandedContentRowProps) => {\n    const { children, className, noHover, parentKey, ...remainingProps } = props;\n\n    const renderContext = useOptionalTableRenderContext();\n    const interactionContext = useOptionalTableInteractionContext();\n    const section = useOptionalTableSection();\n    const bodyContext = useTableBodyContext();\n\n    const [isAnimating, setIsAnimating] = useState(true);\n\n    const shouldReduceMotion = useReducedMotion();\n\n    const animation = useMemo(\n        () =>\n            shouldReduceMotion\n                ? {\n                      row: {\n                          initial: { opacity: 0 },\n                          animate: {\n                              opacity: 1,\n                              transition: { duration: DEFAULT_EXPANDED_ROW_DURATION, ease: 'easeInOut' as const },\n                          },\n                          exit: {\n                              opacity: 0,\n                              transition: { duration: DEFAULT_EXPANDED_ROW_DURATION, ease: 'easeInOut' as const },\n                          },\n                      },\n                      content: {\n                          initial: { opacity: 0 },\n                          animate: {\n                              opacity: 1,\n                              transition: { duration: DEFAULT_EXPANDED_ROW_DURATION, ease: 'easeInOut' as const },\n                          },\n                          exit: {\n                              opacity: 0,\n                              transition: { duration: DEFAULT_EXPANDED_ROW_DURATION, ease: 'easeInOut' as const },\n                          },\n                      },\n                  }\n                : {\n                      row: {\n                          initial: { height: 0 },\n                          animate: {\n                              height: 'auto',\n                              transition: { duration: DEFAULT_EXPANDED_ROW_DURATION, ease: 'easeInOut' as const },\n                          },\n                          exit: {\n                              height: 0,\n                              transition: { duration: DEFAULT_EXPANDED_ROW_DURATION, ease: 'easeInOut' as const },\n                          },\n                      },\n                      content: {\n                          initial: { opacity: 0 },\n                          animate: {\n                              opacity: 1,\n                              transition: {\n                                  duration: DEFAULT_EXPANDED_ROW_DURATION * 0.65,\n                                  delay: DEFAULT_EXPANDED_ROW_DURATION,\n                                  ease: 'easeOut' as const,\n                              },\n                          },\n                          exit: {\n                              opacity: 0,\n                              transition: {\n                                  duration: DEFAULT_EXPANDED_ROW_DURATION * 0.65,\n                                  ease: 'easeInOut' as const,\n                              },\n                          },\n                      },\n                  },\n        [shouldReduceMotion]\n    );\n\n    if (\n        !renderContext ||\n        !interactionContext ||\n        renderContext.columns.length === 0 ||\n        section !== 'body' ||\n        !bodyContext\n    ) {\n        return null;\n    }\n\n    const rowIndex = bodyContext.nextRowIndex();\n    const columnCount = renderContext.columns.length + (interactionContext.showSelectionColumn ? 1 : 0);\n\n    // Expanded rows stay keyed by their parent row, so toggling\n    // rows above does not remount already open expanded rows below. This is important\n    // to avid other rows to animate again.\n    const stableExpandedRowId = `expanded-content-${String(parentKey)}`;\n\n    const rowNode = (\n        <motion.div\n            {...remainingProps}\n            className={classNames(\n                'table-row table-row-expanded-full-width',\n                noHover && 'table-row-no-hover',\n                className\n            )}\n            data-index={rowIndex}\n            data-parent-row-id={String(parentKey)}\n            role='row'\n            initial={animation.row.initial}\n            animate={animation.row.animate}\n            exit={animation.row.exit}\n            onAnimationStart={() => setIsAnimating(true)}\n            onAnimationComplete={() => setIsAnimating(false)}\n            style={{\n                overflow: isAnimating ? 'hidden' : 'visible',\n            }}\n        >\n            <div className='table-cell table-expanded-cell' role='cell' aria-colspan={columnCount}>\n                <motion.div\n                    className='table-cell-content'\n                    initial={animation.content.initial}\n                    animate={animation.content.animate}\n                    exit={animation.content.exit}\n                >\n                    {children}\n                </motion.div>\n            </div>\n        </motion.div>\n    );\n\n    renderContext.renderDraft.hasExpandableRows = true;\n    renderContext.renderDraft.bodyRows.push({\n        rowId: stableExpandedRowId,\n        rowIndex,\n        kind: 'expanded-full-width',\n        render: () => rowNode,\n    });\n\n    return renderContext.isRegisteringBodyRows ? null : rowNode;\n};\n\nexport default TableExpandedContentRow;\n"],"names":["DEFAULT_EXPANDED_ROW_DURATION","TableExpandedContentRow","props","children","className","noHover","parentKey","remainingProps","renderContext","useOptionalTableRenderContext","interactionContext","useOptionalTableInteractionContext","section","useOptionalTableSection","bodyContext","useTableBodyContext","isAnimating","setIsAnimating","useState","shouldReduceMotion","useReducedMotion","animation","useMemo","rowIndex","columnCount","stableExpandedRowId","rowNode","jsx","motion","classNames"],"mappings":";;;;;;;AA+BA,MAAMA,IAAgC,MAEhCC,IAA0B,CAACC,MAAwC;AACrE,QAAM,EAAE,UAAAC,GAAU,WAAAC,GAAW,SAAAC,GAAS,WAAAC,GAAW,GAAGC,MAAmBL,GAEjEM,IAAgBC,EAAA,GAChBC,IAAqBC,EAAA,GACrBC,IAAUC,EAAA,GACVC,IAAcC,EAAA,GAEd,CAACC,GAAaC,CAAc,IAAIC,EAAS,EAAI,GAE7CC,IAAqBC,EAAA,GAErBC,IAAYC;AAAA,IACd,MACIH,IACM;AAAA,MACI,KAAK;AAAA,QACD,SAAS,EAAE,SAAS,EAAA;AAAA,QACpB,SAAS;AAAA,UACL,SAAS;AAAA,UACT,YAAY,EAAE,UAAUnB,GAA+B,MAAM,YAAA;AAAA,QAAqB;AAAA,QAEtF,MAAM;AAAA,UACF,SAAS;AAAA,UACT,YAAY,EAAE,UAAUA,GAA+B,MAAM,YAAA;AAAA,QAAqB;AAAA,MACtF;AAAA,MAEJ,SAAS;AAAA,QACL,SAAS,EAAE,SAAS,EAAA;AAAA,QACpB,SAAS;AAAA,UACL,SAAS;AAAA,UACT,YAAY,EAAE,UAAUA,GAA+B,MAAM,YAAA;AAAA,QAAqB;AAAA,QAEtF,MAAM;AAAA,UACF,SAAS;AAAA,UACT,YAAY,EAAE,UAAUA,GAA+B,MAAM,YAAA;AAAA,QAAqB;AAAA,MACtF;AAAA,IACJ,IAEJ;AAAA,MACI,KAAK;AAAA,QACD,SAAS,EAAE,QAAQ,EAAA;AAAA,QACnB,SAAS;AAAA,UACL,QAAQ;AAAA,UACR,YAAY,EAAE,UAAUA,GAA+B,MAAM,YAAA;AAAA,QAAqB;AAAA,QAEtF,MAAM;AAAA,UACF,QAAQ;AAAA,UACR,YAAY,EAAE,UAAUA,GAA+B,MAAM,YAAA;AAAA,QAAqB;AAAA,MACtF;AAAA,MAEJ,SAAS;AAAA,QACL,SAAS,EAAE,SAAS,EAAA;AAAA,QACpB,SAAS;AAAA,UACL,SAAS;AAAA,UACT,YAAY;AAAA,YACR,UAAUA,IAAgC;AAAA,YAC1C,OAAOA;AAAA,YACP,MAAM;AAAA,UAAA;AAAA,QACV;AAAA,QAEJ,MAAM;AAAA,UACF,SAAS;AAAA,UACT,YAAY;AAAA,YACR,UAAUA,IAAgC;AAAA,YAC1C,MAAM;AAAA,UAAA;AAAA,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,IAEd,CAACmB,CAAkB;AAAA,EAAA;AAGvB,MACI,CAACX,KACD,CAACE,KACDF,EAAc,QAAQ,WAAW,KACjCI,MAAY,UACZ,CAACE;AAED,WAAO;AAGX,QAAMS,IAAWT,EAAY,aAAA,GACvBU,IAAchB,EAAc,QAAQ,UAAUE,EAAmB,sBAAsB,IAAI,IAK3Fe,IAAsB,oBAAoB,OAAOnB,CAAS,CAAC,IAE3DoB,IACF,gBAAAC;AAAA,IAACC,EAAO;AAAA,IAAP;AAAA,MACI,GAAGrB;AAAA,MACJ,WAAWsB;AAAA,QACP;AAAA,QACAxB,KAAW;AAAA,QACXD;AAAA,MAAA;AAAA,MAEJ,cAAYmB;AAAA,MACZ,sBAAoB,OAAOjB,CAAS;AAAA,MACpC,MAAK;AAAA,MACL,SAASe,EAAU,IAAI;AAAA,MACvB,SAASA,EAAU,IAAI;AAAA,MACvB,MAAMA,EAAU,IAAI;AAAA,MACpB,kBAAkB,MAAMJ,EAAe,EAAI;AAAA,MAC3C,qBAAqB,MAAMA,EAAe,EAAK;AAAA,MAC/C,OAAO;AAAA,QACH,UAAUD,IAAc,WAAW;AAAA,MAAA;AAAA,MAGvC,4BAAC,OAAA,EAAI,WAAU,kCAAiC,MAAK,QAAO,gBAAcQ,GACtE,UAAA,gBAAAG;AAAA,QAACC,EAAO;AAAA,QAAP;AAAA,UACG,WAAU;AAAA,UACV,SAASP,EAAU,QAAQ;AAAA,UAC3B,SAASA,EAAU,QAAQ;AAAA,UAC3B,MAAMA,EAAU,QAAQ;AAAA,UAEvB,UAAAlB;AAAA,QAAA;AAAA,MAAA,EACL,CACJ;AAAA,IAAA;AAAA,EAAA;AAIR,SAAAK,EAAc,YAAY,oBAAoB,IAC9CA,EAAc,YAAY,SAAS,KAAK;AAAA,IACpC,OAAOiB;AAAA,IACP,UAAAF;AAAA,IACA,MAAM;AAAA,IACN,QAAQ,MAAMG;AAAA,EAAA,CACjB,GAEMlB,EAAc,wBAAwB,OAAOkB;AACxD;"}
+{"version":3,"file":"TableExpandedContentRow.js","names":[],"sources":["../../../src/components/table/TableExpandedContentRow.tsx"],"sourcesContent":["import { motion, useReducedMotion } from 'motion/react';\nimport { useMemo, useState, type ReactNode } from 'react';\n\nimport classNames from '../../utils/classNames';\nimport type { TableHtmlAttributes } from './Table.types';\nimport { useOptionalTableInteractionContext } from './context/TableInteractionContext';\nimport { useTableBodyContext, useOptionalTableSection } from './context/TableStructureContext';\nimport { useOptionalTableRenderContext } from './context/TableRenderContext';\n\nexport type TableExpandedContentRowProps = TableHtmlAttributes & {\n    /**\n     * Parent row key used to associate this expanded content row with its parent.\n     */\n    parentKey: string | number;\n\n    /**\n     * The content of the full-width expanded row.\n     */\n    children?: ReactNode;\n\n    /**\n     * Optional class names only for this expanded content row.\n     */\n    className?: string;\n\n    /**\n     * Disable table hover styling for this row.\n     */\n    noHover?: boolean;\n};\n\nconst DEFAULT_EXPANDED_ROW_DURATION = 0.22;\n\nconst TableExpandedContentRow = (props: TableExpandedContentRowProps) => {\n    const { children, className, noHover, parentKey, ...remainingProps } = props;\n\n    const renderContext = useOptionalTableRenderContext();\n    const interactionContext = useOptionalTableInteractionContext();\n    const section = useOptionalTableSection();\n    const bodyContext = useTableBodyContext();\n\n    const [isAnimating, setIsAnimating] = useState(true);\n\n    const shouldReduceMotion = useReducedMotion();\n\n    const animation = useMemo(\n        () =>\n            shouldReduceMotion\n                ? {\n                      row: {\n                          initial: { opacity: 0 },\n                          animate: {\n                              opacity: 1,\n                              transition: { duration: DEFAULT_EXPANDED_ROW_DURATION, ease: 'easeInOut' as const },\n                          },\n                          exit: {\n                              opacity: 0,\n                              transition: { duration: DEFAULT_EXPANDED_ROW_DURATION, ease: 'easeInOut' as const },\n                          },\n                      },\n                      content: {\n                          initial: { opacity: 0 },\n                          animate: {\n                              opacity: 1,\n                              transition: { duration: DEFAULT_EXPANDED_ROW_DURATION, ease: 'easeInOut' as const },\n                          },\n                          exit: {\n                              opacity: 0,\n                              transition: { duration: DEFAULT_EXPANDED_ROW_DURATION, ease: 'easeInOut' as const },\n                          },\n                      },\n                  }\n                : {\n                      row: {\n                          initial: { height: 0 },\n                          animate: {\n                              height: 'auto',\n                              transition: { duration: DEFAULT_EXPANDED_ROW_DURATION, ease: 'easeInOut' as const },\n                          },\n                          exit: {\n                              height: 0,\n                              transition: { duration: DEFAULT_EXPANDED_ROW_DURATION, ease: 'easeInOut' as const },\n                          },\n                      },\n                      content: {\n                          initial: { opacity: 0 },\n                          animate: {\n                              opacity: 1,\n                              transition: {\n                                  duration: DEFAULT_EXPANDED_ROW_DURATION * 0.65,\n                                  delay: DEFAULT_EXPANDED_ROW_DURATION,\n                                  ease: 'easeOut' as const,\n                              },\n                          },\n                          exit: {\n                              opacity: 0,\n                              transition: {\n                                  duration: DEFAULT_EXPANDED_ROW_DURATION * 0.65,\n                                  ease: 'easeInOut' as const,\n                              },\n                          },\n                      },\n                  },\n        [shouldReduceMotion]\n    );\n\n    if (\n        !renderContext ||\n        !interactionContext ||\n        renderContext.columns.length === 0 ||\n        section !== 'body' ||\n        !bodyContext\n    ) {\n        return null;\n    }\n\n    const rowIndex = bodyContext.nextRowIndex();\n    const columnCount = renderContext.columns.length + (interactionContext.showSelectionColumn ? 1 : 0);\n\n    // Expanded rows stay keyed by their parent row, so toggling\n    // rows above does not remount already open expanded rows below. This is important\n    // to avid other rows to animate again.\n    const stableExpandedRowId = `expanded-content-${String(parentKey)}`;\n\n    const rowNode = (\n        <motion.div\n            {...remainingProps}\n            className={classNames(\n                'table-row table-row-expanded-full-width',\n                noHover && 'table-row-no-hover',\n                className\n            )}\n            data-index={rowIndex}\n            data-parent-row-id={String(parentKey)}\n            role='row'\n            initial={animation.row.initial}\n            animate={animation.row.animate}\n            exit={animation.row.exit}\n            onAnimationStart={() => setIsAnimating(true)}\n            onAnimationComplete={() => setIsAnimating(false)}\n            style={{\n                overflow: isAnimating ? 'hidden' : 'visible',\n            }}\n        >\n            <div className='table-cell table-expanded-cell' role='cell' aria-colspan={columnCount}>\n                <motion.div\n                    className='table-cell-content'\n                    initial={animation.content.initial}\n                    animate={animation.content.animate}\n                    exit={animation.content.exit}\n                >\n                    {children}\n                </motion.div>\n            </div>\n        </motion.div>\n    );\n\n    renderContext.renderDraft.hasExpandableRows = true;\n    renderContext.renderDraft.bodyRows.push({\n        rowId: stableExpandedRowId,\n        rowIndex,\n        kind: 'expanded-full-width',\n        render: () => rowNode,\n    });\n\n    return renderContext.isRegisteringBodyRows ? null : rowNode;\n};\n\nexport default TableExpandedContentRow;\n"],"mappings":";;;;;;;;AA+BA,IAAM,IAAgC,KAEhC,KAA2B,MAAwC;CACrE,IAAM,EAAE,aAAU,cAAW,YAAS,cAAW,GAAG,MAAmB,GAEjE,IAAgB,EAA8B,GAC9C,IAAqB,EAAmC,GACxD,IAAU,EAAwB,GAClC,IAAc,EAAoB,GAElC,CAAC,GAAa,KAAkB,EAAS,EAAI,GAE7C,IAAqB,EAAiB,GAEtC,IAAY,QAEV,IACM;EACI,KAAK;GACD,SAAS,EAAE,SAAS,EAAE;GACtB,SAAS;IACL,SAAS;IACT,YAAY;KAAE,UAAU;KAA+B,MAAM;IAAqB;GACtF;GACA,MAAM;IACF,SAAS;IACT,YAAY;KAAE,UAAU;KAA+B,MAAM;IAAqB;GACtF;EACJ;EACA,SAAS;GACL,SAAS,EAAE,SAAS,EAAE;GACtB,SAAS;IACL,SAAS;IACT,YAAY;KAAE,UAAU;KAA+B,MAAM;IAAqB;GACtF;GACA,MAAM;IACF,SAAS;IACT,YAAY;KAAE,UAAU;KAA+B,MAAM;IAAqB;GACtF;EACJ;CACJ,IACA;EACI,KAAK;GACD,SAAS,EAAE,QAAQ,EAAE;GACrB,SAAS;IACL,QAAQ;IACR,YAAY;KAAE,UAAU;KAA+B,MAAM;IAAqB;GACtF;GACA,MAAM;IACF,QAAQ;IACR,YAAY;KAAE,UAAU;KAA+B,MAAM;IAAqB;GACtF;EACJ;EACA,SAAS;GACL,SAAS,EAAE,SAAS,EAAE;GACtB,SAAS;IACL,SAAS;IACT,YAAY;KACR,UAAU,IAAgC;KAC1C,OAAO;KACP,MAAM;IACV;GACJ;GACA,MAAM;IACF,SAAS;IACT,YAAY;KACR,UAAU,IAAgC;KAC1C,MAAM;IACV;GACJ;EACJ;CACJ,GACV,CAAC,CAAkB,CACvB;CAEA,IACI,CAAC,KACD,CAAC,KACD,EAAc,QAAQ,WAAW,KACjC,MAAY,UACZ,CAAC,GAED,OAAO;CAGX,IAAM,IAAW,EAAY,aAAa,GACpC,IAAc,EAAc,QAAQ,SAAU,KAAmB,qBAKjE,IAAsB,oBAAoB,OAAO,CAAS,KAE1D,IACF,kBAAC,EAAO,KAAR;EACI,GAAI;EACJ,WAAW,EACP,2CACA,KAAW,sBACX,CACJ;EACA,cAAY;EACZ,sBAAoB,OAAO,CAAS;EACpC,MAAK;EACL,SAAS,EAAU,IAAI;EACvB,SAAS,EAAU,IAAI;EACvB,MAAM,EAAU,IAAI;EACpB,wBAAwB,EAAe,EAAI;EAC3C,2BAA2B,EAAe,EAAK;EAC/C,OAAO,EACH,UAAU,IAAc,WAAW,UACvC;YAEA,kBAAC,OAAD;GAAK,WAAU;GAAiC,MAAK;GAAO,gBAAc;aACtE,kBAAC,EAAO,KAAR;IACI,WAAU;IACV,SAAS,EAAU,QAAQ;IAC3B,SAAS,EAAU,QAAQ;IAC3B,MAAM,EAAU,QAAQ;IAEvB;GACO,CAAA;EACX,CAAA;CACG,CAAA;CAWhB,OARA,EAAc,YAAY,oBAAoB,IAC9C,EAAc,YAAY,SAAS,KAAK;EACpC,OAAO;EACP;EACA,MAAM;EACN,cAAc;CAClB,CAAC,GAEM,EAAc,wBAAwB,OAAO;AACxD"}