m2m: option to hide relational item in drawer

[Dominic-Marcelino]

Summary

The m2m drawer always includes the relational field as well as the additional fields from the junction table.

In some use-cases we might want to display the junction fields only (e.g when using the m2m for a translation).

Basic Example

No response

Motivation

Manage junction fields only from the drawer (e.g in translational setups)

Detailed Design

Therefore an additional prop displayRelatedItem
Would need to be added todrawer-item :

https://github.com/directus/directus/blob/main/app/src/views/private/components/drawer-item.vue#L406-L432

and than being used in the interface:

directus/app/src/interfaces/list-m2m/list-m2m.vue

Lines 591 to 602 in 1d7e0b7

	<drawer-item
	v-model:active="editModalActive"
	:disabled="disabled || (!updateAllowed && currentlyEditing !== null)"
	:collection="relationInfo.junctionCollection.collection"
	:primary-key="currentlyEditing || '+'"
	:related-primary-key="relatedPrimaryKey || '+'"
	:junction-field="relationInfo.junctionField.field"
	:edits="editsAtStart"
	:circular-field="relationInfo.reverseJunctionField.field"
	:junction-field-location="junctionFieldLocation"
	@input="stageEdits"
	/>

Requirements List

Must Have:

• extend drawerItem with a new prop
• update usage

Drawbacks

The related item might be needed in the editing context, but don’t think so. If so, it could simply be hidden based on the prop.

Alternatives

N/a

Adoption Strategy

N/a

Unresolved Questions

No response