Refactor Select to use ListBoxSection (#504)

* bump RAC to 1.5.0 * replace Section with ListBoxSection * Revert "bump RAC to 1.5.0" This reverts commit 75e05e7. * Reapply "bump RAC to 1.5.0" This reverts commit 0edc443.
bcgov · Dec 11, 2024 · 65e4f1a · 65e4f1a
1 parent cab8e45
commit 65e4f1a
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/packages/react-components/src/components/Select/Select.tsx b/packages/react-components/src/components/Select/Select.tsx
@@ -8,8 +8,8 @@ import {
   ListBox,
   ListBoxItem,
   ListBoxItemProps as ReactAriaListBoxItemProps,
+  ListBoxSection,
   Popover,
-  Section,
   Select as ReactAriaSelect,
   SelectProps as ReactAriaSelectProps,
   SelectValue,
@@ -124,7 +124,10 @@ export default function Select<T extends object>({
               }
             >
               {(section: SelectionSectionProps) => (
-                <Section id={section.id} className="bcds-react-aria-Section">
+                <ListBoxSection
+                  id={section.id}
+                  className="bcds-react-aria-Section"
+                >
                   {section?.header && (
                     <Header className="bcds-react-aria-Select--Header">
                       {section.header}
@@ -168,7 +171,7 @@ export default function Select<T extends object>({
                       </ListBoxItem>
                     )}
                   </Collection>
-                </Section>
+                </ListBoxSection>
               )}
             </ListBox>
           </Popover>