@rio-cloud/rio-uikit 2.2.0 → 2.3.0-beta.1

package/components/table/parse/parseRows.js

@@ -0,0 +1,93 @@
+import { Children as g, isValidElement as M, Fragment as O } from "react";
+import { isTableGroupRowChild as H, isTableGroupFooterRowChild as b, isTableSpacerRowChild as R, isTableExpandedContentRowChild as $, isTableExpandedRowChild as T, isTableCellChild as P, isTableRowChild as V, isTableBodyChild as j } from "./tableChildGuards.js";
+const q = (r = "hidden") => {
+  switch (r) {
+    case "visible":
+      return "overflow-visible";
+    case "ellipsis":
+      return "ellipsis-1";
+    default:
+      return "overflow-hidden";
+  }
+}, d = (r) => g.toArray(r).flatMap((e) => V(e) || R(e) || T(e) || $(e) || H(e) || b(e) ? [e] : j(e) || M(e) && e.type === O ? d(e.props.children) : []), c = (r, e, m, o) => o !== void 0 ? e ? `${r}-${String(o)}-${e}` : `${r}-${String(o)}` : e || `${r}-${m}`, Q = (r, e) => d(r).map((o, l) => {
+  if (H(o)) {
+    const { className: n, content: s, noHover: a, sticky: t = !1, children: i } = o.props;
+    return {
+      kind: "group",
+      key: c("group", o.key, l),
+      content: s ?? i ?? "",
+      sticky: t,
+      className: n,
+      noHover: a
+    };
+  }
+  if (b(o)) {
+    const { className: n, content: s, noHover: a, children: t } = o.props;
+    return {
+      kind: "group-footer",
+      key: c("group-footer", o.key, l),
+      content: s ?? t ?? "",
+      className: n,
+      noHover: a
+    };
+  }
+  if (R(o)) {
+    const { className: n, noHover: s } = o.props;
+    return {
+      kind: "spacer",
+      key: c("spacer", o.key, l),
+      className: n,
+      noHover: s
+    };
+  }
+  if ($(o)) {
+    const { className: n, content: s, noHover: a, parentKey: t, children: i } = o.props;
+    return {
+      kind: "expanded-full-width",
+      key: c("expanded-full-width", o.key, l, t),
+      parentKey: t,
+      content: s ?? i ?? "",
+      className: n,
+      noHover: a
+    };
+  }
+  const v = T(o), { className: h, disabled: x, noHover: K, parentKey: S, children: B, ...E } = o.props, C = g.toArray(B).filter(P), f = C.length > 0, y = {}, w = [];
+  let u = 0;
+  return C.forEach((n, s) => {
+    const {
+      columnKey: a,
+      value: t,
+      horizontalAlign: i,
+      verticalAlign: A,
+      overflow: F = "hidden",
+      className: G,
+      colSpan: N = 1,
+      preventRowClick: z = !1,
+      children: D
+    } = n.props, p = a ?? e[u]?.key, k = {
+      key: String(n.key ?? p ?? `row-${l}-col-${s}`),
+      columnKey: p,
+      content: t ?? D ?? "",
+      horizontalAlign: i,
+      verticalAlign: A,
+      className: G,
+      contentClassName: q(F),
+      colSpan: N,
+      preventRowClick: z
+    };
+    w[u] = k, p && (y[p] = k), u += N;
+  }), {
+    kind: v ? "expanded" : "data",
+    data: E,
+    disabled: x,
+    parentKey: v ? S : void 0,
+    className: h,
+    noHover: K,
+    cellsByKey: f ? y : void 0,
+    cellsByIndex: f ? w : void 0
+  };
+});
+export {
+  Q as resolveRows
+};
+//# sourceMappingURL=parseRows.js.map

package/components/table/parse/parseRows.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseRows.js","sources":["../../../../src/components/table/parse/parseRows.ts"],"sourcesContent":["import { Children, Fragment, isValidElement, type ReactElement, type ReactNode } from 'react';\n\nimport type { TableCellOverflow, TableColumnDefinition, TableParsedCell, TableParsedRow } from '../Table.types';\nimport {\n    isTableBodyChild,\n    isTableCellChild,\n    isTableExpandedContentRowChild,\n    isTableExpandedRowChild,\n    isTableGroupFooterRowChild,\n    isTableGroupRowChild,\n    isTableRowChild,\n    isTableSpacerRowChild,\n} from './tableChildGuards';\n\nconst getCellContentOverflowClassName = (overflow: TableCellOverflow = 'hidden') => {\n    switch (overflow) {\n        case 'visible':\n            return 'overflow-visible';\n        case 'ellipsis':\n            return 'ellipsis-1';\n        default:\n            return 'overflow-hidden';\n    }\n};\n\nconst collectRowChildren = <RowType extends Record<string, unknown>>(children: ReactNode): ReactElement[] =>\n    Children.toArray(children).flatMap(child => {\n        if (\n            isTableRowChild<RowType>(child) ||\n            isTableSpacerRowChild(child) ||\n            isTableExpandedRowChild<RowType>(child) ||\n            isTableExpandedContentRowChild(child) ||\n            isTableGroupRowChild(child) ||\n            isTableGroupFooterRowChild(child)\n        ) {\n            return [child];\n        }\n\n        if (isTableBodyChild(child)) {\n            return collectRowChildren<RowType>(child.props.children);\n        }\n\n        if (isValidElement(child) && child.type === Fragment) {\n            return collectRowChildren<RowType>(child.props.children);\n        }\n\n        return [];\n    });\n\nconst resolveSpecialRowKey = (\n    kind: 'spacer' | 'expanded' | 'expanded-full-width' | 'group' | 'group-footer',\n    childKey: string | null,\n    rowIndex: number,\n    parentKey?: string | number\n) => {\n    if (parentKey !== undefined) {\n        return childKey ? `${kind}-${String(parentKey)}-${childKey}` : `${kind}-${String(parentKey)}`;\n    }\n\n    if (childKey) {\n        return childKey;\n    }\n\n    return `${kind}-${rowIndex}`;\n};\n\nexport const resolveRows = <RowType extends Record<string, unknown>>(\n    children: ReactNode,\n    columns: TableColumnDefinition<RowType>[]\n): TableParsedRow<RowType>[] => {\n    const rowChildren = collectRowChildren<RowType>(children);\n\n    return rowChildren.map((child, rowIndex) => {\n        if (isTableGroupRowChild(child)) {\n            const { className, content, noHover, sticky = false, children: groupChildren } = child.props;\n\n            return {\n                kind: 'group',\n                key: resolveSpecialRowKey('group', child.key, rowIndex),\n                content: content ?? groupChildren ?? '',\n                sticky,\n                className,\n                noHover,\n            } as TableParsedRow<RowType>;\n        }\n\n        if (isTableGroupFooterRowChild(child)) {\n            const { className, content, noHover, children: groupFooterChildren } = child.props;\n\n            return {\n                kind: 'group-footer',\n                key: resolveSpecialRowKey('group-footer', child.key, rowIndex),\n                content: content ?? groupFooterChildren ?? '',\n                className,\n                noHover,\n            } as TableParsedRow<RowType>;\n        }\n\n        if (isTableSpacerRowChild(child)) {\n            const { className, noHover } = child.props;\n\n            return {\n                kind: 'spacer',\n                key: resolveSpecialRowKey('spacer', child.key, rowIndex),\n                className,\n                noHover,\n            } as TableParsedRow<RowType>;\n        }\n\n        if (isTableExpandedContentRowChild(child)) {\n            const { className, content, noHover, parentKey, children: expandedContentChildren } = child.props;\n\n            return {\n                kind: 'expanded-full-width',\n                key: resolveSpecialRowKey('expanded-full-width', child.key, rowIndex, parentKey),\n                parentKey,\n                content: content ?? expandedContentChildren ?? '',\n                className,\n                noHover,\n            } as TableParsedRow<RowType>;\n        }\n\n        const isExpandedRow = isTableExpandedRowChild<RowType>(child);\n        const { className, disabled, noHover, parentKey, children: rowChildren, ...remainingProps } = child.props;\n        const rowColumnChildren = Children.toArray(rowChildren).filter(isTableCellChild);\n        const hasDeclarativeCells = rowColumnChildren.length > 0;\n\n        const cellsByKey: Record<string, TableParsedCell> = {};\n        const cellsByIndex: TableParsedCell[] = [];\n        let columnCursor = 0;\n\n        rowColumnChildren.forEach((rowColumnChild, columnIndex) => {\n            const {\n                columnKey,\n                value,\n                horizontalAlign,\n                verticalAlign,\n                overflow = 'hidden',\n                className: columnClassName,\n                colSpan = 1,\n                preventRowClick = false,\n                children: columnChildren,\n            } = rowColumnChild.props;\n            const resolvedColumnKey = columnKey ?? columns[columnCursor]?.key;\n            const cell = {\n                key: String(rowColumnChild.key ?? resolvedColumnKey ?? `row-${rowIndex}-col-${columnIndex}`),\n                columnKey: resolvedColumnKey,\n                content: value ?? columnChildren ?? '',\n                horizontalAlign,\n                verticalAlign,\n                className: columnClassName,\n                contentClassName: getCellContentOverflowClassName(overflow),\n                colSpan,\n                preventRowClick,\n            };\n\n            cellsByIndex[columnCursor] = cell;\n            if (resolvedColumnKey) {\n                cellsByKey[resolvedColumnKey] = cell;\n            }\n\n            columnCursor += colSpan;\n        });\n\n        return {\n            kind: isExpandedRow ? 'expanded' : 'data',\n            data: remainingProps as RowType,\n            disabled,\n            parentKey: isExpandedRow ? parentKey : undefined,\n            className,\n            noHover,\n            cellsByKey: hasDeclarativeCells ? cellsByKey : undefined,\n            cellsByIndex: hasDeclarativeCells ? cellsByIndex : undefined,\n        } as TableParsedRow<RowType>;\n    });\n};\n"],"names":["getCellContentOverflowClassName","overflow","collectRowChildren","children","Children","child","isTableRowChild","isTableSpacerRowChild","isTableExpandedRowChild","isTableExpandedContentRowChild","isTableGroupRowChild","isTableGroupFooterRowChild","isTableBodyChild","isValidElement","Fragment","resolveSpecialRowKey","kind","childKey","rowIndex","parentKey","resolveRows","columns","className","content","noHover","sticky","groupChildren","groupFooterChildren","expandedContentChildren","isExpandedRow","disabled","rowChildren","remainingProps","rowColumnChildren","isTableCellChild","hasDeclarativeCells","cellsByKey","cellsByIndex","columnCursor","rowColumnChild","columnIndex","columnKey","value","horizontalAlign","verticalAlign","columnClassName","colSpan","preventRowClick","columnChildren","resolvedColumnKey","cell"],"mappings":"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"}

