mirror of
https://github.com/Memo-2023/mana-monorepo.git
synced 2026-05-15 00:41:09 +02:00
8409f8a8a2
Implement a two-layer DnD system in @manacore/shared-ui/dnd that coexists with svelte-dnd-action (same-type reordering): - Layer 1 (Pointer Events): dragSource + dropTarget actions for cross-type drags (e.g. Tag → Task). Mobile-first with long-press (300ms) and haptic feedback. - Layer 2 (Passive Overlay): passiveDropZone action detects when svelte-dnd-action drags hover over external targets (e.g. Task → Tag pill, Task → Trash zone). - DragPreview: floating pill that follows the finger/cursor during Layer 1 drags. - ActionZone: auto-appearing drop zones (trash, archive) during any drag. Integrate into Todo app: - TagStrip pills: draggable (dragSource) + accept tasks (passiveDropZone) - TaskList items: accept tags (dropTarget) + register drags for passive layer - ViewColumn + FokusLayout: register svelte-dnd-action drags for passive layer - Layout: DragPreview + ActionZone (trash) added, tasks enriched with resolved label objects from shared tags so tag badges actually render on TaskItem. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
59 lines
1.4 KiB
JSON
59 lines
1.4 KiB
JSON
{
|
|
"name": "@manacore/shared-ui",
|
|
"version": "0.1.0",
|
|
"private": true,
|
|
"type": "module",
|
|
"svelte": "./src/index.ts",
|
|
"main": "./src/index.ts",
|
|
"types": "./src/index.ts",
|
|
"exports": {
|
|
".": {
|
|
"svelte": "./src/index.ts",
|
|
"types": "./src/index.ts",
|
|
"default": "./src/index.ts"
|
|
},
|
|
"./atoms": {
|
|
"svelte": "./src/atoms/index.ts",
|
|
"types": "./src/atoms/index.ts",
|
|
"default": "./src/atoms/index.ts"
|
|
},
|
|
"./molecules": {
|
|
"svelte": "./src/molecules/index.ts",
|
|
"types": "./src/molecules/index.ts",
|
|
"default": "./src/molecules/index.ts"
|
|
},
|
|
"./organisms": {
|
|
"svelte": "./src/organisms/index.ts",
|
|
"types": "./src/organisms/index.ts",
|
|
"default": "./src/organisms/index.ts"
|
|
},
|
|
"./dnd": {
|
|
"svelte": "./src/dnd/index.ts",
|
|
"types": "./src/dnd/index.ts",
|
|
"default": "./src/dnd/index.ts"
|
|
}
|
|
},
|
|
"scripts": {
|
|
"lint": "eslint ."
|
|
},
|
|
"peerDependencies": {
|
|
"svelte": "^5.0.0"
|
|
},
|
|
"dependencies": {
|
|
"@manacore/shared-branding": "workspace:*",
|
|
"@manacore/shared-icons": "workspace:*",
|
|
"@manacore/shared-theme": "workspace:*",
|
|
"@manacore/shared-types": "workspace:*",
|
|
"d3-force": "^3.0.0",
|
|
"d3-selection": "^3.0.0",
|
|
"d3-transition": "^3.0.0",
|
|
"d3-zoom": "^3.0.0",
|
|
"date-fns": "^4.1.0"
|
|
},
|
|
"devDependencies": {
|
|
"@types/d3-force": "^3.0.10",
|
|
"@types/d3-selection": "^3.0.11",
|
|
"@types/d3-transition": "^3.0.9",
|
|
"@types/d3-zoom": "^3.0.8"
|
|
}
|
|
}
|