Inline searching for grid and grid block

[aptkingston]

Description

This PR adds inline searching to the grid and grid block. Searching is only supported on a subset of column types, which right now is string, options, longform, array, number and formula columns which are of the static type.

The search field itself is always a text field at the moment, which is the main reason searching on dates is currently unsupported. This may be improved upon in future.

The search operator used is the most sensible of the available options for a given type. For most text based columns that is currently a string operator (which is a "starts with"). For numbers we use an equal operator, and for multi-select columns we use a contains operator.

Filters can be cleared by either clearing the text field or pressing the dedicated clear icon.

Using search

Hover over a header cell, and if search is supported then the left icon will transform into a search icon:

Pressing the icon will transform the header into a text input and focus is, ready to type to search:

Typing a search value will automatically start filtering the rows in the grid. Searching is automatically performed on keystrokes (debounced by a short delay to avoid spam):

Blurring the field will keep the filter active and highlight the header cell with a unique background color, highlighting to the user that this column has a filter applied:

Multiple filters can be applied at the same time and results are those that match ALL the specified filters:

Addresses:

• https://linear.app/budibase/issue/BUDI-7542/grid-block-add-search-functionality

Documentation

• I have reviewed the budibase documentatation to verify if this feature requires any changes. If changes or new docs are required I have written them.

Feature branch env

Feature Branch Link

[Ghrehh]

LGTM, small question though.

A row added while an inline search is in progress will be visible even if it doesn't match the search parameters, at least for string fields, just checking this is intentional, not sure if it being immediately hidden is preferable tbh

[aptkingston]

LGTM, small question though.

A row added while an inline search is in progress will be visible even if it doesn't match the search parameters, at least for string fields, just checking this is intentional, not sure if it being immediately hidden is preferable tbh

Yea I think that's the better alternative to creating a row just to have it immediately hidden. It's sort of a middle-ground though, because if you re-sort your data or do another search then the new row will be hidden. So it's basically just visible immediately after creation until the next filter/sort gets applied.

[deanhannigan]

LGTM. Couple of questions:

• Search case sensitive for MultiSelect column but not Options?
  • When searching for "fuel" in the expenses I get no results.
• For V1 Views with a groupBy defined, the grid loads but its blank
• Similar issue to the schema issue outlined here.
• Parse view v1 schema to fix builder crash. #12135

[aptkingston]

As discussed, just leaving the comments here for visibility:

Search case sensitive for MultiSelect column but not Options?

Technical restriction unfortunately due to how the fields are indexed.

For V1 Views with a groupBy defined, the grid loads but its blank

I'll attempt to support these old views by updating the ViewFetch to transform "groupBy" views into a valid schema structure.

[aptkingston]

I've added support for old views with groupBy specified. Quick screenshot showing that working: