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

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

@@ -0,0 +1,57 @@
+import { jsxs as r, jsx as a } from "react/jsx-runtime";
+import l from "../../../../utils/classNames.js";
+import p from "../../SortArrows.js";
+const u = (c) => {
+  const { column: e, dragActivatorProps: t, dragActivatorRef: n, hideWhileDragging: d, onSortChange: b } = c, i = e.hideLabel && typeof e.label == "string" ? e.label : void 0, s = e.hideLabel ? null : e.icon ? /* @__PURE__ */ r("span", { className: "display-inline-flex align-items-center gap-5", children: [
+    /* @__PURE__ */ a("span", { className: l("text-color-dark rioglyph", e.icon) }),
+    /* @__PURE__ */ a("span", { children: e.label })
+  ] }) : e.label, o = s === null ? null : /* @__PURE__ */ a("span", { className: "table-head-label", children: s });
+  return /* @__PURE__ */ a("div", { className: l("table-head-cell-content", d && "table-head-cell-content-hidden"), children: /* @__PURE__ */ r("div", { className: "table-head-cell-content-row", children: [
+    e.sortable ? /* @__PURE__ */ r(
+      "button",
+      {
+        type: "button",
+        className: l("table-head-button", e.filter && "table-head-button-has-filter"),
+        "aria-label": i,
+        onClick: (h) => b?.(
+          e.columnKey ?? String(e.key),
+          e.sortDirection === "asc" ? "desc" : "asc",
+          h
+        ),
+        children: [
+          /* @__PURE__ */ a(p, { direction: e.sortDirection }),
+          /* @__PURE__ */ a(
+            "span",
+            {
+              ref: n,
+              className: l(
+                "table-head-button-label",
+                t && "table-head-drag-label"
+              ),
+              ...t,
+              children: o
+            }
+          )
+        ]
+      }
+    ) : /* @__PURE__ */ a(
+      "span",
+      {
+        ref: n,
+        className: l(
+          "table-head-label-wrapper",
+          e.filter && "table-head-label-wrapper-has-filter",
+          t && "table-head-drag-label"
+        ),
+        "aria-label": i,
+        ...t,
+        children: o
+      }
+    ),
+    e.filter && /* @__PURE__ */ a("span", { className: "table-head-filter", children: e.filter })
+  ] }) });
+};
+export {
+  u as default
+};
+//# sourceMappingURL=TableHeaderCellContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeaderCellContent.js","sources":["../../../../../src/components/table/render/header/TableHeaderCellContent.tsx"],"sourcesContent":["import classNames from '../../../../utils/classNames';\nimport SortArrows from '../../SortArrows';\nimport type { SharedHeaderCellProps } from './TableHeader.types';\n\nconst TableHeaderCellContent = <RowType extends Record<string, unknown>>(props: SharedHeaderCellProps<RowType>) => {\n    const { column, dragActivatorProps, dragActivatorRef, hideWhileDragging, onSortChange } = props;\n    const ariaLabel = column.hideLabel && typeof column.label === 'string' ? column.label : undefined;\n    const labelContent = column.hideLabel ? null : column.icon ? (\n        <span className='display-inline-flex align-items-center gap-5'>\n            <span className={classNames('text-color-dark rioglyph', column.icon)} />\n            <span>{column.label}</span>\n        </span>\n    ) : (\n        column.label\n    );\n    const wrappedLabelContent = labelContent === null ? null : <span className='table-head-label'>{labelContent}</span>;\n\n    return (\n        <div className={classNames('table-head-cell-content', hideWhileDragging && 'table-head-cell-content-hidden')}>\n            <div className='table-head-cell-content-row'>\n                {column.sortable ? (\n                    <button\n                        type='button'\n                        className={classNames('table-head-button', column.filter && 'table-head-button-has-filter')}\n                        aria-label={ariaLabel}\n                        onClick={event =>\n                            onSortChange?.(\n                                column.columnKey ?? String(column.key),\n                                column.sortDirection === 'asc' ? 'desc' : 'asc',\n                                event\n                            )\n                        }\n                    >\n                        <SortArrows direction={column.sortDirection} />\n                        <span\n                            ref={dragActivatorRef}\n                            className={classNames(\n                                'table-head-button-label',\n                                dragActivatorProps && 'table-head-drag-label'\n                            )}\n                            {...dragActivatorProps}\n                        >\n                            {wrappedLabelContent}\n                        </span>\n                    </button>\n                ) : (\n                    <span\n                        ref={dragActivatorRef}\n                        className={classNames(\n                            'table-head-label-wrapper',\n                            column.filter && 'table-head-label-wrapper-has-filter',\n                            dragActivatorProps && 'table-head-drag-label'\n                        )}\n                        aria-label={ariaLabel}\n                        {...dragActivatorProps}\n                    >\n                        {wrappedLabelContent}\n                    </span>\n                )}\n                {column.filter && <span className='table-head-filter'>{column.filter}</span>}\n            </div>\n        </div>\n    );\n};\n\nexport default TableHeaderCellContent;\n"],"names":["TableHeaderCellContent","props","column","dragActivatorProps","dragActivatorRef","hideWhileDragging","onSortChange","ariaLabel","labelContent","jsxs","jsx","classNames","wrappedLabelContent","event","SortArrows"],"mappings":";;;AAIA,MAAMA,IAAyB,CAA0CC,MAA0C;AAC/G,QAAM,EAAE,QAAAC,GAAQ,oBAAAC,GAAoB,kBAAAC,GAAkB,mBAAAC,GAAmB,cAAAC,MAAiBL,GACpFM,IAAYL,EAAO,aAAa,OAAOA,EAAO,SAAU,WAAWA,EAAO,QAAQ,QAClFM,IAAeN,EAAO,YAAY,OAAOA,EAAO,OAClD,gBAAAO,EAAC,QAAA,EAAK,WAAU,gDACZ,UAAA;AAAA,IAAA,gBAAAC,EAAC,UAAK,WAAWC,EAAW,4BAA4BT,EAAO,IAAI,GAAG;AAAA,IACtE,gBAAAQ,EAAC,QAAA,EAAM,UAAAR,EAAO,MAAA,CAAM;AAAA,EAAA,EAAA,CACxB,IAEAA,EAAO,OAELU,IAAsBJ,MAAiB,OAAO,yBAAQ,QAAA,EAAK,WAAU,oBAAoB,UAAAA,EAAA,CAAa;AAE5G,SACI,gBAAAE,EAAC,OAAA,EAAI,WAAWC,EAAW,2BAA2BN,KAAqB,gCAAgC,GACvG,UAAA,gBAAAI,EAAC,OAAA,EAAI,WAAU,+BACV,UAAA;AAAA,IAAAP,EAAO,WACJ,gBAAAO;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,WAAWE,EAAW,qBAAqBT,EAAO,UAAU,8BAA8B;AAAA,QAC1F,cAAYK;AAAA,QACZ,SAAS,CAAAM,MACLP;AAAA,UACIJ,EAAO,aAAa,OAAOA,EAAO,GAAG;AAAA,UACrCA,EAAO,kBAAkB,QAAQ,SAAS;AAAA,UAC1CW;AAAA,QAAA;AAAA,QAIR,UAAA;AAAA,UAAA,gBAAAH,EAACI,GAAA,EAAW,WAAWZ,EAAO,cAAA,CAAe;AAAA,UAC7C,gBAAAQ;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,KAAKN;AAAA,cACL,WAAWO;AAAA,gBACP;AAAA,gBACAR,KAAsB;AAAA,cAAA;AAAA,cAEzB,GAAGA;AAAA,cAEH,UAAAS;AAAA,YAAA;AAAA,UAAA;AAAA,QACL;AAAA,MAAA;AAAA,IAAA,IAGJ,gBAAAF;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAKN;AAAA,QACL,WAAWO;AAAA,UACP;AAAA,UACAT,EAAO,UAAU;AAAA,UACjBC,KAAsB;AAAA,QAAA;AAAA,QAE1B,cAAYI;AAAA,QACX,GAAGJ;AAAA,QAEH,UAAAS;AAAA,MAAA;AAAA,IAAA;AAAA,IAGRV,EAAO,UAAU,gBAAAQ,EAAC,UAAK,WAAU,qBAAqB,YAAO,OAAA,CAAO;AAAA,EAAA,EAAA,CACzE,EAAA,CACJ;AAER;"}

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

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

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

@@ -0,0 +1,22 @@
+import { jsx as r } from "react/jsx-runtime";
+import c from "../../../../utils/classNames.js";
+const d = (n) => {
+  const { column: l, isResizable: s, onColumnResizeReset: t, onColumnResizeStart: a } = n, o = l.columnKey, i = l.source?.width !== void 0;
+  return !s || !o ? null : /* @__PURE__ */ r(
+    "div",
+    {
+      className: c(
+        "table-column-resize-handle",
+        i && "table-column-resize-handle-has-width"
+      ),
+      onPointerDown: (e) => a?.(o, e),
+      onDoubleClick: (e) => {
+        e.preventDefault(), e.stopPropagation(), t?.(o);
+      }
+    }
+  );
+};
+export {
+  d as default
+};
+//# sourceMappingURL=TableHeaderCellResizeHandle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeaderCellResizeHandle.js","sources":["../../../../../src/components/table/render/header/TableHeaderCellResizeHandle.tsx"],"sourcesContent":["import classNames from '../../../../utils/classNames';\nimport type { SharedHeaderCellProps } from './TableHeader.types';\n\nconst TableHeaderCellResizeHandle = <RowType extends Record<string, unknown>>(\n    props: SharedHeaderCellProps<RowType>\n) => {\n    const { column, isResizable, onColumnResizeReset, onColumnResizeStart } = props;\n\n    const columnKey = column.columnKey;\n    const hasExplicitWidth = column.source?.width !== undefined;\n\n    if (!isResizable || !columnKey) {\n        return null;\n    }\n\n    return (\n        <div\n            className={classNames(\n                'table-column-resize-handle',\n                hasExplicitWidth && 'table-column-resize-handle-has-width'\n            )}\n            onPointerDown={event => onColumnResizeStart?.(columnKey, event)}\n            onDoubleClick={event => {\n                event.preventDefault();\n                event.stopPropagation();\n                onColumnResizeReset?.(columnKey);\n            }}\n        />\n    );\n};\n\nexport default TableHeaderCellResizeHandle;\n"],"names":["TableHeaderCellResizeHandle","props","column","isResizable","onColumnResizeReset","onColumnResizeStart","columnKey","hasExplicitWidth","jsx","classNames","event"],"mappings":";;AAGA,MAAMA,IAA8B,CAChCC,MACC;AACD,QAAM,EAAE,QAAAC,GAAQ,aAAAC,GAAa,qBAAAC,GAAqB,qBAAAC,MAAwBJ,GAEpEK,IAAYJ,EAAO,WACnBK,IAAmBL,EAAO,QAAQ,UAAU;AAElD,SAAI,CAACC,KAAe,CAACG,IACV,OAIP,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC;AAAA,QACP;AAAA,QACAF,KAAoB;AAAA,MAAA;AAAA,MAExB,eAAe,CAAAG,MAASL,IAAsBC,GAAWI,CAAK;AAAA,MAC9D,eAAe,CAAAA,MAAS;AACpB,QAAAA,EAAM,eAAA,GACNA,EAAM,gBAAA,GACNN,IAAsBE,CAAS;AAAA,MACnC;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

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

