twico-ui 1.22.1 → 1.22.2

package/dist/index.d.cts

@@ -1953,7 +1953,10 @@ interface DatatableProps<T = any> extends Omit<React.HTMLAttributes<HTMLDivEleme
   rowReorder?: boolean;
   /** Enable drag-to-resize row height (handle on the row's bottom edge). @default false */
   rowResize?: boolean;
-  /** Called with the new array of row keys after a drag-reorder. */
+  /** Called with the new array of row keys after a drag-reorder. In `serverMode` the drag order is
+   *  an optimistic overlay: persist the keys, then hand back a new `rows` prop — the overlay clears on
+   *  any `rows` change, so a rejected reorder reverts (reload the authoritative order) and a
+   *  server-corrected order reflects, both without remounting. */
   onRowOrderChange?: (keys: Array<string | number>) => void;
   /** Initial pivot model (seeds the toolbar **Pivot** panel, which the user can edit live): aggregate `values` across `rows` (row groups) × `columns` (nested column groups). */
   pivot?: {

package/dist/index.d.ts

@@ -1953,7 +1953,10 @@ interface DatatableProps<T = any> extends Omit<React.HTMLAttributes<HTMLDivEleme
   rowReorder?: boolean;
   /** Enable drag-to-resize row height (handle on the row's bottom edge). @default false */
   rowResize?: boolean;
-  /** Called with the new array of row keys after a drag-reorder. */
+  /** Called with the new array of row keys after a drag-reorder. In `serverMode` the drag order is
+   *  an optimistic overlay: persist the keys, then hand back a new `rows` prop — the overlay clears on
+   *  any `rows` change, so a rejected reorder reverts (reload the authoritative order) and a
+   *  server-corrected order reflects, both without remounting. */
   onRowOrderChange?: (keys: Array<string | number>) => void;
   /** Initial pivot model (seeds the toolbar **Pivot** panel, which the user can edit live): aggregate `values` across `rows` (row groups) × `columns` (nested column groups). */
   pivot?: {

package/dist/index.mjs

@@ -9278,6 +9278,9 @@ function Datatable({
   const [headH, setHeadH] = React51__default.useState(41);
   const theadRef = React51__default.useRef(null);
   const [rowOrder, setRowOrder] = React51__default.useState(null);
+  React51__default.useEffect(() => {
+    if (serverMode) setRowOrder(null);
+  }, [rows, serverMode]);
   const [rowHeights, setRowHeights] = React51__default.useState({});
   const [rowDrag, setRowDrag] = React51__default.useState({ from: null, over: null, after: false });
   const [rowGrab, setRowGrab] = React51__default.useState(null);