Selectpanel2: Remove SelectPanel.ActionList API

[siddharthkp]

Part 1: tiny API change

API before this PR:

<SelectPanel>
  ...
  <SelectPanel.ActionList>
    <ActionList.Item>
     <ActionList.LeadingVisual><Avatar/></ActionList.LeadingVisual>
      Armağan 
      <ActionList.Description>broccolinisoup</ActionList.Description>
    </ActionList.Item>
    <ActionList.Item>
     <ActionList.LeadingVisual><Avatar/></ActionList.LeadingVisual>
      Pavithra 
      <ActionList.Description>pksjce</ActionList.Description>
    </ActionList.Item>
  </SelectPanel.ActionList>
</SelectPanel>

Hard to guess that it's SelectPanel.ActionList but ActionList.Item, ActionList.LeadingVisual inside it etc.

We could recommend

• a) SelectPanel.ActionList.Item and SelectPanel.Item.LeadingVisual
• b) Or SelectPanel.Item and SelectPanel.LeadingVisual...

but, it feels even nicer if we don't need either. ActionList already supports a composition-friendly context for container components.

New API:

<SelectPanel>
  ...
- <SelectPanel.ActionList>
+ <ActionList>
    <ActionList.Item>
     <ActionList.LeadingVisual><Avatar/></ActionList.LeadingVisual>
      Armağan 
      <ActionList.Description>broccolinisoup</ActionList.Description>
    </ActionList.Item>
    <ActionList.Item>
     <ActionList.LeadingVisual><Avatar/></ActionList.LeadingVisual>
      Pavithra 
      <ActionList.Description>pksjce</ActionList.Description>
    </ActionList.Item>
- </SelectPanel.ActionList>
+ </ActionList>
</SelectPanel>

Part 2: it's free real estate accessibility attributes

Utilising the ActionListContainerContext, we can set role for ActionList from the container (SelectPanel) and adapt item roles within ActionList

Before	After

[github-actions]

size-limit report 📦

Path	Size
dist/browser.esm.js	104.55 KB (+0.03% 🔺)
dist/browser.umd.js	105.13 KB (+0.03% 🔺)

[siddharthkp]

moved the styles from SelectPanel.ActionList here

[broccolinisoup]

Just left a question and the API change makes sense to me 👍🏻

[broccolinisoup]

Oops I didn't catch that in the previous PR too 😬

[broccolinisoup]

From what I understand, the role is always going to be listbox and selectionAttribute be aria-selected for SelectPanel. is that right?

[siddharthkp]

Yep, that is always true :)