@@ -0,0 +1,13 @@
+import { HeaderColumn } from './TableHeader.types';
+type TableHeaderDragOverlayProps<RowType extends Record<string, unknown>> = {
+    column?: HeaderColumn<RowType>;
+    header: NonNullable<{
+        columns: HeaderColumn<RowType>[];
+        rowCount: number;
+        totalColumnCount: number;
+    }>;
+    showSelectionColumn?: boolean;
+    width?: number;
+};
+declare const TableHeaderDragOverlay: <RowType extends Record<string, unknown>>(props: TableHeaderDragOverlayProps<RowType>) => import("react/jsx-runtime").JSX.Element | null;
+export default TableHeaderDragOverlay;

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

@@ -0,0 +1,35 @@
+import { jsx as a } from "react/jsx-runtime";
+import t from "../../../../utils/classNames.js";
+import i from "./TableHeaderCellContent.js";
+import { resolveHeaderCellClassName as n } from "./resolveHeaderCellClassName.js";
+const f = (r) => {
+  const { column: e, header: l, showSelectionColumn: o, width: s } = r;
+  return e ? /* @__PURE__ */ a(
+    "div",
+    {
+      className: t(
+        n(e, l, {
+          isDraggable: !0,
+          isResizable: !1
+        }),
+        "table-head-cell-drag-overlay"
+      ),
+      "data-column": e.columnKey ?? String(e.key),
+      role: "presentation",
+      style: { width: s },
+      children: /* @__PURE__ */ a(
+        i,
+        {
+          column: e,
+          header: l,
+          isResizable: !1,
+          showSelectionColumn: o
+        }
+      )
+    }
+  ) : null;
+};
+export {
+  f as default
+};
+//# sourceMappingURL=TableHeaderDragOverlay.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeaderDragOverlay.js","sources":["../../../../../src/components/table/render/header/TableHeaderDragOverlay.tsx"],"sourcesContent":["import classNames from '../../../../utils/classNames';\nimport TableHeaderCellContent from './TableHeaderCellContent';\nimport { resolveHeaderCellClassName } from './resolveHeaderCellClassName';\nimport type { HeaderColumn } from './TableHeader.types';\n\ntype TableHeaderDragOverlayProps<RowType extends Record<string, unknown>> = {\n    column?: HeaderColumn<RowType>;\n    header: NonNullable<{ columns: HeaderColumn<RowType>[]; rowCount: number; totalColumnCount: number }>;\n    showSelectionColumn?: boolean;\n    width?: number;\n};\n\nconst TableHeaderDragOverlay = <RowType extends Record<string, unknown>>(\n    props: TableHeaderDragOverlayProps<RowType>\n) => {\n    const { column, header, showSelectionColumn, width } = props;\n\n    if (!column) {\n        return null;\n    }\n\n    return (\n        <div\n            className={classNames(\n                resolveHeaderCellClassName(column, header, {\n                    isDraggable: true,\n                    isResizable: false,\n                }),\n                'table-head-cell-drag-overlay'\n            )}\n            data-column={column.columnKey ?? String(column.key)}\n            role='presentation'\n            style={{ width }}\n        >\n            <TableHeaderCellContent\n                column={column}\n                header={header}\n                isResizable={false}\n                showSelectionColumn={showSelectionColumn}\n            />\n        </div>\n    );\n};\n\nexport default TableHeaderDragOverlay;\n"],"names":["TableHeaderDragOverlay","props","column","header","showSelectionColumn","width","jsx","classNames","resolveHeaderCellClassName","TableHeaderCellContent"],"mappings":";;;;AAYA,MAAMA,IAAyB,CAC3BC,MACC;AACD,QAAM,EAAE,QAAAC,GAAQ,QAAAC,GAAQ,qBAAAC,GAAqB,OAAAC,MAAUJ;AAEvD,SAAKC,IAKD,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC;AAAA,QACPC,EAA2BN,GAAQC,GAAQ;AAAA,UACvC,aAAa;AAAA,UACb,aAAa;AAAA,QAAA,CAChB;AAAA,QACD;AAAA,MAAA;AAAA,MAEJ,eAAaD,EAAO,aAAa,OAAOA,EAAO,GAAG;AAAA,MAClD,MAAK;AAAA,MACL,OAAO,EAAE,OAAAG,EAAA;AAAA,MAET,UAAA,gBAAAC;AAAA,QAACG;AAAA,QAAA;AAAA,UACG,QAAAP;AAAA,UACA,QAAAC;AAAA,UACA,aAAa;AAAA,UACb,qBAAAC;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA,IArBG;AAwBf;"}

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

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

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

@@ -0,0 +1 @@
+{"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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"}

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

@@ -0,0 +1,9 @@
+type TableHeaderSelectionCellProps = {
+    isAllSelected?: boolean;
+    isSomeRowsSelected?: boolean;
+    onToggleAllSelection?: () => void;
+    rowCount: number;
+    selectionHeaderContent?: React.ReactNode;
+};
+declare const TableHeaderSelectionCell: (props: TableHeaderSelectionCellProps) => import("react/jsx-runtime").JSX.Element;
+export default TableHeaderSelectionCell;

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

@@ -0,0 +1,41 @@
+import { jsx as o } from "react/jsx-runtime";
+import c from "../../../checkbox/Checkbox.js";
+import s from "../../../../utils/classNames.js";
+import { resolveAriaSpan as d } from "../../shared/resolveTableAria.js";
+const h = (a) => {
+  const { isAllSelected: l, isSomeRowsSelected: r, onToggleAllSelection: i, rowCount: n, selectionHeaderContent: t } = a;
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: s(
+        "table-head-cell table-selection-cell table-align-center",
+        t && "table-selection-cell-custom-content"
+      ),
+      role: "columnheader",
+      "aria-colindex": 1,
+      "aria-rowindex": 1,
+      "aria-rowspan": d(n),
+      style: { gridColumn: "1 / span 1", gridRow: `1 / span ${n}` },
+      children: /* @__PURE__ */ o(
+        "div",
+        {
+          className: "table-selection-control",
+          onClick: (e) => e.stopPropagation(),
+          onKeyDown: (e) => e.stopPropagation(),
+          children: t ?? /* @__PURE__ */ o(
+            c,
+            {
+              checked: l,
+              indeterminate: !l && !!r,
+              onChange: () => i?.()
+            }
+          )
+        }
+      )
+    }
+  );
+};
+export {
+  h as default
+};
+//# sourceMappingURL=TableHeaderSelectionCell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeaderSelectionCell.js","sources":["../../../../../src/components/table/render/header/TableHeaderSelectionCell.tsx"],"sourcesContent":["import Checkbox from '../../../checkbox/Checkbox';\nimport classNames from '../../../../utils/classNames';\nimport { resolveAriaSpan } from '../../shared/resolveTableAria';\n\ntype TableHeaderSelectionCellProps = {\n    isAllSelected?: boolean;\n    isSomeRowsSelected?: boolean;\n    onToggleAllSelection?: () => void;\n    rowCount: number;\n    selectionHeaderContent?: React.ReactNode;\n};\n\nconst TableHeaderSelectionCell = (props: TableHeaderSelectionCellProps) => {\n    const { isAllSelected, isSomeRowsSelected, onToggleAllSelection, rowCount, selectionHeaderContent } = props;\n\n    return (\n        <div\n            className={classNames(\n                'table-head-cell table-selection-cell table-align-center',\n                selectionHeaderContent && 'table-selection-cell-custom-content'\n            )}\n            role='columnheader'\n            aria-colindex={1}\n            aria-rowindex={1}\n            aria-rowspan={resolveAriaSpan(rowCount)}\n            style={{ gridColumn: '1 / span 1', gridRow: `1 / span ${rowCount}` }}\n        >\n            <div\n                className='table-selection-control'\n                onClick={event => event.stopPropagation()}\n                onKeyDown={event => event.stopPropagation()}\n            >\n                {selectionHeaderContent ?? (\n                    <Checkbox\n                        checked={isAllSelected}\n                        indeterminate={!isAllSelected && !!isSomeRowsSelected}\n                        onChange={() => onToggleAllSelection?.()}\n                    />\n                )}\n            </div>\n        </div>\n    );\n};\n\nexport default TableHeaderSelectionCell;\n"],"names":["TableHeaderSelectionCell","props","isAllSelected","isSomeRowsSelected","onToggleAllSelection","rowCount","selectionHeaderContent","jsx","classNames","resolveAriaSpan","event","Checkbox"],"mappings":";;;;AAYA,MAAMA,IAA2B,CAACC,MAAyC;AACvE,QAAM,EAAE,eAAAC,GAAe,oBAAAC,GAAoB,sBAAAC,GAAsB,UAAAC,GAAU,wBAAAC,MAA2BL;AAEtG,SACI,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC;AAAA,QACP;AAAA,QACAF,KAA0B;AAAA,MAAA;AAAA,MAE9B,MAAK;AAAA,MACL,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,gBAAcG,EAAgBJ,CAAQ;AAAA,MACtC,OAAO,EAAE,YAAY,cAAc,SAAS,YAAYA,CAAQ,GAAA;AAAA,MAEhE,UAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,SAAS,CAAAG,MAASA,EAAM,gBAAA;AAAA,UACxB,WAAW,CAAAA,MAASA,EAAM,gBAAA;AAAA,UAEzB,UAAAJ,KACG,gBAAAC;AAAA,YAACI;AAAA,YAAA;AAAA,cACG,SAAST;AAAA,cACT,eAAe,CAACA,KAAiB,CAAC,CAACC;AAAA,cACnC,UAAU,MAAMC,IAAA;AAAA,YAAuB;AAAA,UAAA;AAAA,QAC3C;AAAA,MAAA;AAAA,IAER;AAAA,EAAA;AAGZ;"}

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

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

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

@@ -0,0 +1,36 @@
+import { jsxs as n, jsx as l } from "react/jsx-runtime";
+import s from "../../../../utils/classNames.js";
+import d from "./TableHeaderCellContent.js";
+import c from "./TableHeaderCellResizeHandle.js";
+import { resolveAriaSort as p } from "./resolveAriaSort.js";
+import { resolveHeaderCellClassName as S } from "./resolveHeaderCellClassName.js";
+import { resolveHeaderCellStyle as f } from "./resolveHeaderCellStyle.js";
+import { resolveAriaSpan as o, resolveAriaColIndex as C } from "../../shared/resolveTableAria.js";
+const y = (r) => {
+  const { column: e, header: i, hideWhileDragging: t, isResizable: m, showSelectionColumn: a } = r;
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      className: s(
+        S(e, i, { isResizable: m }),
+        t && "table-head-cell-drag-placeholder"
+      ),
+      "data-column": e.columnKey ?? String(e.key),
+      role: "columnheader",
+      "aria-colindex": C(e.columnStart, a),
+      "aria-colspan": o(e.colSpan),
+      "aria-rowindex": e.rowStart,
+      "aria-rowspan": o(e.rowSpan),
+      "aria-sort": p(e),
+      style: f(e, a),
+      children: [
+        /* @__PURE__ */ l(d, { ...r }),
+        /* @__PURE__ */ l(c, { ...r })
+      ]
+    }
+  );
+};
+export {
+  y as default
+};
+//# sourceMappingURL=TableStaticHeaderCell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableStaticHeaderCell.js","sources":["../../../../../src/components/table/render/header/TableStaticHeaderCell.tsx"],"sourcesContent":["import classNames from '../../../../utils/classNames';\nimport TableHeaderCellContent from './TableHeaderCellContent';\nimport TableHeaderCellResizeHandle from './TableHeaderCellResizeHandle';\nimport { resolveAriaSort } from './resolveAriaSort';\nimport { resolveHeaderCellClassName } from './resolveHeaderCellClassName';\nimport { resolveHeaderCellStyle } from './resolveHeaderCellStyle';\nimport type { SharedHeaderCellProps } from './TableHeader.types';\nimport { resolveAriaColIndex, resolveAriaSpan } from '../../shared/resolveTableAria';\n\nconst TableStaticHeaderCell = <RowType extends Record<string, unknown>>(props: SharedHeaderCellProps<RowType>) => {\n    const { column, header, hideWhileDragging, isResizable, showSelectionColumn } = props;\n\n    return (\n        <div\n            className={classNames(\n                resolveHeaderCellClassName(column, header, { isResizable }),\n                hideWhileDragging && 'table-head-cell-drag-placeholder'\n            )}\n            data-column={column.columnKey ?? String(column.key)}\n            role='columnheader'\n            aria-colindex={resolveAriaColIndex(column.columnStart, showSelectionColumn)}\n            aria-colspan={resolveAriaSpan(column.colSpan)}\n            aria-rowindex={column.rowStart}\n            aria-rowspan={resolveAriaSpan(column.rowSpan)}\n            aria-sort={resolveAriaSort(column)}\n            style={resolveHeaderCellStyle(column, showSelectionColumn)}\n        >\n            <TableHeaderCellContent {...props} />\n            <TableHeaderCellResizeHandle {...props} />\n        </div>\n    );\n};\n\nexport default TableStaticHeaderCell;\n"],"names":["TableStaticHeaderCell","props","column","header","hideWhileDragging","isResizable","showSelectionColumn","jsxs","classNames","resolveHeaderCellClassName","resolveAriaColIndex","resolveAriaSpan","resolveAriaSort","resolveHeaderCellStyle","jsx","TableHeaderCellContent","TableHeaderCellResizeHandle"],"mappings":";;;;;;;;AASA,MAAMA,IAAwB,CAA0CC,MAA0C;AAC9G,QAAM,EAAE,QAAAC,GAAQ,QAAAC,GAAQ,mBAAAC,GAAmB,aAAAC,GAAa,qBAAAC,MAAwBL;AAEhF,SACI,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC;AAAA,QACPC,EAA2BP,GAAQC,GAAQ,EAAE,aAAAE,GAAa;AAAA,QAC1DD,KAAqB;AAAA,MAAA;AAAA,MAEzB,eAAaF,EAAO,aAAa,OAAOA,EAAO,GAAG;AAAA,MAClD,MAAK;AAAA,MACL,iBAAeQ,EAAoBR,EAAO,aAAaI,CAAmB;AAAA,MAC1E,gBAAcK,EAAgBT,EAAO,OAAO;AAAA,MAC5C,iBAAeA,EAAO;AAAA,MACtB,gBAAcS,EAAgBT,EAAO,OAAO;AAAA,MAC5C,aAAWU,EAAgBV,CAAM;AAAA,MACjC,OAAOW,EAAuBX,GAAQI,CAAmB;AAAA,MAEzD,UAAA;AAAA,QAAA,gBAAAQ,EAACC,GAAA,EAAwB,GAAGd,GAAO;AAAA,QACnC,gBAAAa,EAACE,GAAA,EAA6B,GAAGf,EAAA,CAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGpD;"}

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

