Update all packages (#200)

* Update everything to latest

React 18

* Fix storybook

These aren’t needed with the newest storybook

* Ensure CJS babel doesn’t affect storybook

* Skip YJS unit tests

They need major work

* Disable TS lint warnings

These components probably need replacing. They still work fine so just disable the lint warning now.

* Fix TypeScript warnings/errors

* Add docs about media upload

* Update changelog with deprecation

* Bundle build

* Fix e2e tests

* Add note about the reason we're disabling Firefox and Safari tests

* Bump tests timeout

Co-authored-by: Matías Surdi <matias.emanuel.surdi@automattic.om>

.storybook/main.js

@@ -6,18 +6,4 @@ module.exports = {
 	},
 	stories: [ '../src/**/*.stories.*', '../stories/**/*.stories.*' ],
 	addons: [ '@storybook/addon-links', '@storybook/addon-essentials', '@storybook/preset-scss' ],
-	webpackFinal: ( config ) => {
-		// Workaround until Storybook supports Emotion 11
-		const toPath = ( _path ) => path.join( process.cwd(), _path );
-		config.resolve.alias = {
-			...config.resolve.alias,
-			'@emotion/styled': toPath( 'node_modules/@emotion/styled' ),
-		};
-
-		return config;
-	},
-	babel: async ( options ) => ( {
-		...options,
-		plugins: [ [ '@babel/plugin-proposal-class-properties', { loose: true } ] ],
-	} ),
 };

CHANGELOG.md

@@ -4,6 +4,14 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [Unreleased]
+
+### Update
+- Update all packages, including React to version 18
+
+### Breaking
+- Collaborative editing via yjs has been deprecated and will be removed in the next version. A hook-based replacement will be proposed in the future.
+
 ## [2.22.0] - 2023-01-03
 
 ### Added

README.md

@@ -310,6 +310,16 @@ import { MediaUpload } from '@wordpress/media-utils';
 addFilter( 'editor.MediaUpload', 'your-namespace/media-upload', () => MediaUpload );
 ```
 
+You will also need to pass in the media uploader as part of the editor settings:
+
+```js
+import { mediaUpload } from '@wordpress/editor';
+
+const settings = { your settings };
+
+settings.editor.mediaUpload = mediaUpload;
+```
+
 In versions earlier than 2.21.0 this was automatically done, but this meant that you were unable to modify or disable it.
 
 ### Extending

babel.config.js

@@ -7,8 +7,12 @@ module.exports = ( api ) => {
 		};
 	}
 
-	return {
-		presets: [ '@wordpress/babel-preset-default', [ '@babel/preset-env', { modules: 'commonjs' } ] ],
-		plugins: [ [ '@babel/plugin-transform-runtime', { useESModules: false } ] ],
-	};
+	if ( process.env.BUILD_ENV === 'cjs' ) {
+		return {
+			presets: [ '@wordpress/babel-preset-default', [ '@babel/preset-env', { modules: 'commonjs' } ] ],
+			plugins: [ [ '@babel/plugin-transform-runtime', { useESModules: false } ] ],
+		};
+	}
+
+	return {};
 };