feat(Authoring Tool): Drag and drop lessons and steps

[hirokiterashima]

We add a new default mode to the authoring tool unit editing view, which allows the author to move lessons and steps using drag and drop. The existing behavior (choosing lesson(s) or step(s) using the checkbox and then choosing a new location) has been moved to what we now call "batch edit mode".

Notes

Please style as you see fit. Things we discussed:

• hiding controls (e.g., add step button) while dragging
• indenting drop preview to make it clear that the step will be dragged in a branch path

Changes (in the unit editing view in the AT)

• Drag and drop lessons and steps in the default view
• Toggle "batch edit mode". This is what the edit unit view used to be
• Disable moving a branch step. We found a bug bug(Authoring Tool): Moving branch step breaks transition #2287 while working on this PR. We'll disable moving a branching step in default mode and batch edit mode to prevent authors from breaking their units.

Test

• The new drag and drop feature works as expected. Test all scenarios (branch, inactive lessons, inactive nodes, etc)
• Existing batch edit mode works as before

[qltysh]

❌ 2 blocking issues (2 total)

Tool	Category	Rule	Count
qlty	Structure	Function with many parameters (count = 7): constructor	2	❌

[qltysh]

Function with many parameters (count = 7): constructor [qlty:function-parameters]

[qltysh]

Function with many parameters (count = 7): constructor [qlty:function-parameters]

[qltysh]

Coverage Impact

Unable to calculate total coverage change because base branch coverage was not found.

Modified Files with Diff Coverage (5)

Rating	File	% Diff	Uncovered Line #s
	...-location/node-icon-and-title/node-icon-and-title.component.ts	88.9%	42
	src/assets/wise5/services/moveNodesService.ts	100.0%
	...project-authoring-lesson/project-authoring-lesson.component.ts	92.3%	53
	...ool/project-authoring-step/project-authoring-step.component.ts	100.0%
	...authoringTool/project-authoring/project-authoring.component.ts	100.0%
	Total	94.7%

🤖 Increase coverage with AI coding...

In the `project-authoring-drag-drop-mode` branch, add test coverage for this new code:

- `src/assets/wise5/authoringTool/choose-node-location/node-icon-and-title/node-icon-and-title.component.ts` -- Line 42
- `src/assets/wise5/authoringTool/project-authoring-lesson/project-authoring-lesson.component.ts` -- Line 53

🚦 See full report on Qlty Cloud »

🛟 Help

• Diff Coverage: Coverage for added or modified lines of code (excludes deleted files). Learn more.

• Total Coverage: Coverage for the whole repository, calculated as the sum of all File Coverage. Learn more.

• File Coverage: Covered Lines divided by Covered Lines plus Missed Lines. (Excludes non-executable lines including blank lines and comments.)

  • Indirect Changes: Changes to File Coverage for files that were not modified in this PR. Learn more.

[breity]

Looks good. 👍

I changed some styles, made some UI updates, and fixed most of the dragging visual bugs. Dragging to and from the unused sections still results in visual errors. But we decided to merge as is and re-design the unused section in a subsequent PR.

There's also still an issue dragging to/from the last lesson in the unit that prevents placing a step in certain positions in other lessons. Good to merge once this is fixed.

[hirokiterashima]

🎉 This PR is included in version 5.219.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