Merge pull request #140 from GetStream/upgrade-deps

Upgrade deps
GetStream · Feb 7, 2020 · dfe466d · dfe466d
2 parents 7a1170c + cab5c0f
commit dfe466d
Show file tree

Hide file tree

Showing 39 changed files with 3,946 additions and 3,339 deletions.
diff --git a/docs/build/0.468737e0.js → docs/build/0.6ba624cd.js b/docs/build/0.468737e0.js → docs/build/0.6ba624cd.js
diff --git a/docs/build/bundle.a7bfae1f.js → docs/build/bundle.e97426cc.js b/docs/build/bundle.a7bfae1f.js → docs/build/bundle.e97426cc.js
diff --git a/docs/index.html b/docs/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>React Chat - Docs</title><link rel="icon" type="image/x-icon" href="https://getstream.imgix.net/images/favicons/favicon-96x96.png"></head><body><div id="rsg-root"></div><script src="build/bundle.a7bfae1f.js"></script></body></html>
+<!DOCTYPE html><html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>React Chat - Docs</title><link rel="icon" type="image/x-icon" href="https://getstream.imgix.net/images/favicons/favicon-96x96.png"></head><body><div id="rsg-root"></div><script src="build/bundle.e97426cc.js"></script></body></html>
diff --git a/package.json b/package.json
@@ -20,97 +20,94 @@
     "getstream.io"
   ],
   "dependencies": {
-    "@braintree/sanitize-url": "^3.0.0",
-    "@webscopeio/react-textarea-autocomplete": "^4.0.0",
+    "@braintree/sanitize-url": "^4.0.0",
+    "@webscopeio/react-textarea-autocomplete": "^4.6.3",
     "anchorme": "^1.1.2",
-    "deep-equal": "^1.0.1",
-    "emoji-mart": "~2.11.0",
-    "emoji-regex": "^7.0.3",
+    "deep-equal": "^2.0.1",
+    "emoji-mart": "2.11.0",
+    "emoji-regex": "^8.0.0",
     "isomorphic-ws": "^4.0.1",
     "lodash.uniqby": "^4.7.0",
     "moment": "^2.23.0",
     "pretty-bytes": "^5.1.0",
     "prop-types": "^15.6.2",
     "react-file-utils": "0.3.13",
     "react-images": "^1.0.0",
-    "react-markdown": "^4.0.6",
-    "react-player": "^1.8.0",
+    "react-markdown": "^4.3.1",
+    "react-player": "^1.15.2",
     "react-textarea-autosize": "^7.1.0",
     "seamless-immutable": "^7.1.4",
     "shallow-diff": "^0.0.5",
     "stream-browserify": "^2.0.2",
-    "stream-chat": "^1.2.1",
-    "uuid": "^3.3.2",
-    "visibilityjs": "^2.0.2",
-    "ws": "^6.1.3"
+    "stream-chat": "^1.3.1",
+    "uuid": "^3.4.0",
+    "visibilityjs": "^2.0.2"
   },
   "peerDependencies": {
-    "react": "^16.7.0",
-    "react-dom": "^16.7.0"
+    "react": "^16.x",
+    "react-dom": "^16.x"
   },
   "files": [
     "dist",
     "/types",
     "README.md"
   ],
   "devDependencies": {
-    "@babel/core": "^7.2.2",
-    "@babel/node": "^7.2.2",
+    "@babel/core": "^7.8.4",
+    "@babel/node": "^7.8.4",
     "@babel/plugin-proposal-class-properties": "^7.2.3",
     "@babel/plugin-transform-runtime": "^7.2.0",
-    "@babel/preset-env": "^7.0.0",
+    "@babel/preset-env": "^7.8.4",
     "@babel/preset-react": "^7.0.0",
     "@stream-io/rollup-plugin-node-builtins": "^2.1.1",
-    "@types/seamless-immutable": "7.1.10",
+    "@types/seamless-immutable": "7.1.11",
     "@types/uuid": "^3.4.5",
     "autoprefixer": "^9.4.3",
     "babel-eslint": "^10.0.1",
-    "babel-loader": "8.0.4",
-    "concurrently": "^4.1.0",
-    "eslint": "5.6.0",
-    "eslint-config-react-app": "^3.0.6",
-    "eslint-loader": "^2.1.1",
+    "babel-loader": "8.0.6",
+    "eslint": "6.8.0",
+    "eslint-config-react-app": "^5.2.0",
+    "eslint-loader": "^3.0.3",
     "eslint-plugin-babel": "^5.3.0",
-    "eslint-plugin-flowtype": "^3.2.1",
-    "eslint-plugin-import": "^2.13.0",
-    "eslint-plugin-jest": "^22.1.2",
+    "eslint-plugin-flowtype": "^4.6.0",
+    "eslint-plugin-import": "^2.20.1",
+    "eslint-plugin-jest": "^23.6.0",
     "eslint-plugin-jsx-a11y": "^6.1.2",
     "eslint-plugin-markdown": "^1.0.0-rc.0",
-    "eslint-plugin-node": "^8.0.0",
+    "eslint-plugin-node": "^11.0.0",
     "eslint-plugin-promise": "^4.0.0",
-    "eslint-plugin-react": "^7.12.0",
+    "eslint-plugin-react": "^7.18.3",
     "eslint-plugin-sonarjs": "^0.5.0",
     "htmlparser2": "^4.0.0",
-    "husky": "^1.3.1",
-    "lint-staged": "^8.1.0",
-    "node-sass": "^4.11.0",
+    "husky": "^4.2.1",
+    "node-sass": "^4.13.1",
     "node-sass-import": "^2.0.1",
     "postcss-loader": "^3.0.0",
-    "prettier": "^1.18.2",
-    "react-styleguidist": "8.0.6",
-    "rollup": "^0.68.2",
+    "prettier": "^1.19.1",
+    "react-styleguidist": "10.6.1",
+    "rollup": "^1.31.0",
     "rollup-plugin-babel": "^4.0.3",
-    "rollup-plugin-commonjs": "^9.1.8",
-    "rollup-plugin-copy": "^0.2.3",
-    "rollup-plugin-copy-glob": "^0.2.2",
-    "rollup-plugin-json": "^3.1.0",
+    "rollup-plugin-commonjs": "^10.1.0",
+    "rollup-plugin-copy": "^3.3.0",
+    "rollup-plugin-copy-glob": "^0.3.1",
+    "rollup-plugin-json": "^4.0.0",
     "rollup-plugin-node-globals": "^1.4.0",
-    "rollup-plugin-node-resolve": "^4.0.0",
-    "rollup-plugin-peer-deps-external": "^2.2.0",
+    "rollup-plugin-node-resolve": "^5.2.0",
+    "rollup-plugin-peer-deps-external": "^2.2.2",
     "rollup-plugin-replace": "^2.1.0",
-    "rollup-plugin-scss": "^0.4.0",
-    "rollup-plugin-terser": "^4.0.4",
-    "rollup-plugin-url": "^2.0.0",
-    "sass": "^1.15.2",
-    "sass-loader": "^7.1.0",
-    "stylelint": "^9.10.1",
-    "stylelint-config-recommended-scss": "^3.2.0",
-    "stylelint-config-standard": "^18.2.0",
-    "stylelint-scss": "^3.5.1",
-    "url-loader": "^1.1.2",
-    "webpack": "4.19.1",
+    "rollup-plugin-scss": "^2.1.0",
+    "rollup-plugin-url": "^3.0.1",
+    "sass": "^1.25.0",
+    "sass-loader": "^8.0.2",
+    "style-loader": "^1.1.3",
+    "stylelint": "^13.0.0",
+    "stylelint-config-recommended-scss": "^4.2.0",
+    "stylelint-config-standard": "^19.0.0",
+    "stylelint-scss": "^3.14.2",
+    "url-loader": "^3.0.0",
+    "webpack": "4.41.5",
     "webpack-cli": "^3.1.2",
-    "webpack-dev-server": "~3.1.11"
+    "webpack-dev-server": "~3.10.3"
   },
   "resolutions": {
     "stream-browserify/**/readable-stream": "2.3.6"

diff --git a/rollup.config.js b/rollup.config.js
@@ -9,8 +9,7 @@ import copy from 'rollup-plugin-copy-glob';
 import resolve from 'rollup-plugin-node-resolve';
 import builtins from '@stream-io/rollup-plugin-node-builtins';
 import globals from 'rollup-plugin-node-globals';
-// eslint-disable-next-line
-import { terser } from 'rollup-plugin-terser';
+import PropTypes from 'prop-types';
 
 import replace from 'rollup-plugin-replace';
 
@@ -154,7 +153,11 @@ const fullBrowserBundle = {
       browser: true,
     }),
     url(),
