expo-system-ui 1.2.0 → 2.0.0

package/CHANGELOG.md

@@ -10,6 +10,28 @@
 
 ### 💡 Others
 
+## 2.0.0 — 2022-10-25
+
+### 🛠 Breaking changes
+
+- [plugin] Upgrade minimum runtime requirement to Node 14 (LTS). ([#18204](https://github.com/expo/expo/pull/18204) by [@EvanBacon](https://github.com/EvanBacon))
+- Bumped iOS deployment target to 13.0 and deprecated support for iOS 12. ([#18873](https://github.com/expo/expo/pull/18873) by [@tsapeta](https://github.com/tsapeta))
+
+### 💡 Others
+
+- [plugin] Migrate import from @expo/config-plugins to expo/config-plugins and @expo/config-types to expo/config. ([#18855](https://github.com/expo/expo/pull/18855) by [@brentvatne](https://github.com/brentvatne))
+- Drop `@expo/config-plugins` dependency in favor of peer dependency on `expo`. ([#18595](https://github.com/expo/expo/pull/18595) by [@EvanBacon](https://github.com/EvanBacon))
+
+## 1.3.0 — 2022-07-07
+
+### 🐛 Bug fixes
+
+- Fix color setting on web. ([#17558](https://github.com/expo/expo/pull/17558) by [@EvanBacon](https://github.com/EvanBacon))
+
+### 💡 Others
+
+- Migrated Expo modules definitions to the new naming convention. ([#17193](https://github.com/expo/expo/pull/17193) by [@tsapeta](https://github.com/tsapeta))
+
 ## 1.2.0 — 2022-04-18
 
 ### 💡 Others

package/android/build.gradle

@@ -3,7 +3,7 @@ apply plugin: 'kotlin-android'
 apply plugin: 'maven-publish'
 
 group = 'host.exp.exponent'
-version = '1.2.0'
+version = '2.0.0'
 
 buildscript {
   def expoModulesCorePlugin = new File(project(":expo-modules-core").projectDir.absolutePath, "ExpoModulesCorePlugin.gradle")
@@ -74,7 +74,7 @@ android {
     minSdkVersion safeExtGet("minSdkVersion", 21)
     targetSdkVersion safeExtGet("targetSdkVersion", 31)
     versionCode 1
-    versionName '1.2.0'
+    versionName '2.0.0'
   }
   lintOptions {
     abortOnError false

package/build/SystemUI.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SystemUI.d.ts","sourceRoot":"","sources":["../src/SystemUI.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAgB,MAAM,cAAc,CAAC;AAIxD;;;;;;;;GAQG;AACH,wBAAsB,uBAAuB,CAAC,KAAK,EAAE,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC,CAG9E;AAED;;;;;;;;GAQG;AACH,wBAAsB,uBAAuB,IAAI,OAAO,CAAC,UAAU,GAAG,IAAI,CAAC,CAE1E"}
+{"version":3,"file":"SystemUI.d.ts","sourceRoot":"","sources":["../src/SystemUI.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAA0B,MAAM,cAAc,CAAC;AAIlE;;;;;;;;GAQG;AACH,wBAAsB,uBAAuB,CAAC,KAAK,EAAE,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC,CAG9E;AAED;;;;;;;;GAQG;AACH,wBAAsB,uBAAuB,IAAI,OAAO,CAAC,UAAU,GAAG,IAAI,CAAC,CAE1E"}

package/build/SystemUI.js

@@ -1,4 +1,4 @@
-import { processColor } from 'react-native';
+import { Platform, processColor } from 'react-native';
 import ExpoSystemUI from './ExpoSystemUI';
 /**
  * Changes the root view background color.
@@ -10,7 +10,7 @@ import ExpoSystemUI from './ExpoSystemUI';
  * @param color Any valid [CSS 3 (SVG) color](http://www.w3.org/TR/css3-color/#svg-color).
  */
 export async function setBackgroundColorAsync(color) {
-    const colorNumber = processColor(color);
+    const colorNumber = Platform.OS === 'web' ? color : processColor(color);
     return await ExpoSystemUI.setBackgroundColorAsync(colorNumber);
 }
 /**

package/build/SystemUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"SystemUI.js","sourceRoot":"","sources":["../src/SystemUI.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,YAAY,EAAE,MAAM,cAAc,CAAC;AAExD,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAE1C;;;;;;;;GAQG;AACH,MAAM,CAAC,KAAK,UAAU,uBAAuB,CAAC,KAAiB;IAC7D,MAAM,WAAW,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IACxC,OAAO,MAAM,YAAY,CAAC,uBAAuB,CAAC,WAAW,CAAC,CAAC;AACjE,CAAC;AAED;;;;;;;;GAQG;AACH,MAAM,CAAC,KAAK,UAAU,uBAAuB;IAC3C,OAAO,MAAM,YAAY,CAAC,uBAAuB,EAAE,CAAC;AACtD,CAAC","sourcesContent":["import { ColorValue, processColor } from 'react-native';\n\nimport ExpoSystemUI from './ExpoSystemUI';\n\n/**\n * Changes the root view background color.\n *\n * @example\n * ```ts\n * SystemUI.setBackgroundColorAsync(\"white\");\n * ```\n * @param color Any valid [CSS 3 (SVG) color](http://www.w3.org/TR/css3-color/#svg-color).\n */\nexport async function setBackgroundColorAsync(color: ColorValue): Promise<void> {\n  const colorNumber = processColor(color);\n  return await ExpoSystemUI.setBackgroundColorAsync(colorNumber);\n}\n\n/**\n * Gets the root view background color.\n *\n * @example\n * ```ts\n * const color = await SystemUI.getBackgroundColorAsync();\n * ```\n * @returns Current root view background color in hex format. Returns `null` if the background color is not set.\n */\nexport async function getBackgroundColorAsync(): Promise<ColorValue | null> {\n  return await ExpoSystemUI.getBackgroundColorAsync();\n}\n"]}
+{"version":3,"file":"SystemUI.js","sourceRoot":"","sources":["../src/SystemUI.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,QAAQ,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAElE,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAE1C;;;;;;;;GAQG;AACH,MAAM,CAAC,KAAK,UAAU,uBAAuB,CAAC,KAAiB;IAC7D,MAAM,WAAW,GAAG,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IACxE,OAAO,MAAM,YAAY,CAAC,uBAAuB,CAAC,WAAW,CAAC,CAAC;AACjE,CAAC;AAED;;;;;;;;GAQG;AACH,MAAM,CAAC,KAAK,UAAU,uBAAuB;IAC3C,OAAO,MAAM,YAAY,CAAC,uBAAuB,EAAE,CAAC;AACtD,CAAC","sourcesContent":["import { ColorValue, Platform, processColor } from 'react-native';\n\nimport ExpoSystemUI from './ExpoSystemUI';\n\n/**\n * Changes the root view background color.\n *\n * @example\n * ```ts\n * SystemUI.setBackgroundColorAsync(\"white\");\n * ```\n * @param color Any valid [CSS 3 (SVG) color](http://www.w3.org/TR/css3-color/#svg-color).\n */\nexport async function setBackgroundColorAsync(color: ColorValue): Promise<void> {\n  const colorNumber = Platform.OS === 'web' ? color : processColor(color);\n  return await ExpoSystemUI.setBackgroundColorAsync(colorNumber);\n}\n\n/**\n * Gets the root view background color.\n *\n * @example\n * ```ts\n * const color = await SystemUI.getBackgroundColorAsync();\n * ```\n * @returns Current root view background color in hex format. Returns `null` if the background color is not set.\n */\nexport async function getBackgroundColorAsync(): Promise<ColorValue | null> {\n  return await ExpoSystemUI.getBackgroundColorAsync();\n}\n"]}

package/ios/ExpoSystemUI/ExpoSystemUIModule.swift

@@ -4,20 +4,20 @@ import ExpoModulesCore
 
 public class ExpoSystemUIModule: Module {
   public func definition() -> ModuleDefinition {
-    name("ExpoSystemUI")
+    Name("ExpoSystemUI")
 
-    onCreate {
+    OnCreate {
       // TODO: Maybe read from the app manifest instead of from Info.plist.
       // Set / reset the initial color on reload and app start.
       let color = Bundle.main.object(forInfoDictionaryKey: "RCTRootViewBackgroundColor") as? Int
       Self.setBackgroundColorAsync(color: color)
     }
 
-    function("getBackgroundColorAsync") { () -> String? in
+    AsyncFunction("getBackgroundColorAsync") { () -> String? in
       Self.getBackgroundColor()
     }
 
-    function("setBackgroundColorAsync") { (color: Int) in
+    AsyncFunction("setBackgroundColorAsync") { (color: Int) in
       Self.setBackgroundColorAsync(color: color)
     }
   }

package/ios/ExpoSystemUI.podspec

@@ -10,7 +10,7 @@ Pod::Spec.new do |s|
   s.license        = package['license']
   s.author         = package['author']
   s.homepage       = package['homepage']
-  s.platform       = :ios, '12.0'
+  s.platform       = :ios, '13.0'
   s.swift_version  = '5.4'
   s.source         = { git: 'https://github.com/expo/expo.git' }
   s.static_framework = true

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "expo-system-ui",
-  "version": "1.2.0",
+  "version": "2.0.0",
   "description": "Interact with system UI elements",
   "main": "build/SystemUI.js",
   "types": "build/SystemUI.d.ts",
@@ -32,7 +32,6 @@
   "license": "MIT",
   "homepage": "https://docs.expo.dev/versions/latest/sdk/system-ui",
   "dependencies": {
-    "@expo/config-plugins": "^4.0.14",
     "@react-native/normalize-color": "^2.0.0",
     "debug": "^4.3.2"
   },
@@ -40,10 +39,10 @@
     "preset": "expo-module-scripts"
   },
   "devDependencies": {
-    "expo-module-scripts": "^2.0.0"
+    "expo-module-scripts": "^3.0.0"
   },
   "peerDependencies": {
     "expo": "*"
   },
-  "gitHead": "22dce752354bb429c84851bc4389abe47a766b1f"
+  "gitHead": "eab2b09c735fb0fc2bf734a3f29a6593adba3838"
 }

package/plugin/build/withAndroidRootViewBackgroundColor.d.ts

@@ -1,5 +1,5 @@
-import { ConfigPlugin } from '@expo/config-plugins';
-import { ExpoConfig } from '@expo/config-types';
+import { ExpoConfig } from 'expo/config';
+import { ConfigPlugin } from 'expo/config-plugins';
 export declare const withAndroidRootViewBackgroundColor: ConfigPlugin;
 export declare const withRootViewBackgroundColorColors: ConfigPlugin;
 export declare const withRootViewBackgroundColorStyles: ConfigPlugin;

package/plugin/build/withAndroidRootViewBackgroundColor.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getRootViewBackgroundColor = exports.withRootViewBackgroundColorStyles = exports.withRootViewBackgroundColorColors = exports.withAndroidRootViewBackgroundColor = void 0;
-const config_plugins_1 = require("@expo/config-plugins");
+const config_plugins_1 = require("expo/config-plugins");
 const { assignColorValue } = config_plugins_1.AndroidConfig.Colors;
 const { assignStylesValue, getAppThemeLightNoActionBarGroup } = config_plugins_1.AndroidConfig.Styles;
 const ANDROID_WINDOW_BACKGROUND = 'android:windowBackground';
@@ -35,7 +35,6 @@ const withRootViewBackgroundColorStyles = (config) => {
 };
 exports.withRootViewBackgroundColorStyles = withRootViewBackgroundColorStyles;
 function getRootViewBackgroundColor(config) {
-    var _a;
-    return ((_a = config.android) === null || _a === void 0 ? void 0 : _a.backgroundColor) || config.backgroundColor || null;
+    return config.android?.backgroundColor || config.backgroundColor || null;
 }
 exports.getRootViewBackgroundColor = getRootViewBackgroundColor;

package/plugin/build/withAndroidUserInterfaceStyle.d.ts

@@ -1,5 +1,5 @@
-import { AndroidConfig, ConfigPlugin } from '@expo/config-plugins';
-import { ExpoConfig } from '@expo/config-types';
+import { ExpoConfig } from 'expo/config';
+import { AndroidConfig, ConfigPlugin } from 'expo/config-plugins';
 export declare type Props = {
     userInterfaceStyle?: ExpoConfig['userInterfaceStyle'];
 };

package/plugin/build/withAndroidUserInterfaceStyle.js

@@ -4,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.setStrings = exports.resolveProps = exports.withAndroidUserInterfaceStyle = void 0;
-const config_plugins_1 = require("@expo/config-plugins");
 const assert_1 = __importDefault(require("assert"));
+const config_plugins_1 = require("expo/config-plugins");
 // strings.xml keys, this should not change.
 const USER_INTERFACE_STYLE_KEY = 'expo_system_ui_user_interface_style';
 const withAndroidUserInterfaceStyle = (config) => {
@@ -16,8 +16,7 @@ const withAndroidUserInterfaceStyle = (config) => {
 };
 exports.withAndroidUserInterfaceStyle = withAndroidUserInterfaceStyle;
 function resolveProps(config) {
-    var _a, _b;
-    const userInterfaceStyle = (_b = (_a = config.android) === null || _a === void 0 ? void 0 : _a.userInterfaceStyle) !== null && _b !== void 0 ? _b : config.userInterfaceStyle;
+    const userInterfaceStyle = config.android?.userInterfaceStyle ?? config.userInterfaceStyle;
     (0, assert_1.default)(!userInterfaceStyle || ['automatic', 'light', 'dark'].includes(userInterfaceStyle), `expo-system-ui: Invalid userInterfaceStyle: "${userInterfaceStyle}"`);
     return { userInterfaceStyle };
 }

package/plugin/build/withIosRootViewBackgroundColor.d.ts

@@ -1,5 +1,5 @@
-import { ConfigPlugin, InfoPlist } from '@expo/config-plugins';
-import { ExpoConfig } from '@expo/config-types';
+import { ExpoConfig } from 'expo/config';
+import { ConfigPlugin, InfoPlist } from 'expo/config-plugins';
 export declare const withIosRootViewBackgroundColor: ConfigPlugin;
 export declare function setRootViewBackgroundColor(config: Pick<ExpoConfig, 'backgroundColor' | 'ios'>, infoPlist: InfoPlist): InfoPlist;
 export declare function getRootViewBackgroundColor(config: Pick<ExpoConfig, 'ios' | 'backgroundColor'>): string | null;

package/plugin/build/withIosRootViewBackgroundColor.js

@@ -4,9 +4,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getRootViewBackgroundColor = exports.setRootViewBackgroundColor = exports.withIosRootViewBackgroundColor = void 0;
-const config_plugins_1 = require("@expo/config-plugins");
 // @ts-ignore: uses flow
 const normalize_color_1 = __importDefault(require("@react-native/normalize-color"));
+const config_plugins_1 = require("expo/config-plugins");
 // Maps to the template AppDelegate.m
 const BACKGROUND_COLOR_KEY = 'RCTRootViewBackgroundColor';
 const debug = require('debug')('expo:system-ui:plugin:ios');
@@ -36,7 +36,6 @@ function setRootViewBackgroundColor(config, infoPlist) {
 }
 exports.setRootViewBackgroundColor = setRootViewBackgroundColor;
 function getRootViewBackgroundColor(config) {
-    var _a;
-    return ((_a = config.ios) === null || _a === void 0 ? void 0 : _a.backgroundColor) || config.backgroundColor || null;
+    return config.ios?.backgroundColor || config.backgroundColor || null;
 }
 exports.getRootViewBackgroundColor = getRootViewBackgroundColor;

package/plugin/build/withIosUserInterfaceStyle.d.ts

@@ -1,5 +1,5 @@
-import { InfoPlist, ConfigPlugin } from '@expo/config-plugins';
-import { ExpoConfig } from '@expo/config-types';
+import { ExpoConfig } from 'expo/config';
+import { InfoPlist, ConfigPlugin } from 'expo/config-plugins';
 export declare const withIosUserInterfaceStyle: ConfigPlugin;
 export declare function getUserInterfaceStyle(config: Pick<ExpoConfig, 'ios' | 'userInterfaceStyle'>): string;
 export declare function setUserInterfaceStyle(config: Pick<ExpoConfig, 'ios' | 'userInterfaceStyle'>, { UIUserInterfaceStyle, ...infoPlist }: InfoPlist): InfoPlist;

package/plugin/build/withIosUserInterfaceStyle.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.setUserInterfaceStyle = exports.getUserInterfaceStyle = exports.withIosUserInterfaceStyle = void 0;
-const config_plugins_1 = require("@expo/config-plugins");
+const config_plugins_1 = require("expo/config-plugins");
 const withIosUserInterfaceStyle = (config) => {
     return (0, config_plugins_1.withInfoPlist)(config, (config) => {
         config.modResults = setUserInterfaceStyle(config, config.modResults);
@@ -10,8 +10,7 @@ const withIosUserInterfaceStyle = (config) => {
 };
 exports.withIosUserInterfaceStyle = withIosUserInterfaceStyle;
 function getUserInterfaceStyle(config) {
-    var _a, _b, _c;
-    return (_c = (_b = (_a = config.ios) === null || _a === void 0 ? void 0 : _a.userInterfaceStyle) !== null && _b !== void 0 ? _b : config.userInterfaceStyle) !== null && _c !== void 0 ? _c : 'light';
+    return config.ios?.userInterfaceStyle ?? config.userInterfaceStyle ?? 'light';
 }
 exports.getUserInterfaceStyle = getUserInterfaceStyle;
 function setUserInterfaceStyle(config, { UIUserInterfaceStyle, ...infoPlist }) {

package/plugin/build/withSystemUI.d.ts

@@ -1,3 +1,3 @@
-import { ConfigPlugin } from '@expo/config-plugins';
+import { ConfigPlugin } from 'expo/config-plugins';
 declare const _default: ConfigPlugin<void>;
 export default _default;

package/plugin/build/withSystemUI.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const config_plugins_1 = require("@expo/config-plugins");
+const config_plugins_1 = require("expo/config-plugins");
 const withAndroidRootViewBackgroundColor_1 = require("./withAndroidRootViewBackgroundColor");
 const withAndroidUserInterfaceStyle_1 = require("./withAndroidUserInterfaceStyle");
 const withIosRootViewBackgroundColor_1 = require("./withIosRootViewBackgroundColor");

package/plugin/src/withAndroidRootViewBackgroundColor.ts

@@ -1,10 +1,10 @@
+import { ExpoConfig } from 'expo/config';
 import {
   AndroidConfig,
   ConfigPlugin,
   withAndroidColors,
   withAndroidStyles,
-} from '@expo/config-plugins';
-import { ExpoConfig } from '@expo/config-types';
+} from 'expo/config-plugins';
 
 const { assignColorValue } = AndroidConfig.Colors;
 const { assignStylesValue, getAppThemeLightNoActionBarGroup } = AndroidConfig.Styles;

package/plugin/src/withAndroidUserInterfaceStyle.ts

@@ -1,6 +1,6 @@
-import { AndroidConfig, ConfigPlugin, withStringsXml } from '@expo/config-plugins';
-import { ExpoConfig } from '@expo/config-types';
 import assert from 'assert';
+import { ExpoConfig } from 'expo/config';
+import { AndroidConfig, ConfigPlugin, withStringsXml } from 'expo/config-plugins';
 
 export type Props = {
   userInterfaceStyle?: ExpoConfig['userInterfaceStyle'];

package/plugin/src/withIosRootViewBackgroundColor.ts

@@ -1,7 +1,7 @@
-import { ConfigPlugin, InfoPlist, withInfoPlist } from '@expo/config-plugins';
-import { ExpoConfig } from '@expo/config-types';
 // @ts-ignore: uses flow
 import normalizeColor from '@react-native/normalize-color';
+import { ExpoConfig } from 'expo/config';
+import { ConfigPlugin, InfoPlist, withInfoPlist } from 'expo/config-plugins';
 
 // Maps to the template AppDelegate.m
 const BACKGROUND_COLOR_KEY = 'RCTRootViewBackgroundColor';

package/plugin/src/withIosUserInterfaceStyle.ts

@@ -1,5 +1,5 @@
-import { InfoPlist, ConfigPlugin, withInfoPlist } from '@expo/config-plugins';
-import { ExpoConfig } from '@expo/config-types';
+import { ExpoConfig } from 'expo/config';
+import { InfoPlist, ConfigPlugin, withInfoPlist } from 'expo/config-plugins';
 
 export const withIosUserInterfaceStyle: ConfigPlugin = (config) => {
   return withInfoPlist(config, (config) => {

package/plugin/src/withSystemUI.ts

@@ -1,4 +1,4 @@
-import { ConfigPlugin, createRunOncePlugin, withPlugins } from '@expo/config-plugins';
+import { ConfigPlugin, createRunOncePlugin, withPlugins } from 'expo/config-plugins';
 
 import { withAndroidRootViewBackgroundColor } from './withAndroidRootViewBackgroundColor';
 import { withAndroidUserInterfaceStyle } from './withAndroidUserInterfaceStyle';

package/src/SystemUI.ts

@@ -1,4 +1,4 @@
-import { ColorValue, processColor } from 'react-native';
+import { ColorValue, Platform, processColor } from 'react-native';
 
 import ExpoSystemUI from './ExpoSystemUI';
 
@@ -12,7 +12,7 @@ import ExpoSystemUI from './ExpoSystemUI';
  * @param color Any valid [CSS 3 (SVG) color](http://www.w3.org/TR/css3-color/#svg-color).
  */
 export async function setBackgroundColorAsync(color: ColorValue): Promise<void> {
-  const colorNumber = processColor(color);
+  const colorNumber = Platform.OS === 'web' ? color : processColor(color);
   return await ExpoSystemUI.setBackgroundColorAsync(colorNumber);
 }
 

package/tsconfig.json

@@ -5,5 +5,5 @@
     "outDir": "./build"
   },
   "include": ["./src"],
-  "exclude": ["**/__mocks__/*", "**/__tests__/*"]
+  "exclude": ["**/__mocks__/*", "**/__tests__/*", "**/__stories__/*"]
 }