sceyt-chat-react-uikit 1.6.7-beta.4 → 1.6.7-beta.5

package/index.js

@@ -19973,14 +19973,8 @@ var UsersPopup = function UsersPopup(_ref) {
   var _useState5 = React.useState(false),
     isScrolling = _useState5[0],
     setIsScrolling = _useState5[1];
-  var scrollTimeout = React.useRef(null);
   var popupTitleText = channel && (memberDisplayText && memberDisplayText[channel.type] ? "Add " + memberDisplayText[channel.type] + "s" : channel.type === DEFAULT_CHANNEL_TYPE.BROADCAST || channel.type === DEFAULT_CHANNEL_TYPE.PUBLIC ? 'Subscribers' : 'Members');
   var handleMembersListScroll = function handleMembersListScroll(event) {
-    setIsScrolling(true);
-    if (scrollTimeout.current) clearTimeout(scrollTimeout.current);
-    scrollTimeout.current = setTimeout(function () {
-      return setIsScrolling(false);
-    }, 400);
     if (!userSearchValue && event.target.scrollHeight - event.target.scrollTop <= event.target.offsetHeight + 300) {
       if (!getFromContacts && usersLoadingState === LOADING_STATE.LOADED) {
         dispatch(loadMoreUsersAC(20));
@@ -20189,7 +20183,13 @@ var UsersPopup = function UsersPopup(_ref) {
     className: isScrolling ? 'show-scrollbar' : '',
     isAdd: actionType !== 'createChat',
     selectedMembersHeight: usersContHeight,
-    onScroll: handleMembersListScroll
+    onScroll: handleMembersListScroll,
+    onMouseEnter: function onMouseEnter() {
+      return setIsScrolling(true);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return setIsScrolling(false);
+    }
   }, filteredUsers.map(function (user) {
     if (actionType === 'addMembers' && memberIds && memberIds.includes(user.id)) {
       return null;
@@ -21397,7 +21397,6 @@ var ChannelList = function ChannelList(_ref) {
   var _useState4 = React.useState(false),
     isScrolling = _useState4[0],
     setIsScrolling = _useState4[1];
-  var scrollTimeout = React.useRef(null);
   var handleSetChannelList = function handleSetChannelList(updatedChannels, isRemove) {
     if (isRemove) {
       var channelsMap = {};
@@ -21424,11 +21423,6 @@ var ChannelList = function ChannelList(_ref) {
     }
   };
   var handleAllChannelsListScroll = function handleAllChannelsListScroll(e) {
-    setIsScrolling(true);
-    if (scrollTimeout.current) clearTimeout(scrollTimeout.current);
-    scrollTimeout.current = setTimeout(function () {
-      return setIsScrolling(false);
-    }, 400);
     if (!searchValue && channelsHasNext && e.target.scrollTop >= e.target.scrollHeight - e.target.offsetHeight - 200) {
       handleLoadMoreChannels();
     }
@@ -21777,6 +21771,12 @@ var ChannelList = function ChannelList(_ref) {
   }))))) : (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, !searchValue && (/*#__PURE__*/React__default.createElement(ChannelsList, {
     ref: channelsScrollRef,
     onScroll: handleAllChannelsListScroll,
+    onMouseEnter: function onMouseEnter() {
+      return setIsScrolling(true);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return setIsScrolling(false);
+    },
     className: isScrolling ? 'show-scrollbar' : ''
   }, channels.map(function (channel) {
     return ListItem ? (/*#__PURE__*/React__default.createElement(ListItem, {
@@ -22973,7 +22973,6 @@ function ForwardMessagePopup(_ref) {
   var _useState4 = React.useState(false),
     isScrolling = _useState4[0],
     setIsScrolling = _useState4[1];
-  var scrollTimeout = React.useRef(null);
   var handleForwardMessage = function handleForwardMessage() {
     handleForward(selectedChannels.map(function (channel) {
       return channel.id;
@@ -22981,11 +22980,6 @@ function ForwardMessagePopup(_ref) {
     togglePopup();
   };
   var handleChannelListScroll = function handleChannelListScroll(event) {
-    setIsScrolling(true);
-    if (scrollTimeout.current) clearTimeout(scrollTimeout.current);
-    scrollTimeout.current = setTimeout(function () {
-      return setIsScrolling(false);
-    }, 400);
     if (event.target.scrollTop >= event.target.scrollHeight - event.target.offsetHeight - 100) {
       if (channelsLoading === LOADING_STATE.LOADED && channelsHasNext) {
         dispatch(loadMoreChannelsForForward(15));
@@ -23103,7 +23097,13 @@ function ForwardMessagePopup(_ref) {
   })), /*#__PURE__*/React__default.createElement(ForwardChannelsCont, {
     onScroll: handleChannelListScroll,
     selectedChannelsHeight: selectedChannelsContHeight,
-    className: isScrolling ? 'show-scrollbar' : ''
+    className: isScrolling ? 'show-scrollbar' : '',
+    onMouseEnter: function onMouseEnter() {
+      return setIsScrolling(true);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return setIsScrolling(false);
+    }
   }, searchValue ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, !!(searchedChannels.chats_groups && searchedChannels.chats_groups.length) && (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ChannelsGroupTitle, {
     color: textSecondary,
     margin: '0 0 12px'
@@ -24149,13 +24149,7 @@ function ReactionsPopup(_ref) {
   var _useState7 = React.useState(false),
     isScrolling = _useState7[0],
     setIsScrolling = _useState7[1];
-  var scrollTimeout = React.useRef(null);
   var handleReactionsListScroll = function handleReactionsListScroll(event) {
-    setIsScrolling(true);
-    if (scrollTimeout.current) clearTimeout(scrollTimeout.current);
-    scrollTimeout.current = setTimeout(function () {
-      return setIsScrolling(false);
-    }, 400);
     if (event.target.scrollTop >= event.target.scrollHeight - event.target.offsetHeight - 100 && reactionsHasNext) {
       if (reactionsLoadingState === LOADING_STATE.LOADED) {
         dispatch(loadMoreReactionsAC(15));
@@ -24225,7 +24219,13 @@ function ReactionsPopup(_ref) {
     backgroundColor: sectionBackgroundColor
   }, /*#__PURE__*/React__default.createElement(ReactionScoresCont, {
     ref: scoresRef,
-    className: isScrolling ? 'show-scrollbar' : ''
+    className: isScrolling ? 'show-scrollbar' : '',
+    onMouseEnter: function onMouseEnter() {
+      return setIsScrolling(true);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return setIsScrolling(false);
+    }
   }, /*#__PURE__*/React__default.createElement(ReactionScoresList, {
     borderBottom: reactionsDetailsPopupHeaderItemsStyle !== 'bubbles'
   }, /*#__PURE__*/React__default.createElement(ReactionScoreItem, {
@@ -24253,7 +24253,13 @@ function ReactionsPopup(_ref) {
     className: isScrolling ? 'show-scrollbar' : '',
     scoresHeight: scoresHeight,
     onScroll: handleReactionsListScroll,
-    popupHeight: popupHeight
+    popupHeight: popupHeight,
+    onMouseEnter: function onMouseEnter() {
+      return setIsScrolling(true);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return setIsScrolling(false);
+    }
   }, reactions.map(function (reaction) {
     return /*#__PURE__*/React__default.createElement(ReactionItem$1, {
       key: reaction.id
@@ -30402,7 +30408,6 @@ var MessageList = function MessageList(_ref2) {
   var _useState6 = React.useState(false),
     isScrolling = _useState6[0],
     setIsScrolling = _useState6[1];
-  var scrollTimeout = React.useRef(null);
   var hideTopDateTimeout = React.useRef(null);
   var _useState7 = React.useState(''),
     lastVisibleMessageId = _useState7[0],
@@ -30442,11 +30447,6 @@ var MessageList = function MessageList(_ref2) {
   };
   var handleMessagesListScroll = function handleMessagesListScroll(event) {
     try {
-      setIsScrolling(true);
-      if (scrollTimeout.current) clearTimeout(scrollTimeout.current);
-      scrollTimeout.current = setTimeout(function () {
-        return setIsScrolling(false);
-      }, 400);
       setShowTopDate(true);
       clearTimeout(hideTopDateTimeout.current);
       hideTopDateTimeout.current = setTimeout(function () {
@@ -30865,6 +30865,12 @@ var MessageList = function MessageList(_ref2) {
     ref: scrollRef,
     stopScrolling: stopScrolling,
     onScroll: handleMessagesListScroll,
+    onMouseEnter: function onMouseEnter() {
+      return setIsScrolling(true);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return setIsScrolling(false);
+    },
     onDragEnter: handleDragIn,
     backgroundColor: backgroundColor || themeBackgroundColor
   }, messages.length && messages.length > 0 ? (/*#__PURE__*/React__default.createElement(MessagesBox, {
@@ -37590,7 +37596,6 @@ var Details = function Details(_ref) {
   var _useState4 = React.useState(false),
     isScrolling = _useState4[0],
     setIsScrolling = _useState4[1];
-  var scrollTimeout = React.useRef(null);
   var detailsRef = React.useRef(null);
   var openTimeOut = React.useRef(null);
   var isDirectChannel = activeChannel && activeChannel.type === DEFAULT_CHANNEL_TYPE.DIRECT;
@@ -37601,11 +37606,6 @@ var Details = function Details(_ref) {
     return member.id !== user.id;
   });
   var handleMembersListScroll = function handleMembersListScroll(event) {
-    setIsScrolling(true);
-    if (scrollTimeout.current) clearTimeout(scrollTimeout.current);
-    scrollTimeout.current = setTimeout(function () {
-      return setIsScrolling(false);
-    }, 400);
     if (event.target.scrollTop >= event.target.scrollHeight - event.target.offsetHeight - 100) {
       if (activeTab === channelDetailsTabs.member) {
         if (membersLoading === LOADING_STATE.LOADED) {
@@ -37676,7 +37676,13 @@ var Details = function Details(_ref) {
     onScroll: handleMembersListScroll,
     heightOffset: detailsRef && detailsRef.current && detailsRef.current.offsetTop,
     height: channelDetailsHeight,
-    ref: detailsRef
+    ref: detailsRef,
+    onMouseEnter: function onMouseEnter() {
+      return setIsScrolling(true);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return setIsScrolling(false);
+    }
   }, /*#__PURE__*/React__default.createElement(DetailsHeader, {
     borderColor: bordersColor || borderThemeColor
   }, /*#__PURE__*/React__default.createElement(ChannelAvatarAndName, {

package/index.modern.js

@@ -19950,14 +19950,8 @@ var UsersPopup = function UsersPopup(_ref) {
   var _useState5 = useState(false),
     isScrolling = _useState5[0],
     setIsScrolling = _useState5[1];
-  var scrollTimeout = useRef(null);
   var popupTitleText = channel && (memberDisplayText && memberDisplayText[channel.type] ? "Add " + memberDisplayText[channel.type] + "s" : channel.type === DEFAULT_CHANNEL_TYPE.BROADCAST || channel.type === DEFAULT_CHANNEL_TYPE.PUBLIC ? 'Subscribers' : 'Members');
   var handleMembersListScroll = function handleMembersListScroll(event) {
-    setIsScrolling(true);
-    if (scrollTimeout.current) clearTimeout(scrollTimeout.current);
-    scrollTimeout.current = setTimeout(function () {
-      return setIsScrolling(false);
-    }, 400);
     if (!userSearchValue && event.target.scrollHeight - event.target.scrollTop <= event.target.offsetHeight + 300) {
       if (!getFromContacts && usersLoadingState === LOADING_STATE.LOADED) {
         dispatch(loadMoreUsersAC(20));
@@ -20166,7 +20160,13 @@ var UsersPopup = function UsersPopup(_ref) {
     className: isScrolling ? 'show-scrollbar' : '',
     isAdd: actionType !== 'createChat',
     selectedMembersHeight: usersContHeight,
-    onScroll: handleMembersListScroll
+    onScroll: handleMembersListScroll,
+    onMouseEnter: function onMouseEnter() {
+      return setIsScrolling(true);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return setIsScrolling(false);
+    }
   }, filteredUsers.map(function (user) {
     if (actionType === 'addMembers' && memberIds && memberIds.includes(user.id)) {
       return null;
@@ -21374,7 +21374,6 @@ var ChannelList = function ChannelList(_ref) {
   var _useState4 = useState(false),
     isScrolling = _useState4[0],
     setIsScrolling = _useState4[1];
-  var scrollTimeout = useRef(null);
   var handleSetChannelList = function handleSetChannelList(updatedChannels, isRemove) {
     if (isRemove) {
       var channelsMap = {};
@@ -21401,11 +21400,6 @@ var ChannelList = function ChannelList(_ref) {
     }
   };
   var handleAllChannelsListScroll = function handleAllChannelsListScroll(e) {
-    setIsScrolling(true);
-    if (scrollTimeout.current) clearTimeout(scrollTimeout.current);
-    scrollTimeout.current = setTimeout(function () {
-      return setIsScrolling(false);
-    }, 400);
     if (!searchValue && channelsHasNext && e.target.scrollTop >= e.target.scrollHeight - e.target.offsetHeight - 200) {
       handleLoadMoreChannels();
     }
@@ -21754,6 +21748,12 @@ var ChannelList = function ChannelList(_ref) {
   }))))) : (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, !searchValue && (/*#__PURE__*/React__default.createElement(ChannelsList, {
     ref: channelsScrollRef,
     onScroll: handleAllChannelsListScroll,
+    onMouseEnter: function onMouseEnter() {
+      return setIsScrolling(true);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return setIsScrolling(false);
+    },
     className: isScrolling ? 'show-scrollbar' : ''
   }, channels.map(function (channel) {
     return ListItem ? (/*#__PURE__*/React__default.createElement(ListItem, {
@@ -22950,7 +22950,6 @@ function ForwardMessagePopup(_ref) {
   var _useState4 = useState(false),
     isScrolling = _useState4[0],
     setIsScrolling = _useState4[1];
-  var scrollTimeout = useRef(null);
   var handleForwardMessage = function handleForwardMessage() {
     handleForward(selectedChannels.map(function (channel) {
       return channel.id;
@@ -22958,11 +22957,6 @@ function ForwardMessagePopup(_ref) {
     togglePopup();
   };
   var handleChannelListScroll = function handleChannelListScroll(event) {
-    setIsScrolling(true);
-    if (scrollTimeout.current) clearTimeout(scrollTimeout.current);
-    scrollTimeout.current = setTimeout(function () {
-      return setIsScrolling(false);
-    }, 400);
     if (event.target.scrollTop >= event.target.scrollHeight - event.target.offsetHeight - 100) {
       if (channelsLoading === LOADING_STATE.LOADED && channelsHasNext) {
         dispatch(loadMoreChannelsForForward(15));
@@ -23080,7 +23074,13 @@ function ForwardMessagePopup(_ref) {
   })), /*#__PURE__*/React__default.createElement(ForwardChannelsCont, {
     onScroll: handleChannelListScroll,
     selectedChannelsHeight: selectedChannelsContHeight,
-    className: isScrolling ? 'show-scrollbar' : ''
+    className: isScrolling ? 'show-scrollbar' : '',
+    onMouseEnter: function onMouseEnter() {
+      return setIsScrolling(true);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return setIsScrolling(false);
+    }
   }, searchValue ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, !!(searchedChannels.chats_groups && searchedChannels.chats_groups.length) && (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ChannelsGroupTitle, {
     color: textSecondary,
     margin: '0 0 12px'
@@ -24126,13 +24126,7 @@ function ReactionsPopup(_ref) {
   var _useState7 = useState(false),
     isScrolling = _useState7[0],
     setIsScrolling = _useState7[1];
-  var scrollTimeout = useRef(null);
   var handleReactionsListScroll = function handleReactionsListScroll(event) {
-    setIsScrolling(true);
-    if (scrollTimeout.current) clearTimeout(scrollTimeout.current);
-    scrollTimeout.current = setTimeout(function () {
-      return setIsScrolling(false);
-    }, 400);
     if (event.target.scrollTop >= event.target.scrollHeight - event.target.offsetHeight - 100 && reactionsHasNext) {
       if (reactionsLoadingState === LOADING_STATE.LOADED) {
         dispatch(loadMoreReactionsAC(15));
@@ -24202,7 +24196,13 @@ function ReactionsPopup(_ref) {
     backgroundColor: sectionBackgroundColor
   }, /*#__PURE__*/React__default.createElement(ReactionScoresCont, {
     ref: scoresRef,
-    className: isScrolling ? 'show-scrollbar' : ''
+    className: isScrolling ? 'show-scrollbar' : '',
+    onMouseEnter: function onMouseEnter() {
+      return setIsScrolling(true);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return setIsScrolling(false);
+    }
   }, /*#__PURE__*/React__default.createElement(ReactionScoresList, {
     borderBottom: reactionsDetailsPopupHeaderItemsStyle !== 'bubbles'
   }, /*#__PURE__*/React__default.createElement(ReactionScoreItem, {
@@ -24230,7 +24230,13 @@ function ReactionsPopup(_ref) {
     className: isScrolling ? 'show-scrollbar' : '',
     scoresHeight: scoresHeight,
     onScroll: handleReactionsListScroll,
-    popupHeight: popupHeight
+    popupHeight: popupHeight,
+    onMouseEnter: function onMouseEnter() {
+      return setIsScrolling(true);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return setIsScrolling(false);
+    }
   }, reactions.map(function (reaction) {
     return /*#__PURE__*/React__default.createElement(ReactionItem$1, {
       key: reaction.id
@@ -30379,7 +30385,6 @@ var MessageList = function MessageList(_ref2) {
   var _useState6 = useState(false),
     isScrolling = _useState6[0],
     setIsScrolling = _useState6[1];
-  var scrollTimeout = useRef(null);
   var hideTopDateTimeout = useRef(null);
   var _useState7 = useState(''),
     lastVisibleMessageId = _useState7[0],
@@ -30419,11 +30424,6 @@ var MessageList = function MessageList(_ref2) {
   };
   var handleMessagesListScroll = function handleMessagesListScroll(event) {
     try {
-      setIsScrolling(true);
-      if (scrollTimeout.current) clearTimeout(scrollTimeout.current);
-      scrollTimeout.current = setTimeout(function () {
-        return setIsScrolling(false);
-      }, 400);
       setShowTopDate(true);
       clearTimeout(hideTopDateTimeout.current);
       hideTopDateTimeout.current = setTimeout(function () {
@@ -30842,6 +30842,12 @@ var MessageList = function MessageList(_ref2) {
     ref: scrollRef,
     stopScrolling: stopScrolling,
     onScroll: handleMessagesListScroll,
+    onMouseEnter: function onMouseEnter() {
+      return setIsScrolling(true);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return setIsScrolling(false);
+    },
     onDragEnter: handleDragIn,
     backgroundColor: backgroundColor || themeBackgroundColor
   }, messages.length && messages.length > 0 ? (/*#__PURE__*/React__default.createElement(MessagesBox, {
@@ -37567,7 +37573,6 @@ var Details = function Details(_ref) {
   var _useState4 = useState(false),
     isScrolling = _useState4[0],
     setIsScrolling = _useState4[1];
-  var scrollTimeout = useRef(null);
   var detailsRef = useRef(null);
   var openTimeOut = useRef(null);
   var isDirectChannel = activeChannel && activeChannel.type === DEFAULT_CHANNEL_TYPE.DIRECT;
@@ -37578,11 +37583,6 @@ var Details = function Details(_ref) {
     return member.id !== user.id;
   });
   var handleMembersListScroll = function handleMembersListScroll(event) {
-    setIsScrolling(true);
-    if (scrollTimeout.current) clearTimeout(scrollTimeout.current);
-    scrollTimeout.current = setTimeout(function () {
-      return setIsScrolling(false);
-    }, 400);
     if (event.target.scrollTop >= event.target.scrollHeight - event.target.offsetHeight - 100) {
       if (activeTab === channelDetailsTabs.member) {
         if (membersLoading === LOADING_STATE.LOADED) {
@@ -37653,7 +37653,13 @@ var Details = function Details(_ref) {
     onScroll: handleMembersListScroll,
     heightOffset: detailsRef && detailsRef.current && detailsRef.current.offsetTop,
     height: channelDetailsHeight,
-    ref: detailsRef
+    ref: detailsRef,
+    onMouseEnter: function onMouseEnter() {
+      return setIsScrolling(true);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return setIsScrolling(false);
+    }
   }, /*#__PURE__*/React__default.createElement(DetailsHeader, {
     borderColor: bordersColor || borderThemeColor
   }, /*#__PURE__*/React__default.createElement(ChannelAvatarAndName, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sceyt-chat-react-uikit",
-  "version": "1.6.7-beta.4",
+  "version": "1.6.7-beta.5",
   "description": "Interactive React UI Components for Sceyt Chat.",
   "author": "Sceyt",
   "license": "MIT",