Merge pull request #35 from THEOplayer/feature/8.0

Feature/8.0

CHANGELOG.md

@@ -10,6 +10,16 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
 and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
 
+## [Unreleased]
+
+### Added
+
+- Added support for THEOplayer 8.0.
+
+### Fixed
+
+- Fixed a deprecation warning by removing `defaultProps`.
+
 ## 0.7.2 (2024-05-15)
 
 ### Fixed

README.md

@@ -19,8 +19,8 @@ The `@theoplayer/react-native-ui` package provides a collection of UI components
 for `react-native-theoplayer`, the official THEOplayer React Native video player.
 The following platforms are supported:
 
-- Android, Android TV & FireTV
-- iOS & tvOS (Apple TV)
+- Mobile Android
+- Mobile iOS
 - Web
 
 This document covers how to add a UI to your `THEOplayerView` component. For information on

example/package.json

@@ -11,43 +11,44 @@
     "test": "jest"
   },
   "dependencies": {
-    "@react-native-community/slider": "^4.4.3",
+    "@react-native-community/slider": "^4.5.2",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-native": "0.72.7",
-    "react-native-google-cast": "^4.6.2",
-    "react-native-svg": "^14.0.0",
-    "react-native-theoplayer": "^7.0.0",
-    "react-native-web": "^0.19.9",
+    "react-native-google-cast": "^4.8.2",
+    "react-native-svg": "^14.2.0",
+    "react-native-svg-web": "^1.0.9",
+    "react-native-theoplayer": "^8.0.0",
+    "react-native-web": "^0.19.12",
     "react-native-web-image-loader": "^0.1.1"
   },
   "devDependencies": {
-    "@babel/core": "^7.20.0",
-    "@babel/preset-env": "^7.20.0",
-    "@babel/runtime": "^7.20.0",
+    "@babel/core": "^7.25.2",
+    "@babel/preset-env": "^7.25.4",
+    "@babel/runtime": "^7.25.6",
     "@react-native/eslint-config": "^0.72.2",
-    "@react-native/metro-config": "^0.72.11",
-    "@tsconfig/react-native": "^3.0.0",
-    "@types/react": "^18.0.24",
-    "@types/react-dom": "^18.2.8",
-    "@types/react-test-renderer": "^18.0.0",
-    "babel-jest": "^29.2.1",
+    "@react-native/metro-config": "^0.72.12",
+    "@tsconfig/react-native": "^3.0.5",
+    "@types/react": "^18.3.5",
+    "@types/react-dom": "^18.3.0",
+    "@types/react-test-renderer": "^18.3.0",
+    "babel-jest": "^29.7.0",
     "babel-loader": "^8.3.0",
-    "babel-plugin-module-resolver": "^5.0.0",
-    "babel-plugin-react-native-web": "^0.19.9",
+    "babel-plugin-module-resolver": "^5.0.2",
+    "babel-plugin-react-native-web": "^0.19.12",
     "copy-webpack-plugin": "^11.0.0",
-    "eslint": "^8.19.0",
-    "html-webpack-plugin": "^5.5.3",
-    "jest": "^29.2.1",
+    "eslint": "^8.57.0",
+    "html-webpack-plugin": "^5.6.0",
+    "jest": "^29.7.0",
     "metro-react-native-babel-preset": "0.76.8",
     "node-polyfill-webpack-plugin": "^2.0.1",
-    "prettier": "^2.4.1",
+    "prettier": "^2.8.8",
     "react-test-renderer": "18.2.0",
-    "theoplayer": "^7.1.0",
+    "theoplayer": "^8.0.0",
     "typescript": "4.8.4",
-    "webpack": "^5.89.0",
+    "webpack": "^5.94.0",
     "webpack-cli": "^5.1.4",
-    "webpack-dev-server": "^4.15.1"
+    "webpack-dev-server": "^4.15.2"
   },
   "engines": {
     "node": ">=16"

example/web/webpack.config.js

@@ -89,7 +89,7 @@ module.exports = {
       'react-native-url-polyfill': 'url-polyfill',
       'react-native-google-cast': path.resolve(stubDirectory, 'CastButtonStub'),
       'react-native-web': path.resolve(projectDirectory, 'node_modules/react-native-web'),
-      'react-native-svg': 'react-native-svg-web',
+      'react-native-svg': path.resolve(projectDirectory, 'node_modules/react-native-svg-web'),
 
       // Avoid duplicate react env.
       'react': path.resolve(projectDirectory, 'node_modules/react'),