@depup/react-native 0.85.0-depup.1 → 0.86.2-depup.0

package/Libraries/Renderer/README.md

@@ -3,7 +3,7 @@
 This page describes how React and React Native versions interact each other.
 The version alignment between the two frameworks relies on two synchronization points:
 
-1. The versions in the `package.json` of the new app template. For example [for React Native 0.68.1](https://github.com/facebook/react-native/blob/0.68-stable/template/package.json#L12-L15) the versions are aligned as follows:
+1. The versions in the `package.json` of the new app template. For example [for React Native 0.68.1](https://github.com/react/react-native/blob/0.68-stable/template/package.json#L12-L15) the versions are aligned as follows:
 
 ```
   "dependencies": {
@@ -12,7 +12,7 @@ The version alignment between the two frameworks relies on two synchronization p
   },
 ```
 
-1. The React renderers **shipped** with React Native inside this folder, the [./Libraries/Renderer](https://github.com/facebook/react-native/tree/main/Libraries/Renderer) folder, of React Native.
+1. The React renderers **shipped** with React Native inside this folder, the [./Libraries/Renderer](https://github.com/react/react-native/tree/main/Libraries/Renderer) folder, of React Native.
 
 This practically means that you **can't bump** the version of React in your `package.json` to a later version,
 as you will still be using the older renderer from the folder mentioned above. Bumping the react version in your `package.json` will lead to unexpected behaviors.

package/Libraries/Renderer/shims/ReactNativeTypes.js

@@ -7,7 +7,7 @@
  * @noformat
  * @nolint
  * @flow strict
- * @generated SignedSource<<c0e57723772ea5f1aa8c3c897ac3c216>>
+ * @generated SignedSource<<4ab83fd2606d6a4d374ef914f231d9c1>>
  */
 
 import type {
@@ -138,36 +138,6 @@ export type RenderRootOptions = {
   onDefaultTransitionIndicator?: () => void | (() => void),
 };
 
-/**
- * Flat ReactNative renderer bundles are too big for Flow to parse efficiently.
- * Provide minimal Flow typing for the high-level RN API and call it a day.
- */
-export type ReactNativeType = {
-  findHostInstance_DEPRECATED<TElementType: React.ElementType>(
-    componentOrHandle: ?(React.ElementRef<TElementType> | number),
-  ): ?PublicInstance,
-  findNodeHandle<TElementType: React.ElementType>(
-    componentOrHandle: ?(React.ElementRef<TElementType> | number),
-  ): ?number,
-  isChildPublicInstance(parent: PublicInstance, child: PublicInstance): boolean,
-  dispatchCommand(
-    handle: PublicInstance,
-    command: string,
-    args: Array<mixed>,
-  ): void,
-  sendAccessibilityEvent(handle: PublicInstance, eventType: string): void,
-  render(
-    element: React.MixedElement,
-    containerTag: number,
-    callback: ?() => void,
-    options: ?RenderRootOptions,
-  ): ?React.ElementRef<React.ElementType>,
-  unmountComponentAtNode(containerTag: number): void,
-  unmountComponentAtNodeAndRemoveContainer(containerTag: number): void,
-  +unstable_batchedUpdates: <T>(fn: (T) => void, bookkeeping: T) => void,
-  ...
-};
-
 export opaque type Node = mixed;
 export opaque type InternalInstanceHandle = mixed;
 

package/Libraries/Required/RCTRequired.podspec

@@ -8,7 +8,7 @@ require "json"
 package = JSON.parse(File.read(File.join(__dir__, "..", "..", "package.json")))
 version = package['version']
 
-source = { :git => 'https://github.com/facebook/react-native.git' }
+source = { :git => 'https://github.com/react/react-native.git' }
 if version == '1000.0.0'
   # This is an unpublished version, use the latest commit hash of the react-native repo, which we’re presumably in.
   source[:commit] = `git rev-parse HEAD`.strip if system("git rev-parse --git-dir > /dev/null 2>&1")

package/Libraries/Settings/React-RCTSettings.podspec

@@ -8,7 +8,7 @@ require "json"
 package = JSON.parse(File.read(File.join(__dir__, "..", "..", "package.json")))
 version = package['version']
 
-source = { :git => 'https://github.com/facebook/react-native.git' }
+source = { :git => 'https://github.com/react/react-native.git' }
 if version == '1000.0.0'
   # This is an unpublished version, use the latest commit hash of the react-native repo, which we’re presumably in.
   source[:commit] = `git rev-parse HEAD`.strip if system("git rev-parse --git-dir > /dev/null 2>&1")

package/Libraries/Settings/Settings.ios.js

@@ -20,7 +20,7 @@ const subscriptions: Array<{
 
 const Settings = {
   _settings: (NativeSettingsManager &&
-    NativeSettingsManager.getConstants().settings: any),
+    NativeSettingsManager.getConstants().settings) as any,
 
   get(key: string): unknown {
     // $FlowFixMe[object-this-reference]

package/Libraries/StyleSheet/PlatformColorValueTypes.android.js

@@ -19,7 +19,7 @@ type LocalNativeColorValue = {
 export const PlatformColor = (...names: Array<string>): NativeColorValue => {
   /* $FlowExpectedError[incompatible-type]
    * LocalNativeColorValue is the actual type of the opaque NativeColorValue on Android platform */
-  return ({resource_paths: names}: LocalNativeColorValue);
+  return {resource_paths: names} as LocalNativeColorValue;
 };
 
 export const normalizeColorObject = (
@@ -27,7 +27,7 @@ export const normalizeColorObject = (
 ): ?ProcessedColorValue => {
   /* $FlowExpectedError[incompatible-type]
    * LocalNativeColorValue is the actual type of the opaque NativeColorValue on Android platform */
-  if ('resource_paths' in (color: LocalNativeColorValue)) {
+  if ('resource_paths' in (color as LocalNativeColorValue)) {
     return color;
   }
   return null;

package/Libraries/StyleSheet/PlatformColorValueTypes.ios.js

@@ -24,7 +24,7 @@ type LocalNativeColorValue = {
 
 export const PlatformColor = (...names: Array<string>): NativeColorValue => {
   // $FlowExpectedError[incompatible-type] LocalNativeColorValue is the iOS LocalNativeColorValue type
-  return ({semantic: names}: LocalNativeColorValue);
+  return {semantic: names} as LocalNativeColorValue;
 };
 
 export type DynamicColorIOSTuplePrivate = {
@@ -37,7 +37,7 @@ export type DynamicColorIOSTuplePrivate = {
 export const DynamicColorIOSPrivate = (
   tuple: DynamicColorIOSTuplePrivate,
 ): ColorValue => {
-  return ({
+  return {
     dynamic: {
       light: tuple.light,
       dark: tuple.dark,
@@ -46,7 +46,7 @@ export const DynamicColorIOSPrivate = (
     },
     /* $FlowExpectedError[incompatible-type]
      * LocalNativeColorValue is the actual type of the opaque NativeColorValue on iOS platform */
-  }: LocalNativeColorValue);
+  } as LocalNativeColorValue;
 };
 
 const _normalizeColorObject = (

package/Libraries/StyleSheet/StyleSheet.js

@@ -118,7 +118,7 @@ export type DangerouslyImpreciseStyleProp =
  * This will correctly give you the type 'absolute' | 'relative'
  */
 export type TypeForStyleKey<
-  +key: keyof ____DangerouslyImpreciseStyle_Internal,
+  +key extends keyof ____DangerouslyImpreciseStyle_Internal,
 > = ____DangerouslyImpreciseStyle_Internal[key];
 
 /**

package/Libraries/StyleSheet/StyleSheet.js.flow

@@ -34,7 +34,7 @@ export type {
 
 export type StyleSheetProperties = {
   hairlineWidth: number,
-  flatten<T: string>(style: T): T,
+  flatten<T extends string>(style: T): T,
 };
 
 /**
@@ -119,7 +119,7 @@ export type DangerouslyImpreciseStyleProp =
  * This will correctly give you the type 'absolute' | 'relative'
  */
 export type TypeForStyleKey<
-  +key: keyof ____DangerouslyImpreciseStyle_Internal,
+  +key extends keyof ____DangerouslyImpreciseStyle_Internal,
 > = ____DangerouslyImpreciseStyle_Internal[key];
 
 /**

package/Libraries/StyleSheet/StyleSheetExports.js

@@ -179,7 +179,7 @@ export default {
    * An identity function for creating style sheets.
    */
   // $FlowFixMe[unsupported-variance-annotation]
-  create<+S: ____Styles_Internal>(obj: S): Readonly<S> {
+  create<+S extends ____Styles_Internal>(obj: S): Readonly<S> {
     // TODO: This should return S as the return type. But first,
     // we need to codemod all the callsites that are typing this
     // return value as a number (even though it was opaque).

package/Libraries/StyleSheet/StyleSheetExports.js.flow

@@ -95,6 +95,6 @@ declare export const setStyleAttributePreprocessor: (
  * An identity function for creating style sheets.
  */
 // $FlowFixMe[unsupported-variance-annotation]
-declare export const create: <+S: ____Styles_Internal>(
+declare export const create: <+S extends ____Styles_Internal>(
   obj: S & ____Styles_Internal,
 ) => Readonly<S>;

package/Libraries/StyleSheet/StyleSheetTypes.d.ts

@@ -365,7 +365,8 @@ export type BlendMode =
   | 'hue'
   | 'saturation'
   | 'color'
-  | 'luminosity';
+  | 'luminosity'
+  | 'plus-lighter';
 
 export type LinearGradientValue = {
   type: 'linear-gradient';
@@ -423,13 +424,10 @@ type RadialGradientValue = {
 
 export type BackgroundImageValue = LinearGradientValue | RadialGradientValue;
 
-export type BackgroundSizeValue =
-  | {
-      x: string | number;
-      y: string | number;
-    }
-  | 'cover'
-  | 'contain';
+export type BackgroundSizeValue = {
+  x: string | number;
+  y: string | number;
+};
 
 export type BackgroundRepeatKeyword =
   | 'repeat'

package/Libraries/StyleSheet/StyleSheetTypes.js

@@ -779,13 +779,10 @@ type RadialGradientValue = {
 
 export type BackgroundImageValue = LinearGradientValue | RadialGradientValue;
 
-export type BackgroundSizeValue =
-  | {
-      x: string | number,
-      y: string | number,
-    }
-  | 'cover'
-  | 'contain';
+export type BackgroundSizeValue = {
+  x: string | number,
+  y: string | number,
+};
 
 export type BackgroundRepeatKeyword =
   | 'repeat'
@@ -841,7 +838,8 @@ type ____BlendMode_Internal =
   | 'hue'
   | 'saturation'
   | 'color'
-  | 'luminosity';
+  | 'luminosity'
+  | 'plus-lighter';
 
 export type ____ViewStyle_InternalBase = Readonly<{
   backfaceVisibility?: 'visible' | 'hidden',
@@ -1102,8 +1100,8 @@ export type ____Styles_Internal = {
 // ____FlattenStyleProp_Helper should be considered internal.
 type FlattenDepthLimiter = [void, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
 type ____FlattenStyleProp_Helper<
-  +TStyleProp: StyleProp<unknown>,
-  Depth: Values<FlattenDepthLimiter> = 9,
+  +TStyleProp extends StyleProp<unknown>,
+  Depth extends Values<FlattenDepthLimiter> = 9,
 > = Depth extends 0
   ? empty
   : TStyleProp extends null | void | false | ''
@@ -1115,7 +1113,9 @@ type ____FlattenStyleProp_Helper<
         >
       : TStyleProp;
 
-export type ____FlattenStyleProp_Internal<+TStyleProp: StyleProp<unknown>> =
+export type ____FlattenStyleProp_Internal<
+  +TStyleProp extends StyleProp<unknown>,
+> =
   ____FlattenStyleProp_Helper<TStyleProp> extends empty // $FlowFixMe[unclear-type]
     ? any
     : ____FlattenStyleProp_Helper<TStyleProp>;

package/Libraries/StyleSheet/flattenStyle.js

@@ -21,7 +21,7 @@ type NonAnimatedNodeObject<TStyleProp> = TStyleProp extends AnimatedNode
   : TStyleProp;
 
 function flattenStyle<
-  TStyleProp: ____DangerouslyImpreciseAnimatedStyleProp_Internal,
+  TStyleProp extends ____DangerouslyImpreciseAnimatedStyleProp_Internal,
 >(
   style: ?TStyleProp,
   // $FlowFixMe[underconstrained-implicit-instantiation]

package/Libraries/StyleSheet/private/_TransformStyle.js

@@ -23,7 +23,7 @@ type ValueOfUnion<T, K> = T extends any
 type MergeUnion<T> = {
   [K in KeysOfUnion<T>]?: ValueOfUnion<T, K>,
 };
-type MaximumOneOf<T: {...}> = Values<{
+type MaximumOneOf<T extends {...}> = Values<{
   [K in keyof T]: $Exact<{
     [P in keyof T]?: P extends K ? T[P] : empty,
   }>,

package/Libraries/StyleSheet/processBackgroundImage.js

@@ -20,6 +20,14 @@ import type {
 
 const processColor = require('./processColor').default;
 
+// Pre-compiled regex patterns for performance - avoids regex compilation on each call
+const NEWLINE_REGEX = /\n/g;
+const GRADIENT_REGEX = /^(linear|radial)-gradient\(((?:\([^)]*\)|[^()])*)\)/;
+const COMMA_SPLIT_REGEX = /,(?![^(]*\))/;
+const WHITESPACE_SPLIT_REGEX = /\s+/;
+const COLOR_STOP_PARTS_REGEX = /\S+\([^)]*\)|\S+/g;
+const WHITESPACE_NORMALIZE_REGEX = /\s+/g;
+
 // Linear Gradient
 const LINEAR_GRADIENT_DIRECTION_REGEX =
   /^to\s+(?:top|bottom|left|right)(?:\s+(?:top|bottom|left|right))?/i;
@@ -81,7 +89,9 @@ export default function processBackgroundImage(
   }
 
   if (typeof backgroundImage === 'string') {
-    result = parseBackgroundImageCSSString(backgroundImage.replace(/\n/g, ' '));
+    result = parseBackgroundImageCSSString(
+      backgroundImage.replace(NEWLINE_REGEX, ' '),
+    );
   } else if (Array.isArray(backgroundImage)) {
     for (const bgImage of backgroundImage) {
       const processedColorStops = processColorStops(bgImage);
@@ -255,9 +265,7 @@ function parseBackgroundImageCSSString(
 
   for (const bgImageString of bgImageStrings) {
     const bgImage = bgImageString.toLowerCase();
-    const gradientRegex = /^(linear|radial)-gradient\(((?:\([^)]*\)|[^()])*)\)/;
-
-    const match = gradientRegex.exec(bgImage);
+    const match = GRADIENT_REGEX.exec(bgImage);
     if (match) {
       const [, type, gradientContent] = match;
       const isRadial = type.toLowerCase() === 'radial';
@@ -281,7 +289,7 @@ function parseRadialGradientCSSString(
   let position: RadialGradientPosition = {...DEFAULT_RADIAL_POSITION};
 
   // split the content by commas, but not if inside parentheses (for color values)
-  const parts = gradientContent.split(/,(?![^(]*\))/);
+  const parts = gradientContent.split(COMMA_SPLIT_REGEX);
   // first part may contain shape, size, and position
   // [ <radial-shape> || <radial-size> ]? [ at <position> ]?
   const firstPartStr = parts[0].trim();
@@ -289,7 +297,7 @@ function parseRadialGradientCSSString(
   let hasShapeSizeOrPositionString = false;
   let hasExplicitSingleSize = false;
   let hasExplicitShape = false;
-  const firstPartTokens = firstPartStr.split(/\s+/);
+  const firstPartTokens = firstPartStr.split(WHITESPACE_SPLIT_REGEX);
 
   // firstPartTokens is the shape, size, and position
   while (firstPartTokens.length > 0) {
@@ -626,13 +634,13 @@ function parseColorStopsCSSString(parts: Array<string>): Array<{
     position: ColorStopPosition,
   }> = [];
   // split by comma, but not if it's inside a parentheses. e.g. red, rgba(0, 0, 0, 0.5), green => ["red", "rgba(0, 0, 0, 0.5)", "green"]
-  const stops = colorStopsString.split(/,(?![^(]*\))/);
+  const stops = colorStopsString.split(COMMA_SPLIT_REGEX);
   let prevStop = null;
   for (let i = 0; i < stops.length; i++) {
     const stop = stops[i];
     const trimmedStop = stop.trim().toLowerCase();
     // Match function like pattern or single words
-    const colorStopParts = trimmedStop.match(/\S+\([^)]*\)|\S+/g);
+    const colorStopParts = trimmedStop.match(COLOR_STOP_PARTS_REGEX);
     if (colorStopParts == null) {
       // If a color stop is invalid, return null and do not apply any gradient. Same as web.
       return null;
@@ -726,7 +734,9 @@ function getDirectionForKeyword(direction?: string): ?LinearGradientDirection {
     return null;
   }
   // Remove extra whitespace
-  const normalized = direction.replace(/\s+/g, ' ').toLowerCase();
+  const normalized = direction
+    .replace(WHITESPACE_NORMALIZE_REGEX, ' ')
+    .toLowerCase();
 
   switch (normalized) {
     case 'to top':

package/Libraries/StyleSheet/processBackgroundSize.js

@@ -57,19 +57,14 @@ function parseBackgroundSizeCSSString(
         return [];
       }
     } else if (parts.length === 1) {
-      const part = parts[0].toLowerCase();
-      if (part === 'cover' || part === 'contain') {
-        result.push(part);
+      const x = getValidLengthPercentageSizeOrNull(parts[0].toLowerCase());
+      if (x != null) {
+        result.push({
+          x,
+          y: 'auto',
+        });
       } else {
-        const x = getValidLengthPercentageSizeOrNull(parts[0].toLowerCase());
-        if (x != null) {
-          result.push({
-            x,
-            y: 'auto',
-          });
-        } else {
-          return [];
-        }
+        return [];
       }
     }
   }

package/Libraries/StyleSheet/processBoxShadow.js

@@ -11,10 +11,8 @@
 import type {ProcessedColorValue} from './processColor';
 import type {BoxShadowValue} from './StyleSheetTypes';
 
-import {enableOptimizedBoxShadowParsing} from '../../src/private/featureflags/ReactNativeFeatureFlags';
 import processColor from './processColor';
 
-// Pre-compiled regex patterns for performance - avoids regex compilation on each call
 const COMMA_SPLIT_REGEX = /,(?![^()]*\))/;
 const WHITESPACE_SPLIT_REGEX = /\s+(?![^(]*\))/;
 const LENGTH_PARSE_REGEX = /^([+-]?\d*\.?\d+)(px)?$/;
@@ -39,12 +37,7 @@ export default function processBoxShadow(
 
   const boxShadowList =
     typeof rawBoxShadows === 'string'
-      ? parseBoxShadowString(
-          rawBoxShadows.replace(
-            enableOptimizedBoxShadowParsing() ? NEWLINE_REGEX : /\n/g,
-            ' ',
-          ),
-        )
+      ? parseBoxShadowString(rawBoxShadows.replace(NEWLINE_REGEX, ' '))
       : rawBoxShadows;
 
   for (const rawBoxShadow of boxShadowList) {
@@ -121,9 +114,7 @@ function parseBoxShadowString(rawBoxShadows: string): Array<BoxShadowValue> {
   let result: Array<BoxShadowValue> = [];
 
   for (const rawBoxShadow of rawBoxShadows
-    .split(
-      enableOptimizedBoxShadowParsing() ? COMMA_SPLIT_REGEX : /,(?![^()]*\))/,
-    ) // split by comma that is not in parenthesis
+    .split(COMMA_SPLIT_REGEX)
     .map(bS => bS.trim())
     .filter(bS => bS !== '')) {
     const boxShadow: BoxShadowValue = {
@@ -137,11 +128,7 @@ function parseBoxShadowString(rawBoxShadows: string): Array<BoxShadowValue> {
     let lengthCount = 0;
 
     // split rawBoxShadow string by all whitespaces that are not in parenthesis
-    const args = rawBoxShadow.split(
-      enableOptimizedBoxShadowParsing()
-        ? WHITESPACE_SPLIT_REGEX
-        : /\s+(?![^(]*\))/,
-    );
+    const args = rawBoxShadow.split(WHITESPACE_SPLIT_REGEX);
     for (const arg of args) {
       const processedColor = processColor(arg);
       if (processedColor != null) {
@@ -210,43 +197,18 @@ function parseBoxShadowString(rawBoxShadows: string): Array<BoxShadowValue> {
 }
 
 function parseLength(length: string): ?number {
-  if (enableOptimizedBoxShadowParsing()) {
-    // Use pre-compiled regex for performance
-    const match = LENGTH_PARSE_REGEX.exec(length);
+  const match = LENGTH_PARSE_REGEX.exec(length);
 
-    if (!match) {
-      return null;
-    }
-
-    const value = parseFloat(match[1]);
-    if (Number.isNaN(value)) {
-      return null;
-    }
-
-    // match[2] is 'px' or undefined
-    // If no unit and value is not 0, return null
-    if (match[2] == null && value !== 0) {
-      return null;
-    }
-
-    return value;
-  }
-
-  // matches on args with units like "1.5 5% -80deg"
-  const argsWithUnitsRegex = /([+-]?\d*(\.\d+)?)([\w\W]+)?/g;
-  const match = argsWithUnitsRegex.exec(length);
-
-  if (!match || Number.isNaN(match[1])) {
+  if (!match) {
     return null;
   }
 
-  if (match[3] != null && match[3] !== 'px') {
-    return null;
-  }
+  const value = parseFloat(match[1]);
 
-  if (match[3] == null && match[1] !== '0') {
+  // If no unit (px) and value is not 0, reject it
+  if (match[2] == null && value !== 0) {
     return null;
   }
 
-  return Number(match[1]);
+  return value;
 }

package/Libraries/StyleSheet/processFilter.js

@@ -15,6 +15,14 @@ import type {DropShadowValue, FilterFunction} from './StyleSheetTypes';
 
 import processColor from './processColor';
 
+// Pre-compiled regex patterns for performance - avoids regex compilation on each call
+const NEWLINE_REGEX = /\n/g;
+const FILTER_FUNCTION_REGEX =
+  /([\w-]+)\(([^()]*|\([^()]*\)|[^()]*\([^()]*\)[^()]*)\)/g;
+const ARGS_WITH_UNITS_REGEX = /([+-]?\d*(\.\d+)?)([a-zA-Z%]+)?/g;
+const WHITESPACE_SPLIT_REGEX = /\s+(?![^(]*\))/;
+const LENGTH_PARSE_REGEX = /([+-]?\d*(\.\d+)?)([\w\W]+)?/g;
+
 type ParsedFilter =
   | {brightness: number}
   | {blur: number}
@@ -43,13 +51,13 @@ export default function processFilter(
   }
 
   if (typeof filter === 'string') {
-    filter = filter.replace(/\n/g, ' ');
+    filter = filter.replace(NEWLINE_REGEX, ' ');
 
     // matches on functions with args and nested functions like "drop-shadow(10 10 10 rgba(0, 0, 0, 1))"
-    const regex = /([\w-]+)\(([^()]*|\([^()]*\)|[^()]*\([^()]*\)[^()]*)\)/g;
+    FILTER_FUNCTION_REGEX.lastIndex = 0;
     let matches;
 
-    while ((matches = regex.exec(filter))) {
+    while ((matches = FILTER_FUNCTION_REGEX.exec(filter))) {
       let filterName = matches[1].toLowerCase();
       if (filterName === 'drop-shadow') {
         const dropShadow = parseDropShadow(matches[2]);
@@ -120,8 +128,8 @@ function _getFilterAmount(filterName: string, filterArgs: unknown): ?number {
   let unit: string;
   if (typeof filterArgs === 'string') {
     // matches on args with units like "1.5 5% -80deg"
-    const argsWithUnitsRegex = new RegExp(/([+-]?\d*(\.\d+)?)([a-zA-Z%]+)?/g);
-    const match = argsWithUnitsRegex.exec(filterArgs);
+    ARGS_WITH_UNITS_REGEX.lastIndex = 0;
+    const match = ARGS_WITH_UNITS_REGEX.exec(filterArgs);
 
     if (!match || isNaN(Number(match[1]))) {
       return undefined;
@@ -258,7 +266,7 @@ function parseDropShadowString(rawDropShadow: string): ?DropShadowValue {
   let keywordDetectedAfterLength = false;
 
   // split args by all whitespaces that are not in parenthesis
-  for (const arg of rawDropShadow.split(/\s+(?![^(]*\))/)) {
+  for (const arg of rawDropShadow.split(WHITESPACE_SPLIT_REGEX)) {
     const processedColor = processColor(arg);
     if (processedColor != null) {
       if (dropShadow.color != null) {
@@ -305,8 +313,8 @@ function parseDropShadowString(rawDropShadow: string): ?DropShadowValue {
 
 function parseLength(length: string): ?number {
   // matches on args with units like "1.5 5% -80deg"
-  const argsWithUnitsRegex = /([+-]?\d*(\.\d+)?)([\w\W]+)?/g;
-  const match = argsWithUnitsRegex.exec(length);
+  LENGTH_PARSE_REGEX.lastIndex = 0;
+  const match = LENGTH_PARSE_REGEX.exec(length);
 
   if (!match || Number.isNaN(match[1])) {
     return null;

package/Libraries/StyleSheet/processTransformOrigin.js

@@ -10,6 +10,9 @@
 
 import invariant from 'invariant';
 
+// Pre-compiled regex pattern for performance - avoids regex compilation on each call
+const TRANSFORM_ORIGIN_REGEX = /(top|bottom|left|right|center|\d+(?:%|px)|0)/gi;
+
 const INDEX_X = 0;
 const INDEX_Y = 1;
 const INDEX_Z = 2;
@@ -20,12 +23,14 @@ export default function processTransformOrigin(
 ): Array<string | number> {
   if (typeof transformOrigin === 'string') {
     const transformOriginString = transformOrigin;
-    const regex = /(top|bottom|left|right|center|\d+(?:%|px)|0)/gi;
+    TRANSFORM_ORIGIN_REGEX.lastIndex = 0;
     const transformOriginArray: Array<string | number> = ['50%', '50%', 0];
 
     let index = INDEX_X;
     let matches;
-    outer: while ((matches = regex.exec(transformOriginString))) {
+    outer: while (
+      (matches = TRANSFORM_ORIGIN_REGEX.exec(transformOriginString))
+    ) {
       let nextIndex = index + 1;
 
       const value = matches[0];
@@ -53,7 +58,9 @@ export default function processTransformOrigin(
 
           // Handle [[ center | left | right ] && [ center | top | bottom ]] <length>?
           if (index === INDEX_X) {
-            const horizontal = regex.exec(transformOriginString);
+            const horizontal = TRANSFORM_ORIGIN_REGEX.exec(
+              transformOriginString,
+            );
             if (horizontal == null) {
               break outer;
             }

package/Libraries/Text/React-RCTText.podspec

@@ -8,7 +8,7 @@ require "json"
 package = JSON.parse(File.read(File.join(__dir__, "..", "..", "package.json")))
 version = package['version']
 
-source = { :git => 'https://github.com/facebook/react-native.git' }
+source = { :git => 'https://github.com/react/react-native.git' }
 if version == '1000.0.0'
   # This is an unpublished version, use the latest commit hash of the react-native repo, which we’re presumably in.
   source[:commit] = `git rev-parse HEAD`.strip if system("git rev-parse --git-dir > /dev/null 2>&1")

package/Libraries/Text/Text.js

@@ -190,20 +190,20 @@ const TextImpl: component(
   if (processedStyle != null) {
     let overrides: ?{...TextStyleInternal} = null;
     if (typeof processedStyle.fontWeight === 'number') {
-      overrides = overrides || ({}: {...TextStyleInternal});
+      overrides = overrides || ({} as {...TextStyleInternal});
       overrides.fontWeight =
         // $FlowFixMe[incompatible-type]
-        (String(processedStyle.fontWeight): TextStyleInternal['fontWeight']);
+        String(processedStyle.fontWeight) as TextStyleInternal['fontWeight'];
     }
 
     if (processedStyle.userSelect != null) {
       _selectable = userSelectToSelectableMap[processedStyle.userSelect];
-      overrides = overrides || ({}: {...TextStyleInternal});
+      overrides = overrides || ({} as {...TextStyleInternal});
       overrides.userSelect = undefined;
     }
 
     if (processedStyle.verticalAlign != null) {
-      overrides = overrides || ({}: {...TextStyleInternal});
+      overrides = overrides || ({} as {...TextStyleInternal});
       overrides.textAlignVertical =
         verticalAlignToTextAlignVerticalMap[processedStyle.verticalAlign];
       overrides.verticalAlign = undefined;