Skip to content

Resolve "Data Explorer"

Alexander Haller requested to merge 1904-data-explorer into develop

What is in this MR

This MR introduces the data explorer.

The new component allows you to insert data into a formula field without having to write the formula yourself.

All formula fields in the AB have been updated to support the data explorer.

How to test this MR

Please note, when I refer to editor in the below, I am referring to the text field where the formula is written in.

  • Create a new page
  • Add a page parameter
  • Add a data source that fetches a row
    • Notice that when selecting the row id you should already see the page parameter that you just added
  • Add a paragraph element
  • Select the Text input
    • Notice how you can see both the data from the data source but also the page parameter
  • Select some piece of data from the data source
  • Click on the piece of data in the editor that you just added
    • Notice how it is now highlighted in the data explorer
  • Select a different piece of data in the explorer
    • Notice how the data point in the editor was updated
  • Add some text in the editor
  • Click on another data point in the data explorer
    • Notice how it didn't update but added the data point now
  • Create another data source (this time listing rows)
    • Make sure you list at least 50 rows
  • Go back to the paragraph and add row 49 to the editor
  • Scroll up in the data explorer all the way to the top
  • Click on row 49 in the editor
    • Notice how the data explorer scrolls down to row 49
  • Delete a data source that is being used in the editor
    • Notice how the element in the editor turns red to indicate that the data doesn't exist anymore
  • Throttle your internet speed and update a data source
    • Notice how there is a loading animation in the data explorer while the update happens and you have the explorer open for the paragraph
    • Notice how there isn't a loading animation for the data explorer for the row id (since it doesn't depend on the data being loaded)

Overall there is a lot of functionality baked into this MR so make sure to test everything that comes to mind.

Merge Request Checklist

  • changelog.md has been updated if required.
  • New/updated Premium/Enterprise features are separated correctly in the premium or enterprise folder
  • The latest Chrome and Firefox have been used to test any new frontend features
  • Documentation has been updated
  • Quality Standards are met
  • Performance: tables are still fast with 100k+ rows, 100+ field tables
  • The redoc API pages have been updated for any REST API changes
  • Our custom API docs are updated for changes to endpoints accessed via api tokens
  • The UI/UX has been updated following UI Style Guide

Closes #1904 (closed)

Edited by Alexander Haller

Merge request reports