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

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

@@ -1,21 +0,0 @@
-import { jsx as l } from "react/jsx-runtime";
-import r from "../../../../utils/classNames.js";
-const s = ({ columnCount: a, row: e, dataIndex: o }) => /* @__PURE__ */ l(
-  "div",
-  {
-    className: r(
-      "table-row",
-      e.kind === "group" ? "table-row-group" : "table-row-group-footer",
-      e.kind === "group" && e.sticky && "table-row-group-sticky",
-      e.noHover && "table-row-no-hover",
-      e.className
-    ),
-    "data-index": o,
-    role: "row",
-    children: /* @__PURE__ */ l("div", { className: "table-cell table-group-cell", role: "cell", "aria-colspan": a, children: /* @__PURE__ */ l("div", { className: "table-cell-content", children: e.content }) })
-  }
-);
-export {
-  s as default
-};
-//# sourceMappingURL=TableGroupRow.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TableGroupRow.js","sources":["../../../../../src/components/table/render/body/TableGroupRow.tsx"],"sourcesContent":["import classNames from '../../../../utils/classNames';\nimport type { TableGroupFooterViewRow, TableGroupViewRow } from '../../model/tableViewModel.types';\n\ntype TableGroupRowProps = {\n    columnCount: number;\n    row: TableGroupViewRow | TableGroupFooterViewRow;\n    dataIndex?: number;\n};\n\nconst TableGroupRow = ({ columnCount, row, dataIndex }: TableGroupRowProps) => (\n    <div\n        className={classNames(\n            'table-row',\n            row.kind === 'group' ? 'table-row-group' : 'table-row-group-footer',\n            row.kind === 'group' && row.sticky && 'table-row-group-sticky',\n            row.noHover && 'table-row-no-hover',\n            row.className\n        )}\n        data-index={dataIndex}\n        role='row'\n    >\n        <div className='table-cell table-group-cell' role='cell' aria-colspan={columnCount}>\n            <div className='table-cell-content'>{row.content}</div>\n        </div>\n    </div>\n);\n\nexport default TableGroupRow;\n"],"names":["TableGroupRow","columnCount","row","dataIndex","jsx","classNames"],"mappings":";;AASA,MAAMA,IAAgB,CAAC,EAAE,aAAAC,GAAa,KAAAC,GAAK,WAAAC,QACvC,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAWC;AAAA,MACP;AAAA,MACAH,EAAI,SAAS,UAAU,oBAAoB;AAAA,MAC3CA,EAAI,SAAS,WAAWA,EAAI,UAAU;AAAA,MACtCA,EAAI,WAAW;AAAA,MACfA,EAAI;AAAA,IAAA;AAAA,IAER,cAAYC;AAAA,IACZ,MAAK;AAAA,IAEL,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,+BAA8B,MAAK,QAAO,gBAAcH,GACnE,UAAA,gBAAAG,EAAC,OAAA,EAAI,WAAU,sBAAsB,UAAAF,EAAI,SAAQ,EAAA,CACrD;AAAA,EAAA;AACJ;"}

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

@@ -1,7 +0,0 @@
-import { TableSpacerViewRow } from '../../model/tableViewModel.types';
-type TableSpacerRowProps = {
-    row: TableSpacerViewRow;
-    dataIndex?: number;
-};
-declare const TableSpacerRow: ({ row, dataIndex }: TableSpacerRowProps) => import("react/jsx-runtime").JSX.Element;
-export default TableSpacerRow;

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

@@ -1,15 +0,0 @@
-import { jsx as a } from "react/jsx-runtime";
-import o from "../../../../utils/classNames.js";
-const t = ({ row: e, dataIndex: l }) => /* @__PURE__ */ a(
-  "div",
-  {
-    className: o("table-row table-row-spacer", e.noHover && "table-row-no-hover", e.className),
-    "data-index": l,
-    role: "presentation",
-    children: /* @__PURE__ */ a("div", { className: "table-cell table-spacer-cell", role: "presentation" })
-  }
-);
-export {
-  t as default
-};
-//# sourceMappingURL=TableSpacerRow.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TableSpacerRow.js","sources":["../../../../../src/components/table/render/body/TableSpacerRow.tsx"],"sourcesContent":["import classNames from '../../../../utils/classNames';\nimport type { TableSpacerViewRow } from '../../model/tableViewModel.types';\n\ntype TableSpacerRowProps = {\n    row: TableSpacerViewRow;\n    dataIndex?: number;\n};\n\nconst TableSpacerRow = ({ row, dataIndex }: TableSpacerRowProps) => (\n    <div\n        className={classNames('table-row table-row-spacer', row.noHover && 'table-row-no-hover', row.className)}\n        data-index={dataIndex}\n        role='presentation'\n    >\n        <div className='table-cell table-spacer-cell' role='presentation' />\n    </div>\n);\n\nexport default TableSpacerRow;\n"],"names":["TableSpacerRow","row","dataIndex","jsx","classNames"],"mappings":";;AAQA,MAAMA,IAAiB,CAAC,EAAE,KAAAC,GAAK,WAAAC,QAC3B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAWC,EAAW,8BAA8BH,EAAI,WAAW,sBAAsBA,EAAI,SAAS;AAAA,IACtG,cAAYC;AAAA,IACZ,MAAK;AAAA,IAEL,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,gCAA+B,MAAK,eAAA,CAAe;AAAA,EAAA;AACtE;"}

package/components/table/render/footer/TableFooterCell.d.ts

@@ -1,8 +0,0 @@
-import { TableViewFooterCell } from '../../model/tableViewModel.types';
-type TableFooterCellProps = {
-    cell: TableViewFooterCell;
-    cellIndex: number;
-    showSelectionColumn?: boolean;
-};
-declare const TableFooterCell: (props: TableFooterCellProps) => import("react/jsx-runtime").JSX.Element;
-export default TableFooterCell;

package/components/table/render/footer/TableFooterCell.js

@@ -1,31 +0,0 @@
-import { jsx as n } from "react/jsx-runtime";
-import i from "../../../../utils/classNames.js";
-import { getVerticalAlignClassName as c, getHorizontalAlignClassName as s } from "../../shared/getAlignClassName.js";
-import { resolveAriaColIndex as m, resolveAriaSpan as p } from "../../shared/resolveTableAria.js";
-const d = (o, l, e) => e ? l === 0 ? `1 / span ${o.colSpan + 1}` : `${o.columnStart + 1} / span ${o.colSpan}` : `${o.columnStart} / span ${o.colSpan}`, f = (o) => {
-  const { cell: l, cellIndex: e, showSelectionColumn: a } = o, t = a && e === 0 ? l.colSpan + 1 : l.colSpan, r = a && e === 0 ? 1 : m(l.columnStart, a);
-  return /* @__PURE__ */ n(
-    "div",
-    {
-      className: i(
-        "table-cell table-footer-cell",
-        s(l.horizontalAlign),
-        c(l.verticalAlign),
-        l.hideOnMobile && "table-hide-mobile",
-        l.className
-      ),
-      "data-column": l.key,
-      role: "cell",
-      "aria-colindex": r,
-      "aria-colspan": p(t),
-      style: {
-        gridColumn: d(l, e, a)
-      },
-      children: /* @__PURE__ */ n("div", { className: "table-cell-content", children: l.content })
-    }
-  );
-};
-export {
-  f as default
-};
-//# sourceMappingURL=TableFooterCell.js.map

