feat(dropdown): autocontrolled mode for open state

[bmdalex]

feat(dropdown): autocontrolled mode for open state

Description:

• introduced open, defaultOpen props
• introduced onOpenChange event handler

API:

<Dropdown
  open={open}
  onOpenChange={handleOpenChange}
  items={inputItems}
/>

where open value is part of the state of HOC and handleOpenChange is the entry for internal changes of open.

Screenshot:

Blockers:

Currently blocked by possible Downshift issue related to internal state handling when isOpen prop is used in controlled mode.

The Dropdown still works but there is a regression when opening the list of items:

The first/last item is not highlighted by default anymore after introducing open prop.

Here is the expected screener regression

@silviuavram has more details

[bmdalex]

Currently blocked by possible Downshift issue related to internal state handling when isOpen prop is used in controlled mode.

The Dropdown still works but there is a regression when opening the list of items:

The first/last item is not highlighted by default anymore after introducing open prop.

Here is the expected screener regression

@silviuavram has more details

[codecov]

Codecov Report

Merging #900 into master will decrease coverage by 0.03%.
The diff coverage is 23.07%.

@@            Coverage Diff             @@
##           master     #900      +/-   ##
==========================================
- Coverage   80.42%   80.38%   -0.04%     
==========================================
  Files         659      656       -3     
  Lines        8412     8392      -20     
  Branches     1488     1424      -64     
==========================================
- Hits         6765     6746      -19     
+ Misses       1632     1631       -1     
  Partials       15       15

Impacted Files	Coverage Δ
...themes/teams/components/Dropdown/dropdownStyles.ts	24.13% <0%> (ø)	⬆️
...ackages/react/src/components/Dropdown/Dropdown.tsx	33.96% <24%> (+0.09%)	⬆️
packages/react/src/lib/accessibility/index.ts	100% <0%> (ø)	⬆️
packages/react/src/index.ts	100% <0%> (ø)	⬆️
packages/react/src/components/Status/Status.tsx	100% <0%> (ø)	⬆️
...rc/themes/teams/components/Icon/svg/icons/index.ts	100% <0%> (ø)	⬆️
...omponents/Icon/svg/ProcessedIcons/icons-urgent.tsx	100% <0%> (ø)	⬆️
...b/accessibility/Behaviors/Status/statusBehavior.ts
.../themes/teams/components/Icon/svg/icons/urgent.tsx
.../themes/teams/components/Icon/svg/icons/accept.tsx

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update ec4827b...dbcd0dc. Read the comment docs.

[layershifter]

Only one small comment left, LGTM 👍