react-glide-table 2.0.2 → 2.1.0

package/dist/{types-bgEceyRV.d.cts → types-CMUGtH-c.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;
@@ -206,6 +208,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 +390,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 +451,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 +547,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.

package/dist/{types-bgEceyRV.d.ts → types-CMUGtH-c.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;
@@ -206,6 +208,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 +390,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 +451,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 +547,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.

package/package.json

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