Merge pull request #1059 from GetStream/refactor-mml-css

refactor mml css

Author: DanC5

.eslintignore

@@ -12,7 +12,6 @@ scripts/
 /build/
 dist
 *dist*
-/src/styles/vendor/
 *.md
 babel.i18next-extract.js
 /coverage

.stylelintignore

@@ -11,5 +11,4 @@ examples/*/src/serviceWorker.js
 *.test.js
 dist
 *dist*
-/src/styles/vendor/
 /coverage

CHANGELOG.md

@@ -1,5 +1,19 @@
 # Changelog
 
+## [6.4.3](https://github.com/GetStream/stream-chat-react/releases/tag/v6.4.3) 2021-07-20
+
+### Feature
+
+- Reload `ChannelList` component when `sort` prop changes [#1054](https://github.com/GetStream/stream-chat-react/pull/1054)
+
+### Chore
+
+- Add repo info to NPM page [#1051](https://github.com/GetStream/stream-chat-react/pull/1051)
+- Export `MML` component [#1053](https://github.com/GetStream/stream-chat-react/pull/1053)
+- Upgrade `react-virtuoso` dependency [#1057](https://github.com/GetStream/stream-chat-react/pull/1057)
+- Revert removal of `EmptyStateIndicator` component for threads [#1058](https://github.com/GetStream/stream-chat-react/pull/1058)
+- Move `mml-react` (optional dependency) CSS import to `MML` component [#1059](https://github.com/GetStream/stream-chat-react/pull/1059)
+
 ## [6.4.2](https://github.com/GetStream/stream-chat-react/releases/tag/v6.4.2) 2021-07-14
 
 ### Feature

jest.config.js

@@ -5,7 +5,7 @@ module.exports = {
   globalSetup: './jest-global-setup.js',
   maxConcurrency: 15,
   moduleNameMapper: {
-    '\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$':
+    '\\.(css|jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$':
       '<rootDir>/assetsTransformer.js',
     'mock-builders(.*)$': '<rootDir>/src/mock-builders$1',
   },

src/components/MML/MML.tsx

@@ -1,4 +1,5 @@
 import React, { Suspense } from 'react';
+import 'mml-react/dist/styles/index.css';
 
 import { useChatContext } from '../../context/ChatContext';
 

src/styles/index.scss

@@ -2,12 +2,11 @@
 @import './_variables.scss';
 @import './base.scss';
 
-// Components
-
-@import '../../node_modules/mml-react/src/styles/index.scss';
-@import './vendor/react-file-utils.scss';
-@import './vendor/emoji-mart.scss';
+// External dependencies
+@import '../../node_modules/react-file-utils/dist/index.css';
+@import '../../node_modules/emoji-mart/css/emoji-mart.css';
 
+// Components
 @import './ActionsBox.scss';
 @import './AttachmentActions.scss';
 @import './Attachment.scss';