package/components/table/render/footer/TableFooterCell.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableFooterCell.js","sources":["../../../../../src/components/table/render/footer/TableFooterCell.tsx"],"sourcesContent":["import type { CSSProperties } from 'react';\n\nimport classNames from '../../../../utils/classNames';\nimport type { TableViewFooterCell } from '../../model/tableViewModel.types';\nimport { getHorizontalAlignClassName, getVerticalAlignClassName } from '../../shared/getAlignClassName';\nimport { resolveAriaColIndex, resolveAriaSpan } from '../../shared/resolveTableAria';\n\ntype TableFooterCellProps = {\n    cell: TableViewFooterCell;\n    cellIndex: number;\n    showSelectionColumn?: boolean;\n};\n\nconst resolveFooterCellGridColumn = (cell: TableViewFooterCell, cellIndex: number, showSelectionColumn?: boolean) => {\n    if (!showSelectionColumn) {\n        return `${cell.columnStart} / span ${cell.colSpan}`;\n    }\n\n    return cellIndex === 0 ? `1 / span ${cell.colSpan + 1}` : `${cell.columnStart + 1} / span ${cell.colSpan}`;\n};\n\nconst TableFooterCell = (props: TableFooterCellProps) => {\n    const { cell, cellIndex, showSelectionColumn } = props;\n    const ariaColSpan = showSelectionColumn && cellIndex === 0 ? cell.colSpan + 1 : cell.colSpan;\n    const ariaColIndex =\n        showSelectionColumn && cellIndex === 0 ? 1 : resolveAriaColIndex(cell.columnStart, showSelectionColumn);\n\n    return (\n        <div\n            className={classNames(\n                'table-cell table-footer-cell',\n                getHorizontalAlignClassName(cell.horizontalAlign),\n                getVerticalAlignClassName(cell.verticalAlign),\n                cell.hideOnMobile && 'table-hide-mobile',\n                cell.className\n            )}\n            data-column={cell.key}\n            role='cell'\n            aria-colindex={ariaColIndex}\n            aria-colspan={resolveAriaSpan(ariaColSpan)}\n            style={\n                {\n                    gridColumn: resolveFooterCellGridColumn(cell, cellIndex, showSelectionColumn),\n                } satisfies CSSProperties\n            }\n        >\n            <div className='table-cell-content'>{cell.content}</div>\n        </div>\n    );\n};\n\nexport default TableFooterCell;\n"],"names":["resolveFooterCellGridColumn","cell","cellIndex","showSelectionColumn","TableFooterCell","props","ariaColSpan","ariaColIndex","resolveAriaColIndex","jsx","classNames","getHorizontalAlignClassName","getVerticalAlignClassName","resolveAriaSpan"],"mappings":";;;;AAaA,MAAMA,IAA8B,CAACC,GAA2BC,GAAmBC,MAC1EA,IAIED,MAAc,IAAI,YAAYD,EAAK,UAAU,CAAC,KAAK,GAAGA,EAAK,cAAc,CAAC,WAAWA,EAAK,OAAO,KAH7F,GAAGA,EAAK,WAAW,WAAWA,EAAK,OAAO,IAMnDG,IAAkB,CAACC,MAAgC;AACrD,QAAM,EAAE,MAAAJ,GAAM,WAAAC,GAAW,qBAAAC,EAAA,IAAwBE,GAC3CC,IAAcH,KAAuBD,MAAc,IAAID,EAAK,UAAU,IAAIA,EAAK,SAC/EM,IACFJ,KAAuBD,MAAc,IAAI,IAAIM,EAAoBP,EAAK,aAAaE,CAAmB;AAE1G,SACI,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC;AAAA,QACP;AAAA,QACAC,EAA4BV,EAAK,eAAe;AAAA,QAChDW,EAA0BX,EAAK,aAAa;AAAA,QAC5CA,EAAK,gBAAgB;AAAA,QACrBA,EAAK;AAAA,MAAA;AAAA,MAET,eAAaA,EAAK;AAAA,MAClB,MAAK;AAAA,MACL,iBAAeM;AAAA,MACf,gBAAcM,EAAgBP,CAAW;AAAA,MACzC,OACI;AAAA,QACI,YAAYN,EAA4BC,GAAMC,GAAWC,CAAmB;AAAA,MAAA;AAAA,MAIpF,UAAA,gBAAAM,EAAC,OAAA,EAAI,WAAU,sBAAsB,YAAK,QAAA,CAAQ;AAAA,IAAA;AAAA,EAAA;AAG9D;"}

package/components/table/render/footer/TableFooterSection.d.ts

@@ -1,10 +0,0 @@
-import { Ref } from 'react';
-import { TableViewFooter } from '../../model/tableViewModel.types';
-type TableFooterSectionProps = {
-    columnCount: number;
-    footer: TableViewFooter;
-    showSelectionColumn?: boolean;
-    tableFooterRowRef: Ref<HTMLDivElement>;
-};
-declare const TableFooterSection: (props: TableFooterSectionProps) => import("react/jsx-runtime").JSX.Element;
-export default TableFooterSection;

package/components/table/render/footer/TableFooterSection.js

@@ -1,28 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import m from "../../../../utils/classNames.js";
-import c from "./TableFooterCell.js";
-import f from "./TableFooterContent.js";
-const w = (r) => {
-  const { columnCount: l, footer: o, showSelectionColumn: a, tableFooterRowRef: n } = r;
-  return /* @__PURE__ */ e("div", { className: "table-footer", role: "rowgroup", children: /* @__PURE__ */ e(
-    "div",
-    {
-      className: m("table-row table-row-footer", o.className),
-      role: "row",
-      ref: n,
-      children: o.cells ? o.cells.map((t, s) => /* @__PURE__ */ e(
-        c,
-        {
-          cell: t,
-          cellIndex: s,
-          showSelectionColumn: a
-        },
-        `footer-${t.key}`
-      )) : /* @__PURE__ */ e(f, { columnCount: l, content: o.content })
-    }
-  ) });
-};
-export {
-  w as default
-};
-//# sourceMappingURL=TableFooterSection.js.map

package/components/table/render/footer/TableFooterSection.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableFooterSection.js","sources":["../../../../../src/components/table/render/footer/TableFooterSection.tsx"],"sourcesContent":["import type { Ref } from 'react';\n\nimport classNames from '../../../../utils/classNames';\nimport type { TableViewFooter } from '../../model/tableViewModel.types';\nimport TableFooterCell from './TableFooterCell';\nimport TableFooterContent from './TableFooterContent';\n\ntype TableFooterSectionProps = {\n    columnCount: number;\n    footer: TableViewFooter;\n    showSelectionColumn?: boolean;\n    tableFooterRowRef: Ref<HTMLDivElement>;\n};\n\nconst TableFooterSection = (props: TableFooterSectionProps) => {\n    const { columnCount, footer, showSelectionColumn, tableFooterRowRef } = props;\n\n    return (\n        <div className='table-footer' role='rowgroup'>\n            <div\n                className={classNames('table-row table-row-footer', footer.className)}\n                role='row'\n                ref={tableFooterRowRef}\n            >\n                {footer.cells ? (\n                    footer.cells.map((cell, cellIndex) => (\n                        <TableFooterCell\n                            key={`footer-${cell.key}`}\n                            cell={cell}\n                            cellIndex={cellIndex}\n                            showSelectionColumn={showSelectionColumn}\n                        />\n                    ))\n                ) : (\n                    <TableFooterContent columnCount={columnCount} content={footer.content} />\n                )}\n            </div>\n        </div>\n    );\n};\n\nexport default TableFooterSection;\n"],"names":["TableFooterSection","props","columnCount","footer","showSelectionColumn","tableFooterRowRef","jsx","classNames","cell","cellIndex","TableFooterCell","TableFooterContent"],"mappings":";;;;AAcA,MAAMA,IAAqB,CAACC,MAAmC;AAC3D,QAAM,EAAE,aAAAC,GAAa,QAAAC,GAAQ,qBAAAC,GAAqB,mBAAAC,MAAsBJ;AAExE,SACI,gBAAAK,EAAC,OAAA,EAAI,WAAU,gBAAe,MAAK,YAC/B,UAAA,gBAAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC,EAAW,8BAA8BJ,EAAO,SAAS;AAAA,MACpE,MAAK;AAAA,MACL,KAAKE;AAAA,MAEJ,YAAO,QACJF,EAAO,MAAM,IAAI,CAACK,GAAMC,MACpB,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UAEG,MAAAF;AAAA,UACA,WAAAC;AAAA,UACA,qBAAAL;AAAA,QAAA;AAAA,QAHK,UAAUI,EAAK,GAAG;AAAA,MAAA,CAK9B,IAED,gBAAAF,EAACK,KAAmB,aAAAT,GAA0B,SAASC,EAAO,QAAA,CAAS;AAAA,IAAA;AAAA,EAAA,GAGnF;AAER;"}

