Fix/person/select/selectedperson clear

[eikeland]

Fixes clearing selected person when using selectedPerson attribute.

Issue: https://github.com/equinor/fusion/issues/386

Reference AB#55369

File: controller.ts

Summary of Changes:

1. New Methods Added:
   • clearInput(): Clears the input fields and resets the host's value and search properties.
   • clear(): Calls clearInput(), clears selected IDs, resets the selected person, and dispatches a custom PersonSelectEvent.
   • closeClick(e: MouseEvent | KeyboardEvent): Handles the close icon click event, blurs the input and close icon, closes the dropdown if open, and calls an external close handler if defined.

Detailed Changes:

1. Method: clearInput()

   • Purpose: Clears the input fields and resets the host's value and search properties.
   • Code:

     public clearInput() {
       this.#host.value = '';
       this.#host.search = '';
       this.#host.textInputElement.value = '';
     }

2. Method: clear()

   • Purpose: Calls clearInput(), clears selected IDs, resets the selected person, and dispatches a custom PersonSelectEvent.
   • Code:

     public clear() {
       this.clearInput();
     
       if (this.selectedIds.size) {
         this.selectedIds.clear();
       }
     
       if (this.#host.selectedPerson) {
         this.#host.selectedPerson = null;
       }
     
       /* Dispatch custom select event with our details */
       this.#host.dispatchEvent(
         new PersonSelectEvent({
           detail: {
             selected: null,
           },
           bubbles: true,
         }),
       );
     }

3. Method: closeClick(e: MouseEvent | KeyboardEvent)

   • Purpose: Handles the close icon click event, blurs the input and close icon, closes the dropdown if open, and calls an external close handler if defined.
   • Code:

     public closeClick = (e: MouseEvent | KeyboardEvent): void => {
       if (e.type === 'keydown') {
     
         /* only close on enter or space not tab */
         const me = e as KeyboardEvent;
         if (me.key !== 'Enter' && me.key !== 'Space') {
           return;
         }
     
         /* blur closeicon if focused */
         const closeIcon = this.#host.renderRoot.querySelector('.trailing');
         if (closeIcon) {
           (closeIcon as HTMLSpanElement).blur();
         }
       }
     
       if (this.#host.textInputElement) {
         this.#host.textInputElement.blur();
       }
     
       /* close dropdown if open */
       if (this.isOpen) {
         this.isOpen = false;
       }
     
       /* call resolvers handleclick if defined */
       if (this.#externaCloseHandler) {
         this.#externaCloseHandler(e);
       }
     }

[changeset-bot]

🦋 Changeset detected

Latest commit: 2d6b8da

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@equinor/fusion-wc-person	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR