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

package/components/table/TableGroupFooterRow.js

@@ -1,30 +1,35 @@
-import { jsx as t } from "react/jsx-runtime";
-import p from "../../utils/classNames.js";
-import { useOptionalTableInteractionContext as b } from "./context/TableInteractionContext.js";
-import { useOptionalTableSection as w, useTableBodyContext as x } from "./context/TableStructureContext.js";
-import { useOptionalTableRenderContext as f } from "./context/TableRenderContext.js";
-const v = (s) => {
-  const { children: a, className: c, noHover: i, ...d } = s, o = f(), n = b(), m = w(), r = x();
-  if (!o || !n || o.columns.length === 0 || m !== "body" || !r)
-    return null;
-  const e = r.nextRowIndex(), u = o.columns.length + (n.showSelectionColumn ? 1 : 0), l = /* @__PURE__ */ t(
-    "div",
-    {
-      ...d,
-      className: p("table-row", "table-row-group-footer", i && "table-row-no-hover", c),
-      "data-index": e,
-      role: "row",
-      children: /* @__PURE__ */ t("div", { className: "table-cell table-group-cell", role: "cell", "aria-colspan": u, children: /* @__PURE__ */ t("div", { className: "table-cell-content", children: a }) })
-    }
-  );
-  return o.renderDraft.bodyRows.push({
-    rowId: `group-footer-${e}`,
-    rowIndex: e,
-    kind: "group-footer",
-    render: () => l
-  }), o.isRegisteringBodyRows ? null : l;
+import e from "../../utils/classNames.js";
+import { useOptionalTableInteractionContext as t } from "./context/TableInteractionContext.js";
+import { useOptionalTableSection as n, useTableBodyContext as r } from "./context/TableStructureContext.js";
+import { useOptionalTableRenderContext as i } from "./context/TableRenderContext.js";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/components/table/TableGroupFooterRow.tsx
+var o = (o) => {
+	let { children: s, className: c, noHover: l, ...u } = o, d = i(), f = t(), p = n(), m = r();
+	if (!d || !f || d.columns.length === 0 || p !== "body" || !m) return null;
+	let h = m.nextRowIndex(), g = d.columns.length + +!!f.showSelectionColumn, _ = /* @__PURE__ */ a("div", {
+		...u,
+		className: e("table-row", "table-row-group-footer", l && "table-row-no-hover", c),
+		"data-index": h,
+		role: "row",
+		children: /* @__PURE__ */ a("div", {
+			className: "table-cell table-group-cell",
+			role: "cell",
+			"aria-colspan": g,
+			children: /* @__PURE__ */ a("div", {
+				className: "table-cell-content",
+				children: s
+			})
+		})
+	});
+	return d.renderDraft.bodyRows.push({
+		rowId: `group-footer-${h}`,
+		rowIndex: h,
+		kind: "group-footer",
+		render: () => _
+	}), d.isRegisteringBodyRows ? null : _;
 };
-export {
-  v as default
-};
-//# sourceMappingURL=TableGroupFooterRow.js.map
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=TableGroupFooterRow.js.map

package/components/table/TableGroupFooterRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableGroupFooterRow.js","sources":["../../../src/components/table/TableGroupFooterRow.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport classNames from '../../utils/classNames';\nimport type { TableHtmlAttributes } from './Table.types';\nimport { useOptionalTableInteractionContext } from './context/TableInteractionContext';\nimport { useTableBodyContext, useOptionalTableSection } from './context/TableStructureContext';\nimport { useOptionalTableRenderContext } from './context/TableRenderContext';\n\nexport type TableGroupFooterRowProps = TableHtmlAttributes & {\n    /**\n     * The content of the full-width group footer row.\n     */\n    children?: ReactNode;\n\n    /**\n     * Optional class names only for this group footer row.\n     */\n    className?: string;\n\n    /**\n     * Disable table hover styling for this row.\n     */\n    noHover?: boolean;\n};\n\nconst TableGroupFooterRow = (props: TableGroupFooterRowProps) => {\n    const { children, className, noHover, ...remainingProps } = props;\n\n    const renderContext = useOptionalTableRenderContext();\n    const interactionContext = useOptionalTableInteractionContext();\n    const section = useOptionalTableSection();\n    const bodyContext = useTableBodyContext();\n\n    if (\n        !renderContext ||\n        !interactionContext ||\n        renderContext.columns.length === 0 ||\n        section !== 'body' ||\n        !bodyContext\n    ) {\n        return null;\n    }\n\n    const rowIndex = bodyContext.nextRowIndex();\n    const columnCount = renderContext.columns.length + (interactionContext.showSelectionColumn ? 1 : 0);\n\n    const rowNode = (\n        <div\n            {...remainingProps}\n            className={classNames('table-row', 'table-row-group-footer', noHover && 'table-row-no-hover', className)}\n            data-index={rowIndex}\n            role='row'\n        >\n            <div className='table-cell table-group-cell' role='cell' aria-colspan={columnCount}>\n                <div className='table-cell-content'>{children}</div>\n            </div>\n        </div>\n    );\n\n    renderContext.renderDraft.bodyRows.push({\n        rowId: `group-footer-${rowIndex}`,\n        rowIndex,\n        kind: 'group-footer',\n        render: () => rowNode,\n    });\n\n    return renderContext.isRegisteringBodyRows ? null : rowNode;\n};\n\nexport default TableGroupFooterRow;\n"],"names":["TableGroupFooterRow","props","children","className","noHover","remainingProps","renderContext","useOptionalTableRenderContext","interactionContext","useOptionalTableInteractionContext","section","useOptionalTableSection","bodyContext","useTableBodyContext","rowIndex","columnCount","rowNode","jsx","classNames"],"mappings":";;;;;AAyBA,MAAMA,IAAsB,CAACC,MAAoC;AAC7D,QAAM,EAAE,UAAAC,GAAU,WAAAC,GAAW,SAAAC,GAAS,GAAGC,MAAmBJ,GAEtDK,IAAgBC,EAAA,GAChBC,IAAqBC,EAAA,GACrBC,IAAUC,EAAA,GACVC,IAAcC,EAAA;AAEpB,MACI,CAACP,KACD,CAACE,KACDF,EAAc,QAAQ,WAAW,KACjCI,MAAY,UACZ,CAACE;AAED,WAAO;AAGX,QAAME,IAAWF,EAAY,aAAA,GACvBG,IAAcT,EAAc,QAAQ,UAAUE,EAAmB,sBAAsB,IAAI,IAE3FQ,IACF,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGZ;AAAA,MACJ,WAAWa,EAAW,aAAa,0BAA0Bd,KAAW,sBAAsBD,CAAS;AAAA,MACvG,cAAYW;AAAA,MACZ,MAAK;AAAA,MAEL,UAAA,gBAAAG,EAAC,OAAA,EAAI,WAAU,+BAA8B,MAAK,QAAO,gBAAcF,GACnE,UAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,sBAAsB,UAAAf,GAAS,EAAA,CAClD;AAAA,IAAA;AAAA,EAAA;AAIR,SAAAI,EAAc,YAAY,SAAS,KAAK;AAAA,IACpC,OAAO,gBAAgBQ,CAAQ;AAAA,IAC/B,UAAAA;AAAA,IACA,MAAM;AAAA,IACN,QAAQ,MAAME;AAAA,EAAA,CACjB,GAEMV,EAAc,wBAAwB,OAAOU;AACxD;"}
+{"version":3,"file":"TableGroupFooterRow.js","names":[],"sources":["../../../src/components/table/TableGroupFooterRow.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport classNames from '../../utils/classNames';\nimport type { TableHtmlAttributes } from './Table.types';\nimport { useOptionalTableInteractionContext } from './context/TableInteractionContext';\nimport { useTableBodyContext, useOptionalTableSection } from './context/TableStructureContext';\nimport { useOptionalTableRenderContext } from './context/TableRenderContext';\n\nexport type TableGroupFooterRowProps = TableHtmlAttributes & {\n    /**\n     * The content of the full-width group footer row.\n     */\n    children?: ReactNode;\n\n    /**\n     * Optional class names only for this group footer row.\n     */\n    className?: string;\n\n    /**\n     * Disable table hover styling for this row.\n     */\n    noHover?: boolean;\n};\n\nconst TableGroupFooterRow = (props: TableGroupFooterRowProps) => {\n    const { children, className, noHover, ...remainingProps } = props;\n\n    const renderContext = useOptionalTableRenderContext();\n    const interactionContext = useOptionalTableInteractionContext();\n    const section = useOptionalTableSection();\n    const bodyContext = useTableBodyContext();\n\n    if (\n        !renderContext ||\n        !interactionContext ||\n        renderContext.columns.length === 0 ||\n        section !== 'body' ||\n        !bodyContext\n    ) {\n        return null;\n    }\n\n    const rowIndex = bodyContext.nextRowIndex();\n    const columnCount = renderContext.columns.length + (interactionContext.showSelectionColumn ? 1 : 0);\n\n    const rowNode = (\n        <div\n            {...remainingProps}\n            className={classNames('table-row', 'table-row-group-footer', noHover && 'table-row-no-hover', className)}\n            data-index={rowIndex}\n            role='row'\n        >\n            <div className='table-cell table-group-cell' role='cell' aria-colspan={columnCount}>\n                <div className='table-cell-content'>{children}</div>\n            </div>\n        </div>\n    );\n\n    renderContext.renderDraft.bodyRows.push({\n        rowId: `group-footer-${rowIndex}`,\n        rowIndex,\n        kind: 'group-footer',\n        render: () => rowNode,\n    });\n\n    return renderContext.isRegisteringBodyRows ? null : rowNode;\n};\n\nexport default TableGroupFooterRow;\n"],"mappings":";;;;;;AAyBA,IAAM,KAAuB,MAAoC;CAC7D,IAAM,EAAE,aAAU,cAAW,YAAS,GAAG,MAAmB,GAEtD,IAAgB,EAA8B,GAC9C,IAAqB,EAAmC,GACxD,IAAU,EAAwB,GAClC,IAAc,EAAoB;CAExC,IACI,CAAC,KACD,CAAC,KACD,EAAc,QAAQ,WAAW,KACjC,MAAY,UACZ,CAAC,GAED,OAAO;CAGX,IAAM,IAAW,EAAY,aAAa,GACpC,IAAc,EAAc,QAAQ,SAAU,KAAmB,qBAEjE,IACF,kBAAC,OAAD;EACI,GAAI;EACJ,WAAW,EAAW,aAAa,0BAA0B,KAAW,sBAAsB,CAAS;EACvG,cAAY;EACZ,MAAK;YAEL,kBAAC,OAAD;GAAK,WAAU;GAA8B,MAAK;GAAO,gBAAc;aACnE,kBAAC,OAAD;IAAK,WAAU;IAAsB;GAAc,CAAA;EAClD,CAAA;CACJ,CAAA;CAUT,OAPA,EAAc,YAAY,SAAS,KAAK;EACpC,OAAO,gBAAgB;EACvB;EACA,MAAM;EACN,cAAc;CAClB,CAAC,GAEM,EAAc,wBAAwB,OAAO;AACxD"}

package/components/table/TableGroupRow.js

@@ -1,71 +1,64 @@
-import { jsx as t, jsxs as k } from "react/jsx-runtime";
-import T from "../checkbox/Checkbox.js";
-import h from "../../utils/classNames.js";
-import { getVerticalAlignClassName as N } from "./shared/getAlignClassName.js";
-import { useOptionalTableInteractionContext as v } from "./context/TableInteractionContext.js";
-import { useOptionalTableSection as I, useTableBodyContext as A } from "./context/TableStructureContext.js";
-import { useOptionalTableRenderContext as O } from "./context/TableRenderContext.js";
-import { useOptionalTableRenderConfigContext as V } from "./context/TableRenderConfigContext.js";
-const B = (r) => {
-  const { isSelected: c, onToggleSelection: s, selectionCheckboxVerticalAlignment: i } = r;
-  return /* @__PURE__ */ t(
-    "div",
-    {
-      className: h(
-        "table-cell table-selection-cell",
-        N(i)
-      ),
-      role: "cell",
-      "aria-colindex": 1,
-      style: { gridColumn: "1 / span 1", gridRow: "1 / span 1" },
-      onClick: (n) => n.stopPropagation(),
-      onKeyDown: (n) => n.stopPropagation(),
-      children: /* @__PURE__ */ t("div", { className: "table-selection-control", children: /* @__PURE__ */ t(T, { checked: c, onChange: s }) })
-    }
-  );
-}, q = (r) => {
-  const { children: c, className: s, id: i, noHover: n, selectable: m = !1, sticky: b, ...x } = r, g = V(), e = O(), o = v(), f = I(), p = A();
-  if (!e || !g || !o || e.columns.length === 0 || f !== "body" || !p)
-    return null;
-  const a = p.nextRowIndex(), l = i ?? `group-${a}`, u = m && o.selectableRowIdSet.has(l), C = u && o.selectedRowIdSet.has(l), d = o.showSelectionColumn && u, S = e.columns.length + (o.showSelectionColumn && !d ? 1 : 0), y = !!e.renderDraft.bodyMaxHeight, R = d && /* @__PURE__ */ t(
-    B,
-    {
-      isSelected: C,
-      onToggleSelection: () => o.onToggleRowSelection?.(l),
-      selectionCheckboxVerticalAlignment: g.selectionCheckboxVerticalAlignment
-    }
-  ), w = /* @__PURE__ */ k(
-    "div",
-    {
-      ...x,
-      className: h(
-        "table-row",
-        "table-row-group",
-        d && "table-row-group-selectable",
-        b && "table-row-group-sticky",
-        b && y && "table-row-sticky-in-container",
-        C && "table-row-selected",
-        n && "table-row-no-hover",
-        s
-      ),
-      "data-index": a,
-      "data-row-id": String(l),
-      role: "row",
-      children: [
-        R,
-        /* @__PURE__ */ t("div", { className: "table-cell table-group-cell", role: "cell", "aria-colspan": S, children: /* @__PURE__ */ t("div", { className: "table-cell-content", children: c }) })
-      ]
-    }
-  );
-  return e.renderDraft.bodyRows.push({
-    rowId: l,
-    rowIndex: a,
-    kind: "group",
-    selectable: m,
-    render: () => w
-  }), e.isRegisteringBodyRows ? null : w;
+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 { useOptionalTableSection as i, useTableBodyContext as a } from "./context/TableStructureContext.js";
+import { useOptionalTableRenderContext as o } from "./context/TableRenderContext.js";
+import { getVerticalAlignClassName as s } from "./shared/getAlignClassName.js";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/table/TableGroupRow.tsx
+var u = (n) => {
+	let { isSelected: r, onToggleSelection: i, selectionCheckboxVerticalAlignment: a } = n;
+	return /* @__PURE__ */ c("div", {
+		className: e("table-cell table-selection-cell", s(a)),
+		role: "cell",
+		"aria-colindex": 1,
+		style: {
+			gridColumn: "1 / span 1",
+			gridRow: "1 / span 1"
+		},
+		onClick: (e) => e.stopPropagation(),
+		onKeyDown: (e) => e.stopPropagation(),
+		children: /* @__PURE__ */ c("div", {
+			className: "table-selection-control",
+			children: /* @__PURE__ */ c(t, {
+				checked: r,
+				onChange: i
+			})
+		})
+	});
+}, d = (t) => {
+	let { children: s, className: d, id: f, noHover: p, selectable: m = !1, sticky: h, ...g } = t, _ = r(), v = o(), y = n(), b = i(), x = a();
+	if (!v || !_ || !y || v.columns.length === 0 || b !== "body" || !x) return null;
+	let S = x.nextRowIndex(), C = f ?? `group-${S}`, w = m && y.selectableRowIdSet.has(C), T = w && y.selectedRowIdSet.has(C), E = y.showSelectionColumn && w, D = v.columns.length + (y.showSelectionColumn && !E ? 1 : 0), O = !!v.renderDraft.bodyMaxHeight, k = E && /* @__PURE__ */ c(u, {
+		isSelected: T,
+		onToggleSelection: () => y.onToggleRowSelection?.(C),
+		selectionCheckboxVerticalAlignment: _.selectionCheckboxVerticalAlignment
+	}), A = /* @__PURE__ */ l("div", {
+		...g,
+		className: e("table-row", "table-row-group", E && "table-row-group-selectable", h && "table-row-group-sticky", h && O && "table-row-sticky-in-container", T && "table-row-selected", p && "table-row-no-hover", d),
+		"data-index": S,
+		"data-row-id": String(C),
+		role: "row",
+		children: [k, /* @__PURE__ */ c("div", {
+			className: "table-cell table-group-cell",
+			role: "cell",
+			"aria-colspan": D,
+			children: /* @__PURE__ */ c("div", {
+				className: "table-cell-content",
+				children: s
+			})
+		})]
+	});
+	return v.renderDraft.bodyRows.push({
+		rowId: C,
+		rowIndex: S,
+		kind: "group",
+		selectable: m,
+		render: () => A
+	}), v.isRegisteringBodyRows ? null : A;
 };
-export {
-  q as default
-};
-//# sourceMappingURL=TableGroupRow.js.map
+//#endregion
+export { d as default };
+
+//# sourceMappingURL=TableGroupRow.js.map

package/components/table/TableGroupRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableGroupRow.js","sources":["../../../src/components/table/TableGroupRow.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport Checkbox from '../checkbox/Checkbox';\nimport classNames from '../../utils/classNames';\nimport type { TableHtmlAttributes, TableRowId, TableVerticalAlign } from './Table.types';\nimport { getVerticalAlignClassName } from './shared/getAlignClassName';\nimport { useOptionalTableInteractionContext } from './context/TableInteractionContext';\nimport { useTableBodyContext, useOptionalTableSection } from './context/TableStructureContext';\nimport { useOptionalTableRenderContext } from './context/TableRenderContext';\nimport { useOptionalTableRenderConfigContext } from './context/TableRenderConfigContext';\n\nexport type TableGroupRowProps = TableHtmlAttributes & {\n    /**\n     * Stable row key for selectable group rows.\n     */\n    id?: TableRowId;\n\n    /**\n     * The content of the full-width group row.\n     */\n    children?: ReactNode;\n\n    /**\n     * Keeps the group row sticky at the top of the current table scroll context.\n     * When a sticky `TableHeader` is present, the row stacks below the measured header height.\n     * `TableBody maxHeight` continues to pin the row inside the internal body scroller.\n     *\n     * @default false\n     */\n    sticky?: boolean;\n\n    /**\n     * Optional class names only for this group row.\n     */\n    className?: string;\n\n    /**\n     * Includes this group row in table selection.\n     *\n     * Group rows are not selectable by default so existing grouped tables keep their current full-width layout.\n     *\n     * @default false\n     */\n    selectable?: boolean;\n\n    /**\n     * Disable table hover styling for this row.\n     */\n    noHover?: boolean;\n};\n\ntype TableGroupRowSelectionCellProps = {\n    isSelected: boolean;\n    onToggleSelection?: () => void;\n    selectionCheckboxVerticalAlignment?: TableVerticalAlign;\n};\n\nconst TableGroupRowSelectionCell = (props: TableGroupRowSelectionCellProps) => {\n    const { isSelected, onToggleSelection, selectionCheckboxVerticalAlignment } = props;\n\n    return (\n        <div\n            className={classNames(\n                'table-cell table-selection-cell',\n                getVerticalAlignClassName(selectionCheckboxVerticalAlignment)\n            )}\n            role='cell'\n            aria-colindex={1}\n            style={{ gridColumn: '1 / span 1', gridRow: '1 / span 1' }}\n            onClick={event => event.stopPropagation()}\n            onKeyDown={event => event.stopPropagation()}\n        >\n            <div className='table-selection-control'>\n                <Checkbox checked={isSelected} onChange={onToggleSelection} />\n            </div>\n        </div>\n    );\n};\n\nconst TableGroupRow = (props: TableGroupRowProps) => {\n    const { children, className, id, noHover, selectable = false, sticky, ...remainingProps } = props;\n\n    const renderConfigContext = useOptionalTableRenderConfigContext();\n    const renderContext = useOptionalTableRenderContext();\n    const interactionContext = useOptionalTableInteractionContext();\n    const section = useOptionalTableSection();\n    const bodyContext = useTableBodyContext();\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 rowIndex = bodyContext.nextRowIndex();\n    const rowId = id ?? `group-${rowIndex}`;\n    const isSelectable = selectable && interactionContext.selectableRowIdSet.has(rowId);\n    const isSelected = isSelectable && interactionContext.selectedRowIdSet.has(rowId);\n    const hasSelectionCell = interactionContext.showSelectionColumn && isSelectable;\n    const columnCount =\n        renderContext.columns.length + (interactionContext.showSelectionColumn && !hasSelectionCell ? 1 : 0);\n    const stickyInBodyScrollContainer = !!renderContext.renderDraft.bodyMaxHeight;\n    const selectionCell = hasSelectionCell && (\n        <TableGroupRowSelectionCell\n            isSelected={isSelected}\n            onToggleSelection={() => interactionContext.onToggleRowSelection?.(rowId)}\n            selectionCheckboxVerticalAlignment={renderConfigContext.selectionCheckboxVerticalAlignment}\n        />\n    );\n\n    const rowNode = (\n        <div\n            {...remainingProps}\n            className={classNames(\n                'table-row',\n                'table-row-group',\n                hasSelectionCell && 'table-row-group-selectable',\n                sticky && 'table-row-group-sticky',\n                sticky && stickyInBodyScrollContainer && 'table-row-sticky-in-container',\n                isSelected && 'table-row-selected',\n                noHover && 'table-row-no-hover',\n                className\n            )}\n            data-index={rowIndex}\n            data-row-id={String(rowId)}\n            role='row'\n        >\n            {selectionCell}\n            <div className='table-cell table-group-cell' role='cell' aria-colspan={columnCount}>\n                <div className='table-cell-content'>{children}</div>\n            </div>\n        </div>\n    );\n\n    renderContext.renderDraft.bodyRows.push({\n        rowId,\n        rowIndex,\n        kind: 'group',\n        selectable,\n        render: () => rowNode,\n    });\n\n    return renderContext.isRegisteringBodyRows ? null : rowNode;\n};\n\nexport default TableGroupRow;\n"],"names":["TableGroupRowSelectionCell","props","isSelected","onToggleSelection","selectionCheckboxVerticalAlignment","jsx","classNames","getVerticalAlignClassName","event","Checkbox","TableGroupRow","children","className","id","noHover","selectable","sticky","remainingProps","renderConfigContext","useOptionalTableRenderConfigContext","renderContext","useOptionalTableRenderContext","interactionContext","useOptionalTableInteractionContext","section","useOptionalTableSection","bodyContext","useTableBodyContext","rowIndex","rowId","isSelectable","hasSelectionCell","columnCount","stickyInBodyScrollContainer","selectionCell","rowNode","jsxs"],"mappings":";;;;;;;;AAyDA,MAAMA,IAA6B,CAACC,MAA2C;AAC3E,QAAM,EAAE,YAAAC,GAAY,mBAAAC,GAAmB,oCAAAC,EAAA,IAAuCH;AAE9E,SACI,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC;AAAA,QACP;AAAA,QACAC,EAA0BH,CAAkC;AAAA,MAAA;AAAA,MAEhE,MAAK;AAAA,MACL,iBAAe;AAAA,MACf,OAAO,EAAE,YAAY,cAAc,SAAS,aAAA;AAAA,MAC5C,SAAS,CAAAI,MAASA,EAAM,gBAAA;AAAA,MACxB,WAAW,CAAAA,MAASA,EAAM,gBAAA;AAAA,MAE1B,UAAA,gBAAAH,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA,gBAAAA,EAACI,KAAS,SAASP,GAAY,UAAUC,EAAA,CAAmB,EAAA,CAChE;AAAA,IAAA;AAAA,EAAA;AAGZ,GAEMO,IAAgB,CAACT,MAA8B;AACjD,QAAM,EAAE,UAAAU,GAAU,WAAAC,GAAW,IAAAC,GAAI,SAAAC,GAAS,YAAAC,IAAa,IAAO,QAAAC,GAAQ,GAAGC,EAAA,IAAmBhB,GAEtFiB,IAAsBC,EAAA,GACtBC,IAAgBC,EAAA,GAChBC,IAAqBC,EAAA,GACrBC,IAAUC,EAAA,GACVC,IAAcC,EAAA;AAEpB,MACI,CAACP,KACD,CAACF,KACD,CAACI,KACDF,EAAc,QAAQ,WAAW,KACjCI,MAAY,UACZ,CAACE;AAED,WAAO;AAGX,QAAME,IAAWF,EAAY,aAAA,GACvBG,IAAQhB,KAAM,SAASe,CAAQ,IAC/BE,IAAef,KAAcO,EAAmB,mBAAmB,IAAIO,CAAK,GAC5E3B,IAAa4B,KAAgBR,EAAmB,iBAAiB,IAAIO,CAAK,GAC1EE,IAAmBT,EAAmB,uBAAuBQ,GAC7DE,IACFZ,EAAc,QAAQ,UAAUE,EAAmB,uBAAuB,CAACS,IAAmB,IAAI,IAChGE,IAA8B,CAAC,CAACb,EAAc,YAAY,eAC1Dc,IAAgBH,KAClB,gBAAA1B;AAAA,IAACL;AAAA,IAAA;AAAA,MACG,YAAAE;AAAA,MACA,mBAAmB,MAAMoB,EAAmB,uBAAuBO,CAAK;AAAA,MACxE,oCAAoCX,EAAoB;AAAA,IAAA;AAAA,EAAA,GAI1DiB,IACF,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGnB;AAAA,MACJ,WAAWX;AAAA,QACP;AAAA,QACA;AAAA,QACAyB,KAAoB;AAAA,QACpBf,KAAU;AAAA,QACVA,KAAUiB,KAA+B;AAAA,QACzC/B,KAAc;AAAA,QACdY,KAAW;AAAA,QACXF;AAAA,MAAA;AAAA,MAEJ,cAAYgB;AAAA,MACZ,eAAa,OAAOC,CAAK;AAAA,MACzB,MAAK;AAAA,MAEJ,UAAA;AAAA,QAAAK;AAAA,QACD,gBAAA7B,EAAC,OAAA,EAAI,WAAU,+BAA8B,MAAK,QAAO,gBAAc2B,GACnE,UAAA,gBAAA3B,EAAC,OAAA,EAAI,WAAU,sBAAsB,UAAAM,GAAS,EAAA,CAClD;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR,SAAAS,EAAc,YAAY,SAAS,KAAK;AAAA,IACpC,OAAAS;AAAA,IACA,UAAAD;AAAA,IACA,MAAM;AAAA,IACN,YAAAb;AAAA,IACA,QAAQ,MAAMoB;AAAA,EAAA,CACjB,GAEMf,EAAc,wBAAwB,OAAOe;AACxD;"}
+{"version":3,"file":"TableGroupRow.js","names":[],"sources":["../../../src/components/table/TableGroupRow.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport Checkbox from '../checkbox/Checkbox';\nimport classNames from '../../utils/classNames';\nimport type { TableHtmlAttributes, TableRowId, TableVerticalAlign } from './Table.types';\nimport { getVerticalAlignClassName } from './shared/getAlignClassName';\nimport { useOptionalTableInteractionContext } from './context/TableInteractionContext';\nimport { useTableBodyContext, useOptionalTableSection } from './context/TableStructureContext';\nimport { useOptionalTableRenderContext } from './context/TableRenderContext';\nimport { useOptionalTableRenderConfigContext } from './context/TableRenderConfigContext';\n\nexport type TableGroupRowProps = TableHtmlAttributes & {\n    /**\n     * Stable row key for selectable group rows.\n     */\n    id?: TableRowId;\n\n    /**\n     * The content of the full-width group row.\n     */\n    children?: ReactNode;\n\n    /**\n     * Keeps the group row sticky at the top of the current table scroll context.\n     * When a sticky `TableHeader` is present, the row stacks below the measured header height.\n     * `TableBody maxHeight` continues to pin the row inside the internal body scroller.\n     *\n     * @default false\n     */\n    sticky?: boolean;\n\n    /**\n     * Optional class names only for this group row.\n     */\n    className?: string;\n\n    /**\n     * Includes this group row in table selection.\n     *\n     * Group rows are not selectable by default so existing grouped tables keep their current full-width layout.\n     *\n     * @default false\n     */\n    selectable?: boolean;\n\n    /**\n     * Disable table hover styling for this row.\n     */\n    noHover?: boolean;\n};\n\ntype TableGroupRowSelectionCellProps = {\n    isSelected: boolean;\n    onToggleSelection?: () => void;\n    selectionCheckboxVerticalAlignment?: TableVerticalAlign;\n};\n\nconst TableGroupRowSelectionCell = (props: TableGroupRowSelectionCellProps) => {\n    const { isSelected, onToggleSelection, selectionCheckboxVerticalAlignment } = props;\n\n    return (\n        <div\n            className={classNames(\n                'table-cell table-selection-cell',\n                getVerticalAlignClassName(selectionCheckboxVerticalAlignment)\n            )}\n            role='cell'\n            aria-colindex={1}\n            style={{ gridColumn: '1 / span 1', gridRow: '1 / span 1' }}\n            onClick={event => event.stopPropagation()}\n            onKeyDown={event => event.stopPropagation()}\n        >\n            <div className='table-selection-control'>\n                <Checkbox checked={isSelected} onChange={onToggleSelection} />\n            </div>\n        </div>\n    );\n};\n\nconst TableGroupRow = (props: TableGroupRowProps) => {\n    const { children, className, id, noHover, selectable = false, sticky, ...remainingProps } = props;\n\n    const renderConfigContext = useOptionalTableRenderConfigContext();\n    const renderContext = useOptionalTableRenderContext();\n    const interactionContext = useOptionalTableInteractionContext();\n    const section = useOptionalTableSection();\n    const bodyContext = useTableBodyContext();\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 rowIndex = bodyContext.nextRowIndex();\n    const rowId = id ?? `group-${rowIndex}`;\n    const isSelectable = selectable && interactionContext.selectableRowIdSet.has(rowId);\n    const isSelected = isSelectable && interactionContext.selectedRowIdSet.has(rowId);\n    const hasSelectionCell = interactionContext.showSelectionColumn && isSelectable;\n    const columnCount =\n        renderContext.columns.length + (interactionContext.showSelectionColumn && !hasSelectionCell ? 1 : 0);\n    const stickyInBodyScrollContainer = !!renderContext.renderDraft.bodyMaxHeight;\n    const selectionCell = hasSelectionCell && (\n        <TableGroupRowSelectionCell\n            isSelected={isSelected}\n            onToggleSelection={() => interactionContext.onToggleRowSelection?.(rowId)}\n            selectionCheckboxVerticalAlignment={renderConfigContext.selectionCheckboxVerticalAlignment}\n        />\n    );\n\n    const rowNode = (\n        <div\n            {...remainingProps}\n            className={classNames(\n                'table-row',\n                'table-row-group',\n                hasSelectionCell && 'table-row-group-selectable',\n                sticky && 'table-row-group-sticky',\n                sticky && stickyInBodyScrollContainer && 'table-row-sticky-in-container',\n                isSelected && 'table-row-selected',\n                noHover && 'table-row-no-hover',\n                className\n            )}\n            data-index={rowIndex}\n            data-row-id={String(rowId)}\n            role='row'\n        >\n            {selectionCell}\n            <div className='table-cell table-group-cell' role='cell' aria-colspan={columnCount}>\n                <div className='table-cell-content'>{children}</div>\n            </div>\n        </div>\n    );\n\n    renderContext.renderDraft.bodyRows.push({\n        rowId,\n        rowIndex,\n        kind: 'group',\n        selectable,\n        render: () => rowNode,\n    });\n\n    return renderContext.isRegisteringBodyRows ? null : rowNode;\n};\n\nexport default TableGroupRow;\n"],"mappings":";;;;;;;;;AAyDA,IAAM,KAA8B,MAA2C;CAC3E,IAAM,EAAE,eAAY,sBAAmB,0CAAuC;CAE9E,OACI,kBAAC,OAAD;EACI,WAAW,EACP,mCACA,EAA0B,CAAkC,CAChE;EACA,MAAK;EACL,iBAAe;EACf,OAAO;GAAE,YAAY;GAAc,SAAS;EAAa;EACzD,UAAS,MAAS,EAAM,gBAAgB;EACxC,YAAW,MAAS,EAAM,gBAAgB;YAE1C,kBAAC,OAAD;GAAK,WAAU;aACX,kBAAC,GAAD;IAAU,SAAS;IAAY,UAAU;GAAoB,CAAA;EAC5D,CAAA;CACJ,CAAA;AAEb,GAEM,KAAiB,MAA8B;CACjD,IAAM,EAAE,aAAU,cAAW,OAAI,YAAS,gBAAa,IAAO,WAAQ,GAAG,MAAmB,GAEtF,IAAsB,EAAoC,GAC1D,IAAgB,EAA8B,GAC9C,IAAqB,EAAmC,GACxD,IAAU,EAAwB,GAClC,IAAc,EAAoB;CAExC,IACI,CAAC,KACD,CAAC,KACD,CAAC,KACD,EAAc,QAAQ,WAAW,KACjC,MAAY,UACZ,CAAC,GAED,OAAO;CAGX,IAAM,IAAW,EAAY,aAAa,GACpC,IAAQ,KAAM,SAAS,KACvB,IAAe,KAAc,EAAmB,mBAAmB,IAAI,CAAK,GAC5E,IAAa,KAAgB,EAAmB,iBAAiB,IAAI,CAAK,GAC1E,IAAmB,EAAmB,uBAAuB,GAC7D,IACF,EAAc,QAAQ,UAAU,EAAmB,uBAAuB,CAAC,IAAmB,IAAI,IAChG,IAA8B,CAAC,CAAC,EAAc,YAAY,eAC1D,IAAgB,KAClB,kBAAC,GAAD;EACgB;EACZ,yBAAyB,EAAmB,uBAAuB,CAAK;EACxE,oCAAoC,EAAoB;CAC3D,CAAA,GAGC,IACF,kBAAC,OAAD;EACI,GAAI;EACJ,WAAW,EACP,aACA,mBACA,KAAoB,8BACpB,KAAU,0BACV,KAAU,KAA+B,iCACzC,KAAc,sBACd,KAAW,sBACX,CACJ;EACA,cAAY;EACZ,eAAa,OAAO,CAAK;EACzB,MAAK;YAdT,CAgBK,GACD,kBAAC,OAAD;GAAK,WAAU;GAA8B,MAAK;GAAO,gBAAc;aACnE,kBAAC,OAAD;IAAK,WAAU;IAAsB;GAAc,CAAA;EAClD,CAAA,CACJ;;CAWT,OARA,EAAc,YAAY,SAAS,KAAK;EACpC;EACA;EACA,MAAM;EACN;EACA,cAAc;CAClB,CAAC,GAEM,EAAc,wBAAwB,OAAO;AACxD"}

package/components/table/TableHeader.js

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

package/components/table/TableHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeader.js","sources":["../../../src/components/table/TableHeader.tsx"],"sourcesContent":["import {\n    DndContext,\n    DragOverlay,\n    PointerSensor,\n    type DragCancelEvent,\n    type DragEndEvent,\n    type DragStartEvent,\n    useSensor,\n    useSensors,\n} from '@dnd-kit/core';\nimport { restrictToHorizontalAxis } from '@dnd-kit/modifiers';\nimport { horizontalListSortingStrategy, SortableContext } from '@dnd-kit/sortable';\nimport { type MutableRefObject, type ReactNode, useLayoutEffect, useRef, useState } from 'react';\n\nimport useMergeRefs from '../../hooks/useMergeRefs';\nimport useResizeObserver from '../../useResizeObserver';\nimport classNames from '../../utils/classNames';\nimport type { TableHtmlAttributes, TableRowData } from './Table.types';\nimport TableHeaderDragOverlay from './render/header/TableHeaderDragOverlay';\nimport TableHeaderSelectionCell from './render/header/TableHeaderSelectionCell';\nimport { resolveColumnCollisionDetection } from './render/header/resolveColumnCollisionDetection';\nimport { useOptionalTableInteractionContext } from './context/TableInteractionContext';\nimport { useOptionalTableLayoutContext } from './context/TableLayoutContext';\nimport { useOptionalTableRenderConfigContext } from './context/TableRenderConfigContext';\nimport { TableHeaderContext, TableSectionContext } from './context/TableStructureContext';\nimport { useOptionalTableRenderContext } from './context/TableRenderContext';\n\nexport type TableHeaderProps<RowType extends TableRowData> = TableHtmlAttributes & {\n    /**\n     * Additional class names for the header grid wrapper.\n     */\n    className?: string;\n\n    /**\n     * Keeps the table header sticky while the page scrolls.\n     * The sticky top reference follows `Table.stickyReference`.\n     *\n     * This applies in `TABLE` view only.\n     *\n     * @default false\n     */\n    sticky?: boolean;\n\n    /**\n     * Table header content.\n     */\n    children?: ReactNode;\n};\n\nconst TABLE_STICKY_HEADER_HEIGHT_VAR = '--table-sticky-header-height';\n\nconst TableHeader = <RowType extends TableRowData = TableRowData>(props: TableHeaderProps<RowType>) => {\n    const { children, className, sticky = false, ...remainingProps } = props;\n\n    const renderContext = useOptionalTableRenderContext<RowType>();\n    const renderConfigContext = useOptionalTableRenderConfigContext<RowType>();\n    const interactionContext = useOptionalTableInteractionContext<RowType>();\n    const layoutContext = useOptionalTableLayoutContext();\n\n    if (!renderContext || !renderConfigContext || !interactionContext || !layoutContext) {\n        return null;\n    }\n\n    const sensors = useSensors(useSensor(PointerSensor, { activationConstraint: { distance: 6 } }));\n\n    const headerRowIndexRef = useRef(0);\n    const [headerElementRef, , { blockSize: headerBlockSize }] = useResizeObserver<HTMLDivElement>();\n    headerRowIndexRef.current = 0;\n\n    const [activeDraggedColumnKey, setActiveDraggedColumnKey] = useState<string | undefined>(undefined);\n    const [activeDraggedColumnWidth, setActiveDraggedColumnWidth] = useState<number | undefined>(undefined);\n    const mergedHeaderRefs = useMergeRefs(\n        layoutContext.tableHeadRowRef as MutableRefObject<HTMLDivElement | null>,\n        headerElementRef\n    );\n\n    const canDragColumns = !!layoutContext.onColumnDragEnd && (layoutContext.draggableColumnKeys?.length ?? 0) > 1;\n    const header = renderContext.header;\n    const headerRowCount = header?.rowCount ?? 1;\n    const overlayHeader = header ?? {\n        rowCount: headerRowCount,\n        totalColumnCount: renderContext.columns.length,\n        columns: [],\n    };\n\n    const activeDraggedColumn = activeDraggedColumnKey\n        ? header?.columns.find(column => (column.columnKey ?? String(column.key)) === activeDraggedColumnKey)\n        : undefined;\n\n    const clearActiveDraggedColumn = () => {\n        setActiveDraggedColumnKey(undefined);\n        setActiveDraggedColumnWidth(undefined);\n    };\n\n    const handleDragStart = (event: DragStartEvent) => {\n        setActiveDraggedColumnKey(String(event.active.id));\n        setActiveDraggedColumnWidth(event.active.rect.current.initial?.width ?? undefined);\n    };\n\n    const handleDragCancel = (_event: DragCancelEvent) => {\n        clearActiveDraggedColumn();\n    };\n\n    const handleDragEnd = (event: DragEndEvent) => {\n        clearActiveDraggedColumn();\n        layoutContext.onColumnDragEnd?.(event);\n    };\n\n    useLayoutEffect(() => {\n        const headerElement = headerElementRef.current;\n        const tableElement = headerElement?.closest<HTMLElement>('.table');\n\n        if (!tableElement) {\n            return;\n        }\n\n        if (!sticky || !headerElement) {\n            tableElement.style.removeProperty(TABLE_STICKY_HEADER_HEIGHT_VAR);\n            return;\n        }\n\n        const resolvedHeight = Math.max(headerBlockSize ?? headerElement.getBoundingClientRect().height ?? 0, 0);\n\n        tableElement.style.setProperty(TABLE_STICKY_HEADER_HEIGHT_VAR, `${resolvedHeight}px`);\n\n        return () => {\n            tableElement.style.removeProperty(TABLE_STICKY_HEADER_HEIGHT_VAR);\n        };\n    }, [headerBlockSize, sticky]);\n\n    const content =\n        canDragColumns && layoutContext.draggableColumnKeys ? (\n            <DndContext\n                sensors={sensors}\n                collisionDetection={resolveColumnCollisionDetection}\n                modifiers={[restrictToHorizontalAxis]}\n                onDragStart={handleDragStart}\n                onDragCancel={handleDragCancel}\n                onDragEnd={handleDragEnd}\n            >\n                <SortableContext items={layoutContext.draggableColumnKeys} strategy={horizontalListSortingStrategy}>\n                    {children}\n                </SortableContext>\n                <DragOverlay adjustScale={false} dropAnimation={null}>\n                    <TableHeaderDragOverlay\n                        column={activeDraggedColumn}\n                        header={overlayHeader}\n                        showSelectionColumn={interactionContext.showSelectionColumn}\n                        width={activeDraggedColumnWidth}\n                    />\n                </DragOverlay>\n            </DndContext>\n        ) : (\n            children\n        );\n\n    if (!renderConfigContext.isTableView) {\n        return (\n            <TableSectionContext.Provider value='header'>\n                <TableHeaderContext.Provider\n                    value={{\n                        nextHeaderRowIndex: () => {\n                            const nextHeaderRowIndex = headerRowIndexRef.current;\n                            headerRowIndexRef.current += 1;\n                            return nextHeaderRowIndex;\n                        },\n                    }}\n                >\n                    {content}\n                </TableHeaderContext.Provider>\n            </TableSectionContext.Provider>\n        );\n    }\n\n    return (\n        <div\n            {...remainingProps}\n            className={classNames('table-head', sticky && 'table-head-sticky')}\n            role='rowgroup'\n            ref={mergedHeaderRefs}\n        >\n            <TableSectionContext.Provider value='header'>\n                <TableHeaderContext.Provider\n                    value={{\n                        nextHeaderRowIndex: () => {\n                            const nextHeaderRowIndex = headerRowIndexRef.current;\n                            headerRowIndexRef.current += 1;\n                            return nextHeaderRowIndex;\n                        },\n                    }}\n                >\n                    <div\n                        className={classNames(\n                            'table-head-grid',\n                            interactionContext.selectionHeaderContent && 'table-head-grid-custom-selection',\n                            className\n                        )}\n                        role={headerRowCount === 1 ? 'row' : 'presentation'}\n                        style={{ gridTemplateRows: `repeat(${headerRowCount}, auto)` }}\n                    >\n                        {interactionContext.showSelectionColumn && (\n                            <TableHeaderSelectionCell\n                                isAllSelected={interactionContext.isAllRowsSelected}\n                                isSomeRowsSelected={interactionContext.isSomeRowsSelected}\n                                onToggleAllSelection={interactionContext.onToggleAllSelection}\n                                disabled={!interactionContext.hasSelectableRows}\n                                rowCount={headerRowCount}\n                                selectionHeaderContent={interactionContext.selectionHeaderContent}\n                                selectionCheckboxVerticalAlignment={\n                                    renderConfigContext.selectionCheckboxVerticalAlignment\n                                }\n                            />\n                        )}\n                        {content}\n                    </div>\n                </TableHeaderContext.Provider>\n            </TableSectionContext.Provider>\n        </div>\n    );\n};\n\nexport default TableHeader;\n"],"names":["TABLE_STICKY_HEADER_HEIGHT_VAR","TableHeader","props","children","className","sticky","remainingProps","renderContext","useOptionalTableRenderContext","renderConfigContext","useOptionalTableRenderConfigContext","interactionContext","useOptionalTableInteractionContext","layoutContext","useOptionalTableLayoutContext","sensors","useSensors","useSensor","PointerSensor","headerRowIndexRef","useRef","headerElementRef","headerBlockSize","useResizeObserver","activeDraggedColumnKey","setActiveDraggedColumnKey","useState","activeDraggedColumnWidth","setActiveDraggedColumnWidth","mergedHeaderRefs","useMergeRefs","canDragColumns","header","headerRowCount","overlayHeader","activeDraggedColumn","column","clearActiveDraggedColumn","handleDragStart","event","handleDragCancel","_event","handleDragEnd","useLayoutEffect","headerElement","tableElement","resolvedHeight","content","jsxs","DndContext","resolveColumnCollisionDetection","restrictToHorizontalAxis","jsx","SortableContext","horizontalListSortingStrategy","DragOverlay","TableHeaderDragOverlay","classNames","TableSectionContext","TableHeaderContext","nextHeaderRowIndex","TableHeaderSelectionCell"],"mappings":"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"}
+{"version":3,"file":"TableHeader.js","names":[],"sources":["../../../src/components/table/TableHeader.tsx"],"sourcesContent":["import {\n    DndContext,\n    DragOverlay,\n    PointerSensor,\n    type DragCancelEvent,\n    type DragEndEvent,\n    type DragStartEvent,\n    useSensor,\n    useSensors,\n} from '@dnd-kit/core';\nimport { restrictToHorizontalAxis } from '@dnd-kit/modifiers';\nimport { horizontalListSortingStrategy, SortableContext } from '@dnd-kit/sortable';\nimport { type MutableRefObject, type ReactNode, useLayoutEffect, useRef, useState } from 'react';\n\nimport useMergeRefs from '../../hooks/useMergeRefs';\nimport useResizeObserver from '../../useResizeObserver';\nimport classNames from '../../utils/classNames';\nimport type { TableHtmlAttributes, TableRowData } from './Table.types';\nimport TableHeaderDragOverlay from './render/header/TableHeaderDragOverlay';\nimport TableHeaderSelectionCell from './render/header/TableHeaderSelectionCell';\nimport { resolveColumnCollisionDetection } from './render/header/resolveColumnCollisionDetection';\nimport { useOptionalTableInteractionContext } from './context/TableInteractionContext';\nimport { useOptionalTableLayoutContext } from './context/TableLayoutContext';\nimport { useOptionalTableRenderConfigContext } from './context/TableRenderConfigContext';\nimport { TableHeaderContext, TableSectionContext } from './context/TableStructureContext';\nimport { useOptionalTableRenderContext } from './context/TableRenderContext';\n\nexport type TableHeaderProps<RowType extends TableRowData> = TableHtmlAttributes & {\n    /**\n     * Additional class names for the header grid wrapper.\n     */\n    className?: string;\n\n    /**\n     * Keeps the table header sticky while the page scrolls.\n     * The sticky top reference follows `Table.stickyReference`.\n     *\n     * This applies in `TABLE` view only.\n     *\n     * @default false\n     */\n    sticky?: boolean;\n\n    /**\n     * Table header content.\n     */\n    children?: ReactNode;\n};\n\nconst TABLE_STICKY_HEADER_HEIGHT_VAR = '--table-sticky-header-height';\n\nconst TableHeader = <RowType extends TableRowData = TableRowData>(props: TableHeaderProps<RowType>) => {\n    const { children, className, sticky = false, ...remainingProps } = props;\n\n    const renderContext = useOptionalTableRenderContext<RowType>();\n    const renderConfigContext = useOptionalTableRenderConfigContext<RowType>();\n    const interactionContext = useOptionalTableInteractionContext<RowType>();\n    const layoutContext = useOptionalTableLayoutContext();\n\n    if (!renderContext || !renderConfigContext || !interactionContext || !layoutContext) {\n        return null;\n    }\n\n    const sensors = useSensors(useSensor(PointerSensor, { activationConstraint: { distance: 6 } }));\n\n    const headerRowIndexRef = useRef(0);\n    const [headerElementRef, , { blockSize: headerBlockSize }] = useResizeObserver<HTMLDivElement>();\n    headerRowIndexRef.current = 0;\n\n    const [activeDraggedColumnKey, setActiveDraggedColumnKey] = useState<string | undefined>(undefined);\n    const [activeDraggedColumnWidth, setActiveDraggedColumnWidth] = useState<number | undefined>(undefined);\n    const mergedHeaderRefs = useMergeRefs(\n        layoutContext.tableHeadRowRef as MutableRefObject<HTMLDivElement | null>,\n        headerElementRef\n    );\n\n    const canDragColumns = !!layoutContext.onColumnDragEnd && (layoutContext.draggableColumnKeys?.length ?? 0) > 1;\n    const header = renderContext.header;\n    const headerRowCount = header?.rowCount ?? 1;\n    const overlayHeader = header ?? {\n        rowCount: headerRowCount,\n        totalColumnCount: renderContext.columns.length,\n        columns: [],\n    };\n\n    const activeDraggedColumn = activeDraggedColumnKey\n        ? header?.columns.find(column => (column.columnKey ?? String(column.key)) === activeDraggedColumnKey)\n        : undefined;\n\n    const clearActiveDraggedColumn = () => {\n        setActiveDraggedColumnKey(undefined);\n        setActiveDraggedColumnWidth(undefined);\n    };\n\n    const handleDragStart = (event: DragStartEvent) => {\n        setActiveDraggedColumnKey(String(event.active.id));\n        setActiveDraggedColumnWidth(event.active.rect.current.initial?.width ?? undefined);\n    };\n\n    const handleDragCancel = (_event: DragCancelEvent) => {\n        clearActiveDraggedColumn();\n    };\n\n    const handleDragEnd = (event: DragEndEvent) => {\n        clearActiveDraggedColumn();\n        layoutContext.onColumnDragEnd?.(event);\n    };\n\n    useLayoutEffect(() => {\n        const headerElement = headerElementRef.current;\n        const tableElement = headerElement?.closest<HTMLElement>('.table');\n\n        if (!tableElement) {\n            return;\n        }\n\n        if (!sticky || !headerElement) {\n            tableElement.style.removeProperty(TABLE_STICKY_HEADER_HEIGHT_VAR);\n            return;\n        }\n\n        const resolvedHeight = Math.max(headerBlockSize ?? headerElement.getBoundingClientRect().height ?? 0, 0);\n\n        tableElement.style.setProperty(TABLE_STICKY_HEADER_HEIGHT_VAR, `${resolvedHeight}px`);\n\n        return () => {\n            tableElement.style.removeProperty(TABLE_STICKY_HEADER_HEIGHT_VAR);\n        };\n    }, [headerBlockSize, sticky]);\n\n    const content =\n        canDragColumns && layoutContext.draggableColumnKeys ? (\n            <DndContext\n                sensors={sensors}\n                collisionDetection={resolveColumnCollisionDetection}\n                modifiers={[restrictToHorizontalAxis]}\n                onDragStart={handleDragStart}\n                onDragCancel={handleDragCancel}\n                onDragEnd={handleDragEnd}\n            >\n                <SortableContext items={layoutContext.draggableColumnKeys} strategy={horizontalListSortingStrategy}>\n                    {children}\n                </SortableContext>\n                <DragOverlay adjustScale={false} dropAnimation={null}>\n                    <TableHeaderDragOverlay\n                        column={activeDraggedColumn}\n                        header={overlayHeader}\n                        showSelectionColumn={interactionContext.showSelectionColumn}\n                        width={activeDraggedColumnWidth}\n                    />\n                </DragOverlay>\n            </DndContext>\n        ) : (\n            children\n        );\n\n    if (!renderConfigContext.isTableView) {\n        return (\n            <TableSectionContext.Provider value='header'>\n                <TableHeaderContext.Provider\n                    value={{\n                        nextHeaderRowIndex: () => {\n                            const nextHeaderRowIndex = headerRowIndexRef.current;\n                            headerRowIndexRef.current += 1;\n                            return nextHeaderRowIndex;\n                        },\n                    }}\n                >\n                    {content}\n                </TableHeaderContext.Provider>\n            </TableSectionContext.Provider>\n        );\n    }\n\n    return (\n        <div\n            {...remainingProps}\n            className={classNames('table-head', sticky && 'table-head-sticky')}\n            role='rowgroup'\n            ref={mergedHeaderRefs}\n        >\n            <TableSectionContext.Provider value='header'>\n                <TableHeaderContext.Provider\n                    value={{\n                        nextHeaderRowIndex: () => {\n                            const nextHeaderRowIndex = headerRowIndexRef.current;\n                            headerRowIndexRef.current += 1;\n                            return nextHeaderRowIndex;\n                        },\n                    }}\n                >\n                    <div\n                        className={classNames(\n                            'table-head-grid',\n                            Boolean(interactionContext.selectionHeaderContent) && 'table-head-grid-custom-selection',\n                            className\n                        )}\n                        role={headerRowCount === 1 ? 'row' : 'presentation'}\n                        style={{ gridTemplateRows: `repeat(${headerRowCount}, auto)` }}\n                    >\n                        {interactionContext.showSelectionColumn && (\n                            <TableHeaderSelectionCell\n                                isAllSelected={interactionContext.isAllRowsSelected}\n                                isSomeRowsSelected={interactionContext.isSomeRowsSelected}\n                                onToggleAllSelection={interactionContext.onToggleAllSelection}\n                                disabled={!interactionContext.hasSelectableRows}\n                                rowCount={headerRowCount}\n                                selectionHeaderContent={interactionContext.selectionHeaderContent}\n                                selectionCheckboxVerticalAlignment={\n                                    renderConfigContext.selectionCheckboxVerticalAlignment\n                                }\n                            />\n                        )}\n                        {content}\n                    </div>\n                </TableHeaderContext.Provider>\n            </TableSectionContext.Provider>\n        </div>\n    );\n};\n\nexport default TableHeader;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAiDA,IAAM,IAAiC,gCAEjC,KAA4D,MAAqC;CACnG,IAAM,EAAE,aAAU,cAAW,YAAS,IAAO,GAAG,MAAmB,GAE7D,IAAgB,EAAuC,GACvD,IAAsB,EAA6C,GACnE,IAAqB,EAA4C,GACjE,IAAgB,EAA8B;CAEpD,IAAI,CAAC,KAAiB,CAAC,KAAuB,CAAC,KAAsB,CAAC,GAClE,OAAO;CAGX,IAAM,IAAU,EAAW,EAAU,GAAe,EAAE,sBAAsB,EAAE,UAAU,EAAE,EAAE,CAAC,CAAC,GAExF,IAAoB,EAAO,CAAC,GAC5B,CAAC,KAAoB,EAAE,WAAW,OAAqB,EAAkC;CAC/F,EAAkB,UAAU;CAE5B,IAAM,CAAC,GAAwB,KAA6B,EAA6B,KAAA,CAAS,GAC5F,CAAC,GAA0B,KAA+B,EAA6B,KAAA,CAAS,GAChG,IAAmB,EACrB,EAAc,iBACd,CACJ,GAEM,IAAiB,CAAC,CAAC,EAAc,oBAAoB,EAAc,qBAAqB,UAAU,KAAK,GACvG,IAAS,EAAc,QACvB,IAAiB,GAAQ,YAAY,GACrC,IAAgB,KAAU;EAC5B,UAAU;EACV,kBAAkB,EAAc,QAAQ;EACxC,SAAS,CAAC;CACd,GAEM,IAAsB,IACtB,GAAQ,QAAQ,MAAK,OAAW,EAAO,aAAa,OAAO,EAAO,GAAG,OAAO,CAAsB,IAClG,KAAA,GAEA,UAAiC;EAEnC,AADA,EAA0B,KAAA,CAAS,GACnC,EAA4B,KAAA,CAAS;CACzC,GAEM,KAAmB,MAA0B;EAE/C,AADA,EAA0B,OAAO,EAAM,OAAO,EAAE,CAAC,GACjD,EAA4B,EAAM,OAAO,KAAK,QAAQ,SAAS,SAAS,KAAA,CAAS;CACrF,GAEM,KAAoB,MAA4B;EAClD,EAAyB;CAC7B,GAEM,KAAiB,MAAwB;EAE3C,AADA,EAAyB,GACzB,EAAc,kBAAkB,CAAK;CACzC;CAEA,QAAsB;EAClB,IAAM,IAAgB,EAAiB,SACjC,IAAe,GAAe,QAAqB,QAAQ;EAEjE,IAAI,CAAC,GACD;EAGJ,IAAI,CAAC,KAAU,CAAC,GAAe;GAC3B,EAAa,MAAM,eAAe,CAA8B;GAChE;EACJ;EAEA,IAAM,IAAiB,KAAK,IAAI,KAAmB,EAAc,sBAAsB,CAAC,CAAC,UAAU,GAAG,CAAC;EAIvG,OAFA,EAAa,MAAM,YAAY,GAAgC,GAAG,EAAe,GAAG,SAEvE;GACT,EAAa,MAAM,eAAe,CAA8B;EACpE;CACJ,GAAG,CAAC,GAAiB,CAAM,CAAC;CAE5B,IAAM,IACF,KAAkB,EAAc,sBAC5B,kBAAC,GAAD;EACa;EACT,oBAAoB;EACpB,WAAW,CAAC,CAAwB;EACpC,aAAa;EACb,cAAc;EACd,WAAW;YANf,CAQI,kBAAC,GAAD;GAAiB,OAAO,EAAc;GAAqB,UAAU;GAChE;EACY,CAAA,GACjB,kBAAC,GAAD;GAAa,aAAa;GAAO,eAAe;aAC5C,kBAAC,GAAD;IACI,QAAQ;IACR,QAAQ;IACR,qBAAqB,EAAmB;IACxC,OAAO;GACV,CAAA;EACQ,CAAA,CACL;MAEZ;CAqBR,OAlBK,EAAoB,cAmBrB,kBAAC,OAAD;EACI,GAAI;EACJ,WAAW,EAAW,cAAc,KAAU,mBAAmB;EACjE,MAAK;EACL,KAAK;YAEL,kBAAC,EAAoB,UAArB;GAA8B,OAAM;aAChC,kBAAC,EAAmB,UAApB;IACI,OAAO,EACH,0BAA0B;KACtB,IAAM,IAAqB,EAAkB;KAE7C,OADA,EAAkB,WAAW,GACtB;IACX,EACJ;cAEA,kBAAC,OAAD;KACI,WAAW,EACP,mBACA,EAAQ,EAAmB,0BAA2B,oCACtD,CACJ;KACA,MAAM,MAAmB,IAAI,QAAQ;KACrC,OAAO,EAAE,kBAAkB,UAAU,EAAe,SAAS;eAPjE,CASK,EAAmB,uBAChB,kBAAC,GAAD;MACI,eAAe,EAAmB;MAClC,oBAAoB,EAAmB;MACvC,sBAAsB,EAAmB;MACzC,UAAU,CAAC,EAAmB;MAC9B,UAAU;MACV,wBAAwB,EAAmB;MAC3C,oCACI,EAAoB;KAE3B,CAAA,GAEJ,CACA;;GACoB,CAAA;EACH,CAAA;CAC7B,CAAA,IA3DD,kBAAC,EAAoB,UAArB;EAA8B,OAAM;YAChC,kBAAC,EAAmB,UAApB;GACI,OAAO,EACH,0BAA0B;IACtB,IAAM,IAAqB,EAAkB;IAE7C,OADA,EAAkB,WAAW,GACtB;GACX,EACJ;aAEC;EACwB,CAAA;CACH,CAAA;AAiD1C"}