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

Add keyboard nav to search; improve search productArea suggestions #174

Merged
merged 165 commits into from
Jun 14, 2023

Conversation

jeffdaley
Copy link
Contributor

@jeffdaley jeffdaley commented May 16, 2023

Adds keyboard-nav support to global search. Improves the accuracy and utility of the "View all [productName]" matches by searching productNames separately from the main search.

🚨 Algolia tweak: This requires the "product" facet on the primary index to be searchable.

@jeffdaley jeffdaley marked this pull request as ready for review June 7, 2023 19:15
@jeffdaley jeffdaley requested a review from a team as a code owner June 7, 2023 19:15
@jeffdaley jeffdaley force-pushed the jeffdaley/search-keyboard-nav branch from 5c7a965 to 11d98b7 Compare June 9, 2023 19:21
@jeffdaley jeffdaley marked this pull request as draft June 9, 2023 19:51
@jeffdaley jeffdaley marked this pull request as ready for review June 9, 2023 22:10
@jfreda
Copy link
Collaborator

jfreda commented Jun 13, 2023

🚨 Algolia tweak: This requires the "product" facet on the primary index to be searchable.

@jeffdaley To do this, we'll want to change to searchable(product) here.

@jeffdaley jeffdaley requested a review from jfreda June 14, 2023 14:11
Copy link
Collaborator

@jfreda jfreda left a comment

Choose a reason for hiding this comment

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

@jeffdaley jeffdaley merged commit 7e5e889 into main Jun 14, 2023
@jeffdaley jeffdaley deleted the jeffdaley/search-keyboard-nav branch June 14, 2023 21:21
anuragprafulla pushed a commit to razorpay/hermes that referenced this pull request Jun 27, 2023
…ashicorp-forge#174)

* Add product dropdown to draft template

* Add tests

* Start of custom popover

* Start generic popover component

* Organization

* Maybe In Element

* More API development

* Fix type errors

* Additional component work

* Progress

* Start of keyboard nav hookup

* UX improvements, experiments

* WIP - IDs

* Minor refactor and cleanup

* Update list.hbs

* Reorganize FloatingUI components

* Update content.ts

* Improve loading strategy

* Add `ember-element-helper`

* Refactor dropdown list container

* Template tweaks

* Template and CSS cleanup

* CSS cleanup

* API tweak

* Rename files

* Rearrange files

* Update index.hbs

* Yield items to main component

* Port facetDropdown to new Listbox

* Yielded components; general refactors

* Toggle components

* Improved saving state

* Class rearranging

* Add sortBy component

* Remove unused files

* Update syntax

* Improve tests passing

* Update tests

* FloatingUI API tweaks

* Tweak FUI

* Delete playground.hbs

* Update config.ts

* Rename/reorg

* Remove references to `f.content`

* Add comments to index

* Additional classes and documentation

* Clean up FacetDropdown

* Move FacetDropdown tests to DropdownListIndex

* Add aria test

* Test Keyboard navigation

* Test Enter key

* Add keyboard tests

* ToggleButton test

* LinkTo, CheckableItem tests

* CSS tweaks

* Update list.scss

* Add ToggleSelect and update NewDocForm

* Improvements around productAbbreviations

* Update checkable-item-test.ts

* Fix scrolling issue

* Update index.ts

* Stop propigation on the DropdownList

* Add product abbreviation to dropdown

* Tweaked ProductDropdown

* Improve ProductSelect dropdown

* Replace ToggleSelect

* Delete toggle-select.hbs

* Clean up FloatDown API

* Replace FacetDropdowns

* Improve styling

* Basic search keyboardFunctions done

* Improved semantics of header

* Improve model/query args; add Glint boilerplate

* Contextual "Best matches" header

* Improve popover styles

* UX Improvements

- Add floatingUIOffset
- Improved empty-search handling
- Improved keyboard handling
- Improve productMatch suggestion
- Improve enter-to-submit function

* Update product/area link

* Add support for offset

* Removed commented-out code

* Add and test LinkTo helpers

* Tweak types, Glint boilerplate

* Glint tweaks

* Improve saving state

* Cleanup

* Glint-related updates

* Glint types, todo test

* Start of badgeDropdownList tests

* Move tests to acceptance

* Simplify glint-nochecks

* Fix broken tests

* Remove old code

* Test fixes and improvements

* File renames

* Update docNumber function

* Update badge-dropdown-list-test.ts

* Update checkable-item.hbs

* Update item.ts

* BadgeDropdownList component

* BadgeDropdownList component

* Add custom-item test

* Remove unnecessary comment

* Update list-item.scss

* Resolve merge conflict

* ProductSelect component

* Add list item tests

* Tests, styles, cleanup

* Add onChange test

* Pass @ICON into component

* Remove unused property

* Remove unused property

* Revert unintended change

* Padding tweak; Prettier

* Revert trivial change

* Start of working tests

* More tests

* Fix failing tests

* CSS tweaks

* Cleanup

* Cleanup and height tweaks

* Class cleanup

* Update factory type

* Cleanup, documentation and UX improvements

* Improve shouldRenderOut documentation

* Fix broken tests

* Add itemShouldRenderOut test

* Remove need for separate index

* Update Mirage responses and search tests

* Make product facet searchable
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants