CustomTableComponent: Edit-Click Emits Row Data

[FutzMonitor]

Current Functionality

Currently when the CustomTableComponent's edit button is clicked it emits an event called edit-click which can be used to run whatever methods needed on the parent page. For example, the Seeding Report page uses this emitted event to disable the filters on the page so that users cannot alter the filters while editing a row. However, the emitted event does not emit any payload.

            this.rowToEditIndex = index
            this.currentlyEditing = true
            this.originalRow = JSON.parse(JSON.stringify({ 
                'id': this.rows[index].id,
                'data': this.rows[index].data
            }))
            this.editedRowData = { 
                'id': this.rows[index].id,
                'data': this.rows[index].data
            }
            this.$emit('edit-clicked')
        },

As can be seen, an event is emitted but no payload along with the event.

Desired Functionality

The edit-click emitted event needs to emit the row data of the row being edited. This will require editing the editRow method [here]. Additionally, you will need to add a test case in the CustomTable's Cypress test [here] that assures that this payload is sent is correct.

[FutzMonitor]

I'll be tackling this issue.