fix: Stop warning when using invalid composite roles on Composite

[diegohaz]

This PR removes the warning that Composite shows when the developer doesn't pass any role prop or pass an invalid composite role prop to the Composite component.

// Will not warn anymore
<Composite />

The reason is that there are valid use cases for omitting the role prop. For example, we could create multiple connected listbox elements to implement the ARIA 1.2 listbox group pattern for screen readers that still don't support it, like VoiceOver. This use case is better explained on WordPress/gutenberg#24975 (comment).

With the Reakit Composite module, the implementation would be something like this, where the listbox role is not passed to the Composite component.

const composite = useCompositeState();
<Composite {...composite}>
  <div role="listbox" aria-label="Group 1">
    <CompositeItem {...composite} role="option">Item</CompositeItem>
    <CompositeItem {...composite} role="option">Item</CompositeItem>
    <CompositeItem {...composite} role="option">Item</CompositeItem>
  </div>
  <div role="listbox" aria-label="Group 2">
    <CompositeItem {...composite} role="option">Item</CompositeItem>
    <CompositeItem {...composite} role="option">Item</CompositeItem>
    <CompositeItem {...composite} role="option">Item</CompositeItem>
  </div>
  <div role="listbox" aria-label="Group 3">
    <CompositeItem {...composite} role="option">Item</CompositeItem>
    <CompositeItem {...composite} role="option">Item</CompositeItem>
    <CompositeItem {...composite} role="option">Item</CompositeItem>
  </div>
</Composite>

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit c73e533:

Sandbox	Source
Reakit	Configuration

[github-actions]

Size Change: 0 B

Total Size: 252 kB

ℹ️ View Unchanged

Filename	Size	Change
packages/reakit-playground/dist/reakit-playground.min.js	186 kB	0 B
packages/reakit-system-bootstrap/dist/reakit-system-bootstrap.min.js	19.2 kB	0 B
packages/reakit-system-palette/dist/reakit-system-palette.min.js	8.86 kB	0 B
packages/reakit-system/dist/reakit-system.min.js	2.22 kB	0 B
packages/reakit-utils/dist/reakit-utils.min.js	3.24 kB	0 B
packages/reakit/dist/reakit.min.js	32.3 kB	0 B

_{compressed-size-action}

[ariakit-bot]

Deploy preview for reakit ready!

Built with commit c73e533

https://deploy-preview-784--reakit.netlify.app

[codecov]

Codecov Report

Merging #784 (c73e533) into master (7a5d193) will decrease coverage by 0.00%.
The diff coverage is n/a.

@@            Coverage Diff             @@
##           master     #784      +/-   ##
==========================================
- Coverage   95.68%   95.68%   -0.01%     
==========================================
  Files         190      190              
  Lines        2990     2987       -3     
  Branches      776      775       -1     
==========================================
- Hits         2861     2858       -3     
  Misses        129      129              

Impacted Files	Coverage Δ
packages/reakit/src/Composite/Composite.ts	100.00% <ø> (ø)

---

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 7a5d193...c73e533. Read the comment docs.