@@ -0,0 +1,2 @@
+import { HeaderColumn } from './TableHeader.types';
+export declare const resolveAriaSort: <RowType extends Record<string, unknown>>(column: HeaderColumn<RowType>) => "none" | "ascending" | "descending" | undefined;

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

@@ -0,0 +1,8 @@
+const e = (r) => {
+  if (r.sortable)
+    return r.sortDirection === "asc" ? "ascending" : r.sortDirection === "desc" ? "descending" : "none";
+};
+export {
+  e as resolveAriaSort
+};
+//# sourceMappingURL=resolveAriaSort.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"resolveAriaSort.js","sources":["../../../../../src/components/table/render/header/resolveAriaSort.ts"],"sourcesContent":["import type { HeaderColumn } from './TableHeader.types';\n\nexport const resolveAriaSort = <RowType extends Record<string, unknown>>(column: HeaderColumn<RowType>) => {\n    if (!column.sortable) {\n        return;\n    }\n\n    if (column.sortDirection === 'asc') {\n        return 'ascending';\n    }\n\n    if (column.sortDirection === 'desc') {\n        return 'descending';\n    }\n\n    return 'none';\n};\n"],"names":["resolveAriaSort","column"],"mappings":"AAEO,MAAMA,IAAkB,CAA0CC,MAAkC;AACvG,MAAKA,EAAO;AAIZ,WAAIA,EAAO,kBAAkB,QAClB,cAGPA,EAAO,kBAAkB,SAClB,eAGJ;AACX;"}

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

