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.

Sign up for GitHub

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

Jump to bottom

Add customization support for FieldBaseAutosuggest options #10624

Open
blesildaramirez opened this issue Nov 20, 2024 · 0 comments
Open

Add customization support for FieldBaseAutosuggest options #10624

blesildaramirez opened this issue Nov 20, 2024 · 0 comments
Assignees
@blesildaramirez
Labels
Accessibility Any issue that impacts assistive technology or users with visual or physical impairments. UI/UX Issues affecting the user interface/user experience

Comments

@blesildaramirez
Copy link
Contributor

blesildaramirez commented Nov 20, 2024 •
edited
Loading

Issue Description

The FieldBaseAutosuggest component needs to support customization of dropdown options to align with new designs for selecting affiliations when adding contributors. This includes adding icons and other elements to improve usability and meet design requirements.

Action

Improve the FieldBaseAutosuggest component to allow customization of each dropdown option. This includes ability to add icons, links, or other elements by using named slots. Ensure the component retains its default rendering behavior for cases where customization is not required.

Mockup

Image

Pull request:
pkp/ui-library#449
@blesildaramirez blesildaramirez added Accessibility Any issue that impacts assistive technology or users with visual or physical impairments. UI/UX Issues affecting the user interface/user experience labels Nov 20, 2024
@blesildaramirez blesildaramirez self-assigned this Nov 20, 2024
blesildaramirez added a commit to blesildaramirez/ui-library that referenced this issue Nov 20, 2024
@blesildaramirez
pkp/pkp-lib#10624 Add slots for rendering FieldBaseAutosuggest options
b1c9e24
blesildaramirez added a commit to blesildaramirez/ui-library that referenced this issue Nov 20, 2024
@blesildaramirez
pkp/pkp-lib#10624 Add ROR and NewTab icons
7defb74
@GaziYucel GaziYucel mentioned this issue Nov 21, 2024
Open
blesildaramirez added a commit to blesildaramirez/ui-library that referenced this issue Nov 22, 2024
@blesildaramirez
pkp/pkp-lib#10624 Add slots for rendering FieldBaseAutosuggest options
3039639
blesildaramirez added a commit to blesildaramirez/ui-library that referenced this issue Nov 22, 2024
@blesildaramirez
pkp/pkp-lib#10624 Add ROR and NewTab icons
ec5cebd
blesildaramirez added a commit to blesildaramirez/ui-library that referenced this issue Nov 22, 2024
@blesildaramirez
pkp/pkp-lib#10624 Update Autosuggest component
e5982e7
blesildaramirez added a commit to blesildaramirez/ui-library that referenced this issue Nov 22, 2024
@blesildaramirez
pkp/pkp-lib#10624 Apply changes from icon component
ae2f633
blesildaramirez added a commit to blesildaramirez/ui-library that referenced this issue Nov 22, 2024
@blesildaramirez
pkp/pkp-lib#10624 Remove FieldCombobox component
014edaa
blesildaramirez added a commit to blesildaramirez/ui-library that referenced this issue Nov 24, 2024
@blesildaramirez
pkp/pkp-lib#10624 Remove autosuggest props in api
bbed3b0
blesildaramirez added a commit to blesildaramirez/ui-library that referenced this issue Nov 27, 2024
@blesildaramirez
pkp/pkp-lib#10624 Add slots for rendering FieldBaseAutosuggest options
8275447
blesildaramirez added a commit to blesildaramirez/ui-library that referenced this issue Nov 27, 2024
@blesildaramirez
pkp/pkp-lib#10624 Add ROR and NewTab icons
2d4bcda
blesildaramirez added a commit to blesildaramirez/ui-library that referenced this issue Nov 27, 2024
@blesildaramirez
pkp/pkp-lib#10624 Update Autosuggest component
a829d05
blesildaramirez added a commit to blesildaramirez/ui-library that referenced this issue Nov 27, 2024
@blesildaramirez
pkp/pkp-lib#10624 Apply changes from icon component
ead1589
blesildaramirez added a commit to blesildaramirez/ui-library that referenced this issue Nov 27, 2024
@blesildaramirez
pkp/pkp-lib#10624 Remove FieldCombobox component
dd1875d
blesildaramirez added a commit to blesildaramirez/ui-library that referenced this issue Nov 27, 2024
@blesildaramirez
pkp/pkp-lib#10624 Remove autosuggest props in api
aefcb78
blesildaramirez added a commit to blesildaramirez/ui-library that referenced this issue Nov 27, 2024
@blesildaramirez
pkp/pkp-lib#10624 Move methods from FieldBaseAutosuggest to useAutosu…
b23bbdc 
…ggest API
blesildaramirez added a commit to blesildaramirez/ui-library that referenced this issue Dec 2, 2024
@blesildaramirez
pkp/pkp-lib#10624 Add slots for rendering FieldBaseAutosuggest options
7f3fa02
blesildaramirez added a commit to blesildaramirez/ui-library that referenced this issue Dec 2, 2024
@blesildaramirez
pkp/pkp-lib#10624 Add ROR and NewTab icons
7e4ae3c
blesildaramirez added a commit to blesildaramirez/ui-library that referenced this issue Dec 2, 2024
@blesildaramirez
pkp/pkp-lib#10624 Update Autosuggest component
09fe673
blesildaramirez added a commit to blesildaramirez/ui-library that referenced this issue Dec 2, 2024
@blesildaramirez
pkp/pkp-lib#10624 Apply changes from icon component
3eaf19a
blesildaramirez added a commit to blesildaramirez/ui-library that referenced this issue Dec 2, 2024
@blesildaramirez
pkp/pkp-lib#10624 Remove FieldCombobox component
345ade1
blesildaramirez added a commit to blesildaramirez/ui-library that referenced this issue Dec 2, 2024
@blesildaramirez
pkp/pkp-lib#10624 Remove autosuggest props in api
2c3e46b
blesildaramirez added a commit to blesildaramirez/ui-library that referenced this issue Dec 2, 2024
@blesildaramirez
pkp/pkp-lib#10624 Move methods from FieldBaseAutosuggest to useAutosu…
2fd4c9e 
…ggest API
blesildaramirez added a commit to blesildaramirez/ui-library that referenced this issue Dec 2, 2024
@blesildaramirez
Revert "pkp/pkp-lib#10624 Move methods from FieldBaseAutosuggest to u…
edf49a6 
…seAutosuggest API"

This reverts commit b23bbdc.
blesildaramirez added a commit to blesildaramirez/ui-library that referenced this issue Dec 2, 2024
@blesildaramirez
pkp/pkp-lib#10624 Move autosuggest functions from api to component
a49eace
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@blesildaramirez blesildaramirez

Labels
Accessibility Any issue that impacts assistive technology or users with visual or physical impairments. UI/UX Issues affecting the user interface/user experience
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@blesildaramirez