package/components/table/parse/tableChildGuards.d.ts

@@ -0,0 +1,25 @@
+import { ReactElement, ReactNode } from 'react';
+import { TableBodyProps } from '../TableBody';
+import { TableColumnProps } from '../TableColumn';
+import { TableExpandedContentRowProps } from '../TableExpandedContentRow';
+import { TableExpandedRowProps } from '../TableExpandedRow';
+import { TableFooterProps } from '../TableFooter';
+import { TableGroupFooterRowProps } from '../TableGroupFooterRow';
+import { TableGroupRowProps } from '../TableGroupRow';
+import { TableHeaderProps } from '../TableHeader';
+import { TableHeaderColumnProps } from '../TableHeaderColumn';
+import { TableHeaderRowProps } from '../TableHeaderRow';
+import { TableRowProps } from '../TableRow';
+import { TableSpacerRowProps } from '../TableSpacerRow';
+export declare const isTableHeaderChild: <RowType extends Record<string, unknown>>(child: ReactNode) => child is ReactElement<TableHeaderProps<RowType>>;
+export declare const isTableHeaderRowChild: (child: ReactNode) => child is ReactElement<TableHeaderRowProps>;
+export declare const isTableHeaderColumnChild: <RowType extends Record<string, unknown>>(child: ReactNode) => child is ReactElement<TableHeaderColumnProps<RowType>>;
+export declare const isTableBodyChild: (child: ReactNode) => child is ReactElement<TableBodyProps>;
+export declare const isTableFooterChild: (child: ReactNode) => child is ReactElement<TableFooterProps>;
+export declare const isTableCellChild: (child: ReactNode) => child is ReactElement<TableColumnProps>;
+export declare const isTableRowChild: <RowType extends Record<string, unknown>>(child: ReactNode) => child is ReactElement<TableRowProps<RowType>>;
+export declare const isTableSpacerRowChild: (child: ReactNode) => child is ReactElement<TableSpacerRowProps>;
+export declare const isTableExpandedRowChild: <RowType extends Record<string, unknown>>(child: ReactNode) => child is ReactElement<TableExpandedRowProps<RowType>>;
+export declare const isTableExpandedContentRowChild: (child: ReactNode) => child is ReactElement<TableExpandedContentRowProps>;
+export declare const isTableGroupRowChild: (child: ReactNode) => child is ReactElement<TableGroupRowProps>;
+export declare const isTableGroupFooterRowChild: (child: ReactNode) => child is ReactElement<TableGroupFooterRowProps>;

package/components/table/parse/tableChildGuards.js

@@ -0,0 +1,29 @@
+import { isValidElement as e } from "react";
+import t from "../TableBody.js";
+import r from "../TableColumn.js";
+import a from "../TableExpandedContentRow.js";
+import p from "../TableExpandedRow.js";
+import l from "../TableFooter.js";
+import m from "../TableGroupFooterRow.js";
+import i from "../TableGroupRow.js";
+import s from "../TableHeader.js";
+import b from "../TableHeaderColumn.js";
+import n from "../TableHeaderRow.js";
+import T from "../TableRow.js";
+import C from "../TableSpacerRow.js";
+const S = (o) => e(o) && o.type === s, V = (o) => e(o) && o.type === n, g = (o) => e(o) && o.type === b, h = (o) => e(o) && o.type === t, j = (o) => e(o) && o.type === l, k = (o) => e(o) && o.type === r, q = (o) => e(o) && o.type === T, v = (o) => e(o) && o.type === C, z = (o) => e(o) && o.type === p, A = (o) => e(o) && o.type === a, D = (o) => e(o) && o.type === i, I = (o) => e(o) && o.type === m;
+export {
+  h as isTableBodyChild,
+  k as isTableCellChild,
+  A as isTableExpandedContentRowChild,
+  z as isTableExpandedRowChild,
+  j as isTableFooterChild,
+  I as isTableGroupFooterRowChild,
+  D as isTableGroupRowChild,
+  S as isTableHeaderChild,
+  g as isTableHeaderColumnChild,
+  V as isTableHeaderRowChild,
+  q as isTableRowChild,
+  v as isTableSpacerRowChild
+};
+//# sourceMappingURL=tableChildGuards.js.map

package/components/table/parse/tableChildGuards.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableChildGuards.js","sources":["../../../../src/components/table/parse/tableChildGuards.ts"],"sourcesContent":["import { isValidElement, type ReactElement, type ReactNode } from 'react';\n\nimport TableBodyComponent, { type TableBodyProps } from '../TableBody';\nimport TableColumnComponent, { type TableColumnProps } from '../TableColumn';\nimport TableExpandedContentRowComponent, { type TableExpandedContentRowProps } from '../TableExpandedContentRow';\nimport TableExpandedRowComponent, { type TableExpandedRowProps } from '../TableExpandedRow';\nimport TableFooterComponent, { type TableFooterProps } from '../TableFooter';\nimport TableGroupFooterRowComponent, { type TableGroupFooterRowProps } from '../TableGroupFooterRow';\nimport TableGroupRowComponent, { type TableGroupRowProps } from '../TableGroupRow';\nimport TableHeaderComponent, { type TableHeaderProps } from '../TableHeader';\nimport TableHeaderColumnComponent, { type TableHeaderColumnProps } from '../TableHeaderColumn';\nimport TableHeaderRowComponent, { type TableHeaderRowProps } from '../TableHeaderRow';\nimport TableRowComponent, { type TableRowProps } from '../TableRow';\nimport TableSpacerRowComponent, { type TableSpacerRowProps } from '../TableSpacerRow';\n\nexport const isTableHeaderChild = <RowType extends Record<string, unknown>>(\n    child: ReactNode\n): child is ReactElement<TableHeaderProps<RowType>> => isValidElement(child) && child.type === TableHeaderComponent;\n\nexport const isTableHeaderRowChild = (child: ReactNode): child is ReactElement<TableHeaderRowProps> =>\n    isValidElement(child) && child.type === TableHeaderRowComponent;\n\nexport const isTableHeaderColumnChild = <RowType extends Record<string, unknown>>(\n    child: ReactNode\n): child is ReactElement<TableHeaderColumnProps<RowType>> =>\n    isValidElement(child) && child.type === TableHeaderColumnComponent;\n\nexport const isTableBodyChild = (child: ReactNode): child is ReactElement<TableBodyProps> =>\n    isValidElement(child) && child.type === TableBodyComponent;\n\nexport const isTableFooterChild = (child: ReactNode): child is ReactElement<TableFooterProps> =>\n    isValidElement(child) && child.type === TableFooterComponent;\n\nexport const isTableCellChild = (child: ReactNode): child is ReactElement<TableColumnProps> =>\n    isValidElement(child) && child.type === TableColumnComponent;\n\nexport const isTableRowChild = <RowType extends Record<string, unknown>>(\n    child: ReactNode\n): child is ReactElement<TableRowProps<RowType>> => isValidElement(child) && child.type === TableRowComponent;\n\nexport const isTableSpacerRowChild = (child: ReactNode): child is ReactElement<TableSpacerRowProps> =>\n    isValidElement(child) && child.type === TableSpacerRowComponent;\n\nexport const isTableExpandedRowChild = <RowType extends Record<string, unknown>>(\n    child: ReactNode\n): child is ReactElement<TableExpandedRowProps<RowType>> =>\n    isValidElement(child) && child.type === TableExpandedRowComponent;\n\nexport const isTableExpandedContentRowChild = (child: ReactNode): child is ReactElement<TableExpandedContentRowProps> =>\n    isValidElement(child) && child.type === TableExpandedContentRowComponent;\n\nexport const isTableGroupRowChild = (child: ReactNode): child is ReactElement<TableGroupRowProps> =>\n    isValidElement(child) && child.type === TableGroupRowComponent;\n\nexport const isTableGroupFooterRowChild = (child: ReactNode): child is ReactElement<TableGroupFooterRowProps> =>\n    isValidElement(child) && child.type === TableGroupFooterRowComponent;\n"],"names":["isTableHeaderChild","child","isValidElement","TableHeaderComponent","isTableHeaderRowChild","TableHeaderRowComponent","isTableHeaderColumnChild","TableHeaderColumnComponent","isTableBodyChild","TableBodyComponent","isTableFooterChild","TableFooterComponent","isTableCellChild","TableColumnComponent","isTableRowChild","TableRowComponent","isTableSpacerRowChild","TableSpacerRowComponent","isTableExpandedRowChild","TableExpandedRowComponent","isTableExpandedContentRowChild","TableExpandedContentRowComponent","isTableGroupRowChild","TableGroupRowComponent","isTableGroupFooterRowChild","TableGroupFooterRowComponent"],"mappings":";;;;;;;;;;;;;AAeO,MAAMA,IAAqB,CAC9BC,MACmDC,EAAeD,CAAK,KAAKA,EAAM,SAASE,GAElFC,IAAwB,CAACH,MAClCC,EAAeD,CAAK,KAAKA,EAAM,SAASI,GAE/BC,IAA2B,CACpCL,MAEAC,EAAeD,CAAK,KAAKA,EAAM,SAASM,GAE/BC,IAAmB,CAACP,MAC7BC,EAAeD,CAAK,KAAKA,EAAM,SAASQ,GAE/BC,IAAqB,CAACT,MAC/BC,EAAeD,CAAK,KAAKA,EAAM,SAASU,GAE/BC,IAAmB,CAACX,MAC7BC,EAAeD,CAAK,KAAKA,EAAM,SAASY,GAE/BC,IAAkB,CAC3Bb,MACgDC,EAAeD,CAAK,KAAKA,EAAM,SAASc,GAE/EC,IAAwB,CAACf,MAClCC,EAAeD,CAAK,KAAKA,EAAM,SAASgB,GAE/BC,IAA0B,CACnCjB,MAEAC,EAAeD,CAAK,KAAKA,EAAM,SAASkB,GAE/BC,IAAiC,CAACnB,MAC3CC,EAAeD,CAAK,KAAKA,EAAM,SAASoB,GAE/BC,IAAuB,CAACrB,MACjCC,EAAeD,CAAK,KAAKA,EAAM,SAASsB,GAE/BC,IAA6B,CAACvB,MACvCC,EAAeD,CAAK,KAAKA,EAAM,SAASwB;"}

package/components/table/render/body/TableBodyRow.d.ts

@@ -0,0 +1,16 @@
+import { TableViewCardClasses, TableViewFlags, TableViewRow } from '../../model/tableViewModel.types';
+import { TableRowAnimationProps, TableRowId } from '../../Table';
+type TableBodyRowProps<RowType extends Record<string, unknown>> = {
+    cardClasses: TableViewCardClasses;
+    columnCount: number;
+    flags: TableViewFlags;
+    onActiveRowChange?: (rowId: TableRowId | undefined, row: RowType, rowIndex: number) => void;
+    onRowClick?: (row: RowType, rowIndex: number) => void;
+    rowAnimationProps?: TableRowAnimationProps<RowType>;
+    onToggleRowSelection?: (rowId: TableRowId) => void;
+    row: TableViewRow<RowType>;
+    dataIndex?: number;
+    showSelectionColumn?: boolean;
+};
+declare const TableBodyRow: <RowType extends Record<string, unknown>>(props: TableBodyRowProps<RowType>) => import("react/jsx-runtime").JSX.Element | null;
+export default TableBodyRow;

package/components/table/render/body/TableBodyRow.js

@@ -0,0 +1,84 @@
+import { jsx as a } from "react/jsx-runtime";
+import p from "../../../../utils/classNames.js";
+import C from "../../TableCard.js";
+import b from "./TableDataRow.js";
+import u from "./TableEmptyRow.js";
+import f from "./TableExpandedRow.js";
+import x from "./TableGroupRow.js";
+import N from "./TableSpacerRow.js";
+const I = (w) => {
+  const {
+    cardClasses: l,
+    columnCount: r,
+    flags: s,
+    onActiveRowChange: n,
+    onRowClick: d,
+    rowAnimationProps: t,
+    onToggleRowSelection: i,
+    row: e,
+    dataIndex: o,
+    showSelectionColumn: c
+  } = w;
+  switch (e.kind) {
+    case "empty":
+      return /* @__PURE__ */ a(u, { columnCount: r, content: e.content, dataIndex: o });
+    case "spacer":
+      return /* @__PURE__ */ a(N, { row: e, dataIndex: o });
+    case "group":
+    case "group-footer":
+      return /* @__PURE__ */ a(x, { columnCount: r, row: e, dataIndex: o });
+    case "expanded-full-width":
+      return /* @__PURE__ */ a(f, { columnCount: r, row: e, dataIndex: o });
+    case "expanded":
+    case "data": {
+      const m = typeof t == "function" ? t(e.data, e.rowIndex) : t;
+      return s.isTableView ? /* @__PURE__ */ a(
+        b,
+        {
+          row: e,
+          isClickable: s.isClickable,
+          onActiveRowChange: n,
+          onRowClick: d,
+          rowAnimationProps: m,
+          onToggleRowSelection: i,
+          dataIndex: o,
+          showSelectionColumn: c
+        }
+      ) : /* @__PURE__ */ a(
+        C,
+        {
+          active: e.active,
+          disabled: e.disabled,
+          expanded: e.kind === "expanded",
+          selected: e.selected,
+          row: e.data,
+          rowIndex: e.rowIndex,
+          rowKeyValue: e.key,
+          cells: e.cells,
+          cardRowClassName: p(
+            l.rowClassName,
+            e.disabled && "table-row-disabled",
+            e.noHover && "table-row-no-hover",
+            e.resolvedClassName,
+            e.className
+          ),
+          cardCellClassName: l.cellClassName,
+          cardLabelClassName: l.labelClassName,
+          cardContentClassName: l.contentClassName,
+          isClickable: s.isClickable,
+          onActiveRowChange: n,
+          onRowClick: d,
+          rowAnimationProps: m,
+          onToggleRowSelection: i,
+          showSelectionColumn: c
+        }
+      );
+    }
+    default:
+      return null;
+  }
+};
+export {
+  I as default
+};
+//# sourceMappingURL=TableBodyRow.js.map

package/components/table/render/body/TableBodyRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableBodyRow.js","sources":["../../../../../src/components/table/render/body/TableBodyRow.tsx"],"sourcesContent":["import classNames from '../../../../utils/classNames';\nimport TableCard from '../../TableCard';\nimport type { TableViewCardClasses, TableViewFlags, TableViewRow } from '../../model/tableViewModel.types';\nimport type { TableRowAnimationProps, TableRowId } from '../../Table';\nimport TableDataRow from './TableDataRow';\nimport TableEmptyRow from './TableEmptyRow';\nimport TableExpandedRow from './TableExpandedRow';\nimport TableGroupRow from './TableGroupRow';\nimport TableSpacerRow from './TableSpacerRow';\n\ntype TableBodyRowProps<RowType extends Record<string, unknown>> = {\n    cardClasses: TableViewCardClasses;\n    columnCount: number;\n    flags: TableViewFlags;\n    onActiveRowChange?: (rowId: TableRowId | undefined, row: RowType, rowIndex: number) => void;\n    onRowClick?: (row: RowType, rowIndex: number) => void;\n    rowAnimationProps?: TableRowAnimationProps<RowType>;\n    onToggleRowSelection?: (rowId: TableRowId) => void;\n    row: TableViewRow<RowType>;\n    dataIndex?: number;\n    showSelectionColumn?: boolean;\n};\n\nconst TableBodyRow = <RowType extends Record<string, unknown>>(props: TableBodyRowProps<RowType>) => {\n    const {\n        cardClasses,\n        columnCount,\n        flags,\n        onActiveRowChange,\n        onRowClick,\n        rowAnimationProps,\n        onToggleRowSelection,\n        row,\n        dataIndex,\n        showSelectionColumn,\n    } = props;\n\n    switch (row.kind) {\n        case 'empty':\n            return <TableEmptyRow columnCount={columnCount} content={row.content} dataIndex={dataIndex} />;\n        case 'spacer':\n            return <TableSpacerRow row={row} dataIndex={dataIndex} />;\n        case 'group':\n        case 'group-footer':\n            return <TableGroupRow columnCount={columnCount} row={row} dataIndex={dataIndex} />;\n        case 'expanded-full-width':\n            return <TableExpandedRow columnCount={columnCount} row={row} dataIndex={dataIndex} />;\n        case 'expanded':\n        case 'data': {\n            const resolvedRowAnimationProps =\n                typeof rowAnimationProps === 'function' ? rowAnimationProps(row.data, row.rowIndex) : rowAnimationProps;\n\n            return flags.isTableView ? (\n                <TableDataRow\n                    row={row}\n                    isClickable={flags.isClickable}\n                    onActiveRowChange={onActiveRowChange}\n                    onRowClick={onRowClick}\n                    rowAnimationProps={resolvedRowAnimationProps}\n                    onToggleRowSelection={onToggleRowSelection}\n                    dataIndex={dataIndex}\n                    showSelectionColumn={showSelectionColumn}\n                />\n            ) : (\n                <TableCard\n                    active={row.active}\n                    disabled={row.disabled}\n                    expanded={row.kind === 'expanded'}\n                    selected={row.selected}\n                    row={row.data}\n                    rowIndex={row.rowIndex}\n                    rowKeyValue={row.key}\n                    cells={row.cells}\n                    cardRowClassName={classNames(\n                        cardClasses.rowClassName,\n                        row.disabled && 'table-row-disabled',\n                        row.noHover && 'table-row-no-hover',\n                        row.resolvedClassName,\n                        row.className\n                    )}\n                    cardCellClassName={cardClasses.cellClassName}\n                    cardLabelClassName={cardClasses.labelClassName}\n                    cardContentClassName={cardClasses.contentClassName}\n                    isClickable={flags.isClickable}\n                    onActiveRowChange={onActiveRowChange}\n                    onRowClick={onRowClick}\n                    rowAnimationProps={resolvedRowAnimationProps}\n                    onToggleRowSelection={onToggleRowSelection}\n                    showSelectionColumn={showSelectionColumn}\n                />\n            );\n        }\n        default:\n            return null;\n    }\n};\n\nexport default TableBodyRow;\n"],"names":["TableBodyRow","props","cardClasses","columnCount","flags","onActiveRowChange","onRowClick","rowAnimationProps","onToggleRowSelection","row","dataIndex","showSelectionColumn","TableEmptyRow","jsx","TableSpacerRow","TableGroupRow","TableExpandedRow","resolvedRowAnimationProps","TableDataRow","TableCard","classNames"],"mappings":";;;;;;;;AAuBA,MAAMA,IAAe,CAA0CC,MAAsC;AACjG,QAAM;AAAA,IACF,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,OAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,KAAAC;AAAA,IACA,WAAAC;AAAA,IACA,qBAAAC;AAAA,EAAA,IACAV;AAEJ,UAAQQ,EAAI,MAAA;AAAA,IACR,KAAK;AACD,+BAAQG,GAAA,EAAc,aAAAT,GAA0B,SAASM,EAAI,SAAS,WAAAC,GAAsB;AAAA,IAChG,KAAK;AACD,aAAO,gBAAAG,EAACC,GAAA,EAAe,KAAAL,GAAU,WAAAC,EAAA,CAAsB;AAAA,IAC3D,KAAK;AAAA,IACL,KAAK;AACD,aAAO,gBAAAG,EAACE,GAAA,EAAc,aAAAZ,GAA0B,KAAAM,GAAU,WAAAC,EAAA,CAAsB;AAAA,IACpF,KAAK;AACD,aAAO,gBAAAG,EAACG,GAAA,EAAiB,aAAAb,GAA0B,KAAAM,GAAU,WAAAC,EAAA,CAAsB;AAAA,IACvF,KAAK;AAAA,IACL,KAAK,QAAQ;AACT,YAAMO,IACF,OAAOV,KAAsB,aAAaA,EAAkBE,EAAI,MAAMA,EAAI,QAAQ,IAAIF;AAE1F,aAAOH,EAAM,cACT,gBAAAS;AAAA,QAACK;AAAA,QAAA;AAAA,UACG,KAAAT;AAAA,UACA,aAAaL,EAAM;AAAA,UACnB,mBAAAC;AAAA,UACA,YAAAC;AAAA,UACA,mBAAmBW;AAAA,UACnB,sBAAAT;AAAA,UACA,WAAAE;AAAA,UACA,qBAAAC;AAAA,QAAA;AAAA,MAAA,IAGJ,gBAAAE;AAAA,QAACM;AAAA,QAAA;AAAA,UACG,QAAQV,EAAI;AAAA,UACZ,UAAUA,EAAI;AAAA,UACd,UAAUA,EAAI,SAAS;AAAA,UACvB,UAAUA,EAAI;AAAA,UACd,KAAKA,EAAI;AAAA,UACT,UAAUA,EAAI;AAAA,UACd,aAAaA,EAAI;AAAA,UACjB,OAAOA,EAAI;AAAA,UACX,kBAAkBW;AAAA,YACdlB,EAAY;AAAA,YACZO,EAAI,YAAY;AAAA,YAChBA,EAAI,WAAW;AAAA,YACfA,EAAI;AAAA,YACJA,EAAI;AAAA,UAAA;AAAA,UAER,mBAAmBP,EAAY;AAAA,UAC/B,oBAAoBA,EAAY;AAAA,UAChC,sBAAsBA,EAAY;AAAA,UAClC,aAAaE,EAAM;AAAA,UACnB,mBAAAC;AAAA,UACA,YAAAC;AAAA,UACA,mBAAmBW;AAAA,UACnB,sBAAAT;AAAA,UACA,qBAAAG;AAAA,QAAA;AAAA,MAAA;AAAA,IAGZ;AAAA,IACA;AACI,aAAO;AAAA,EAAA;AAEnB;"}