-    commonjs(),
+    commonjs({
+      namedExports: {
+        'prop-types': Object.keys(PropTypes),
+      },
+    }),
     json(),
     globals({
       process: true,

diff --git a/src/components/MessageLivestream.js b/src/components/MessageLivestream.js
@@ -243,9 +243,7 @@ export class MessageLivestream extends React.PureComponent {
     if (editing) {
       return (
         <div
-          className={`str-chat__message-team str-chat__message-team--${
-            groupStyles[0]
-          } str-chat__message-team--editing`}
+          className={`str-chat__message-team str-chat__message-team--${groupStyles[0]} str-chat__message-team--editing`}
           onMouseLeave={this.onMouseLeaveMessage}
         >
           {(groupStyles[0] === 'top' || groupStyles[0] === 'single') && (

diff --git a/src/components/MessageTeam.js b/src/components/MessageTeam.js
@@ -331,9 +331,7 @@ export class MessageTeam extends PureComponent {
     if (editing) {
       return (
         <div
-          className={`str-chat__message-team str-chat__message-team--${
-            groupStyles[0]
-          } str-chat__message-team--editing`}
+          className={`str-chat__message-team str-chat__message-team--${groupStyles[0]} str-chat__message-team--editing`}
           onMouseLeave={this.onMouseLeaveMessage}
         >
           {(groupStyles[0] === 'top' || groupStyles[0] === 'single') && (

diff --git a/src/components/docs/Attachment.md b/src/components/docs/Attachment.md
@@ -9,6 +9,8 @@ There are many types of attachments. By default the components support
 Here's an example of an image
 
 ```js
+import { Attachment } from '../Attachment';
+
 const Immutable = require('seamless-immutable');
 
 const a = Immutable({
@@ -26,6 +28,8 @@ function actionHandler(action) {
 Or a video element:
 
 ```js
+import { Attachment } from '../Attachment';
+
 const Immutable = require('seamless-immutable');
 
 const a = Immutable({
@@ -47,6 +51,8 @@ function actionHandler(action) {
 Image with more meta information:
 
 ```js
+import { Attachment } from '../Attachment';
+
 const Immutable = require('seamless-immutable');
 
 const a = Immutable({
@@ -71,6 +77,8 @@ function actionHandler(action) {
 Attachment with actions:
 
 ```js
+import { Attachment } from '../Attachment';
+
 const Immutable = require('seamless-immutable');
 
 const a = Immutable({

diff --git a/src/components/docs/AttachmentActions.md b/src/components/docs/AttachmentActions.md
@@ -1,6 +1,8 @@
 AttachmentActions renders the attachment action
 
 ```js
+import { AttachmentActions } from '../AttachmentActions';
+
 function actionHandler(action) {
   console.log(action);
 }

diff --git a/src/components/docs/Avatar.md b/src/components/docs/Avatar.md
@@ -1,6 +1,7 @@
 The default circle style Avatar
 
 ```js
+import { Avatar } from '../Avatar';
 const image =
   'https://pbs.twimg.com/profile_images/897621870069112832/dFGq6aiE_400x400.jpg';
 const name = 'uthred';
@@ -11,6 +12,7 @@ const name = 'uthred';
 A rounded Avatar
 
 ```js
+import { Avatar } from '../Avatar';
 const image =
   'https://pbs.twimg.com/profile_images/897621870069112832/dFGq6aiE_400x400.jpg';
 const name = 'uthred';
@@ -21,6 +23,7 @@ const name = 'uthred';
 And a square variation
 
 ```js
+import { Avatar } from '../Avatar';
 const image =
   'https://pbs.twimg.com/profile_images/897621870069112832/dFGq6aiE_400x400.jpg';
 const name = 'uthred';
@@ -31,6 +34,7 @@ const name = 'uthred';
 An example of how the fallback looks
 
 ```js
+import { Avatar } from '../Avatar';
 const name = 'username';
 
 <Avatar name={name} shape={'circle'} size={35} />;

diff --git a/src/components/docs/Card.md b/src/components/docs/Card.md
@@ -1,6 +1,8 @@
 Card style layout for displaying links. For different message styles, we customized this component with css.
 
 ```js
+import { Card } from '../Card';
+
 const url = 'https://www.google.com/';
 const image_url =
   'https://www.google.com/logos/doodles/2015/googles-new-logo-5078286822539264.3-hp2x.gif';

diff --git a/src/components/docs/Channel.md b/src/components/docs/Channel.md
@@ -1,6 +1,9 @@
 ```js
 const data = require('./data');
-
+import { Chat } from '../Chat';
+import { Channel } from '../Channel';
+import { MessageList } from '../MessageList';
+import { MessageInput } from '../MessageInput';
 <div className="str-chat" style={{ height: 'unset' }}>
   <Chat client={data.client}>
     <Channel channel={data.channel}>
@@ -19,6 +22,12 @@ You can test threads and replies by clicking the reply button on the message.
 
 ```js
 const data = require('./data');
+import { Chat } from '../Chat';
+import { Channel } from '../Channel';
+import { ChannelHeader } from '../ChannelHeader';
+import { MessageList } from '../MessageList';
+import { MessageInput } from '../MessageInput';
+import { Thread } from '../Thread';
 
 <div className="str-chat" style={{ height: 'unset' }}>
   <Chat client={data.client}>
@@ -39,6 +48,13 @@ Note how we are not setting the <Channel channel={} /> property, but instead are
 
 ```js
 const data = require('./data');
+import { Chat } from '../Chat';
+import { Channel } from '../Channel';
+import { ChannelList } from '../ChannelList';
+import { ChannelListMessenger } from '../ChannelListMessenger';
+import { ChannelPreviewMessenger } from '../ChannelPreviewMessenger';
+import { MessageList } from '../MessageList';
+import { MessageInput } from '../MessageInput';
 
 const filters = { type: 'team', example: 1 };
 const sort = {

diff --git a/src/components/docs/ChannelHeader.md b/src/components/docs/ChannelHeader.md
@@ -2,13 +2,21 @@ The channel header component renders some basic information about a channel:
 
 ```js
 const data = require('./data');
+import { ChannelHeader } from '../ChannelHeader';
 
 <ChannelHeader channel={data.channel} online={23} live={true} />;
 ```
 
 Example of ChannelHeader component usage:
 
 ```js
+import { Chat } from '../Chat';
+import { Channel } from '../Channel';
+import { ChannelHeader } from '../ChannelHeader';
+import { MessageList } from '../MessageList';
+import { MessageInput } from '../MessageInput';
+import { Thread } from '../Thread';
+
 const data = require('./data');
 
 <div className="str-chat" style={{ height: 'unset' }}>

diff --git a/src/components/docs/ChannelList.md b/src/components/docs/ChannelList.md
@@ -1,4 +1,7 @@
 ```js
+import { ChannelList } from '../ChannelList';
+import { Chat } from '../Chat';
+
 const data = require('./data');
 const filters = { type: 'team', example: 1 };
 const sort = {

diff --git a/src/components/docs/ChannelPreviewCompact.md b/src/components/docs/ChannelPreviewCompact.md
@@ -1,4 +1,7 @@
 ```js
+import { Chat } from '../Chat';
+import { ChannelList } from '../ChannelList';
+import { ChannelPreviewCompact } from '../ChannelPreviewCompact';
 const data = require('./data');
 const filters = { type: 'team', example: 1 };
 const sort = {

diff --git a/src/components/docs/ChannelPreviewLastMessage.md b/src/components/docs/ChannelPreviewLastMessage.md
@@ -1,4 +1,7 @@
 ```js
+import { Chat } from '../Chat';
+import { ChannelList } from '../ChannelList';
+import { ChannelPreviewLastMessage } from '../ChannelPreviewLastMessage';
 const data = require('./data');
 const filters = { type: 'team', example: 1 };
 const sort = {

diff --git a/src/components/docs/ChannelPreviewMessenger.md b/src/components/docs/ChannelPreviewMessenger.md
@@ -1,4 +1,8 @@
 ```js
+import { Chat } from '../Chat';
+import { ChannelList } from '../ChannelList';
+import { ChannelPreviewMessenger } from '../ChannelPreviewMessenger';
+
 const data = require('./data');
 const filters = { type: 'team', example: 1 };
 const sort = {

diff --git a/src/components/docs/Chat.md b/src/components/docs/Chat.md
@@ -1,6 +1,13 @@
 Team Style Example
 
 ```jsx
+import { Chat } from '../Chat';
+import { Channel } from '../Channel';
+import { MessageTeam } from '../MessageTeam';
+import { ChannelHeader } from '../ChannelHeader';
+import { MessageList } from '../MessageList';
+import { MessageInput } from '../MessageInput';
+import { Thread } from '../Thread';
 const StreamChat = require('stream-chat').StreamChat;
 
 chatClient = new StreamChat('qk4nn7rpcn75');

diff --git a/src/components/docs/ChatAutoComplete.md b/src/components/docs/ChatAutoComplete.md
@@ -1,5 +1,7 @@
 ```js
+import { ChatAutoComplete } from '../ChatAutoComplete';
+
 <div className="str-chat" style={{ height: 'unset' }}>
-  <ChatAutoComplete rows={3} placeholder={'Type something...'} />
-</div>
+  <ChatAutoComplete rows={3} grow placeholder={'Type something...'} />
+</div>;
 ```
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<!DOCTYPE html><html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>React Chat - Docs</title><link rel="icon" type="image/x-icon" href="https://getstream.imgix.net/images/favicons/favicon-96x96.png"></head><body><div id="rsg-root"></div><script src="build/bundle.a7bfae1f.js"></script></body></html>
		<!DOCTYPE html><html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>React Chat - Docs</title><link rel="icon" type="image/x-icon" href="https://getstream.imgix.net/images/favicons/favicon-96x96.png"></head><body><div id="rsg-root"></div><script src="build/bundle.e97426cc.js"></script></body></html>