react-film@1.1.2 and react-scroll-to-bottom@1.3.0

CHANGELOG.md

@@ -32,6 +32,7 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 - `playground`: Bumps to [`react-scripts@2.1.1`](https://npmjs.com/package/react-scripts/), in PR [#1535](https://github.com/Microsoft/BotFramework-WebChat/pull/1535)
 - `*`: Bump to [`adaptivecards@1.1.2`](https://npmjs.com/package/adaptivecards/), in [#1558](https://github.com/Microsoft/BotFramework-WebChat/pull/1558)
 - `core`: Fix [#1344](https://github.com/Microsoft/BotFramework-WebChat/issues/1344). Use random user ID if not specified, by [@compulim](https://github.com/compulim) in PR [#1612](https://github.com/Microsoft/BotFramework-WebChat/pull/1612)
+- `component`: Bump to [`react-film@1.1.2`](https://npmjs.com/package/react-film/) and [`react-scroll-to-bottom@1.3.0`](https://npmjs.com/package/react-scroll-to-bottom/), by [@compulim](https://github.com/compulim), in PR [#XXX](https://github.com/Microsoft/BotFramework-WebChat/pull/XXX)
 
 ### Fixed
 - Fix [#1360](https://github.com/Microsoft/BotFramework-WebChat/issues/1360). Added `roles` to components of Web Chat, by [@corinagum](https://github.com/corinagum) in PR [#1462](https://github.com/Microsoft/BotFramework-WebChat/pull/1462)

packages/component/package.json

@@ -68,10 +68,10 @@
     "glamor": "^2.20.40",
     "memoize-one": "^3.1.1",
     "react-dictate-button": "^1.1.3",
-    "react-film": "^1.1.1",
+    "react-film": "~1.1.2",
     "react-redux": "^5.0.7",
     "react-say": "^1.1.1",
-    "react-scroll-to-bottom": "^1.2.0",
+    "react-scroll-to-bottom": "~1.3.0",
     "redux": "^4.0.0",
     "sanitize-html": "^1.18.2",
     "simple-update-in": "^1.3.0"

packages/component/src/Activity/ScrollToEndButton.js

@@ -1,5 +1,4 @@
 import {
-  FunctionContext as ScrollToBottomFunctionContext,
   StateContext as ScrollToBottomStateContext
 } from 'react-scroll-to-bottom';
 
@@ -11,7 +10,7 @@ import Localize from '../Localization/Localize';
 
 const ScrollToEndButton = connectToWebChat(
   ({ scrollToEnd, styleSet }) => ({ scrollToEnd, styleSet })
-)(({ children, className, scrollToEnd, styleSet }) =>
+)(({ className, scrollToEnd, styleSet }) =>
   <button
     className={ classNames(
       styleSet.scrollToEndButton + '',
@@ -25,5 +24,5 @@ const ScrollToEndButton = connectToWebChat(
 
 export default props =>
   <ScrollToBottomStateContext.Consumer>
-    { ({ animating, atEnd }) => !animating && !atEnd && <ScrollToEndButton { ...props } /> }
+    { ({ sticky }) => !sticky && <ScrollToEndButton { ...props } /> }
   </ScrollToBottomStateContext.Consumer>

packages/component/src/Composer.js

@@ -326,7 +326,7 @@ class Composer extends React.Component {
 const ConnectedComposer = connect(
   ({ referenceGrammarID }) => ({ referenceGrammarID })
 )(props =>
-  <ScrollToBottomComposer threshold={ 40 }>
+  <ScrollToBottomComposer>
     <ScrollToBottomFunctionContext.Consumer>
       { ({ scrollToEnd }) =>
         <Composer