package/components/table/render/body/TableBodySection.d.ts

@@ -0,0 +1,20 @@
+import { TableViewModel } from '../../model/tableViewModel.types';
+import { TableRowAnimationProps, TableRowId } from '../../Table';
+type TableVirtualScrollContainer = {
+    view?: HTMLDivElement | null;
+};
+type TableBodySectionProps<RowType extends Record<string, unknown>> = {
+    columnCount: number;
+    onActiveRowChange?: (rowId: TableRowId | undefined, row: RowType, rowIndex: number) => void;
+    onSelectionChange?: (rowIds: TableRowId[]) => void;
+    rowAnimationProps?: TableRowAnimationProps<RowType>;
+    scrollContainer?: TableVirtualScrollContainer | null;
+    selectedRowIds?: TableRowId[];
+    showSelectionColumn?: boolean;
+    virtualizedRows?: boolean;
+    virtualizationOverscan?: number;
+    viewModel: TableViewModel<RowType>;
+    onRowClick?: (row: RowType, rowIndex: number) => void;
+};
+declare const TableBodySection: <RowType extends Record<string, unknown>>(props: TableBodySectionProps<RowType>) => import("react/jsx-runtime").JSX.Element;
+export default TableBodySection;

package/components/table/render/body/TableBodySection.js

@@ -0,0 +1,68 @@
+import { jsx as l, jsxs as T, Fragment as S } from "react/jsx-runtime";
+import { useRef as z } from "react";
+import { AnimatePresence as k } from "motion/react";
+import x from "../../../virtualList/useVirtualListResizeObserver.js";
+import V from "../../layout/useTableVirtualization.js";
+import v from "./TableBodyRow.js";
+const F = (R) => {
+  const {
+    columnCount: r,
+    onActiveRowChange: t,
+    onSelectionChange: n,
+    rowAnimationProps: d,
+    scrollContainer: c,
+    selectedRowIds: a = [],
+    showSelectionColumn: m,
+    virtualizedRows: b = !1,
+    virtualizationOverscan: C,
+    viewModel: o,
+    onRowClick: u
+  } = R, g = z(null), f = (e) => {
+    n && n(
+      a.includes(e) ? a.filter((s) => s !== e) : [...a, e]
+    );
+  }, { isVirtualized: i, measureRow: y, paddingBottom: p, paddingTop: w, virtualRows: h } = V({
+    enabled: b && o.flags.isTableView && o.rows.length > 0 && o.rows.some((e) => e.kind !== "empty") && !!c,
+    overscan: C ?? 0,
+    rows: o.rows,
+    scrollContainer: c ?? null
+  });
+  return x(g, y, [i, h]), /* @__PURE__ */ l("div", { className: "table-body", ref: i ? g : void 0, role: "rowgroup", children: i ? /* @__PURE__ */ T(S, { children: [
+    w > 0 ? /* @__PURE__ */ l("div", { "aria-hidden": !0, className: "table-body-virtual-spacer", style: { height: w } }) : null,
+    h.map(({ index: e, row: s }) => /* @__PURE__ */ l(
+      v,
+      {
+        columnCount: r,
+        dataIndex: e,
+        row: s,
+        cardClasses: o.cardClasses,
+        flags: o.flags,
+        onActiveRowChange: t,
+        onRowClick: u,
+        rowAnimationProps: d,
+        onToggleRowSelection: f,
+        showSelectionColumn: m
+      },
+      s.key
+    )),
+    p > 0 ? /* @__PURE__ */ l("div", { "aria-hidden": !0, className: "table-body-virtual-spacer", style: { height: p } }) : null
+  ] }) : /* @__PURE__ */ l(k, { initial: !1, children: o.rows.map((e) => /* @__PURE__ */ l(
+    v,
+    {
+      columnCount: r,
+      row: e,
+      cardClasses: o.cardClasses,
+      flags: o.flags,
+      onActiveRowChange: t,
+      onRowClick: u,
+      rowAnimationProps: d,
+      onToggleRowSelection: f,
+      showSelectionColumn: m
+    },
+    e.key
+  )) }) });
+};
+export {
+  F as default
+};
+//# sourceMappingURL=TableBodySection.js.map

