add permissions prop to MessageList

Author: DanC5

src/components/MessageList/MessageList.js

@@ -7,7 +7,7 @@ import MessageNotification from './MessageNotification';
 import CustomNotification from './CustomNotification';
 import ConnectionStatus from './ConnectionStatus';
 import MessageListInner from './MessageListInner';
-import { MESSAGE_ACTIONS } from '../Message/utils';
+import { defaultPinPermissions, MESSAGE_ACTIONS } from '../Message/utils';
 import { checkChannelPropType, smartRender } from '../../utils';
 
 import { ChannelContext, withTranslationContext } from '../../context';
@@ -283,6 +283,7 @@ class MessageList extends PureComponent {
                 .getMuteUserSuccessNotification,
               getMuteUserErrorNotification: this.props
                 .getMuteUserErrorNotification,
+              pinPermissions: this.props.pinPermissions,
             }}
           />
         </div>
@@ -436,6 +437,10 @@ MessageList.propTypes = {
    * Available props - https://getstream.github.io/stream-chat-react/#messageinput
    * */
   additionalMessageInputProps: PropTypes.object,
+  /**
+   * The user roles allowed to pin messages in various channel types
+   */
+  pinPermissions: /** @type {PropTypes.Validator<import('types').PinPermissions>>} */ (PropTypes.object),
 };
 
 MessageList.defaultProps = {
@@ -451,6 +456,7 @@ MessageList.defaultProps = {
   unsafeHTML: false,
   noGroupByUser: false,
   messageActions: Object.keys(MESSAGE_ACTIONS),
+  pinPermissions: defaultPinPermissions,
 };
 
 export default withTranslationContext((props) => (