@prioticket/design-system-web 1.7.0-beta.1 → 1.7.0

package/dist/types/components/pd-table.d.ts

@@ -49,6 +49,20 @@ export interface PdTableRowReorderEvent<T extends PdTableRowData = PdTableRowDat
     fromIndex: number;
     toIndex: number;
     item: T;
+    /**
+     * The complete data array after the reorder has been applied.
+     * When sorting was active, the sorted order is materialized first,
+     * then the drag reorder is applied on top.
+     *
+     * **Recommended:** use this directly instead of manually splicing:
+     * ```ts
+     * table.addEventListener('pd-table-row-reorder', (e) => {
+     *   myData = e.detail.data;
+     *   table.data = myData;
+     * });
+     * ```
+     */
+    data: T[];
 }
 export interface PdTableColumnReorderEvent<T extends PdTableRowData = PdTableRowData> {
     fromIndex: number;
@@ -119,8 +133,11 @@ export declare class PdTable<T extends PdTableRowData = PdTableRowData> extends
     private _isDragHandleGrabbed;
     private _draggedColumnIndex;
     private _dragOverColumnIndex;
+    private _flipPositions;
+    private _flipPending;
     private _displayDataCache;
     private _displayDataCacheKey;
+    private _displayToDataIndexMap;
     private _reactRoots;
     /** Whether server-side pagination is active */
     private get _isServerSidePagination();
@@ -135,14 +152,25 @@ export declare class PdTable<T extends PdTableRowData = PdTableRowData> extends
     private get _displayData();
     disconnectedCallback(): void;
     protected willUpdate(changedProperties: PropertyValues): void;
+    protected updated(changedProperties: PropertyValues): void;
+    /**
+     * Captures the current Y position of every visible row.
+     * Must be called BEFORE data changes trigger a re-render.
+     */
+    private _captureRowPositions;
+    /**
+     * After re-render, computes the delta between old and new positions
+     * and animates rows from their old position to the new one.
+     */
+    private _playFlipAnimation;
+    /**
+     * Incremented whenever data is set, ensuring the cache is always invalidated.
+     * This replaces the fragile fingerprinting approach that missed adjacent swaps.
+     */
+    private _dataRevision;
     private _computeCacheKey;
     private _sortData;
     private _getRowKey;
-    /**
-     * Finds the actual index of a row in the full data array.
-     * This is critical for stable row keys when pagination is active.
-     */
-    private _getActualDataIndex;
     private _isColumnSortable;
     private _getColumnAlignment;
     private _getColspan;
@@ -161,6 +189,15 @@ export declare class PdTable<T extends PdTableRowData = PdTableRowData> extends
     private _handleDragHandleMouseDown;
     private _handleDragHandleMouseUp;
     private _handleDragHandleKeyDown;
+    /**
+     * Maps display indices to this.data indices, performs the reorder
+     * internally, and emits the event with the complete reordered array.
+     *
+     * When sorting is active the user sees a sorted view; dragging within it
+     * means "I accept this sorted order AND want to adjust it."  We therefore
+     * **materialize** the sort into the data array before applying the drag,
+     * so the result matches what the user visually intended.
+     */
     private _emitReorder;
     private _onColumnDragStart;
     private _onColumnDragOver;
@@ -181,6 +218,12 @@ export declare class PdTable<T extends PdTableRowData = PdTableRowData> extends
     private _renderBoolean;
     private _isReactElement;
     private _renderReactCellContent;
+    /**
+     * Renders a single table row.
+     * @param row        The data item
+     * @param displayIndex  0-based position in the visible (sorted/paginated) list — used for drag-and-drop
+     * @param dataIndex  Position in the original this.data array — used for row keys, selection, and events
+     */
     private _renderRow;
     private _renderEmptyState;
     private _renderLoadingState;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prioticket/design-system-web",
-  "version": "1.7.0-beta.1",
+  "version": "1.7.0",
   "type": "module",
   "packageManager": "yarn@3.6.4",
   "main": "./dist/prioticket-design-system-web.cjs.js",