Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

build(deps): bump react-native-web from 0.16.5 to 0.18.12 #1811

Merged
merged 1 commit into from May 15, 2024

Conversation

dependabot[bot]
Copy link
Contributor

@dependabot dependabot bot commented on behalf of github Apr 14, 2024

Bumps react-native-web from 0.16.5 to 0.18.12.

Release notes

Sourced from react-native-web's releases.

0.18

Breaking changes

  • Browser support has been reduced. Changes as follows: Safari 10.1+, Edge (Chromium), no IE, no legacy Android browser.
  • Styles are inserted on module eval, not component render. This is needed to account for changes to rendering in React 18.
  • Style sheets rendered on the server will now include styles from all the eval-ed modules, rather than only the styles produced by the initial render.
  • StyleSheet.create() is now the identify function, returning the input style objects. Previously, it replaced styles with numeric ids. This improves compatibility with React Native, but accessing the returned style objects at runtime is still not recommended as it can prevent static extraction to CSS. (#2068)
  • StyleSheet.getSheet() can be used on the server to retrieve the current style sheet as a CSS string. (#2196)
  • I18nManager is now a mock API included only for compatibility with React Native. The ability to flip left/right properties or values has now been removed entirely (use start/end instead). See below for new localization APIs.
  • Inline styles are no longer automatically vendor-prefixed. This improves inline style performance and discourages use of inline styles. This should have little effect in practice if your app is predominantly using StyleSheet.create().
  • The deprecated accessible, accessibilityState, and accessibilityValue props have been removed.
  • The :focus-visible polyfill has been removed, as by default modern browsers no longer show focus rings for pointer interactions.
  • VirtualizedList, FlatList, and SectionList vendor components have been updated to match latest React Native. (#2241) Thanks to @​DavidRieman.
  • The legacy jest preset and snapshot serializer has been removed from the npm package.
  • The unstable_createElement API has changed. Children are no longer accepted as the 3rd argument, they must be included in the props as the 2nd argument. The 3rd argument is now an options object with a field to set the expected writing direction ({ writingDirection }).

New features

  • Localized LTR/RTL layouts can now be nesting to arbitrary depths simply by setting the dir or lang prop on a component. By default, layouts are rendering RTL. To render RTL you must set dir="rtl" on an outer element rendered by React.
  • Localized LTR/RTL layouts can be switched dynamically at runtime.
  • useLocaleContext is a new export API. Use it to query a component's locale and writing direction context for fine-grained control over localized layout.
  • Rendering into multiple windows and shadow roots in now supported. (#1517, #2138)
  • Extraction to static CSS and consumption of external CSS is now possible but not yet recommended. The StyleSheet runtime can consume any styles that match an expected format, but StyleSheet.flatten cannot work with extracted styles. (See below for more details.)

Fixes

  • Fixes static and dynamic shortform / longform deduplication. (#2007)
  • Display the focus ring on CheckBox and Switch elements. (#2242)
  • Prevent href navigation for disabled Pressables and Touchables. (#2299)
  • Linking.openURL supports target value. (#2277)

Notes

StyleSheet runtime

StyleSheet has been rewritten to better separate the runtime from the compiler. The performance of the new merging runtime is on par with using css-modules. The core runtime is a standalone package called styleQ; refer to the styleQ documentation for more details.

The performance of inline styles has also been significantly improved, although StyleSheet still has to perform extra work to transform non-standard React Native styles and polyfill logical styles.

The StyleSheet import is now a standalone module. StyleSheet itself is a function that can be called to resolve styles to DOM className and style values, e.g.,

const [ className, inlineStyle ] = StyleSheet([ styles.root, prop.styles ])

StyleSheet extraction

... (truncated)

Commits
  • 57e2482 0.18.12
  • 77f6fba [fix] Avoid setting focus tabIndex on <body>
  • ccfd936 [fix] iOS not firing resize event when keyboard opens/closes
  • 21b5d44 0.18.11
  • ca15203 [fix] 'accessibilityRequired' sets correct 'required' value
  • f34377d Bump socket.io-parser from 4.0.4 to 4.0.5
  • 56d287b Bump loader-utils from 2.0.0 to 2.0.4
  • 18ea5cd Bump engine.io from 6.2.0 to 6.2.1
  • cfa2625 Bump json5 from 2.2.1 to 2.2.3
  • c336e7c Bump luxon from 2.4.0 to 2.5.2
  • Additional commits viewable in compare view

Dependabot compatibility score

You can trigger a rebase of this PR by commenting @dependabot rebase.


Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

  • @dependabot rebase will rebase this PR
  • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
  • @dependabot merge will merge this PR after your CI passes on it
  • @dependabot squash and merge will squash and merge this PR after your CI passes on it
  • @dependabot cancel merge will cancel a previously requested merge and block automerging
  • @dependabot reopen will reopen this PR if it is closed
  • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
  • @dependabot show <dependency name> ignore conditions will show all of the ignore conditions of the specified dependency
  • @dependabot ignore this major version will 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 version will 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 dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

Note
Automatic rebases have been disabled on this pull request as it has been open for over 30 days.

@dependabot dependabot bot added the dependency-bug Something isn’t working in a dependency label Apr 14, 2024
@dependabot dependabot bot force-pushed the dependabot/npm_and_yarn/react-native-web-0.18.12 branch 2 times, most recently from 906c07e to 2e0ecd6 Compare April 16, 2024 13:50
@dependabot dependabot bot force-pushed the dependabot/npm_and_yarn/react-native-web-0.18.12 branch from 2e0ecd6 to 8228769 Compare April 16, 2024 13:56
@dependabot dependabot bot force-pushed the dependabot/npm_and_yarn/react-native-web-0.18.12 branch from 8228769 to 75aee17 Compare April 26, 2024 12:50
@dependabot dependabot bot force-pushed the dependabot/npm_and_yarn/react-native-web-0.18.12 branch 3 times, most recently from 3613c95 to 4539084 Compare May 10, 2024 23:56
@dependabot dependabot bot force-pushed the dependabot/npm_and_yarn/react-native-web-0.18.12 branch 2 times, most recently from 421fd6c to f1938a4 Compare May 13, 2024 14:43
Bumps [react-native-web](https://github.com/necolas/react-native-web) from 0.16.5 to 0.18.12.
- [Release notes](https://github.com/necolas/react-native-web/releases)
- [Commits](necolas/react-native-web@0.16.5...0.18.12)

---
updated-dependencies:
- dependency-name: react-native-web
  dependency-type: direct:production
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>
@dependabot dependabot bot force-pushed the dependabot/npm_and_yarn/react-native-web-0.18.12 branch from f1938a4 to c42a52a Compare May 13, 2024 14:44
@raineorshine
Copy link
Contributor

Tested in PWA and gestures still work.

@raineorshine raineorshine merged commit 8fcde33 into main May 15, 2024
3 checks passed
@raineorshine raineorshine deleted the dependabot/npm_and_yarn/react-native-web-0.18.12 branch May 15, 2024 22:43
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
dependency-bug Something isn’t working in a dependency
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

1 participant