react-glide-table 2.0.2 → 2.2.0

package/dist/{types-bgEceyRV.d.cts → types-Iot4g4sq.d.cts}

@@ -1,4 +1,4 @@
-import { Row, ColumnDef, RowSelectionState, Updater, ColumnSizingState, OnChangeFn, ColumnResizeMode } from '@tanstack/react-table';
+import { Row, ColumnDef, RowSelectionState, Updater, ColumnSizingState, OnChangeFn, ColumnResizeMode, ColumnOrderState } from '@tanstack/react-table';
 import { ReactNode, CSSProperties, InputHTMLAttributes, ComponentType, Ref } from 'react';
 
 /**
@@ -161,6 +161,8 @@ type DataTableLabels = {
     collapseRow: string;
     /** Accessible label for the column resize handle */
     resizeColumn: string;
+    /** Accessible label for a draggable column header */
+    reorderColumn: string;
     /** Built-in find-in-page search overlay */
     searchPlaceholder: string;
     searchResultHint: string;
@@ -178,10 +180,17 @@ type DataTableEditInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "type
 
 declare module "@tanstack/react-table" {
     interface ColumnMeta<TData, TValue> {
-        /** Whether this column participates in vertical row spanning */
+        /**
+         * Whether this column participates in vertical row spanning.
+         */
         rowSpan?: boolean;
         /** Merge key field. Falls back to the column id when omitted */
         rowSpanKey?: string;
+        /**
+         * Parent column id, rowSpanKey, or row field(s) that bound this merge.
+         * The column only groups consecutive rows that stay inside those parent groups.
+         */
+        rowSpanParent?: string | readonly string[];
         align?: "left" | "center" | "right";
         className?: string;
         headerClassName?: string;
@@ -206,6 +215,11 @@ declare module "@tanstack/react-table" {
          * Middle columns are allowed; multiple frozen columns stack via cumulative offsets.
          */
         frozen?: ColumnFreezeMeta;
+        /**
+         * When false, this column cannot be dragged even if `enableColumnReorder` is on.
+         * Defaults to true.
+         */
+        reorderable?: boolean;
     }
     interface CellContext<TData, TValue> {
         /**
@@ -383,6 +397,15 @@ type DataTableProps<T extends Record<string, unknown>> = {
      * Use `"onEnd"` to update only after the pointer is released.
      */
     columnResizeMode?: ColumnResizeMode;
+    /**
+     * Enable drag-to-reorder on column headers. Defaults to false.
+     * Opt out per column with `Column.reorderable={false}` / `meta.reorderable: false`.
+     * Leaf columns can move across groups; consecutive same-group leaves stay wrapped.
+     */
+    enableColumnReorder?: boolean;
+    /** Controlled leaf column id order */
+    columnOrder?: ColumnOrderState;
+    onColumnOrderChange?: OnChangeFn<ColumnOrderState>;
     /**
      * Enable sticky freeze columns. Defaults to false.
      * Mark columns with `Column.frozen` / `meta.frozen` (`true` | `"left"` | `"right"`).
@@ -435,6 +458,8 @@ type DataTableClassNames = {
     headCell?: string;
     /** Column resize drag handle inside a header cell */
     resizeHandle?: string;
+    /** Drop-edge indicator while reordering columns */
+    dropEdge?: string;
     body?: string;
     emptyCell?: string;
     virtualSpacer?: string;
@@ -529,6 +554,11 @@ type TableColumnProps<T extends Record<string, unknown>, K extends string = keyo
      * Defaults to true.
      */
     resizable?: boolean;
+    /**
+     * When false, this column cannot be dragged even if `enableColumnReorder` is on.
+     * Defaults to true. Still accepts drops next to it.
+     */
+    reorderable?: boolean;
     /**
      * Freeze (sticky) without changing column order.
      * `true` / `"left"` → left edge; `"right"` → right edge.
@@ -536,8 +566,14 @@ type TableColumnProps<T extends Record<string, unknown>, K extends string = keyo
      */
     frozen?: ColumnFreezeMeta;
     align?: "left" | "center" | "right";
+    /** Vertical cell merge for consecutive identical `rowSpanKey` values. */
     rowSpan?: boolean;
     rowSpanKey?: string;
+    /**
+     * Parent field(s) this merge is nested under — a column `field`, `rowSpanKey`,
+     * or row data key. Omit to merge independently of other rowSpan columns.
+     */
+    rowSpanParent?: string | readonly string[];
     editable?: boolean;
     editType?: CellEditType;
     /** Inline editor input attribute overrides */

package/dist/{types-bgEceyRV.d.ts → types-Iot4g4sq.d.ts}

@@ -1,4 +1,4 @@
-import { Row, ColumnDef, RowSelectionState, Updater, ColumnSizingState, OnChangeFn, ColumnResizeMode } from '@tanstack/react-table';
+import { Row, ColumnDef, RowSelectionState, Updater, ColumnSizingState, OnChangeFn, ColumnResizeMode, ColumnOrderState } from '@tanstack/react-table';
 import { ReactNode, CSSProperties, InputHTMLAttributes, ComponentType, Ref } from 'react';
 
 /**
@@ -161,6 +161,8 @@ type DataTableLabels = {
     collapseRow: string;
     /** Accessible label for the column resize handle */
     resizeColumn: string;
+    /** Accessible label for a draggable column header */
+    reorderColumn: string;
     /** Built-in find-in-page search overlay */
     searchPlaceholder: string;
     searchResultHint: string;
@@ -178,10 +180,17 @@ type DataTableEditInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "type
 
 declare module "@tanstack/react-table" {
     interface ColumnMeta<TData, TValue> {
-        /** Whether this column participates in vertical row spanning */
+        /**
+         * Whether this column participates in vertical row spanning.
+         */
         rowSpan?: boolean;
         /** Merge key field. Falls back to the column id when omitted */
         rowSpanKey?: string;
+        /**
+         * Parent column id, rowSpanKey, or row field(s) that bound this merge.
+         * The column only groups consecutive rows that stay inside those parent groups.
+         */
+        rowSpanParent?: string | readonly string[];
         align?: "left" | "center" | "right";
         className?: string;
         headerClassName?: string;
@@ -206,6 +215,11 @@ declare module "@tanstack/react-table" {
          * Middle columns are allowed; multiple frozen columns stack via cumulative offsets.
          */
         frozen?: ColumnFreezeMeta;
+        /**
+         * When false, this column cannot be dragged even if `enableColumnReorder` is on.
+         * Defaults to true.
+         */
+        reorderable?: boolean;
     }
     interface CellContext<TData, TValue> {
         /**
@@ -383,6 +397,15 @@ type DataTableProps<T extends Record<string, unknown>> = {
      * Use `"onEnd"` to update only after the pointer is released.
      */
     columnResizeMode?: ColumnResizeMode;
+    /**
+     * Enable drag-to-reorder on column headers. Defaults to false.
+     * Opt out per column with `Column.reorderable={false}` / `meta.reorderable: false`.
+     * Leaf columns can move across groups; consecutive same-group leaves stay wrapped.
+     */
+    enableColumnReorder?: boolean;
+    /** Controlled leaf column id order */
+    columnOrder?: ColumnOrderState;
+    onColumnOrderChange?: OnChangeFn<ColumnOrderState>;
     /**
      * Enable sticky freeze columns. Defaults to false.
      * Mark columns with `Column.frozen` / `meta.frozen` (`true` | `"left"` | `"right"`).
@@ -435,6 +458,8 @@ type DataTableClassNames = {
     headCell?: string;
     /** Column resize drag handle inside a header cell */
     resizeHandle?: string;
+    /** Drop-edge indicator while reordering columns */
+    dropEdge?: string;
     body?: string;
     emptyCell?: string;
     virtualSpacer?: string;
@@ -529,6 +554,11 @@ type TableColumnProps<T extends Record<string, unknown>, K extends string = keyo
      * Defaults to true.
      */
     resizable?: boolean;
+    /**
+     * When false, this column cannot be dragged even if `enableColumnReorder` is on.
+     * Defaults to true. Still accepts drops next to it.
+     */
+    reorderable?: boolean;
     /**
      * Freeze (sticky) without changing column order.
      * `true` / `"left"` → left edge; `"right"` → right edge.
@@ -536,8 +566,14 @@ type TableColumnProps<T extends Record<string, unknown>, K extends string = keyo
      */
     frozen?: ColumnFreezeMeta;
     align?: "left" | "center" | "right";
+    /** Vertical cell merge for consecutive identical `rowSpanKey` values. */
     rowSpan?: boolean;
     rowSpanKey?: string;
+    /**
+     * Parent field(s) this merge is nested under — a column `field`, `rowSpanKey`,
+     * or row data key. Omit to merge independently of other rowSpan columns.
+     */
+    rowSpanParent?: string | readonly string[];
     editable?: boolean;
     editType?: CellEditType;
     /** Inline editor input attribute overrides */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-glide-table",
-  "version": "2.0.2",
+  "version": "2.2.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/zpxlffjrm/react-glide-table.git"