Bump react-native-web from 0.11.7 to 0.14.13
Bumps react-native-web from 0.11.7 to 0.14.13.
Release notes
Sourced from react-native-web's releases.
0.14.0
This is a relatively small release that introduces a couple of new features and makes a change to the default
flexBasisvalue ofView. There are no breaking API changes and it should be straight-forward to upgrade from 0.13. Thank you to Twitter Engineering and everyone else who tested and helped to improve the 0.14 release.Breaking changes
Default flex-basis value of Views
React Native has an implementation of flexbox that does not quite follow the W3C spec for flexbox. Previously, React Native for Web attempted to replicate the React Native rendering by setting
flexBasisto0%. However, this created its own problems where views could collapse down to0pxin height on the web. This patch sets the defaultflexBasisback toauto. This will occasionally cause different rendering inconsistencies with React Native, which can be addressed by making changes small to existing React Native styles to set theflexBasisback to0%or the desired percentage. And ultimately, Yoga 2 intends to correct its flexbox implementation and this will make its way into React Native eventually.New features
Modal implementation
A
Modalimplementation using CSS animations and ARIA, courtesy of@imnotjames. When the modal is open the rest of the app is hidden from screen readers viaaria-modal. Focus is contained within the modal. When the Escape key is pressed, theonRequestClosefunction is called on the top-most modal.Fix #1020
Pressable support for hover state
The
Pressablecomponent state now includeshover, which scoped is scoped to aPressableinstance and does not bubble to ancestor Pressables. This behavior aligns with the behavior of the focus and press states.<Pressable children={ ({ pressed, hovered, focused }) => {} } style={ ({ pressed, hovered, focused }) => {} } />Fix #1708
0.13
This release includes many significant changes and improvements.
- Modern React: implements components using function components and hooks. It removes use of various legacy React features such as legacy context and
create-react-class. These changes mean better support for Concurrent Mode, Fast Refresh, and interaction handling.- Gesture Responder System: this has be rewritten from scratch in user space. Dozens of bugs have been fixed and the system is heavily unit tested; it's now the most accurate and well integrated implementation of any platform.
- React Alternatives: this release removes the use of unstable React DOM APIs. React Native for Web can now be used with Preact and other libraries that are API compatible with React. However, it should be noted that benchmark rendering of 0.13 with React DOM is a lot faster than Preact.
Breaking changes
- The Responder System has been rewritten. This should not be a breaking change (and comes with many bug fixes), but since the system is implemented in user-space rather than React, it may encounter differences in timings relative to the ReactDOM events.
- The
onPresscallback on Touchables is now backed by nativeclickevents and will be called in almost every situation a nativeclickevent is called. TheonPressprop ofTouchable*components now receives aSyntheticMouseEventnot aSyntheticResponderEvent. It may be fired without a precedingonPressIn.- All the components are implemented as function components, so using
findNodeHandleto get a reference to the component's underlying host node will not work. Userefinstead. ThefindNodeHandleandfindDOMNodeAPIs are discouraged and are not safe with function components or concurrent mode.- The
forwardedRefprops have been removed. Therefon a component will now return a ref to the host node, which has the imperative methods attached to it.
... (truncated)
Commits
f5c9f630.14.1312532f6[change] Remove inline requires4b8cd200.14.1229b1326Add label-actions workflow3e90611[fix] Modal: support programmtic focus on content8bc196aWorkflow rename: test -> testsd48f5910.14.11900e7e5[fix] StyleSheet SSR APIa660377[fix] Modal: fix onRequestClose target if using animations58a8bbe[fix] Modal: refocus trigger-element after closing- Additional commits viewable in compare view
Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.
Dependabot will not automatically merge this PR because it includes an out-of-range update to a development dependency.
Dependabot commands and options
You can trigger Dependabot actions by commenting on this PR:
-
@dependabot rebasewill rebase this PR -
@dependabot recreatewill recreate this PR, overwriting any edits that have been made to it -
@dependabot mergewill merge this PR after your CI passes on it -
@dependabot squash and mergewill squash and merge this PR after your CI passes on it -
@dependabot cancel mergewill cancel a previously requested merge and block automerging -
@dependabot reopenwill reopen this PR if it is closed -
@dependabot closewill close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually -
@dependabot ignore this major versionwill close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself) -
@dependabot ignore this minor versionwill close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself) -
@dependabot ignore this dependencywill close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself) -
@dependabot use these labelswill set the current labels as the default for future PRs for this repo and language -
@dependabot use these reviewerswill set the current reviewers as the default for future PRs for this repo and language -
@dependabot use these assigneeswill set the current assignees as the default for future PRs for this repo and language -
@dependabot use this milestonewill set the current milestone as the default for future PRs for this repo and language -
@dependabot badge mewill comment on this PR with code to add a "Dependabot enabled" badge to your readme
Additionally, you can set the following in your Dependabot dashboard:
- Update frequency (including time of day and day of week)
- Pull request limits (per update run and/or open at any time)
- Automerge options (never/patch/minor, and dev/runtime dependencies)
- Out-of-range updates (receive only lockfile updates, if desired)
- Security updates (receive only security updates, if desired)