package/components/table/render/header/TableHeaderSection.d.ts

@@ -1,3 +0,0 @@
-import { TableHeaderSectionProps } from './TableHeader.types';
-declare const TableHeaderSection: <RowType extends Record<string, unknown>>(props: TableHeaderSectionProps<RowType>) => import("react/jsx-runtime").JSX.Element;
-export default TableHeaderSection;

package/components/table/render/header/TableHeaderSection.js

@@ -1,104 +0,0 @@
-import { jsx as o, jsxs as p } from "react/jsx-runtime";
-import { useSensors as I, useSensor as L, PointerSensor as _, DndContext as q, DragOverlay as B } from "@dnd-kit/core";
-import { restrictToHorizontalAxis as F } from "@dnd-kit/modifiers";
-import { SortableContext as G, horizontalListSortingStrategy as J } from "@dnd-kit/sortable";
-import { useState as v } from "react";
-import M from "../../../../utils/classNames.js";
-import Q from "./TableDraggableHeaderCell.js";
-import U from "./TableHeaderDragOverlay.js";
-import V from "./TableHeaderSelectionCell.js";
-import X from "./TableStaticHeaderCell.js";
-import { resolveColumnCollisionDetection as Y } from "./resolveColumnCollisionDetection.js";
-const ce = (b) => {
-  const {
-    header: t,
-    headerClassName: f,
-    draggableColumnKeys: a,
-    draggableColumns: y,
-    isAllSelected: w,
-    isSomeRowsSelected: H,
-    lastResizableColumnKey: R,
-    onColumnDragEnd: i,
-    onColumnResizeReset: z,
-    onColumnResizeStart: s,
-    onToggleAllSelection: T,
-    selectionHeaderContent: d,
-    showSelectionColumn: n,
-    tableHeadRowRef: A,
-    onSortChange: K,
-    resizeableColumns: x
-  } = b, N = I(L(_, { activationConstraint: { distance: 6 } })), [l, c] = v(void 0), [j, g] = v(void 0), m = (e) => e.columnKey ?? String(e.key), u = [...t.columns].sort(
-    (e, r) => e.rowStart - r.rowStart || e.columnStart - r.columnStart
-  ), C = !!i && !!y && (a?.length ?? 0) > 1, k = l ? u.find((e) => m(e) === l) : void 0, S = () => {
-    c(void 0), g(void 0);
-  }, E = (e) => {
-    c(String(e.active.id)), g(e.active.rect.current.initial?.width ?? void 0);
-  }, W = (e) => {
-    S();
-  }, $ = (e) => {
-    S(), i?.(e);
-  }, h = u.map((e) => {
-    const r = e.columnKey, O = !!r && e.colSpan === 1 && r !== R && (e.resizeable ?? x) === !0 && !!s, P = !!r && e.colSpan === 1 && C && (e.draggable ?? !0) === !0, D = {
-      column: e,
-      header: t,
-      hideWhileDragging: l === m(e),
-      isResizable: O,
-      onColumnResizeReset: z,
-      onColumnResizeStart: s,
-      onSortChange: K,
-      showSelectionColumn: n
-    };
-    return P ? /* @__PURE__ */ o(Q, { ...D }, `${String(e.key)}-head`) : /* @__PURE__ */ o(X, { ...D }, `${String(e.key)}-head`);
-  });
-  return /* @__PURE__ */ o("div", { className: "table-head", role: "rowgroup", ref: A, children: /* @__PURE__ */ p(
-    "div",
-    {
-      className: M(
-        "table-head-grid",
-        d && "table-head-grid-custom-selection",
-        f
-      ),
-      role: t.rowCount === 1 ? "row" : "presentation",
-      style: { gridTemplateRows: `repeat(${t.rowCount}, auto)` },
-      children: [
-        n && /* @__PURE__ */ o(
-          V,
-          {
-            isAllSelected: w,
-            isSomeRowsSelected: H,
-            onToggleAllSelection: T,
-            rowCount: t.rowCount,
-            selectionHeaderContent: d
-          }
-        ),
-        C && a ? /* @__PURE__ */ p(
-          q,
-          {
-            sensors: N,
-            collisionDetection: Y,
-            modifiers: [F],
-            onDragStart: E,
-            onDragCancel: W,
-            onDragEnd: $,
-            children: [
-              /* @__PURE__ */ o(G, { items: a, strategy: J, children: h }),
-              /* @__PURE__ */ o(B, { adjustScale: !1, dropAnimation: null, children: /* @__PURE__ */ o(
-                U,
-                {
-                  column: k,
-                  header: t,
-                  showSelectionColumn: n,
-                  width: j
-                }
-              ) })
-            ]
-          }
-        ) : h
-      ]
-    }
-  ) });
-};
-export {
-  ce as default
-};
-//# sourceMappingURL=TableHeaderSection.js.map