package/components/table/render/body/TableBodySection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableBodySection.js","sources":["../../../../../src/components/table/render/body/TableBodySection.tsx"],"sourcesContent":["import { useRef } from 'react';\nimport { AnimatePresence } from 'motion/react';\n\nimport useVirtualListResizeObserver from '../../../virtualList/useVirtualListResizeObserver';\nimport useTableVirtualization from '../../layout/useTableVirtualization';\nimport type { TableViewModel } from '../../model/tableViewModel.types';\nimport type { TableRowAnimationProps, TableRowId } from '../../Table';\nimport TableBodyRow from './TableBodyRow';\n\ntype TableVirtualScrollContainer = {\n    view?: HTMLDivElement | null;\n};\n\ntype TableBodySectionProps<RowType extends Record<string, unknown>> = {\n    columnCount: number;\n    onActiveRowChange?: (rowId: TableRowId | undefined, row: RowType, rowIndex: number) => void;\n    onSelectionChange?: (rowIds: TableRowId[]) => void;\n    rowAnimationProps?: TableRowAnimationProps<RowType>;\n    scrollContainer?: TableVirtualScrollContainer | null;\n    selectedRowIds?: TableRowId[];\n    showSelectionColumn?: boolean;\n    virtualizedRows?: boolean;\n    virtualizationOverscan?: number;\n    viewModel: TableViewModel<RowType>;\n    onRowClick?: (row: RowType, rowIndex: number) => void;\n};\n\nconst TableBodySection = <RowType extends Record<string, unknown>>(props: TableBodySectionProps<RowType>) => {\n    const {\n        columnCount,\n        onActiveRowChange,\n        onSelectionChange,\n        rowAnimationProps,\n        scrollContainer,\n        selectedRowIds = [],\n        showSelectionColumn,\n        virtualizedRows = false,\n        virtualizationOverscan,\n        viewModel,\n        onRowClick,\n    } = props;\n\n    const itemsRef = useRef<HTMLDivElement>(null);\n\n    const handleToggleRowSelection = (rowId: TableRowId) => {\n        if (!onSelectionChange) {\n            return;\n        }\n\n        onSelectionChange(\n            selectedRowIds.includes(rowId)\n                ? selectedRowIds.filter(selectedRowId => selectedRowId !== rowId)\n                : [...selectedRowIds, rowId]\n        );\n    };\n\n    const { isVirtualized, measureRow, paddingBottom, paddingTop, virtualRows } = useTableVirtualization({\n        enabled:\n            virtualizedRows &&\n            viewModel.flags.isTableView &&\n            viewModel.rows.length > 0 &&\n            viewModel.rows.some(row => row.kind !== 'empty') &&\n            !!scrollContainer,\n        overscan: virtualizationOverscan ?? 0,\n        rows: viewModel.rows,\n        scrollContainer: scrollContainer ?? null,\n    });\n\n    useVirtualListResizeObserver(itemsRef, measureRow, [isVirtualized, virtualRows]);\n\n    return (\n        <div className='table-body' ref={isVirtualized ? itemsRef : undefined} role='rowgroup'>\n            {isVirtualized ? (\n                <>\n                    {paddingTop > 0 ? (\n                        <div aria-hidden className='table-body-virtual-spacer' style={{ height: paddingTop }} />\n                    ) : null}\n                    {virtualRows.map(({ index, row }) => (\n                        <TableBodyRow\n                            key={row.key}\n                            columnCount={columnCount}\n                            dataIndex={index}\n                            row={row}\n                            cardClasses={viewModel.cardClasses}\n                            flags={viewModel.flags}\n                            onActiveRowChange={onActiveRowChange}\n                            onRowClick={onRowClick}\n                            rowAnimationProps={rowAnimationProps}\n                            onToggleRowSelection={handleToggleRowSelection}\n                            showSelectionColumn={showSelectionColumn}\n                        />\n                    ))}\n                    {paddingBottom > 0 ? (\n                        <div aria-hidden className='table-body-virtual-spacer' style={{ height: paddingBottom }} />\n                    ) : null}\n                </>\n            ) : (\n                <AnimatePresence initial={false}>\n                    {viewModel.rows.map(row => (\n                        <TableBodyRow\n                            key={row.key}\n                            columnCount={columnCount}\n                            row={row}\n                            cardClasses={viewModel.cardClasses}\n                            flags={viewModel.flags}\n                            onActiveRowChange={onActiveRowChange}\n                            onRowClick={onRowClick}\n                            rowAnimationProps={rowAnimationProps}\n                            onToggleRowSelection={handleToggleRowSelection}\n                            showSelectionColumn={showSelectionColumn}\n                        />\n                    ))}\n                </AnimatePresence>\n            )}\n        </div>\n    );\n};\n\nexport default TableBodySection;\n"],"names":["TableBodySection","props","columnCount","onActiveRowChange","onSelectionChange","rowAnimationProps","scrollContainer","selectedRowIds","showSelectionColumn","virtualizedRows","virtualizationOverscan","viewModel","onRowClick","itemsRef","useRef","handleToggleRowSelection","rowId","selectedRowId","isVirtualized","measureRow","paddingBottom","paddingTop","virtualRows","useTableVirtualization","row","useVirtualListResizeObserver","jsx","jsxs","Fragment","index","TableBodyRow","AnimatePresence"],"mappings":";;;;;;AA2BA,MAAMA,IAAmB,CAA0CC,MAA0C;AACzG,QAAM;AAAA,IACF,aAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,gBAAAC,IAAiB,CAAA;AAAA,IACjB,qBAAAC;AAAA,IACA,iBAAAC,IAAkB;AAAA,IAClB,wBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,EAAA,IACAX,GAEEY,IAAWC,EAAuB,IAAI,GAEtCC,IAA2B,CAACC,MAAsB;AACpD,IAAKZ,KAILA;AAAA,MACIG,EAAe,SAASS,CAAK,IACvBT,EAAe,OAAO,CAAAU,MAAiBA,MAAkBD,CAAK,IAC9D,CAAC,GAAGT,GAAgBS,CAAK;AAAA,IAAA;AAAA,EAEvC,GAEM,EAAE,eAAAE,GAAe,YAAAC,GAAY,eAAAC,GAAe,YAAAC,GAAY,aAAAC,EAAA,IAAgBC,EAAuB;AAAA,IACjG,SACId,KACAE,EAAU,MAAM,eAChBA,EAAU,KAAK,SAAS,KACxBA,EAAU,KAAK,KAAK,CAAAa,MAAOA,EAAI,SAAS,OAAO,KAC/C,CAAC,CAAClB;AAAA,IACN,UAAUI,KAA0B;AAAA,IACpC,MAAMC,EAAU;AAAA,IAChB,iBAAiBL,KAAmB;AAAA,EAAA,CACvC;AAED,SAAAmB,EAA6BZ,GAAUM,GAAY,CAACD,GAAeI,CAAW,CAAC,GAG3E,gBAAAI,EAAC,OAAA,EAAI,WAAU,cAAa,KAAKR,IAAgBL,IAAW,QAAW,MAAK,YACvE,UAAAK,IACG,gBAAAS,EAAAC,GAAA,EACK,UAAA;AAAA,IAAAP,IAAa,IACV,gBAAAK,EAAC,OAAA,EAAI,eAAW,IAAC,WAAU,6BAA4B,OAAO,EAAE,QAAQL,EAAA,EAAW,CAAG,IACtF;AAAA,IACHC,EAAY,IAAI,CAAC,EAAE,OAAAO,GAAO,KAAAL,QACvB,gBAAAE;AAAA,MAACI;AAAA,MAAA;AAAA,QAEG,aAAA5B;AAAA,QACA,WAAW2B;AAAA,QACX,KAAAL;AAAA,QACA,aAAab,EAAU;AAAA,QACvB,OAAOA,EAAU;AAAA,QACjB,mBAAAR;AAAA,QACA,YAAAS;AAAA,QACA,mBAAAP;AAAA,QACA,sBAAsBU;AAAA,QACtB,qBAAAP;AAAA,MAAA;AAAA,MAVKgB,EAAI;AAAA,IAAA,CAYhB;AAAA,IACAJ,IAAgB,IACb,gBAAAM,EAAC,OAAA,EAAI,eAAW,IAAC,WAAU,6BAA4B,OAAO,EAAE,QAAQN,EAAA,GAAiB,IACzF;AAAA,EAAA,EAAA,CACR,sBAECW,GAAA,EAAgB,SAAS,IACrB,UAAApB,EAAU,KAAK,IAAI,CAAAa,MAChB,gBAAAE;AAAA,IAACI;AAAA,IAAA;AAAA,MAEG,aAAA5B;AAAA,MACA,KAAAsB;AAAA,MACA,aAAab,EAAU;AAAA,MACvB,OAAOA,EAAU;AAAA,MACjB,mBAAAR;AAAA,MACA,YAAAS;AAAA,MACA,mBAAAP;AAAA,MACA,sBAAsBU;AAAA,MACtB,qBAAAP;AAAA,IAAA;AAAA,IATKgB,EAAI;AAAA,EAAA,CAWhB,GACL,EAAA,CAER;AAER;"}

package/components/table/render/body/TableDataRow.d.ts

@@ -0,0 +1,15 @@
+import { MotionProps } from 'motion/react';
+import { TableRowId } from '../../Table.types';
+import { TableDataViewRow, TableExpandedDataViewRow } from '../../model/tableViewModel.types';
+export type TableDataRowProps<RowType extends Record<string, unknown>> = {
+    row: TableDataViewRow<RowType> | TableExpandedDataViewRow<RowType>;
+    isClickable: boolean;
+    onActiveRowChange?: (rowId: TableRowId | undefined, row: RowType, rowIndex: number) => void;
+    onRowClick?: (row: RowType, rowIndex: number) => void;
+    rowAnimationProps?: MotionProps;
+    onToggleRowSelection?: (rowId: TableRowId) => void;
+    dataIndex?: number;
+    showSelectionColumn?: boolean;
+};
+declare const TableDataRow: <RowType extends Record<string, unknown>>(props: TableDataRowProps<RowType>) => import("react/jsx-runtime").JSX.Element;
+export default TableDataRow;

package/components/table/render/body/TableDataRow.js

@@ -0,0 +1,143 @@
+import { jsxs as I, Fragment as R, jsx as a } from "react/jsx-runtime";
+import { useReducedMotion as S, motion as D } from "motion/react";
+import { useState as P, useMemo as K } from "react";
+import O from "../../../checkbox/Checkbox.js";
+import s from "../../../../utils/classNames.js";
+import { getVerticalAlignClassName as M, getHorizontalAlignClassName as $ } from "../../shared/getAlignClassName.js";
+import { getInteractiveRowProps as j } from "../../shared/getInteractiveRowProps.js";
+import { resolveAriaSpan as z, resolveAriaColIndex as H } from "../../shared/resolveTableAria.js";
+const u = 0.18, L = (k) => {
+  const {
+    row: e,
+    dataIndex: l,
+    isClickable: y,
+    onActiveRowChange: x,
+    onRowClick: h,
+    rowAnimationProps: r,
+    onToggleRowSelection: g,
+    showSelectionColumn: t
+  } = k, N = e.data, [f, d] = P(e.kind === "expanded"), c = S(), n = j({
+    isClickable: y && !e.disabled,
+    onRowClick: (o, C) => {
+      h?.(o, C), x?.(e.active ? void 0 : e.key, o, C);
+    },
+    row: N,
+    rowIndex: e.rowIndex
+  }), m = (o) => {
+    o.stopPropagation();
+  }, p = K(() => {
+    if (e.kind === "expanded")
+      return c ? {
+        initial: { opacity: 0 },
+        animate: { opacity: 1, transition: { duration: 0.12, ease: "easeInOut" } },
+        exit: { opacity: 0, transition: { duration: 0.12, ease: "easeInOut" } }
+      } : {
+        initial: { opacity: 0, height: 0, y: -8 },
+        animate: {
+          opacity: 1,
+          height: "auto",
+          y: 0,
+          transition: { duration: u, ease: "easeOut" }
+        },
+        exit: {
+          opacity: 0,
+          height: 0,
+          y: -8,
+          transition: { duration: u, ease: "easeInOut" }
+        }
+      };
+  }, [e.kind, c]), i = p || r ? {
+    ...p,
+    ...r
+  } : void 0, w = i?.style, A = e.kind === "expanded" ? {
+    ...w,
+    overflow: f ? "hidden" : "visible"
+  } : w, v = s(
+    "table-row",
+    e.active && "table-row-active",
+    e.kind === "expanded" && "table-row-expanded-data",
+    e.disabled && "table-row-disabled",
+    e.selected && "table-row-selected",
+    n.isClickableClassName,
+    (e.noHover || e.disabled) && "table-row-no-hover",
+    e.className,
+    e.resolvedClassName
+  ), b = /* @__PURE__ */ I(R, { children: [
+    t && /* @__PURE__ */ a(
+      "div",
+      {
+        className: "table-cell table-selection-cell",
+        role: "cell",
+        "aria-colindex": 1,
+        style: { gridColumn: "1 / span 1" },
+        onClick: (o) => o.stopPropagation(),
+        onKeyDown: (o) => o.stopPropagation(),
+        children: /* @__PURE__ */ a("div", { className: "table-selection-control", children: /* @__PURE__ */ a(
+          O,
+          {
+            checked: e.selected,
+            disabled: e.disabled,
+            onChange: () => g?.(e.key)
+          }
+        ) })
+      }
+    ),
+    e.cells.map((o) => /* @__PURE__ */ a(
+      "div",
+      {
+        className: s(
+          "table-cell",
+          $(o.horizontalAlign),
+          M(o.verticalAlign),
+          o.hideOnMobile && "table-hide-mobile",
+          o.className,
+          o.resolvedClassName
+        ),
+        "data-column": o.key,
+        role: "cell",
+        "aria-colindex": H(o.columnStart, t),
+        "aria-colspan": z(o.colSpan),
+        onClick: o.preventRowClick ? m : void 0,
+        onKeyDown: o.preventRowClick ? m : void 0,
+        style: {
+          gridColumn: `${o.columnStart + (t ? 1 : 0)} / span ${o.colSpan}`
+        },
+        children: /* @__PURE__ */ a("div", { className: s("table-cell-content", o.contentClassName), children: o.content })
+      },
+      `${String(e.key)}-${o.key}`
+    ))
+  ] });
+  return i ? /* @__PURE__ */ a(
+    D.div,
+    {
+      className: v,
+      "data-index": l,
+      onClick: n.onClick,
+      onKeyDown: n.onKeyDown,
+      role: "row",
+      tabIndex: n.tabIndex,
+      onAnimationStart: e.kind === "expanded" ? () => d(!0) : void 0,
+      onAnimationComplete: e.kind === "expanded" ? () => d(!1) : void 0,
+      ...i,
+      style: A,
+      children: b
+    },
+    e.key
+  ) : /* @__PURE__ */ a(
+    "div",
+    {
+      className: v,
+      "data-index": l,
+      onClick: n.onClick,
+      onKeyDown: n.onKeyDown,
+      role: "row",
+      tabIndex: n.tabIndex,
+      children: b
+    },
+    e.key
+  );
+};
+export {
+  L as default
+};
+//# sourceMappingURL=TableDataRow.js.map