@@ -0,0 +1,2 @@
+import { CollisionDetection } from '@dnd-kit/core';
+export declare const resolveColumnCollisionDetection: CollisionDetection;

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

@@ -0,0 +1,9 @@
+import { pointerWithin as e, closestCenter as n } from "@dnd-kit/core";
+const i = (o) => {
+  const t = e(o);
+  return t.length > 0 ? t : n(o);
+};
+export {
+  i as resolveColumnCollisionDetection
+};
+//# sourceMappingURL=resolveColumnCollisionDetection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"resolveColumnCollisionDetection.js","sources":["../../../../../src/components/table/render/header/resolveColumnCollisionDetection.ts"],"sourcesContent":["import { closestCenter, pointerWithin, type CollisionDetection } from '@dnd-kit/core';\n\nexport const resolveColumnCollisionDetection: CollisionDetection = collisionDetectionArguments => {\n    const pointerCollisions = pointerWithin(collisionDetectionArguments);\n\n    if (pointerCollisions.length > 0) {\n        return pointerCollisions;\n    }\n\n    return closestCenter(collisionDetectionArguments);\n};\n"],"names":["resolveColumnCollisionDetection","collisionDetectionArguments","pointerCollisions","pointerWithin","closestCenter"],"mappings":";AAEO,MAAMA,IAAsD,CAAAC,MAA+B;AAC9F,QAAMC,IAAoBC,EAAcF,CAA2B;AAEnE,SAAIC,EAAkB,SAAS,IACpBA,IAGJE,EAAcH,CAA2B;AACpD;"}

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

