chore(cc-components): migrate OutdialCall SelectNext to momentum-design Select/Option by bhabalan · Pull Request #665

chore(cc-components): migrate OutdialCall SelectNext to momentum-design Select/Option by bhabalan · Pull Request #665 · webex/widgets

…esign Select/Option

COMPLETES CAI-6990

Replace deprecated SelectNext from @momentum-ui/react-collaboration with
Select/Option from @momentum-design/components. Remove custom arrow icon
overlay and isSelectOpen state (new Select has built-in arrow indicator).

- Update imports: add Select/Option, remove SelectNext/Item/Icon
- Replace SelectNext JSX with Select/Option pattern (matching StationLogin/CallControl)
- Remove custom arrow icon overlay and associated SCSS
- Update unit tests to use CustomEvent('change', {detail: {value}}) pattern
- Remove arrow-down icon test (built-in to new Select)
- Regenerate all snapshots for new mdc-select/mdc-option DOM

marked this pull request as ready for review

April 1, 2026 08:42

COMPLETES CAI-6990

- Bump @momentum-design/components resolution to 0.133.23
- Add @momentum-design/brand-visuals and @momentum-design/illustrations deps
- Update jest transformIgnorePatterns to transform all @momentum-design/* packages
- Remove deprecated selectedValueText prop from Select (StationLogin, OutdialCall)
- Remove deprecated selectedValue prop from Select (StationLogin)
- Remove deprecated height prop from Select (CallControl)
- Update tests: selected attribute now renders as "true" instead of empty string
- Update tests: remove tooltip attribute assertions for attrs now set dynamically
  (append-to, flip, hide-on-blur, hide-on-escape, aria-describedby, etc.)
- Regenerate all 146 snapshots for new component DOM structure

…lay text

The new momentum-design Select reads selectedOption.label to display
the selected text in the trigger. Without the label prop, the dropdown
shows blank text. Add label prop to all Option elements across
StationLogin, OutdialCall, and CallControl.

The new momentum-design Select reads option.label to display
selected text. Without the label prop, dropdowns show blank text.

bhabalan changed the title ~~refactor(cc-components): migrate OutdialCall SelectNext to momentum-design Select/Option~~ chore(cc-components): migrate OutdialCall SelectNext to momentum-design Select/Option

Apr 1, 2026

…after momentum-design upgrade

Tab variant changed from glass to pill for proper active background contrast.
Added ::part CSS overrides for dialpad tab since dialpad-filled icon doesn't exist.

bhabalan added validated

Indicates that the PR is ready for actions

run_e2e

Add this label to run E2E test for meeting and CC widgets

labels

Apr 6, 2026