package/components/table/render/body/TableDataRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableDataRow.js","sources":["../../../../../src/components/table/render/body/TableDataRow.tsx"],"sourcesContent":["import { motion, type MotionProps, useReducedMotion } from 'motion/react';\nimport { useMemo, useState, type CSSProperties, type KeyboardEvent, type MouseEvent } from 'react';\nimport Checkbox from '../../../checkbox/Checkbox';\nimport classNames from '../../../../utils/classNames';\nimport { getHorizontalAlignClassName, getVerticalAlignClassName } from '../../shared/getAlignClassName';\nimport { getInteractiveRowProps } from '../../shared/getInteractiveRowProps';\nimport { resolveAriaColIndex, resolveAriaSpan } from '../../shared/resolveTableAria';\nimport type { TableRowId } from '../../Table.types';\nimport type { TableDataViewRow, TableExpandedDataViewRow } from '../../model/tableViewModel.types';\n\nexport type TableDataRowProps<RowType extends Record<string, unknown>> = {\n    row: TableDataViewRow<RowType> | TableExpandedDataViewRow<RowType>;\n    isClickable: boolean;\n    onActiveRowChange?: (rowId: TableRowId | undefined, row: RowType, rowIndex: number) => void;\n    onRowClick?: (row: RowType, rowIndex: number) => void;\n    rowAnimationProps?: MotionProps;\n    onToggleRowSelection?: (rowId: TableRowId) => void;\n    dataIndex?: number;\n    showSelectionColumn?: boolean;\n};\n\nconst expandedRowDuration = 0.18;\n\nconst TableDataRow = <RowType extends Record<string, unknown>>(props: TableDataRowProps<RowType>) => {\n    const {\n        row,\n        dataIndex,\n        isClickable,\n        onActiveRowChange,\n        onRowClick,\n        rowAnimationProps,\n        onToggleRowSelection,\n        showSelectionColumn,\n    } = props;\n\n    const rowData = row.data;\n    const [isAnimating, setIsAnimating] = useState(row.kind === 'expanded');\n    const shouldReduceMotion = useReducedMotion();\n\n    const interactiveRowProps = getInteractiveRowProps({\n        isClickable: isClickable && !row.disabled,\n        onRowClick: (clickedRow, rowIndex) => {\n            onRowClick?.(clickedRow, rowIndex);\n            onActiveRowChange?.(row.active ? undefined : row.key, clickedRow, rowIndex);\n        },\n        row: rowData,\n        rowIndex: row.rowIndex,\n    });\n\n    const handleCellInteraction = (event: KeyboardEvent<HTMLDivElement> | MouseEvent<HTMLDivElement>) => {\n        event.stopPropagation();\n    };\n\n    const defaultExpandedAnimationProps = useMemo<MotionProps | undefined>(() => {\n        if (row.kind !== 'expanded') {\n            return;\n        }\n\n        if (shouldReduceMotion) {\n            return {\n                initial: { opacity: 0 },\n                animate: { opacity: 1, transition: { duration: 0.12, ease: 'easeInOut' as const } },\n                exit: { opacity: 0, transition: { duration: 0.12, ease: 'easeInOut' as const } },\n            };\n        }\n\n        return {\n            initial: { opacity: 0, height: 0, y: -8 },\n            animate: {\n                opacity: 1,\n                height: 'auto',\n                y: 0,\n                transition: { duration: expandedRowDuration, ease: 'easeOut' as const },\n            },\n            exit: {\n                opacity: 0,\n                height: 0,\n                y: -8,\n                transition: { duration: expandedRowDuration, ease: 'easeInOut' as const },\n            },\n        };\n    }, [row.kind, shouldReduceMotion]);\n\n    const resolvedRowAnimationProps =\n        defaultExpandedAnimationProps || rowAnimationProps\n            ? {\n                  ...defaultExpandedAnimationProps,\n                  ...rowAnimationProps,\n              }\n            : undefined;\n\n    const motionStyle = resolvedRowAnimationProps?.style as CSSProperties | undefined;\n    const resolvedRowStyle =\n        row.kind === 'expanded'\n            ? {\n                  ...motionStyle,\n                  overflow: isAnimating ? 'hidden' : 'visible',\n              }\n            : motionStyle;\n\n    const rowClassName = classNames(\n        'table-row',\n        row.active && 'table-row-active',\n        row.kind === 'expanded' && 'table-row-expanded-data',\n        row.disabled && 'table-row-disabled',\n        row.selected && 'table-row-selected',\n        interactiveRowProps.isClickableClassName,\n        (row.noHover || row.disabled) && 'table-row-no-hover',\n        row.className,\n        row.resolvedClassName\n    );\n\n    const rowContent = (\n        <>\n            {showSelectionColumn && (\n                <div\n                    className='table-cell table-selection-cell'\n                    role='cell'\n                    aria-colindex={1}\n                    style={{ gridColumn: '1 / span 1' }}\n                    onClick={event => event.stopPropagation()}\n                    onKeyDown={event => event.stopPropagation()}\n                >\n                    <div className='table-selection-control'>\n                        <Checkbox\n                            checked={row.selected}\n                            disabled={row.disabled}\n                            onChange={() => onToggleRowSelection?.(row.key)}\n                        />\n                    </div>\n                </div>\n            )}\n            {row.cells.map(cell => (\n                <div\n                    key={`${String(row.key)}-${cell.key}`}\n                    className={classNames(\n                        'table-cell',\n                        getHorizontalAlignClassName(cell.horizontalAlign),\n                        getVerticalAlignClassName(cell.verticalAlign),\n                        cell.hideOnMobile && 'table-hide-mobile',\n                        cell.className,\n                        cell.resolvedClassName\n                    )}\n                    data-column={cell.key}\n                    role='cell'\n                    aria-colindex={resolveAriaColIndex(cell.columnStart, showSelectionColumn)}\n                    aria-colspan={resolveAriaSpan(cell.colSpan)}\n                    onClick={cell.preventRowClick ? handleCellInteraction : undefined}\n                    onKeyDown={cell.preventRowClick ? handleCellInteraction : undefined}\n                    style={{\n                        gridColumn: `${cell.columnStart + (showSelectionColumn ? 1 : 0)} / span ${cell.colSpan}`,\n                    }}\n                >\n                    <div className={classNames('table-cell-content', cell.contentClassName)}>{cell.content}</div>\n                </div>\n            ))}\n        </>\n    );\n\n    return resolvedRowAnimationProps ? (\n        <motion.div\n            key={row.key}\n            className={rowClassName}\n            data-index={dataIndex}\n            onClick={interactiveRowProps.onClick}\n            onKeyDown={interactiveRowProps.onKeyDown}\n            role='row'\n            tabIndex={interactiveRowProps.tabIndex}\n            onAnimationStart={row.kind === 'expanded' ? () => setIsAnimating(true) : undefined}\n            onAnimationComplete={row.kind === 'expanded' ? () => setIsAnimating(false) : undefined}\n            {...resolvedRowAnimationProps}\n            style={resolvedRowStyle}\n        >\n            {rowContent}\n        </motion.div>\n    ) : (\n        <div\n            key={row.key}\n            className={rowClassName}\n            data-index={dataIndex}\n            onClick={interactiveRowProps.onClick}\n            onKeyDown={interactiveRowProps.onKeyDown}\n            role='row'\n            tabIndex={interactiveRowProps.tabIndex}\n        >\n            {rowContent}\n        </div>\n    );\n};\n\nexport default TableDataRow;\n"],"names":["expandedRowDuration","TableDataRow","props","row","dataIndex","isClickable","onActiveRowChange","onRowClick","rowAnimationProps","onToggleRowSelection","showSelectionColumn","rowData","isAnimating","setIsAnimating","useState","shouldReduceMotion","useReducedMotion","interactiveRowProps","getInteractiveRowProps","clickedRow","rowIndex","handleCellInteraction","event","defaultExpandedAnimationProps","useMemo","resolvedRowAnimationProps","motionStyle","resolvedRowStyle","rowClassName","classNames","rowContent","jsxs","Fragment","jsx","Checkbox","cell","getHorizontalAlignClassName","getVerticalAlignClassName","resolveAriaColIndex","resolveAriaSpan","motion"],"mappings":"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"}

package/components/table/render/body/TableEmptyRow.d.ts

@@ -0,0 +1,7 @@
+type TableEmptyRowProps = {
+    columnCount: number;
+    content: React.ReactNode;
+    dataIndex?: number;
+};
+declare const TableEmptyRow: ({ columnCount, content, dataIndex }: TableEmptyRowProps) => import("react/jsx-runtime").JSX.Element;
+export default TableEmptyRow;

package/components/table/render/body/TableEmptyRow.js

@@ -0,0 +1,6 @@
+import { jsx as e } from "react/jsx-runtime";
+const o = ({ columnCount: l, content: a, dataIndex: t }) => /* @__PURE__ */ e("div", { className: "table-row table-row-empty", "data-index": t, role: "row", children: /* @__PURE__ */ e("div", { className: "table-cell table-empty", role: "cell", "aria-colspan": l, children: /* @__PURE__ */ e("div", { className: "table-cell-content", children: a }) }) });
+export {
+  o as default
+};
+//# sourceMappingURL=TableEmptyRow.js.map

package/components/table/render/body/TableEmptyRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableEmptyRow.js","sources":["../../../../../src/components/table/render/body/TableEmptyRow.tsx"],"sourcesContent":["type TableEmptyRowProps = {\n    columnCount: number;\n    content: React.ReactNode;\n    dataIndex?: number;\n};\n\nconst TableEmptyRow = ({ columnCount, content, dataIndex }: TableEmptyRowProps) => (\n    <div className='table-row table-row-empty' data-index={dataIndex} role='row'>\n        <div className='table-cell table-empty' role='cell' aria-colspan={columnCount}>\n            <div className='table-cell-content'>{content}</div>\n        </div>\n    </div>\n);\n\nexport default TableEmptyRow;\n"],"names":["TableEmptyRow","columnCount","content","dataIndex","jsx"],"mappings":";AAMA,MAAMA,IAAgB,CAAC,EAAE,aAAAC,GAAa,SAAAC,GAAS,WAAAC,EAAA,MAC3C,gBAAAC,EAAC,OAAA,EAAI,WAAU,6BAA4B,cAAYD,GAAW,MAAK,OACnE,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,0BAAyB,MAAK,QAAO,gBAAcH,GAC9D,UAAA,gBAAAG,EAAC,OAAA,EAAI,WAAU,sBAAsB,UAAAF,EAAA,CAAQ,GACjD,EAAA,CACJ;"}

package/components/table/render/body/TableExpandedRow.d.ts

@@ -0,0 +1,8 @@
+import { TableExpandedContentViewRow } from '../../model/tableViewModel.types';
+type TableExpandedRowProps<RowType extends Record<string, unknown>> = {
+    columnCount: number;
+    row: TableExpandedContentViewRow<RowType>;
+    dataIndex?: number;
+};
+declare const TableExpandedRow: <RowType extends Record<string, unknown>>(props: TableExpandedRowProps<RowType>) => import("react/jsx-runtime").JSX.Element;
+export default TableExpandedRow;