fix: Clear usergroup selection before editing rows

Signed-off-by: Enjeck C <patrathewhiz@gmail.com>

Author: enjeck

cypress/e2e/column-usergroup.cy.js

@@ -59,6 +59,7 @@ describe('Test column ' + columnTitle, () => {
         cy.get('[data-cy="ncTable"] table tr td .user-bubble__name').contains(localUser.userId).should('be.visible')
 
         cy.get('[data-cy="ncTable"] [data-cy="editRowBtn"]').click()
+        cy.get('[data-cy="usergroupRowSelect"] .vs__deselect').click({ multiple: true })
         cy.get('[data-cy="usergroupRowSelect"] input').clear().type(nonLocalUser.userId)
         cy.get(`.vs__dropdown-menu [id="${nonLocalUser.userId}"]`).click()
         cy.get('[data-cy="editRowSaveButton"]').click()

src/shared/components/ncTable/partials/rowTypePartials/UsergroupForm.vue

@@ -69,19 +69,19 @@ export default {
 		// Doing this in data() doesn't work due to timing issues,
 		// since the data() function runs before the capabilities are fully initialized
 		this.selectCircles = this.isCirclesEnabled ? this.column.usergroupSelectTeams : false
-		
+
 		let initialValue = this.value
 		if (!initialValue || (Array.isArray(initialValue) && initialValue.length === 0)) {
 			initialValue = this.column.usergroupDefault || []
 		}
-		
+
 		const formatted = (Array.isArray(initialValue) ? initialValue : []).map(item => ({
 			...(item ?? {}),
 			// Adding a unique key such that removing items works correctly
 			key: this.getKeyPrefix(item?.type) + (item?.id ?? ''),
 		}))
 		this.internalLocalValue = formatted
-		
+
 		if (formatted.length > 0) {
 			this.$emit('update:value', formatted)
 		}