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

package/components/table/TableExpandedRow.js

@@ -1,167 +1,155 @@
-import { jsx as r, jsxs as M, Fragment as j } from "react/jsx-runtime";
-import { useReducedMotion as B, motion as H } from "motion/react";
-import { useRef as U, useState as L, useMemo as W } from "react";
-import X from "../checkbox/Checkbox.js";
-import k from "../../utils/classNames.js";
-import { resolveRowKey as q, resolveRowClassName as z } from "./model/resolveRowMeta.js";
-import { getVerticalAlignClassName as G } from "./shared/getAlignClassName.js";
-import { useOptionalTableInteractionContext as J } from "./context/TableInteractionContext.js";
-import { useOptionalTableRenderConfigContext as Q } from "./context/TableRenderConfigContext.js";
-import { useOptionalTableSection as Y, useTableBodyContext as Z, extractTableHtmlAttributes as I, TableRowContext as $ } from "./context/TableStructureContext.js";
-import { useOptionalTableRenderContext as ee } from "./context/TableRenderContext.js";
-import { getInteractiveRowProps as oe } from "./shared/getInteractiveRowProps.js";
-const C = 0.18, te = (b) => {
-  const {
-    isSelected: p,
-    isSelectable: u,
-    hideSelectionControl: x,
-    isTableView: g,
-    onToggleSelection: h,
-    cardCellClassName: l,
-    selectionCheckboxVerticalAlignment: e
-  } = b;
-  return /* @__PURE__ */ r(
-    "div",
-    {
-      className: k(
-        "table-cell table-selection-cell",
-        G(e),
-        !g && l
-      ),
-      role: "cell",
-      "aria-colindex": 1,
-      style: g ? { gridColumn: "1 / span 1", gridRow: "1 / span 1" } : void 0,
-      onClick: (n) => n.stopPropagation(),
-      onKeyDown: (n) => n.stopPropagation(),
-      children: !x && /* @__PURE__ */ r("div", { className: "table-selection-control", children: /* @__PURE__ */ r(X, { checked: p, disabled: !u, onChange: h }) })
-    }
-  );
-}, pe = (b) => {
-  const { children: p, className: u, noHover: x, parentKey: g, selectable: h, ...l } = b, e = Q(), n = ee(), o = J(), P = Y(), y = Z(), m = U(0);
-  m.current = 0;
-  const [D, f] = L(!0), v = B(), O = W(
-    () => v ? {
-      initial: { opacity: 0 },
-      animate: {
-        opacity: 1,
-        transition: { duration: C, ease: "easeInOut" }
-      },
-      exit: {
-        opacity: 0,
-        transition: { duration: C, ease: "easeInOut" }
-      }
-    } : {
-      initial: { opacity: 0, height: 0, y: -8 },
-      animate: {
-        opacity: 1,
-        height: "auto",
-        y: 0,
-        transition: { duration: C, ease: "easeOut" }
-      },
-      exit: {
-        opacity: 0,
-        height: 0,
-        y: -8,
-        transition: { duration: C, ease: "easeInOut" }
-      }
-    },
-    [v]
-  );
-  if (!n || !e || !o || n.columns.length === 0 || P !== "body" || !y)
-    return null;
-  const c = l, i = y.nextRowIndex(), t = q(c, i, e.rowKey), K = typeof e.rowAnimationProps == "function" ? e.rowAnimationProps(c, i) : e.rowAnimationProps, a = oe({
-    isClickable: o.isClickable,
-    onRowClick: (s, d) => {
-      o.onRowClick?.(s, d), o.onActiveRowChange?.(
-        o.activeRowId === t ? void 0 : t,
-        s,
-        d
-      );
-    },
-    row: c,
-    rowIndex: i
-  });
-  let w;
-  e.expandedRowAnimation !== !1 && (w = {
-    ...O,
-    ...K
-  });
-  const R = o.selectableRowIdSet.has(t), A = R && o.selectedRowIdSet.has(t), S = k(
-    "table-row",
-    "table-row-expanded-data",
-    !e.isTableView && "divider-y-1 divider-color-lighter divider-style-solid",
-    o.activeRowId === t && "table-row-active",
-    A && "table-row-selected",
-    a.isClickableClassName,
-    x && "table-row-no-hover",
-    !e.isTableView && e.cardClasses.rowClassName,
-    u,
-    z(e.rowClassName, c, i)
-  ), V = o.showSelectionColumn && /* @__PURE__ */ r(
-    te,
-    {
-      isSelected: A,
-      isSelectable: R,
-      hideSelectionControl: !R && o.hideSelectionCheckboxesForExcludedRows,
-      isTableView: e.isTableView,
-      onToggleSelection: () => o.onToggleRowSelection?.(t),
-      cardCellClassName: e.cardClasses.cellClassName,
-      selectionCheckboxVerticalAlignment: e.selectionCheckboxVerticalAlignment
-    }
-  ), T = /* @__PURE__ */ M(j, { children: [
-    V,
-    p
-  ] }), E = {
-    ...I(l),
-    className: S,
-    "data-index": i,
-    "data-row-id": String(t),
-    onClick: a.onClick,
-    onKeyDown: a.onKeyDown,
-    role: "row",
-    tabIndex: a.tabIndex
-  }, _ = {
-    ...I(l),
-    className: S,
-    "data-index": i,
-    "data-row-id": String(t),
-    onClick: a.onClick,
-    onKeyDown: a.onKeyDown,
-    role: "row",
-    tabIndex: a.tabIndex,
-    onAnimationStart: () => f(!0),
-    onAnimationComplete: () => f(!1),
-    ...w,
-    style: {
-      ...w?.style ?? {},
-      overflow: D ? "hidden" : "visible"
-    }
-  }, N = /* @__PURE__ */ r(
-    $.Provider,
-    {
-      value: {
-        nextColumnIndex: (s, d = 1) => {
-          if (s !== void 0 && s >= 0)
-            return m.current = s + d, s;
-          const F = m.current;
-          return m.current += d, F;
-        },
-        rowIndex: i,
-        rowId: t,
-        rowData: c
-      },
-      children: w ? /* @__PURE__ */ r(H.div, { ..._, children: T }) : /* @__PURE__ */ r("div", { ...E, children: T })
-    }
-  );
-  return n.renderDraft.hasExpandableRows = !0, n.renderDraft.bodyRows.push({
-    rowId: t,
-    rowIndex: i,
-    kind: "expanded",
-    selectable: h !== !1,
-    render: () => N
-  }), n.isRegisteringBodyRows ? null : N;
+import e from "../../utils/classNames.js";
+import t from "../checkbox/Checkbox.js";
+import { useOptionalTableInteractionContext as n } from "./context/TableInteractionContext.js";
+import { useOptionalTableRenderConfigContext as r } from "./context/TableRenderConfigContext.js";
+import { TableRowContext as i, extractTableHtmlAttributes as a, useOptionalTableSection as o, useTableBodyContext as s } from "./context/TableStructureContext.js";
+import { useOptionalTableRenderContext as c } from "./context/TableRenderContext.js";
+import { getVerticalAlignClassName as l } from "./shared/getAlignClassName.js";
+import { resolveRowClassName as u, resolveRowKey as d } from "./model/resolveRowMeta.js";
+import { getInteractiveRowProps as f } from "./shared/getInteractiveRowProps.js";
+import { useMemo as p, useRef as m, useState as h } from "react";
+import { motion as g, useReducedMotion as _ } from "motion/react";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
+//#region src/components/table/TableExpandedRow.tsx
+var x = .18, S = (n) => {
+	let { isSelected: r, isSelectable: i, hideSelectionControl: a, isTableView: o, onToggleSelection: s, cardCellClassName: c, selectionCheckboxVerticalAlignment: u } = n;
+	return /* @__PURE__ */ y("div", {
+		className: e("table-cell table-selection-cell", l(u), !o && c),
+		role: "cell",
+		"aria-colindex": 1,
+		style: o ? {
+			gridColumn: "1 / span 1",
+			gridRow: "1 / span 1"
+		} : void 0,
+		onClick: (e) => e.stopPropagation(),
+		onKeyDown: (e) => e.stopPropagation(),
+		children: !a && /* @__PURE__ */ y("div", {
+			className: "table-selection-control",
+			children: /* @__PURE__ */ y(t, {
+				checked: r,
+				disabled: !i,
+				onChange: s
+			})
+		})
+	});
+}, C = (t) => {
+	let { children: l, className: C, noHover: w, parentKey: T, selectable: E, ...D } = t, O = r(), k = c(), A = n(), j = o(), M = s(), N = m(0);
+	N.current = 0;
+	let [P, F] = h(!0), I = _(), L = p(() => I ? {
+		initial: { opacity: 0 },
+		animate: {
+			opacity: 1,
+			transition: {
+				duration: x,
+				ease: "easeInOut"
+			}
+		},
+		exit: {
+			opacity: 0,
+			transition: {
+				duration: x,
+				ease: "easeInOut"
+			}
+		}
+	} : {
+		initial: {
+			opacity: 0,
+			height: 0,
+			y: -8
+		},
+		animate: {
+			opacity: 1,
+			height: "auto",
+			y: 0,
+			transition: {
+				duration: x,
+				ease: "easeOut"
+			}
+		},
+		exit: {
+			opacity: 0,
+			height: 0,
+			y: -8,
+			transition: {
+				duration: x,
+				ease: "easeInOut"
+			}
+		}
+	}, [I]);
+	if (!k || !O || !A || k.columns.length === 0 || j !== "body" || !M) return null;
+	let R = D, z = M.nextRowIndex(), B = d(R, z, O.rowKey), V = typeof O.rowAnimationProps == "function" ? O.rowAnimationProps(R, z) : O.rowAnimationProps, H = f({
+		isClickable: A.isClickable,
+		onRowClick: (e, t) => {
+			A.onRowClick?.(e, t), A.onActiveRowChange?.(A.activeRowId === B ? void 0 : B, e, t);
+		},
+		row: R,
+		rowIndex: z
+	}), U;
+	O.expandedRowAnimation !== !1 && (U = {
+		...L,
+		...V
+	});
+	let W = A.selectableRowIdSet.has(B), G = W && A.selectedRowIdSet.has(B), K = e("table-row", "table-row-expanded-data", !O.isTableView && "divider-y-1 divider-color-lighter divider-style-solid", A.activeRowId === B && "table-row-active", G && "table-row-selected", H.isClickableClassName, w && "table-row-no-hover", !O.isTableView && O.cardClasses.rowClassName, C, u(O.rowClassName, R, z)), q = /* @__PURE__ */ b(v, { children: [A.showSelectionColumn && /* @__PURE__ */ y(S, {
+		isSelected: G,
+		isSelectable: W,
+		hideSelectionControl: !W && A.hideSelectionCheckboxesForExcludedRows,
+		isTableView: O.isTableView,
+		onToggleSelection: () => A.onToggleRowSelection?.(B),
+		cardCellClassName: O.cardClasses.cellClassName,
+		selectionCheckboxVerticalAlignment: O.selectionCheckboxVerticalAlignment
+	}), l] }), J = {
+		...a(D),
+		className: K,
+		"data-index": z,
+		"data-row-id": String(B),
+		onClick: H.onClick,
+		onKeyDown: H.onKeyDown,
+		role: "row",
+		tabIndex: H.tabIndex
+	}, Y = {
+		...a(D),
+		className: K,
+		"data-index": z,
+		"data-row-id": String(B),
+		onClick: H.onClick,
+		onKeyDown: H.onKeyDown,
+		role: "row",
+		tabIndex: H.tabIndex,
+		onAnimationStart: () => F(!0),
+		onAnimationComplete: () => F(!1),
+		...U,
+		style: {
+			...U?.style ?? {},
+			overflow: P ? "hidden" : "visible"
+		}
+	}, X = /* @__PURE__ */ y(i.Provider, {
+		value: {
+			nextColumnIndex: (e, t = 1) => {
+				if (e !== void 0 && e >= 0) return N.current = e + t, e;
+				let n = N.current;
+				return N.current += t, n;
+			},
+			rowIndex: z,
+			rowId: B,
+			rowData: R
+		},
+		children: U ? /* @__PURE__ */ y(g.div, {
+			...Y,
+			children: q
+		}) : /* @__PURE__ */ y("div", {
+			...J,
+			children: q
+		})
+	});
+	return k.renderDraft.hasExpandableRows = !0, k.renderDraft.bodyRows.push({
+		rowId: B,
+		rowIndex: z,
+		kind: "expanded",
+		selectable: E !== !1,
+		render: () => X
+	}), k.isRegisteringBodyRows ? null : X;
 };
-export {
-  pe as default
-};
-//# sourceMappingURL=TableExpandedRow.js.map
+//#endregion
+export { C as default };
+
+//# sourceMappingURL=TableExpandedRow.js.map

package/components/table/TableExpandedRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableExpandedRow.js","sources":["../../../src/components/table/TableExpandedRow.tsx"],"sourcesContent":["import { motion, type HTMLMotionProps, useReducedMotion, type MotionProps } from 'motion/react';\nimport { useMemo, useRef, useState, type ReactNode } from 'react';\n\nimport Checkbox from '../checkbox/Checkbox';\nimport classNames from '../../utils/classNames';\nimport type { TableHtmlAttributes, TableRowData } from './Table.types';\nimport { resolveRowClassName, resolveRowKey } from './model/resolveRowMeta';\nimport { getVerticalAlignClassName } from './shared/getAlignClassName';\nimport { useOptionalTableInteractionContext } from './context/TableInteractionContext';\nimport { useOptionalTableRenderConfigContext } from './context/TableRenderConfigContext';\nimport {\n    extractTableHtmlAttributes,\n    TableRowContext,\n    useTableBodyContext,\n    useOptionalTableSection,\n} from './context/TableStructureContext';\nimport { useOptionalTableRenderContext } from './context/TableRenderContext';\nimport { getInteractiveRowProps } from './shared/getInteractiveRowProps';\nimport type { TableVerticalAlign } from './Table.types';\n\nconst DEFAULT_EXPANDED_ROW_DURATION = 0.18;\n\nexport type TableExpandedRowProps<RowType extends TableRowData> = TableHtmlAttributes &\n    Partial<RowType> & {\n        /**\n         * Parent row key used to associate this expanded row with its parent.\n         */\n        parentKey: string | number;\n\n        /**\n         * Optional class names only for this expanded 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 TableExpandedRowSelectionCellProps = {\n    isSelected: boolean;\n    isSelectable: boolean;\n    hideSelectionControl?: boolean;\n    isTableView: boolean;\n    onToggleSelection?: () => void;\n    cardCellClassName?: string;\n    selectionCheckboxVerticalAlignment?: TableVerticalAlign;\n};\n\nconst TableExpandedRowSelectionCell = (props: TableExpandedRowSelectionCellProps) => {\n    const {\n        isSelected,\n        isSelectable,\n        hideSelectionControl,\n        isTableView,\n        onToggleSelection,\n        cardCellClassName,\n        selectionCheckboxVerticalAlignment,\n    } = props;\n    return (\n        <div\n            className={classNames(\n                'table-cell table-selection-cell',\n                getVerticalAlignClassName(selectionCheckboxVerticalAlignment),\n                !isTableView && cardCellClassName\n            )}\n            role='cell'\n            aria-colindex={1}\n            style={isTableView ? { gridColumn: '1 / span 1', gridRow: '1 / span 1' } : undefined}\n            onClick={event => event.stopPropagation()}\n            onKeyDown={event => event.stopPropagation()}\n        >\n            {!hideSelectionControl && (\n                <div className='table-selection-control'>\n                    <Checkbox checked={isSelected} disabled={!isSelectable} onChange={onToggleSelection} />\n                </div>\n            )}\n        </div>\n    );\n};\n\nconst TableExpandedRow = <RowType extends TableRowData = TableRowData>(props: TableExpandedRowProps<RowType>) => {\n    const { children, className, noHover, parentKey: _parentKey, selectable, ...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    const [isAnimating, setIsAnimating] = useState(true);\n    const shouldReduceMotion = useReducedMotion();\n\n    const animation = useMemo(\n        () =>\n            shouldReduceMotion\n                ? {\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                      initial: { opacity: 0, height: 0, y: -8 },\n                      animate: {\n                          opacity: 1,\n                          height: 'auto',\n                          y: 0,\n                          transition: { duration: DEFAULT_EXPANDED_ROW_DURATION, ease: 'easeOut' as const },\n                      },\n                      exit: {\n                          opacity: 0,\n                          height: 0,\n                          y: -8,\n                          transition: { duration: DEFAULT_EXPANDED_ROW_DURATION, ease: 'easeInOut' as const },\n                      },\n                  },\n        [shouldReduceMotion]\n    );\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 unknown 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,\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    let mergedRowAnimationProps: MotionProps | undefined;\n\n    if (renderConfigContext.expandedRowAnimation !== false) {\n        mergedRowAnimationProps = {\n            ...animation,\n            ...resolvedRowAnimationProps,\n        };\n    }\n\n    const isSelectable = interactionContext.selectableRowIdSet.has(rowId);\n    const isSelected = isSelectable && interactionContext.selectedRowIdSet.has(rowId);\n\n    const rowClassNames = classNames(\n        'table-row',\n        'table-row-expanded-data',\n        !renderConfigContext.isTableView && 'divider-y-1 divider-color-lighter divider-style-solid',\n        interactionContext.activeRowId === rowId && 'table-row-active',\n        isSelected && 'table-row-selected',\n        interactiveRowProps.isClickableClassName,\n        noHover && 'table-row-no-hover',\n        !renderConfigContext.isTableView && renderConfigContext.cardClasses.rowClassName,\n        className,\n        resolveRowClassName(renderConfigContext.rowClassName, rowData, rowIndex)\n    );\n\n    const selectionCell = interactionContext.showSelectionColumn && (\n        <TableExpandedRowSelectionCell\n            isSelected={isSelected}\n            isSelectable={isSelectable}\n            hideSelectionControl={!isSelectable && interactionContext.hideSelectionCheckboxesForExcludedRows}\n            isTableView={renderConfigContext.isTableView}\n            onToggleSelection={() => interactionContext.onToggleRowSelection?.(rowId)}\n            cardCellClassName={renderConfigContext.cardClasses.cellClassName}\n            selectionCheckboxVerticalAlignment={renderConfigContext.selectionCheckboxVerticalAlignment}\n        />\n    );\n\n    const rowContent = (\n        <>\n            {selectionCell}\n            {children}\n        </>\n    );\n\n    const staticRowProps = {\n        ...extractTableHtmlAttributes(remainingProps),\n        className: rowClassNames,\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-row-id' | 'onClick' | 'onKeyDown' | 'role' | 'style' | 'tabIndex'\n        >),\n        className: rowClassNames,\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        onAnimationStart: () => setIsAnimating(true),\n        onAnimationComplete: () => setIsAnimating(false),\n        ...mergedRowAnimationProps,\n        style: {\n            ...(mergedRowAnimationProps?.style ?? {}),\n            overflow: isAnimating ? 'hidden' : 'visible',\n        },\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            {mergedRowAnimationProps ? (\n                <motion.div {...animatedRowProps}>{rowContent}</motion.div>\n            ) : (\n                <div {...staticRowProps}>{rowContent}</div>\n            )}\n        </TableRowContext.Provider>\n    );\n\n    renderContext.renderDraft.hasExpandableRows = true;\n    renderContext.renderDraft.bodyRows.push({\n        rowId,\n        rowIndex,\n        kind: 'expanded',\n        selectable: selectable !== false,\n        render: () => rowNode,\n    });\n\n    return renderContext.isRegisteringBodyRows ? null : rowNode;\n};\n\nexport default TableExpandedRow;\n"],"names":["DEFAULT_EXPANDED_ROW_DURATION","TableExpandedRowSelectionCell","props","isSelected","isSelectable","hideSelectionControl","isTableView","onToggleSelection","cardCellClassName","selectionCheckboxVerticalAlignment","jsx","classNames","getVerticalAlignClassName","event","Checkbox","TableExpandedRow","children","className","noHover","_parentKey","selectable","remainingProps","renderConfigContext","useOptionalTableRenderConfigContext","renderContext","useOptionalTableRenderContext","interactionContext","useOptionalTableInteractionContext","section","useOptionalTableSection","bodyContext","useTableBodyContext","cellIndexRef","useRef","isAnimating","setIsAnimating","useState","shouldReduceMotion","useReducedMotion","animation","useMemo","rowData","rowIndex","rowId","resolveRowKey","resolvedRowAnimationProps","interactiveRowProps","getInteractiveRowProps","clickedRow","clickedRowIndex","mergedRowAnimationProps","rowClassNames","resolveRowClassName","selectionCell","rowContent","jsxs","Fragment","staticRowProps","extractTableHtmlAttributes","animatedRowProps","rowNode","TableRowContext","explicitColumnIndex","span","nextIndex","motion"],"mappings":"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"}
+{"version":3,"file":"TableExpandedRow.js","names":[],"sources":["../../../src/components/table/TableExpandedRow.tsx"],"sourcesContent":["import { motion, type HTMLMotionProps, useReducedMotion, type MotionProps } from 'motion/react';\nimport { useMemo, useRef, useState, type ReactNode } from 'react';\n\nimport Checkbox from '../checkbox/Checkbox';\nimport classNames from '../../utils/classNames';\nimport type { TableHtmlAttributes, TableRowData } from './Table.types';\nimport { resolveRowClassName, resolveRowKey } from './model/resolveRowMeta';\nimport { getVerticalAlignClassName } from './shared/getAlignClassName';\nimport { useOptionalTableInteractionContext } from './context/TableInteractionContext';\nimport { useOptionalTableRenderConfigContext } from './context/TableRenderConfigContext';\nimport {\n    extractTableHtmlAttributes,\n    TableRowContext,\n    useTableBodyContext,\n    useOptionalTableSection,\n} from './context/TableStructureContext';\nimport { useOptionalTableRenderContext } from './context/TableRenderContext';\nimport { getInteractiveRowProps } from './shared/getInteractiveRowProps';\nimport type { TableVerticalAlign } from './Table.types';\n\nconst DEFAULT_EXPANDED_ROW_DURATION = 0.18;\n\nexport type TableExpandedRowProps<RowType extends TableRowData> = TableHtmlAttributes &\n    Partial<RowType> & {\n        /**\n         * Parent row key used to associate this expanded row with its parent.\n         */\n        parentKey: string | number;\n\n        /**\n         * Optional class names only for this expanded 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 TableExpandedRowSelectionCellProps = {\n    isSelected: boolean;\n    isSelectable: boolean;\n    hideSelectionControl?: boolean;\n    isTableView: boolean;\n    onToggleSelection?: () => void;\n    cardCellClassName?: string;\n    selectionCheckboxVerticalAlignment?: TableVerticalAlign;\n};\n\nconst TableExpandedRowSelectionCell = (props: TableExpandedRowSelectionCellProps) => {\n    const {\n        isSelected,\n        isSelectable,\n        hideSelectionControl,\n        isTableView,\n        onToggleSelection,\n        cardCellClassName,\n        selectionCheckboxVerticalAlignment,\n    } = props;\n    return (\n        <div\n            className={classNames(\n                'table-cell table-selection-cell',\n                getVerticalAlignClassName(selectionCheckboxVerticalAlignment),\n                !isTableView && cardCellClassName\n            )}\n            role='cell'\n            aria-colindex={1}\n            style={isTableView ? { gridColumn: '1 / span 1', gridRow: '1 / span 1' } : undefined}\n            onClick={event => event.stopPropagation()}\n            onKeyDown={event => event.stopPropagation()}\n        >\n            {!hideSelectionControl && (\n                <div className='table-selection-control'>\n                    <Checkbox checked={isSelected} disabled={!isSelectable} onChange={onToggleSelection} />\n                </div>\n            )}\n        </div>\n    );\n};\n\nconst TableExpandedRow = <RowType extends TableRowData = TableRowData>(props: TableExpandedRowProps<RowType>) => {\n    const { children, className, noHover, parentKey: _parentKey, selectable, ...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    const [isAnimating, setIsAnimating] = useState(true);\n    const shouldReduceMotion = useReducedMotion();\n\n    const animation = useMemo(\n        () =>\n            shouldReduceMotion\n                ? {\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                      initial: { opacity: 0, height: 0, y: -8 },\n                      animate: {\n                          opacity: 1,\n                          height: 'auto',\n                          y: 0,\n                          transition: { duration: DEFAULT_EXPANDED_ROW_DURATION, ease: 'easeOut' as const },\n                      },\n                      exit: {\n                          opacity: 0,\n                          height: 0,\n                          y: -8,\n                          transition: { duration: DEFAULT_EXPANDED_ROW_DURATION, ease: 'easeInOut' as const },\n                      },\n                  },\n        [shouldReduceMotion]\n    );\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 unknown 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,\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    let mergedRowAnimationProps: MotionProps | undefined;\n\n    if (renderConfigContext.expandedRowAnimation !== false) {\n        mergedRowAnimationProps = {\n            ...animation,\n            ...resolvedRowAnimationProps,\n        };\n    }\n\n    const isSelectable = interactionContext.selectableRowIdSet.has(rowId);\n    const isSelected = isSelectable && interactionContext.selectedRowIdSet.has(rowId);\n\n    const rowClassNames = classNames(\n        'table-row',\n        'table-row-expanded-data',\n        !renderConfigContext.isTableView && 'divider-y-1 divider-color-lighter divider-style-solid',\n        interactionContext.activeRowId === rowId && 'table-row-active',\n        isSelected && 'table-row-selected',\n        interactiveRowProps.isClickableClassName,\n        noHover && 'table-row-no-hover',\n        !renderConfigContext.isTableView && renderConfigContext.cardClasses.rowClassName,\n        className,\n        resolveRowClassName(renderConfigContext.rowClassName, rowData, rowIndex)\n    );\n\n    const selectionCell = interactionContext.showSelectionColumn && (\n        <TableExpandedRowSelectionCell\n            isSelected={isSelected}\n            isSelectable={isSelectable}\n            hideSelectionControl={!isSelectable && interactionContext.hideSelectionCheckboxesForExcludedRows}\n            isTableView={renderConfigContext.isTableView}\n            onToggleSelection={() => interactionContext.onToggleRowSelection?.(rowId)}\n            cardCellClassName={renderConfigContext.cardClasses.cellClassName}\n            selectionCheckboxVerticalAlignment={renderConfigContext.selectionCheckboxVerticalAlignment}\n        />\n    );\n\n    const rowContent = (\n        <>\n            {selectionCell}\n            {children}\n        </>\n    );\n\n    const staticRowProps = {\n        ...extractTableHtmlAttributes(remainingProps),\n        className: rowClassNames,\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-row-id' | 'onClick' | 'onKeyDown' | 'role' | 'style' | 'tabIndex'\n        >),\n        className: rowClassNames,\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        onAnimationStart: () => setIsAnimating(true),\n        onAnimationComplete: () => setIsAnimating(false),\n        ...mergedRowAnimationProps,\n        style: {\n            ...(mergedRowAnimationProps?.style ?? {}),\n            overflow: isAnimating ? 'hidden' : 'visible',\n        },\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            {mergedRowAnimationProps ? (\n                <motion.div {...animatedRowProps}>{rowContent}</motion.div>\n            ) : (\n                <div {...staticRowProps}>{rowContent}</div>\n            )}\n        </TableRowContext.Provider>\n    );\n\n    renderContext.renderDraft.hasExpandableRows = true;\n    renderContext.renderDraft.bodyRows.push({\n        rowId,\n        rowIndex,\n        kind: 'expanded',\n        selectable: selectable !== false,\n        render: () => rowNode,\n    });\n\n    return renderContext.isRegisteringBodyRows ? null : rowNode;\n};\n\nexport default TableExpandedRow;\n"],"mappings":";;;;;;;;;;;;;AAoBA,IAAM,IAAgC,KAwChC,KAAiC,MAA8C;CACjF,IAAM,EACF,eACA,iBACA,yBACA,gBACA,sBACA,sBACA,0CACA;CACJ,OACI,kBAAC,OAAD;EACI,WAAW,EACP,mCACA,EAA0B,CAAkC,GAC5D,CAAC,KAAe,CACpB;EACA,MAAK;EACL,iBAAe;EACf,OAAO,IAAc;GAAE,YAAY;GAAc,SAAS;EAAa,IAAI,KAAA;EAC3E,UAAS,MAAS,EAAM,gBAAgB;EACxC,YAAW,MAAS,EAAM,gBAAgB;YAEzC,CAAC,KACE,kBAAC,OAAD;GAAK,WAAU;aACX,kBAAC,GAAD;IAAU,SAAS;IAAY,UAAU,CAAC;IAAc,UAAU;GAAoB,CAAA;EACrF,CAAA;CAER,CAAA;AAEb,GAEM,KAAiE,MAA0C;CAC7G,IAAM,EAAE,aAAU,cAAW,YAAS,WAAW,GAAY,eAAY,GAAG,MAAmB,GAEzF,IAAsB,EAA6C,GACnE,IAAgB,EAAuC,GACvD,IAAqB,EAA4C,GACjE,IAAU,EAAwB,GAClC,IAAc,EAAoB,GAElC,IAAe,EAAO,CAAC;CAC7B,EAAa,UAAU;CAEvB,IAAM,CAAC,GAAa,KAAkB,EAAS,EAAI,GAC7C,IAAqB,EAAiB,GAEtC,IAAY,QAEV,IACM;EACI,SAAS,EAAE,SAAS,EAAE;EACtB,SAAS;GACL,SAAS;GACT,YAAY;IAAE,UAAU;IAA+B,MAAM;GAAqB;EACtF;EACA,MAAM;GACF,SAAS;GACT,YAAY;IAAE,UAAU;IAA+B,MAAM;GAAqB;EACtF;CACJ,IACA;EACI,SAAS;GAAE,SAAS;GAAG,QAAQ;GAAG,GAAG;EAAG;EACxC,SAAS;GACL,SAAS;GACT,QAAQ;GACR,GAAG;GACH,YAAY;IAAE,UAAU;IAA+B,MAAM;GAAmB;EACpF;EACA,MAAM;GACF,SAAS;GACT,QAAQ;GACR,GAAG;GACH,YAAY;IAAE,UAAU;IAA+B,MAAM;GAAqB;EACtF;CACJ,GACV,CAAC,CAAkB,CACvB;CAEA,IACI,CAAC,KACD,CAAC,KACD,CAAC,KACD,EAAc,QAAQ,WAAW,KACjC,MAAY,UACZ,CAAC,GAED,OAAO;CAGX,IAAM,IAAU,GACV,IAAW,EAAY,aAAa,GACpC,IAAQ,EAAc,GAAS,GAAU,EAAoB,MAAM,GAEnE,IACF,OAAO,EAAoB,qBAAsB,aAC3C,EAAoB,kBAAkB,GAAS,CAAQ,IACvD,EAAoB,mBAExB,IAAsB,EAAuB;EAC/C,aAAa,EAAmB;EAChC,aAAa,GAAY,MAAoB;GAEzC,AADA,EAAmB,aAAa,GAAY,CAAe,GAC3D,EAAmB,oBACf,EAAmB,gBAAgB,IAAQ,KAAA,IAAY,GACvD,GACA,CACJ;EACJ;EACA,KAAK;EACL;CACJ,CAAC,GAEG;CAEJ,AAAI,EAAoB,yBAAyB,OAC7C,IAA0B;EACtB,GAAG;EACH,GAAG;CACP;CAGJ,IAAM,IAAe,EAAmB,mBAAmB,IAAI,CAAK,GAC9D,IAAa,KAAgB,EAAmB,iBAAiB,IAAI,CAAK,GAE1E,IAAgB,EAClB,aACA,2BACA,CAAC,EAAoB,eAAe,yDACpC,EAAmB,gBAAgB,KAAS,oBAC5C,KAAc,sBACd,EAAoB,sBACpB,KAAW,sBACX,CAAC,EAAoB,eAAe,EAAoB,YAAY,cACpE,GACA,EAAoB,EAAoB,cAAc,GAAS,CAAQ,CAC3E,GAcM,IACF,kBAAA,GAAA,EAAA,UAAA,CAbkB,EAAmB,uBACrC,kBAAC,GAAD;EACgB;EACE;EACd,sBAAsB,CAAC,KAAgB,EAAmB;EAC1D,aAAa,EAAoB;EACjC,yBAAyB,EAAmB,uBAAuB,CAAK;EACxE,mBAAmB,EAAoB,YAAY;EACnD,oCAAoC,EAAoB;CAC3D,CAAA,GAMI,CACH,EAAA,CAAA,GAGA,IAAiB;EACnB,GAAG,EAA2B,CAAc;EAC5C,WAAW;EACX,cAAc;EACd,eAAe,OAAO,CAAK;EAC3B,SAAS,EAAoB;EAC7B,WAAW,EAAoB;EAC/B,MAAM;EACN,UAAU,EAAoB;CAClC,GAEM,IAAmB;EACrB,GAAI,EAA2B,CAAc;EAI7C,WAAW;EACX,cAAc;EACd,eAAe,OAAO,CAAK;EAC3B,SAAS,EAAoB;EAC7B,WAAW,EAAoB;EAC/B,MAAM;EACN,UAAU,EAAoB;EAC9B,wBAAwB,EAAe,EAAI;EAC3C,2BAA2B,EAAe,EAAK;EAC/C,GAAG;EACH,OAAO;GACH,GAAI,GAAyB,SAAS,CAAC;GACvC,UAAU,IAAc,WAAW;EACvC;CACJ,GAEM,IACF,kBAAC,EAAgB,UAAjB;EACI,OAAO;GACH,kBAAkB,GAAqB,IAAO,MAAM;IAChD,IAAI,MAAwB,KAAA,KAAa,KAAuB,GAE5D,OADA,EAAa,UAAU,IAAsB,GACtC;IAGX,IAAM,IAAY,EAAa;IAE/B,OADA,EAAa,WAAW,GACjB;GACX;GACA;GACA;GACA;EACJ;YAEC,IACG,kBAAC,EAAO,KAAR;GAAY,GAAI;aAAmB;EAAuB,CAAA,IAE1D,kBAAC,OAAD;GAAK,GAAI;aAAiB;EAAgB,CAAA;CAExB,CAAA;CAY9B,OATA,EAAc,YAAY,oBAAoB,IAC9C,EAAc,YAAY,SAAS,KAAK;EACpC;EACA;EACA,MAAM;EACN,YAAY,MAAe;EAC3B,cAAc;CAClB,CAAC,GAEM,EAAc,wBAAwB,OAAO;AACxD"}

package/components/table/TableExpanderButton.js

@@ -1,24 +1,22 @@
-import { jsx as l } from "react/jsx-runtime";
-import d from "../button/Button.js";
-import i from "../../utils/classNames.js";
-import { useOptionalTableRenderContext as m } from "./context/TableRenderContext.js";
-const u = (t) => {
-  const { expanded: n = !1, disabled: a = !1, onClick: o, className: r, ...s } = t, e = m();
-  return e && (e.renderDraft.hasExpandableRows = !0), /* @__PURE__ */ l(
-    d,
-    {
-      ...s,
-      bsStyle: "muted",
-      bsSize: "xs",
-      iconOnly: !0,
-      disabled: a,
-      iconName: "rioglyph-chevron-down",
-      className: i("table-expander-button", n && "table-expander-button-expanded", r),
-      onClick: o
-    }
-  );
+import e from "../../utils/classNames.js";
+import t from "../button/Button.js";
+import { useOptionalTableRenderContext as n } from "./context/TableRenderContext.js";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/table/TableExpanderButton.tsx
+var i = (i) => {
+	let { expanded: a = !1, disabled: o = !1, onClick: s, className: c, ...l } = i, u = n();
+	return u && (u.renderDraft.hasExpandableRows = !0), /* @__PURE__ */ r(t, {
+		...l,
+		bsStyle: "muted",
+		bsSize: "xs",
+		iconOnly: !0,
+		disabled: o,
+		iconName: "icon-chevron-down",
+		className: e("table-expander-button", a && "table-expander-button-expanded", c),
+		onClick: s
+	});
 };
-export {
-  u as default
-};
-//# sourceMappingURL=TableExpanderButton.js.map
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=TableExpanderButton.js.map

package/components/table/TableExpanderButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableExpanderButton.js","sources":["../../../src/components/table/TableExpanderButton.tsx"],"sourcesContent":["import type { MouseEventHandler } from 'react';\n\nimport Button from '../button/Button';\nimport classNames from '../../utils/classNames';\nimport { useOptionalTableRenderContext } from './context/TableRenderContext';\n\nexport type TableExpanderButtonProps = {\n    /**\n     * Controls whether the related row is currently expanded.\n     *\n     * @default false\n     */\n    expanded?: boolean;\n\n    /**\n     * Disables the expander button.\n     *\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * Callback triggered when the expander 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 TableExpanderButton = (props: TableExpanderButtonProps) => {\n    const { expanded = false, disabled = false, onClick, className, ...remainingProps } = props;\n\n    const renderContext = useOptionalTableRenderContext();\n\n    if (renderContext) {\n        renderContext.renderDraft.hasExpandableRows = true;\n    }\n\n    return (\n        <Button\n            {...remainingProps}\n            bsStyle='muted'\n            bsSize='xs'\n            iconOnly\n            disabled={disabled}\n            iconName='rioglyph-chevron-down'\n            className={classNames('table-expander-button', expanded && 'table-expander-button-expanded', className)}\n            onClick={onClick}\n        />\n    );\n};\n\nexport default TableExpanderButton;\n"],"names":["TableExpanderButton","props","expanded","disabled","onClick","className","remainingProps","renderContext","useOptionalTableRenderContext","jsx","Button","classNames"],"mappings":";;;;AAgCA,MAAMA,IAAsB,CAACC,MAAoC;AAC7D,QAAM,EAAE,UAAAC,IAAW,IAAO,UAAAC,IAAW,IAAO,SAAAC,GAAS,WAAAC,GAAW,GAAGC,EAAA,IAAmBL,GAEhFM,IAAgBC,EAAA;AAEtB,SAAID,MACAA,EAAc,YAAY,oBAAoB,KAI9C,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACI,GAAGJ;AAAA,MACJ,SAAQ;AAAA,MACR,QAAO;AAAA,MACP,UAAQ;AAAA,MACR,UAAAH;AAAA,MACA,UAAS;AAAA,MACT,WAAWQ,EAAW,yBAAyBT,KAAY,kCAAkCG,CAAS;AAAA,MACtG,SAAAD;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
+{"version":3,"file":"TableExpanderButton.js","names":[],"sources":["../../../src/components/table/TableExpanderButton.tsx"],"sourcesContent":["import type { MouseEventHandler } from 'react';\n\nimport Button from '../button/Button';\nimport classNames from '../../utils/classNames';\nimport { useOptionalTableRenderContext } from './context/TableRenderContext';\n\nexport type TableExpanderButtonProps = {\n    /**\n     * Controls whether the related row is currently expanded.\n     *\n     * @default false\n     */\n    expanded?: boolean;\n\n    /**\n     * Disables the expander button.\n     *\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * Callback triggered when the expander 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 TableExpanderButton = (props: TableExpanderButtonProps) => {\n    const { expanded = false, disabled = false, onClick, className, ...remainingProps } = props;\n\n    const renderContext = useOptionalTableRenderContext();\n\n    if (renderContext) {\n        renderContext.renderDraft.hasExpandableRows = true;\n    }\n\n    return (\n        <Button\n            {...remainingProps}\n            bsStyle='muted'\n            bsSize='xs'\n            iconOnly\n            disabled={disabled}\n            iconName='icon-chevron-down'\n            className={classNames('table-expander-button', expanded && 'table-expander-button-expanded', className)}\n            onClick={onClick}\n        />\n    );\n};\n\nexport default TableExpanderButton;\n"],"mappings":";;;;;AAgCA,IAAM,KAAuB,MAAoC;CAC7D,IAAM,EAAE,cAAW,IAAO,cAAW,IAAO,YAAS,cAAW,GAAG,MAAmB,GAEhF,IAAgB,EAA8B;CAMpD,OAJI,MACA,EAAc,YAAY,oBAAoB,KAI9C,kBAAC,GAAD;EACI,GAAI;EACJ,SAAQ;EACR,QAAO;EACP,UAAA;EACU;EACV,UAAS;EACT,WAAW,EAAW,yBAAyB,KAAY,kCAAkC,CAAS;EAC7F;CACZ,CAAA;AAET"}

package/components/table/TableFooter.js

@@ -1,52 +1,48 @@
-import { jsx as o } from "react/jsx-runtime";
-import { useRef as p } from "react";
-import f from "../../utils/classNames.js";
-import w from "./render/footer/TableFooterContent.js";
-import { useOptionalTableInteractionContext as x } from "./context/TableInteractionContext.js";
-import { useOptionalTableLayoutContext as F } from "./context/TableLayoutContext.js";
-import { useOptionalTableRenderConfigContext as T } from "./context/TableRenderConfigContext.js";
-import { TableSectionContext as R, TableRowContext as v } from "./context/TableStructureContext.js";
-import { useOptionalTableRenderContext as g } from "./context/TableRenderContext.js";
-const L = (u) => {
-  const { children: n, className: m, ...d } = u, l = T(), e = g(), a = x(), s = F(), t = p(0);
-  if (t.current = 0, !l || !e || !a || !s || e.columns.length === 0 || !l.isTableView)
-    return null;
-  const C = e.columns.length + (a.showSelectionColumn ? 1 : 0), i = e.hasFooterCells !== !1, b = !i;
-  return e.renderDraft.hasFooter = !0, e.renderDraft.hasFooterCells = !1, /* @__PURE__ */ o(
-    "div",
-    {
-      ...d,
-      className: f("table-footer", b && "table-footer-full-width"),
-      role: "rowgroup",
-      children: /* @__PURE__ */ o(
-        "div",
-        {
-          className: f("table-row table-row-footer", m),
-          role: "row",
-          ref: s.tableFooterRowRef,
-          children: i ? /* @__PURE__ */ o(R.Provider, { value: "footer", children: /* @__PURE__ */ o(
-            v.Provider,
-            {
-              value: {
-                nextColumnIndex: (r, c = 1) => {
-                  if (r !== void 0 && r >= 0)
-                    return t.current = r + c, r;
-                  const h = t.current;
-                  return t.current += c, h;
-                },
-                rowData: {},
-                rowId: "__footer__",
-                rowIndex: -1
-              },
-              children: n
-            }
-          ) }) : /* @__PURE__ */ o(w, { columnCount: C, content: n })
-        }
-      )
-    }
-  );
+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 { TableRowContext as i, TableSectionContext as a } from "./context/TableStructureContext.js";
+import { useOptionalTableRenderContext as o } from "./context/TableRenderContext.js";
+import s from "./render/footer/TableFooterContent.js";
+import { useRef as c } from "react";
+import { jsx as l } from "react/jsx-runtime";
+//#region src/components/table/TableFooter.tsx
+var u = (u) => {
+	let { children: d, className: f, ...p } = u, m = r(), h = o(), g = t(), _ = n(), v = c(0);
+	if (v.current = 0, !m || !h || !g || !_ || h.columns.length === 0 || !m.isTableView) return null;
+	let y = h.columns.length + +!!g.showSelectionColumn, b = h.hasFooterCells !== !1, x = !b;
+	return h.renderDraft.hasFooter = !0, h.renderDraft.hasFooterCells = !1, /* @__PURE__ */ l("div", {
+		...p,
+		className: e("table-footer", x && "table-footer-full-width"),
+		role: "rowgroup",
+		children: /* @__PURE__ */ l("div", {
+			className: e("table-row table-row-footer", f),
+			role: "row",
+			ref: _.tableFooterRowRef,
+			children: b ? /* @__PURE__ */ l(a.Provider, {
+				value: "footer",
+				children: /* @__PURE__ */ l(i.Provider, {
+					value: {
+						nextColumnIndex: (e, t = 1) => {
+							if (e !== void 0 && e >= 0) return v.current = e + t, e;
+							let n = v.current;
+							return v.current += t, n;
+						},
+						rowData: {},
+						rowId: "__footer__",
+						rowIndex: -1
+					},
+					children: d
+				})
+			}) : /* @__PURE__ */ l(s, {
+				columnCount: y,
+				content: d
+			})
+		})
+	});
 };
-export {
-  L as default
-};
-//# sourceMappingURL=TableFooter.js.map
+//#endregion
+export { u as default };
+
+//# sourceMappingURL=TableFooter.js.map

package/components/table/TableFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableFooter.js","sources":["../../../src/components/table/TableFooter.tsx"],"sourcesContent":["import { useRef, type ReactNode } from 'react';\n\nimport classNames from '../../utils/classNames';\nimport type { TableHtmlAttributes } from './Table.types';\nimport TableFooterContent from './render/footer/TableFooterContent';\nimport { useOptionalTableInteractionContext } from './context/TableInteractionContext';\nimport { useOptionalTableLayoutContext } from './context/TableLayoutContext';\nimport { useOptionalTableRenderConfigContext } from './context/TableRenderConfigContext';\nimport { TableRowContext, TableSectionContext } from './context/TableStructureContext';\nimport { useOptionalTableRenderContext } from './context/TableRenderContext';\n\nexport type TableFooterProps = TableHtmlAttributes & {\n    /**\n     * The footer content.\n     *\n     * Use `TableColumn` children for cell-based footers, or arbitrary content\n     * for a full-width footer row.\n     */\n    children?: ReactNode;\n\n    /**\n     * Optional class names for footer row.\n     */\n    className?: string;\n};\n\nconst TableFooter = (props: TableFooterProps) => {\n    const { children, className, ...remainingProps } = props;\n\n    const renderConfigContext = useOptionalTableRenderConfigContext();\n    const renderContext = useOptionalTableRenderContext();\n    const interactionContext = useOptionalTableInteractionContext();\n    const layoutContext = useOptionalTableLayoutContext();\n\n    const cellIndexRef = useRef(0);\n    cellIndexRef.current = 0;\n\n    if (\n        !renderConfigContext ||\n        !renderContext ||\n        !interactionContext ||\n        !layoutContext ||\n        renderContext.columns.length === 0\n    ) {\n        return null;\n    }\n\n    if (!renderConfigContext.isTableView) {\n        return null;\n    }\n\n    const columnCount = renderContext.columns.length + (interactionContext.showSelectionColumn ? 1 : 0);\n    const shouldRenderFooterCells = renderContext.hasFooterCells !== false;\n    const isFullWidthFooter = !shouldRenderFooterCells;\n\n    renderContext.renderDraft.hasFooter = true;\n    renderContext.renderDraft.hasFooterCells = false;\n\n    return (\n        <div\n            {...remainingProps}\n            className={classNames('table-footer', isFullWidthFooter && 'table-footer-full-width')}\n            role='rowgroup'\n        >\n            <div\n                className={classNames('table-row table-row-footer', className)}\n                role='row'\n                ref={layoutContext.tableFooterRowRef}\n            >\n                {shouldRenderFooterCells ? (\n                    <TableSectionContext.Provider value='footer'>\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                                rowData: {},\n                                rowId: '__footer__',\n                                rowIndex: -1,\n                            }}\n                        >\n                            {children}\n                        </TableRowContext.Provider>\n                    </TableSectionContext.Provider>\n                ) : (\n                    <TableFooterContent columnCount={columnCount} content={children} />\n                )}\n            </div>\n        </div>\n    );\n};\n\nexport default TableFooter;\n"],"names":["TableFooter","props","children","className","remainingProps","renderConfigContext","useOptionalTableRenderConfigContext","renderContext","useOptionalTableRenderContext","interactionContext","useOptionalTableInteractionContext","layoutContext","useOptionalTableLayoutContext","cellIndexRef","useRef","columnCount","shouldRenderFooterCells","isFullWidthFooter","jsx","classNames","TableSectionContext","TableRowContext","explicitColumnIndex","span","nextIndex","TableFooterContent"],"mappings":";;;;;;;;;AA0BA,MAAMA,IAAc,CAACC,MAA4B;AAC7C,QAAM,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,MAAmBH,GAE7CI,IAAsBC,EAAA,GACtBC,IAAgBC,EAAA,GAChBC,IAAqBC,EAAA,GACrBC,IAAgBC,EAAA,GAEhBC,IAAeC,EAAO,CAAC;AAa7B,MAZAD,EAAa,UAAU,GAGnB,CAACR,KACD,CAACE,KACD,CAACE,KACD,CAACE,KACDJ,EAAc,QAAQ,WAAW,KAKjC,CAACF,EAAoB;AACrB,WAAO;AAGX,QAAMU,IAAcR,EAAc,QAAQ,UAAUE,EAAmB,sBAAsB,IAAI,IAC3FO,IAA0BT,EAAc,mBAAmB,IAC3DU,IAAoB,CAACD;AAE3B,SAAAT,EAAc,YAAY,YAAY,IACtCA,EAAc,YAAY,iBAAiB,IAGvC,gBAAAW;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGd;AAAA,MACJ,WAAWe,EAAW,gBAAgBF,KAAqB,yBAAyB;AAAA,MACpF,MAAK;AAAA,MAEL,UAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAWC,EAAW,8BAA8BhB,CAAS;AAAA,UAC7D,MAAK;AAAA,UACL,KAAKQ,EAAc;AAAA,UAElB,cACG,gBAAAO,EAACE,EAAoB,UAApB,EAA6B,OAAM,UAChC,UAAA,gBAAAF;AAAA,YAACG,EAAgB;AAAA,YAAhB;AAAA,cACG,OAAO;AAAA,gBACH,iBAAiB,CAACC,GAAqBC,IAAO,MAAM;AAChD,sBAAID,MAAwB,UAAaA,KAAuB;AAC5D,2BAAAT,EAAa,UAAUS,IAAsBC,GACtCD;AAGX,wBAAME,IAAYX,EAAa;AAC/B,yBAAAA,EAAa,WAAWU,GACjBC;AAAA,gBACX;AAAA,gBACA,SAAS,CAAA;AAAA,gBACT,OAAO;AAAA,gBACP,UAAU;AAAA,cAAA;AAAA,cAGb,UAAAtB;AAAA,YAAA;AAAA,UAAA,GAET,IAEA,gBAAAgB,EAACO,GAAA,EAAmB,aAAAV,GAA0B,SAASb,EAAA,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IAEzE;AAAA,EAAA;AAGZ;"}
+{"version":3,"file":"TableFooter.js","names":[],"sources":["../../../src/components/table/TableFooter.tsx"],"sourcesContent":["import { useRef, type ReactNode, type Ref } from 'react';\n\nimport classNames from '../../utils/classNames';\nimport type { TableHtmlAttributes } from './Table.types';\nimport TableFooterContent from './render/footer/TableFooterContent';\nimport { useOptionalTableInteractionContext } from './context/TableInteractionContext';\nimport { useOptionalTableLayoutContext } from './context/TableLayoutContext';\nimport { useOptionalTableRenderConfigContext } from './context/TableRenderConfigContext';\nimport { TableRowContext, TableSectionContext } from './context/TableStructureContext';\nimport { useOptionalTableRenderContext } from './context/TableRenderContext';\n\nexport type TableFooterProps = TableHtmlAttributes & {\n    /**\n     * The footer content.\n     *\n     * Use `TableColumn` children for cell-based footers, or arbitrary content\n     * for a full-width footer row.\n     */\n    children?: ReactNode;\n\n    /**\n     * Optional class names for footer row.\n     */\n    className?: string;\n};\n\nconst TableFooter = (props: TableFooterProps) => {\n    const { children, className, ...remainingProps } = props;\n\n    const renderConfigContext = useOptionalTableRenderConfigContext();\n    const renderContext = useOptionalTableRenderContext();\n    const interactionContext = useOptionalTableInteractionContext();\n    const layoutContext = useOptionalTableLayoutContext();\n\n    const cellIndexRef = useRef(0);\n    cellIndexRef.current = 0;\n\n    if (\n        !renderConfigContext ||\n        !renderContext ||\n        !interactionContext ||\n        !layoutContext ||\n        renderContext.columns.length === 0\n    ) {\n        return null;\n    }\n\n    if (!renderConfigContext.isTableView) {\n        return null;\n    }\n\n    const columnCount = renderContext.columns.length + (interactionContext.showSelectionColumn ? 1 : 0);\n    const shouldRenderFooterCells = renderContext.hasFooterCells !== false;\n    const isFullWidthFooter = !shouldRenderFooterCells;\n\n    renderContext.renderDraft.hasFooter = true;\n    renderContext.renderDraft.hasFooterCells = false;\n\n    return (\n        <div\n            {...remainingProps}\n            className={classNames('table-footer', isFullWidthFooter && 'table-footer-full-width')}\n            role='rowgroup'\n        >\n            <div\n                className={classNames('table-row table-row-footer', className)}\n                role='row'\n                ref={layoutContext.tableFooterRowRef as Ref<HTMLDivElement>}\n            >\n                {shouldRenderFooterCells ? (\n                    <TableSectionContext.Provider value='footer'>\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                                rowData: {},\n                                rowId: '__footer__',\n                                rowIndex: -1,\n                            }}\n                        >\n                            {children}\n                        </TableRowContext.Provider>\n                    </TableSectionContext.Provider>\n                ) : (\n                    <TableFooterContent columnCount={columnCount} content={children} />\n                )}\n            </div>\n        </div>\n    );\n};\n\nexport default TableFooter;\n"],"mappings":";;;;;;;;;;AA0BA,IAAM,KAAe,MAA4B;CAC7C,IAAM,EAAE,aAAU,cAAW,GAAG,MAAmB,GAE7C,IAAsB,EAAoC,GAC1D,IAAgB,EAA8B,GAC9C,IAAqB,EAAmC,GACxD,IAAgB,EAA8B,GAE9C,IAAe,EAAO,CAAC;CAa7B,IAZA,EAAa,UAAU,GAGnB,CAAC,KACD,CAAC,KACD,CAAC,KACD,CAAC,KACD,EAAc,QAAQ,WAAW,KAKjC,CAAC,EAAoB,aACrB,OAAO;CAGX,IAAM,IAAc,EAAc,QAAQ,SAAU,KAAmB,qBACjE,IAA0B,EAAc,mBAAmB,IAC3D,IAAoB,CAAC;CAK3B,OAHA,EAAc,YAAY,YAAY,IACtC,EAAc,YAAY,iBAAiB,IAGvC,kBAAC,OAAD;EACI,GAAI;EACJ,WAAW,EAAW,gBAAgB,KAAqB,yBAAyB;EACpF,MAAK;YAEL,kBAAC,OAAD;GACI,WAAW,EAAW,8BAA8B,CAAS;GAC7D,MAAK;GACL,KAAK,EAAc;aAElB,IACG,kBAAC,EAAoB,UAArB;IAA8B,OAAM;cAChC,kBAAC,EAAgB,UAAjB;KACI,OAAO;MACH,kBAAkB,GAAqB,IAAO,MAAM;OAChD,IAAI,MAAwB,KAAA,KAAa,KAAuB,GAE5D,OADA,EAAa,UAAU,IAAsB,GACtC;OAGX,IAAM,IAAY,EAAa;OAE/B,OADA,EAAa,WAAW,GACjB;MACX;MACA,SAAS,CAAC;MACV,OAAO;MACP,UAAU;KACd;KAEC;IACqB,CAAA;GACA,CAAA,IAE9B,kBAAC,GAAD;IAAiC;IAAa,SAAS;GAAW,CAAA;EAErE,CAAA;CACJ,CAAA;AAEb"}