@@ -0,0 +1,10 @@
+import { HeaderColumn } from './TableHeader.types';
+export declare const resolveHeaderCellClassName: <RowType extends Record<string, unknown>>(column: HeaderColumn<RowType>, header: NonNullable<{
+    columns: HeaderColumn<RowType>[];
+    rowCount: number;
+    totalColumnCount: number;
+}>, options: {
+    isDraggable?: boolean;
+    isDragging?: boolean;
+    isResizable: boolean;
+}) => string;

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

@@ -0,0 +1,22 @@
+import s from "../../../../utils/classNames.js";
+import { getVerticalAlignClassName as o, getHorizontalAlignClassName as b } from "../../shared/getAlignClassName.js";
+const h = (e, a, l) => {
+  const { isDraggable: t, isDragging: r, isResizable: i } = l;
+  return s(
+    "table-head-cell",
+    e.sortable && "table-head-cell-sortable",
+    t && "table-head-cell-draggable",
+    r && "table-head-cell-dragging",
+    i && "table-head-cell-resizable",
+    e.columnStart + e.colSpan - 1 < a.totalColumnCount && "table-head-cell-has-column-divider",
+    e.rowStart + e.rowSpan - 1 < a.rowCount && "table-head-cell-has-row-divider",
+    b(e.horizontalAlign),
+    o(e.verticalAlign),
+    e.hideOnMobile && "table-hide-mobile",
+    e.headerClassName
+  );
+};
+export {
+  h as resolveHeaderCellClassName
+};
+//# sourceMappingURL=resolveHeaderCellClassName.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"resolveHeaderCellClassName.js","sources":["../../../../../src/components/table/render/header/resolveHeaderCellClassName.ts"],"sourcesContent":["import classNames from '../../../../utils/classNames';\nimport { getHorizontalAlignClassName, getVerticalAlignClassName } from '../../shared/getAlignClassName';\nimport type { HeaderColumn } from './TableHeader.types';\n\nexport const resolveHeaderCellClassName = <RowType extends Record<string, unknown>>(\n    column: HeaderColumn<RowType>,\n    header: NonNullable<{ columns: HeaderColumn<RowType>[]; rowCount: number; totalColumnCount: number }>,\n    options: {\n        isDraggable?: boolean;\n        isDragging?: boolean;\n        isResizable: boolean;\n    }\n) => {\n    const { isDraggable, isDragging, isResizable } = options;\n\n    return classNames(\n        'table-head-cell',\n        column.sortable && 'table-head-cell-sortable',\n        isDraggable && 'table-head-cell-draggable',\n        isDragging && 'table-head-cell-dragging',\n        isResizable && 'table-head-cell-resizable',\n        column.columnStart + column.colSpan - 1 < header.totalColumnCount && 'table-head-cell-has-column-divider',\n        column.rowStart + column.rowSpan - 1 < header.rowCount && 'table-head-cell-has-row-divider',\n        getHorizontalAlignClassName(column.horizontalAlign),\n        getVerticalAlignClassName(column.verticalAlign),\n        column.hideOnMobile && 'table-hide-mobile',\n        column.headerClassName\n    );\n};\n"],"names":["resolveHeaderCellClassName","column","header","options","isDraggable","isDragging","isResizable","classNames","getHorizontalAlignClassName","getVerticalAlignClassName"],"mappings":";;AAIO,MAAMA,IAA6B,CACtCC,GACAC,GACAC,MAKC;AACD,QAAM,EAAE,aAAAC,GAAa,YAAAC,GAAY,aAAAC,EAAA,IAAgBH;AAEjD,SAAOI;AAAA,IACH;AAAA,IACAN,EAAO,YAAY;AAAA,IACnBG,KAAe;AAAA,IACfC,KAAc;AAAA,IACdC,KAAe;AAAA,IACfL,EAAO,cAAcA,EAAO,UAAU,IAAIC,EAAO,oBAAoB;AAAA,IACrED,EAAO,WAAWA,EAAO,UAAU,IAAIC,EAAO,YAAY;AAAA,IAC1DM,EAA4BP,EAAO,eAAe;AAAA,IAClDQ,EAA0BR,EAAO,aAAa;AAAA,IAC9CA,EAAO,gBAAgB;AAAA,IACvBA,EAAO;AAAA,EAAA;AAEf;"}