Shared table-dnd UI and align GFM markdown table reorder with CSV #263

New issue

Closed

opened 2026-06-04 15:41:28 +00:00 by steve · 0 comments

steve commented

2026-06-04 15:41:28 +00:00

Owner

Extract CSV-proven table reorder DnD into @lapis-notes/ui/table-dnd and refactor GFM live-preview markdown tables to use the same pattern.

Acceptance Criteria

tableReorderSensors, dropIndicatorClasses, TableDragGrip, and parsers live in @lapis-notes/ui/table-dnd
CSV table preview behavior unchanged; imports shared module
GFM markdown table uses attachHandle, onDragOver, cell/head droppables (no overlay drop targets)
Row reorder e2e and CSV grip e2e pass
Grid-table migration tracked as follow-up issue

Validation

pnpm --filter @lapis-notes/ui test
pnpm --filter @lapis-notes/plugin-csv test
pnpm --filter @lapis-notes/markdown check:svelte
Workspace e2e csv-editor + markdown-rich-content table tests
make spec-lint

Implementation Summary

Added @lapis-notes/ui/table-dnd (sensors, utils, TableDragGrip, vitest). CSV and GFM markdown live-preview tables share the CSV dnd-kit pattern (attachHandle grips, tableReorderSensors, cell/head droppables, onDragOver). Removed markdown overlay drag components. Validated: ui test, csv test, markdown check:svelte, csv grip e2e, markdown table row reorder e2e, spec-lint. Grid-table migration remains #264.

Extract CSV-proven table reorder DnD into `@lapis-notes/ui/table-dnd` and refactor GFM live-preview markdown tables to use the same pattern. ## Acceptance Criteria - `tableReorderSensors`, `dropIndicatorClasses`, `TableDragGrip`, and parsers live in `@lapis-notes/ui/table-dnd` - CSV table preview behavior unchanged; imports shared module - GFM markdown table uses attachHandle, onDragOver, cell/head droppables (no overlay drop targets) - Row reorder e2e and CSV grip e2e pass - Grid-table migration tracked as follow-up issue ## Validation - `pnpm --filter @lapis-notes/ui test` - `pnpm --filter @lapis-notes/plugin-csv test` - `pnpm --filter @lapis-notes/markdown check:svelte` - Workspace e2e csv-editor + markdown-rich-content table tests - `make spec-lint`  ## Implementation Summary Added @lapis-notes/ui/table-dnd (sensors, utils, TableDragGrip, vitest). CSV and GFM markdown live-preview tables share the CSV dnd-kit pattern (attachHandle grips, tableReorderSensors, cell/head droppables, onDragOver). Removed markdown overlay drag components. Validated: ui test, csv test, markdown check:svelte, csv grip e2e, markdown table row reorder e2e, spec-lint. Grid-table migration remains #264.

Rows
Columns