Merge pull request #1595 from GetStream/develop

v9.0.0

Author: MartinCupela

axe-helper.js

@@ -0,0 +1,7 @@
+/* eslint-disable no-undef */
+const { configureAxe } = require('jest-axe');
+
+module.exports.axe = configureAxe({
+  // FIXME: this is a temporary measure, the SDK needs fixing
+  rules: { 'nested-interactive': { enabled: false } },
+});

docusaurus/docs/React/contexts/message-input-context.mdx

@@ -246,16 +246,14 @@ If true, file uploads are enabled in the currently active channel.
 | ------- | ------- |
 | boolean | true    |
 
-### keycodeSubmitKeys
+### shouldSubmit
 
-Currently, Enter is the default submission key and Shift+Enter is the default for new line. If provided, this array of keycode
-numbers will override the default Enter for submission, and Enter will then only create a new line. Shift + Enter will still
-always create a new line, unless Shift+Enter [16, 13] is included in the override.
-(ex: [[16,13], [57], [48]] - submission keys would then be Shift+Enter, 9, and 0).
+Currently, `Enter` is the default submission key and `Shift`+`Enter` is the default combination for the new line.
+If specified, this function overrides the default behavior specified previously.
 
-| Type            |
-| --------------- |
-| Array<number[]> |
+| Type                              |
+| --------------------------------- |
+| (event: KeyboardEvent) => boolean |
 
 ### maxFilesLeft
 

docusaurus/docs/React/message-input-components/message-input.mdx

@@ -124,16 +124,14 @@ Custom UI component handling how the message input is rendered.
 | --------- | ------------------------------------------------------------------------------------------------------------------------------- |
 | component | [MessageInputFlat](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageInput/MessageInputFlat.tsx) |
 
-### keycodeSubmitKeys
+### shouldSubmit
 
-Currently, Enter is the default submission key and Shift+Enter is the default for new line. If provided, this array of keycode
-numbers will override the default Enter for submission, and Enter will then only create a new line. Shift + Enter will still
-always create a new line, unless Shift+Enter [16, 13] is included in the override.
-(ex: [[16,13], [57], [48]] - submission keys would then be Shift+Enter, 9, and 0).
+Currently, `Enter` is the default submission key and `Shift`+`Enter` is the default combination for the new line.
+If specified, this function overrides the default behavior specified previously.
 
-| Type            |
-| --------------- |
-| Array<number[]> |
+| Type                              |
+| --------------------------------- |
+| (event: KeyboardEvent) => boolean |
 
 ### maxRows
 
@@ -199,7 +197,6 @@ If true, triggers typing events on text input keystroke.
 | ------- | ------- |
 | boolean | true    |
 
-
 ### useMentionsTransliteration
 
 If true, will use an optional dependency to support transliteration in the input for mentions. See: https://github.com/sindresorhus/transliterate

examples/capacitor/src/index.tsx

@@ -1,14 +1,13 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import './index.css';
 import App from './App';
 import * as serviceWorker from './serviceWorker';
 
-ReactDOM.render(
+createRoot(document.getElementById('root')!).render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>,
-  document.getElementById('root'),
+  </React.StrictMode>
 );
 
 // If you want your app to work offline and load faster, you can change

examples/typescript/package.json

@@ -17,8 +17,8 @@
     "@testing-library/user-event": "^7.1.2",
     "@types/jest": "^24.0.0",
     "@types/node": "^12.0.0",
-    "@types/react": "^16.9.0",
-    "@types/react-dom": "^16.9.0"
+    "@types/react": "link:../../node_modules/@types/react",
+    "@types/react-dom": "link:../../node_modules/@types/react-dom"
   },
   "scripts": {
     "start": "react-scripts start",

examples/typescript/src/index.tsx

@@ -1,14 +1,13 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import './index.css';
 import App from './App';
 import * as serviceWorker from './serviceWorker';
 
-ReactDOM.render(
+createRoot(document.getElementById('root')!).render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>,
-  document.getElementById('root'),
+  </React.StrictMode>
 );
 
 // If you want your app to work offline and load faster, you can change