package/components/table/render/header/TableHeaderSection.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableHeaderSection.js","sources":["../../../../../src/components/table/render/header/TableHeaderSection.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 { useState } from 'react';\n\nimport classNames from '../../../../utils/classNames';\nimport DraggableTableHeaderCell from './TableDraggableHeaderCell';\nimport TableHeaderDragOverlay from './TableHeaderDragOverlay';\nimport TableHeaderSelectionCell from './TableHeaderSelectionCell';\nimport StaticTableHeaderCell from './TableStaticHeaderCell';\nimport type { TableHeaderSectionProps } from './TableHeader.types';\nimport { resolveColumnCollisionDetection } from './resolveColumnCollisionDetection';\n\nconst TableHeaderSection = <RowType extends Record<string, unknown>>(props: TableHeaderSectionProps<RowType>) => {\n    const {\n        header,\n        headerClassName,\n        draggableColumnKeys,\n        draggableColumns,\n        isAllSelected,\n        isSomeRowsSelected,\n        lastResizableColumnKey,\n        onColumnDragEnd,\n        onColumnResizeReset,\n        onColumnResizeStart,\n        onToggleAllSelection,\n        selectionHeaderContent,\n        showSelectionColumn,\n        tableHeadRowRef,\n        onSortChange,\n        resizeableColumns,\n    } = props;\n\n    const sensors = useSensors(useSensor(PointerSensor, { activationConstraint: { distance: 6 } }));\n\n    const [activeDraggedColumnKey, setActiveDraggedColumnKey] = useState<string | undefined>(undefined);\n    const [activeDraggedColumnWidth, setActiveDraggedColumnWidth] = useState<number | undefined>(undefined);\n\n    const resolveColumnId = (column: (typeof header.columns)[number]) => column.columnKey ?? String(column.key);\n\n    const orderedHeaderColumns = [...header.columns].sort(\n        (leftColumn, rightColumn) =>\n            leftColumn.rowStart - rightColumn.rowStart || leftColumn.columnStart - rightColumn.columnStart\n    );\n\n    const canDragColumns = !!onColumnDragEnd && !!draggableColumns && (draggableColumnKeys?.length ?? 0) > 1;\n\n    const activeDraggedColumn = activeDraggedColumnKey\n        ? orderedHeaderColumns.find(column => resolveColumnId(column) === 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        onColumnDragEnd?.(event);\n    };\n\n    const renderedHeaderColumns = orderedHeaderColumns.map(column => {\n        const columnKey = column.columnKey;\n\n        const isResizable =\n            !!columnKey &&\n            column.colSpan === 1 &&\n            columnKey !== lastResizableColumnKey &&\n            (column.resizeable ?? resizeableColumns) === true &&\n            !!onColumnResizeStart;\n\n        const isDraggable =\n            !!columnKey && column.colSpan === 1 && canDragColumns && (column.draggable ?? true) === true;\n\n        const sharedProps = {\n            column,\n            header,\n            hideWhileDragging: activeDraggedColumnKey === resolveColumnId(column),\n            isResizable,\n            onColumnResizeReset,\n            onColumnResizeStart,\n            onSortChange,\n            showSelectionColumn,\n        };\n\n        return isDraggable ? (\n            <DraggableTableHeaderCell key={`${String(column.key)}-head`} {...sharedProps} />\n        ) : (\n            <StaticTableHeaderCell key={`${String(column.key)}-head`} {...sharedProps} />\n        );\n    });\n\n    return (\n        <div className='table-head' role='rowgroup' ref={tableHeadRowRef}>\n            <div\n                className={classNames(\n                    'table-head-grid',\n                    selectionHeaderContent && 'table-head-grid-custom-selection',\n                    headerClassName\n                )}\n                role={header.rowCount === 1 ? 'row' : 'presentation'}\n                style={{ gridTemplateRows: `repeat(${header.rowCount}, auto)` }}\n            >\n                {showSelectionColumn && (\n                    <TableHeaderSelectionCell\n                        isAllSelected={isAllSelected}\n                        isSomeRowsSelected={isSomeRowsSelected}\n                        onToggleAllSelection={onToggleAllSelection}\n                        rowCount={header.rowCount}\n                        selectionHeaderContent={selectionHeaderContent}\n                    />\n                )}\n                {canDragColumns && 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={draggableColumnKeys} strategy={horizontalListSortingStrategy}>\n                            {renderedHeaderColumns}\n                        </SortableContext>\n                        <DragOverlay adjustScale={false} dropAnimation={null}>\n                            <TableHeaderDragOverlay\n                                column={activeDraggedColumn}\n                                header={header}\n                                showSelectionColumn={showSelectionColumn}\n                                width={activeDraggedColumnWidth}\n                            />\n                        </DragOverlay>\n                    </DndContext>\n                ) : (\n                    renderedHeaderColumns\n                )}\n            </div>\n        </div>\n    );\n};\n\nexport default TableHeaderSection;\n"],"names":["TableHeaderSection","props","header","headerClassName","draggableColumnKeys","draggableColumns","isAllSelected","isSomeRowsSelected","lastResizableColumnKey","onColumnDragEnd","onColumnResizeReset","onColumnResizeStart","onToggleAllSelection","selectionHeaderContent","showSelectionColumn","tableHeadRowRef","onSortChange","resizeableColumns","sensors","useSensors","useSensor","PointerSensor","activeDraggedColumnKey","setActiveDraggedColumnKey","useState","activeDraggedColumnWidth","setActiveDraggedColumnWidth","resolveColumnId","column","orderedHeaderColumns","leftColumn","rightColumn","canDragColumns","activeDraggedColumn","clearActiveDraggedColumn","handleDragStart","event","handleDragCancel","_event","handleDragEnd","renderedHeaderColumns","columnKey","isResizable","isDraggable","sharedProps","DraggableTableHeaderCell","jsx","StaticTableHeaderCell","jsxs","classNames","TableHeaderSelectionCell","DndContext","resolveColumnCollisionDetection","restrictToHorizontalAxis","SortableContext","horizontalListSortingStrategy","DragOverlay","TableHeaderDragOverlay"],"mappings":"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"}