refactor: Move listbox list prop types into the listbox folder

ListElementProps (formerly MenuProps) and GetOptionProps now live in src/internal/components/listbox/interfaces.ts. PlainList imports them from there, so the shared list no longer depends on Select's hook module. No behavior change.

Author: amanabiy

src/internal/components/listbox/interfaces.ts

@@ -0,0 +1,13 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React from 'react';
+
+import { DropdownOption } from '../option/interfaces';
+import { OptionsListProps } from '../options-list';
+import { ItemProps } from './parts/item';
+
+/** Props spread onto the list element (`OptionsList`). */
+export type ListElementProps = Omit<OptionsListProps, 'children'> & { ref: React.RefObject<HTMLDivElement> };
+
+/** Props for the row at `index`. */
+export type GetOptionProps = (option: DropdownOption, index: number) => ItemProps;

src/internal/components/listbox/parts/plain-list.tsx

@@ -7,10 +7,10 @@ import { useMergeRefs, useUniqueId } from '@cloudscape-design/component-toolkit/
 
 import { MultiselectProps } from '../../../../multiselect/interfaces';
 import { SelectProps } from '../../../../select/interfaces';
-import { GetOptionProps, MenuProps } from '../../../../select/utils/use-select';
 import { DropdownOption } from '../../option/interfaces';
 import OptionsList from '../../options-list';
 import { HighlightType } from '../../options-list/utils/use-highlight-option';
+import { GetOptionProps, ListElementProps } from '../interfaces';
 import { SelectionType } from '../selection/interfaces';
 import { fallbackItemHeight } from './common';
 import { renderOptions } from './render-options';
@@ -19,7 +19,7 @@ import scrollToIndex from './scroll-to-index';
 import styles from '../../../../select/parts/styles.css.js';
 
 export interface SelectListProps {
-  menuProps: MenuProps;
+  menuProps: ListElementProps;
   getOptionProps: GetOptionProps;
   filteredOptions: ReadonlyArray<DropdownOption>;
   filteringValue: string;

src/select/utils/use-select.ts

@@ -7,7 +7,7 @@ import { useUniqueId } from '@cloudscape-design/component-toolkit/internal';
 
 import { InternalDropdownProps } from '../../dropdown/internal';
 import { ButtonTriggerProps } from '../../internal/components/button-trigger';
-import { ItemProps } from '../../internal/components/listbox/parts/item';
+import { ListElementProps } from '../../internal/components/listbox/interfaces';
 import { SelectionModel } from '../../internal/components/listbox/selection/interfaces';
 import { singleSelection } from '../../internal/components/listbox/selection/single-selection';
 import { connectOptionsByValue } from '../../internal/components/listbox/utils/connect-options';
@@ -21,7 +21,6 @@ import {
 } from '../../internal/components/listbox/utils/option-props';
 import { DropdownOption } from '../../internal/components/option/interfaces';
 import { isGroupInteractive, isInteractive } from '../../internal/components/option/utils/filter-options';
-import { OptionsListProps } from '../../internal/components/options-list';
 import { useHighlightedOption } from '../../internal/components/options-list/utils/use-highlight-option';
 import { getOptionId } from '../../internal/components/options-list/utils/use-ids';
 import { useMenuKeyboard, useTriggerKeyboard } from '../../internal/components/options-list/utils/use-keyboard';
@@ -35,9 +34,6 @@ import { OptionDefinition } from '../../types/option';
 import { SelectProps } from '../interfaces';
 import { FilterProps } from '../parts/filter';
 
-export type MenuProps = Omit<OptionsListProps, 'children'> & { ref: React.RefObject<HTMLDivElement> };
-export type GetOptionProps = (option: DropdownOption, index: number) => ItemProps;
-
 interface UseSelectProps {
   selectedOptions: ReadonlyArray<OptionDefinition>;
   updateSelectedOption: (option: OptionDefinition) => void;
@@ -231,7 +227,7 @@ export function useSelect({
   };
 
   const getMenuProps = () => {
-    const menuProps: MenuProps = {
+    const menuProps: ListElementProps = {
       id: menuId,
       ref: menuRef,
       open: isOpen,