[change] Refactor localization APIs

* Control writing direction using 'dir' and 'lang' props.
* Change the compiler output for RTL styles polyfill.
* Export 'useLocaleContext' for working with writing direction context.
* Turn I18nManager into a mock API

package.json

@@ -22,7 +22,7 @@
     "normalize-css-color": "^1.0.2",
     "postcss-value-parser": "^4.2.0",
     "prop-types": "^15.6.0",
-    "styleq": "0.0.0-b4fc5da"
+    "styleq": "0.0.0-afc6b2c59"
   },
   "peerDependencies": {
     "react": ">=17.0.2",

src/exports/I18nManager/index.js

@@ -8,53 +8,25 @@
  * @flow
  */
 
-import ExecutionEnvironment from 'fbjs/lib/ExecutionEnvironment';
-
 type I18nManagerStatus = {
   allowRTL: (allowRTL: boolean) => void,
   forceRTL: (forceRTL: boolean) => void,
-  getConstants: () => Constants,
-  setPreferredLanguageRTL: (setRTL: boolean) => void
+  getConstants: () => Constants
 };
 
 type Constants = {
   isRTL: boolean
 };
 
-let isPreferredLanguageRTL = false;
-let isRTLAllowed = true;
-let isRTLForced = false;
-
-const isRTL = () => {
-  if (isRTLForced) {
-    return true;
-  }
-  return isRTLAllowed && isPreferredLanguageRTL;
-};
-
-const onDirectionChange = () => {
-  if (ExecutionEnvironment.canUseDOM) {
-    if (document.documentElement && document.documentElement.setAttribute) {
-      document.documentElement.setAttribute('dir', isRTL() ? 'rtl' : 'ltr');
-    }
-  }
-};
-
 const I18nManager: I18nManagerStatus = {
-  allowRTL(bool) {
-    isRTLAllowed = bool;
-    onDirectionChange();
+  allowRTL() {
+    return;
   },
-  forceRTL(bool) {
-    isRTLForced = bool;
-    onDirectionChange();
+  forceRTL() {
+    return;
   },
   getConstants(): Constants {
-    return { isRTL: isRTL() };
-  },
-  setPreferredLanguageRTL(bool) {
-    isPreferredLanguageRTL = bool;
-    onDirectionChange();
+    return { isRTL: false };
   }
 };
 

src/exports/Image/index.js

@@ -13,7 +13,7 @@ import type { ImageProps } from './types';
 import * as React from 'react';
 import createElement from '../createElement';
 import { getAssetByID } from '../../modules/AssetRegistry';
-import { createBoxShadowValue } from '../StyleSheet/compiler/preprocess';
+import { createBoxShadowValue } from '../StyleSheet/preprocess';
 import ImageLoader from '../../modules/ImageLoader';
 import PixelRatio from '../PixelRatio';
 import StyleSheet from '../StyleSheet';

src/exports/Picker/PickerItem.js

@@ -22,5 +22,5 @@ type Props = {
 export default function PickerItem(props: Props) {
   const { color, label, testID, value } = props;
   const style = { color };
-  return createElement('option', { style, testID, value }, label);
+  return createElement('option', { children: label, style, testID, value });
 }