Feat(DND): Enable Simple DND #1620

shivamG640 · 2024-11-15T14:54:55Z

Fixes #80 partially

Current Status

Done:

Enabled DND of nodes over other nodes and groups(not all processors).
Enabled containers drag only when collapsed.
Added Visual Feedback when DND on groups and nodes.

Above changes can be tested live here.

Pending:

Enable drop on groups like choice, dotry processor
Enable drop on a specific container in case of multiple level of nested container. Currently dragged node can only goes to the same level container.
Enable container drag without the need of collapsing.
Add enable/disable DND feature on settings page.

codecov · 2024-11-15T14:59:26Z

Codecov Report

Attention: Patch coverage is 34.01361% with 97 lines in your changes missing coverage. Please review.

Please upload report for BASE (main@4d8d775). Learn more about missing BASE report.

Files with missing lines	Patch %	Lines
...omponents/Visualization/Custom/Node/CustomNode.tsx	57.35%	29 Missing ⚠️
...isualization/flows/abstract-camel-visual-entity.ts	0.00%	25 Missing ⚠️
...c/models/visualization/flows/pipe-visual-entity.ts	0.00%	19 Missing ⚠️
.../ui/src/models/visualization/visualization-node.ts	0.00%	7 Missing ⚠️
...ization/flows/camel-error-handler-visual-entity.ts	0.00%	6 Missing ⚠️
...on/flows/camel-rest-configuration-visual-entity.ts	0.00%	6 Missing ⚠️
...Visualization/Custom/Group/CustomGroupExpanded.tsx	66.66%	5 Missing ⚠️

Additional details and impacted files

@@           Coverage Diff           @@
##             main    #1620   +/-   ##
=======================================
  Coverage        ?   83.10%           
  Complexity      ?      365           
=======================================
  Files           ?      284           
  Lines           ?     8259           
  Branches        ?     1630           
=======================================
  Hits            ?     6864           
  Misses          ?     1307           
  Partials        ?       88

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.