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

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

@@ -1,143 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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/TableExpandedRow.d.ts

@@ -1,8 +0,0 @@
-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;

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

@@ -1,84 +0,0 @@
-import { jsx as a } from "react/jsx-runtime";
-import { useState as m, useMemo as p } from "react";
-import { useReducedMotion as x, motion as r } from "motion/react";
-import w from "../../../../utils/classNames.js";
-const i = 0.22, n = 0.14, f = (l) => {
-  const { columnCount: c, row: e, dataIndex: d } = l, [u, o] = m(!0), s = x(), t = p(
-    () => s ? {
-      row: {
-        initial: { opacity: 0 },
-        animate: { opacity: 1, transition: { duration: 0.12, ease: "easeInOut" } },
-        exit: { opacity: 0, transition: { duration: 0.12, ease: "easeInOut" } }
-      },
-      content: {
-        initial: { opacity: 0 },
-        animate: { opacity: 1, transition: { duration: 0.12, ease: "easeInOut" } },
-        exit: { opacity: 0, transition: { duration: 0.12, ease: "easeInOut" } }
-      }
-    } : {
-      row: {
-        initial: { height: 0 },
-        animate: {
-          height: "auto",
-          transition: { duration: i, ease: "easeInOut" }
-        },
-        exit: {
-          height: 0,
-          transition: {
-            duration: i,
-            delay: n,
-            ease: "easeInOut"
-          }
-        }
-      },
-      content: {
-        initial: { opacity: 0 },
-        animate: {
-          opacity: 1,
-          transition: {
-            duration: n,
-            delay: i,
-            ease: "easeOut"
-          }
-        },
-        exit: {
-          opacity: 0,
-          transition: { duration: n, ease: "easeInOut" }
-        }
-      }
-    },
-    [s]
-  );
-  return /* @__PURE__ */ a(
-    r.div,
-    {
-      className: w(
-        "table-row table-row-expanded-full-width",
-        e.noHover && "table-row-no-hover",
-        e.className
-      ),
-      role: "row",
-      initial: t.row.initial,
-      animate: t.row.animate,
-      exit: t.row.exit,
-      onAnimationStart: () => o(!0),
-      onAnimationComplete: () => o(!1),
-      "data-index": d,
-      style: { overflow: u ? "hidden" : "visible" },
-      children: /* @__PURE__ */ a("div", { className: "table-cell table-expanded-cell", role: "cell", "aria-colspan": c, children: /* @__PURE__ */ a(
-        r.div,
-        {
-          className: "table-cell-content",
-          initial: t.content.initial,
-          animate: t.content.animate,
-          exit: t.content.exit,
-          children: e.content
-        }
-      ) })
-    }
-  );
-};
-export {
-  f as default
-};
-//# sourceMappingURL=TableExpandedRow.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TableExpandedRow.js","sources":["../../../../../src/components/table/render/body/TableExpandedRow.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport { motion, useReducedMotion } from 'motion/react';\n\nimport classNames from '../../../../utils/classNames';\nimport type { TableExpandedContentViewRow } from '../../model/tableViewModel.types';\n\ntype TableExpandedRowProps<RowType extends Record<string, unknown>> = {\n    columnCount: number;\n    row: TableExpandedContentViewRow<RowType>;\n    dataIndex?: number;\n};\n\nconst expandedRowHeightDuration = 0.22;\nconst expandedRowContentFadeDuration = 0.14;\n\nconst TableExpandedRow = <RowType extends Record<string, unknown>>(props: TableExpandedRowProps<RowType>) => {\n    const { columnCount, row, dataIndex } = props;\n\n    const [isAnimating, setIsAnimating] = useState(true);\n\n    const shouldReduceMotion = useReducedMotion();\n\n    const animation = useMemo(\n        () =>\n            shouldReduceMotion\n                ? {\n                      row: {\n                          initial: { opacity: 0 },\n                          animate: { opacity: 1, transition: { duration: 0.12, ease: 'easeInOut' as const } },\n                          exit: { opacity: 0, transition: { duration: 0.12, ease: 'easeInOut' as const } },\n                      },\n                      content: {\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                      row: {\n                          initial: { height: 0 },\n                          animate: {\n                              height: 'auto',\n                              transition: { duration: expandedRowHeightDuration, ease: 'easeInOut' as const },\n                          },\n                          exit: {\n                              height: 0,\n                              transition: {\n                                  duration: expandedRowHeightDuration,\n                                  delay: expandedRowContentFadeDuration,\n                                  ease: 'easeInOut' as const,\n                              },\n                          },\n                      },\n                      content: {\n                          initial: { opacity: 0 },\n                          animate: {\n                              opacity: 1,\n                              transition: {\n                                  duration: expandedRowContentFadeDuration,\n                                  delay: expandedRowHeightDuration,\n                                  ease: 'easeOut' as const,\n                              },\n                          },\n                          exit: {\n                              opacity: 0,\n                              transition: { duration: expandedRowContentFadeDuration, ease: 'easeInOut' as const },\n                          },\n                      },\n                  },\n        [shouldReduceMotion]\n    );\n\n    return (\n        <motion.div\n            className={classNames(\n                'table-row table-row-expanded-full-width',\n                row.noHover && 'table-row-no-hover',\n                row.className\n            )}\n            role='row'\n            initial={animation.row.initial}\n            animate={animation.row.animate}\n            exit={animation.row.exit}\n            onAnimationStart={() => setIsAnimating(true)}\n            onAnimationComplete={() => setIsAnimating(false)}\n            data-index={dataIndex}\n            style={{ overflow: isAnimating ? 'hidden' : 'visible' }}\n        >\n            <div className='table-cell table-expanded-cell' role='cell' aria-colspan={columnCount}>\n                <motion.div\n                    className='table-cell-content'\n                    initial={animation.content.initial}\n                    animate={animation.content.animate}\n                    exit={animation.content.exit}\n                >\n                    {row.content}\n                </motion.div>\n            </div>\n        </motion.div>\n    );\n};\n\nexport default TableExpandedRow;\n"],"names":["expandedRowHeightDuration","expandedRowContentFadeDuration","TableExpandedRow","props","columnCount","row","dataIndex","isAnimating","setIsAnimating","useState","shouldReduceMotion","useReducedMotion","animation","useMemo","jsx","motion","classNames"],"mappings":";;;;AAYA,MAAMA,IAA4B,MAC5BC,IAAiC,MAEjCC,IAAmB,CAA0CC,MAA0C;AACzG,QAAM,EAAE,aAAAC,GAAa,KAAAC,GAAK,WAAAC,EAAA,IAAcH,GAElC,CAACI,GAAaC,CAAc,IAAIC,EAAS,EAAI,GAE7CC,IAAqBC,EAAA,GAErBC,IAAYC;AAAA,IACd,MACIH,IACM;AAAA,MACI,KAAK;AAAA,QACD,SAAS,EAAE,SAAS,EAAA;AAAA,QACpB,SAAS,EAAE,SAAS,GAAG,YAAY,EAAE,UAAU,MAAM,MAAM,cAAqB;AAAA,QAChF,MAAM,EAAE,SAAS,GAAG,YAAY,EAAE,UAAU,MAAM,MAAM,YAAA,EAAqB;AAAA,MAAE;AAAA,MAEnF,SAAS;AAAA,QACL,SAAS,EAAE,SAAS,EAAA;AAAA,QACpB,SAAS,EAAE,SAAS,GAAG,YAAY,EAAE,UAAU,MAAM,MAAM,cAAqB;AAAA,QAChF,MAAM,EAAE,SAAS,GAAG,YAAY,EAAE,UAAU,MAAM,MAAM,YAAA,EAAqB;AAAA,MAAE;AAAA,IACnF,IAEJ;AAAA,MACI,KAAK;AAAA,QACD,SAAS,EAAE,QAAQ,EAAA;AAAA,QACnB,SAAS;AAAA,UACL,QAAQ;AAAA,UACR,YAAY,EAAE,UAAUV,GAA2B,MAAM,YAAA;AAAA,QAAqB;AAAA,QAElF,MAAM;AAAA,UACF,QAAQ;AAAA,UACR,YAAY;AAAA,YACR,UAAUA;AAAA,YACV,OAAOC;AAAA,YACP,MAAM;AAAA,UAAA;AAAA,QACV;AAAA,MACJ;AAAA,MAEJ,SAAS;AAAA,QACL,SAAS,EAAE,SAAS,EAAA;AAAA,QACpB,SAAS;AAAA,UACL,SAAS;AAAA,UACT,YAAY;AAAA,YACR,UAAUA;AAAA,YACV,OAAOD;AAAA,YACP,MAAM;AAAA,UAAA;AAAA,QACV;AAAA,QAEJ,MAAM;AAAA,UACF,SAAS;AAAA,UACT,YAAY,EAAE,UAAUC,GAAgC,MAAM,YAAA;AAAA,QAAqB;AAAA,MACvF;AAAA,IACJ;AAAA,IAEd,CAACS,CAAkB;AAAA,EAAA;AAGvB,SACI,gBAAAI;AAAA,IAACC,EAAO;AAAA,IAAP;AAAA,MACG,WAAWC;AAAA,QACP;AAAA,QACAX,EAAI,WAAW;AAAA,QACfA,EAAI;AAAA,MAAA;AAAA,MAER,MAAK;AAAA,MACL,SAASO,EAAU,IAAI;AAAA,MACvB,SAASA,EAAU,IAAI;AAAA,MACvB,MAAMA,EAAU,IAAI;AAAA,MACpB,kBAAkB,MAAMJ,EAAe,EAAI;AAAA,MAC3C,qBAAqB,MAAMA,EAAe,EAAK;AAAA,MAC/C,cAAYF;AAAA,MACZ,OAAO,EAAE,UAAUC,IAAc,WAAW,UAAA;AAAA,MAE5C,4BAAC,OAAA,EAAI,WAAU,kCAAiC,MAAK,QAAO,gBAAcH,GACtE,UAAA,gBAAAU;AAAA,QAACC,EAAO;AAAA,QAAP;AAAA,UACG,WAAU;AAAA,UACV,SAASH,EAAU,QAAQ;AAAA,UAC3B,SAASA,EAAU,QAAQ;AAAA,UAC3B,MAAMA,EAAU,QAAQ;AAAA,UAEvB,UAAAP,EAAI;AAAA,QAAA;AAAA,MAAA,EACT,CACJ;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

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

@@ -1,8 +0,0 @@
-import { TableGroupFooterViewRow, TableGroupViewRow } from '../../model/tableViewModel.types';
-type TableGroupRowProps = {
-    columnCount: number;
-    row: TableGroupViewRow | TableGroupFooterViewRow;
-    dataIndex?: number;
-};
-declare const TableGroupRow: ({ columnCount, row, dataIndex }: TableGroupRowProps) => import("react/jsx-runtime").JSX.Element;
-export default TableGroupRow;

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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"}