Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[TableListView] Hint message for chars not allowed in search #197307

Merged
merged 5 commits into from
Oct 24, 2024

Conversation

sebelga
Copy link
Contributor

@sebelga sebelga commented Oct 22, 2024

In this PR I've added a hint to the table list view search bar to indicate the characters that are not allowed.

This partially fixes #151120. Ideally we should allow special chars in the search bar. elastic/eui#7175 introduced a way to do plain search with special characters but if we turn it on we lose the filtering mechanism of the EuiInMemoryTable.

Screenshot

Oct-23-2024 12-51-21

@sebelga sebelga self-assigned this Oct 22, 2024
@sebelga sebelga added release_note:skip Skip the PR/issue when compiling release notes Team:SharedUX Team label for AppEx-SharedUX (formerly Global Experience) backport:prev-minor Backport to (9.0) the previous minor version (i.e. one version back from main) Component:TableListView labels Oct 22, 2024
@sebelga sebelga changed the title [TableListView] Add hint message to indicate chars not allowed in search [TableListView] Hint message for chars not allowed in search Oct 22, 2024
@sebelga sebelga marked this pull request as ready for review October 22, 2024 16:48
@sebelga sebelga requested a review from a team as a code owner October 22, 2024 16:48
@elasticmachine
Copy link
Contributor

Pinging @elastic/appex-sharedux (Team:SharedUX)

@tsullivan
Copy link
Member

@sebelga

This seems to be working as intended, but the help text seems to be quite intrusive, and shows up whenever there is focus in the text box.

Could we make the help text show up only if the user has input one of the disallowed characters?

@sebelga
Copy link
Contributor Author

sebelga commented Oct 23, 2024

Thanks for the review @tsullivan!

Could we make the help text show up only if the user has input one of the disallowed characters?

Good idea, I addressed it in 14fd42e and updated the PR description to show the new behaviour.

Can you have another look? Thanks! 👍

@elasticmachine
Copy link
Contributor

💚 Build Succeeded

Metrics [docs]

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id before after diff
dashboard 642.2KB 643.0KB +738.0B
eventAnnotationListing 226.9KB 227.6KB +738.0B
filesManagement 120.6KB 121.3KB +738.0B
graph 413.2KB 413.9KB +738.0B
maps 3.0MB 3.0MB +738.0B
visualizations 315.5KB 316.2KB +738.0B
total +4.3KB

History

cc @sebelga

Copy link
Member

@tsullivan tsullivan left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@sebelga sebelga merged commit b45a8e0 into elastic:main Oct 24, 2024
23 checks passed
@kibanamachine
Copy link
Contributor

Starting backport for target branches: 8.x

https://github.com/elastic/kibana/actions/runs/11495246677

@kibanamachine
Copy link
Contributor

💚 All backports created successfully

Status Branch Result
8.x

Note: Successful backport PRs will be merged automatically after passing CI.

Questions ?

Please refer to the Backport tool documentation

kibanamachine added a commit that referenced this pull request Oct 24, 2024
…197307) (#197570)

# Backport

This will backport the following commits from `main` to `8.x`:
- [[TableListView] Hint message for chars not allowed in search
(#197307)](#197307)

<!--- Backport version: 9.4.3 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sqren/backport)

<!--BACKPORT [{"author":{"name":"Sébastien
Loix","email":"[email protected]"},"sourceCommit":{"committedDate":"2024-10-24T08:10:49Z","message":"[TableListView]
Hint message for chars not allowed in search
(#197307)","sha":"b45a8e0866f334c1468cfdf9d3a7b0076032ca92","branchLabelMapping":{"^v9.0.0$":"main","^v8.17.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:skip","v9.0.0","Team:SharedUX","backport:prev-minor","Component:TableListView"],"title":"[TableListView]
Hint message for chars not allowed in
search","number":197307,"url":"https://github.com/elastic/kibana/pull/197307","mergeCommit":{"message":"[TableListView]
Hint message for chars not allowed in search
(#197307)","sha":"b45a8e0866f334c1468cfdf9d3a7b0076032ca92"}},"sourceBranch":"main","suggestedTargetBranches":[],"targetPullRequestStates":[{"branch":"main","label":"v9.0.0","branchLabelMappingKey":"^v9.0.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/197307","number":197307,"mergeCommit":{"message":"[TableListView]
Hint message for chars not allowed in search
(#197307)","sha":"b45a8e0866f334c1468cfdf9d3a7b0076032ca92"}}]}]
BACKPORT-->

Co-authored-by: Sébastien Loix <[email protected]>
@sebelga sebelga deleted the table-list-view/improve-search-exp branch October 25, 2024 12:50
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
backport:prev-minor Backport to (9.0) the previous minor version (i.e. one version back from main) Component:TableListView release_note:skip Skip the PR/issue when compiling release notes Team:SharedUX Team label for AppEx-SharedUX (formerly Global Experience) v8.17.0 v9.0.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[TableListView] Listing page search ignores special characters without warning
4 participants