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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/index.js CHANGED
@@ -33251,7 +33251,14 @@ var MessageList = function MessageList(_ref2) {
33251
33251
  var text = '';
33252
33252
  for (var i = dateLabels.length - 1; i >= 0; i--) {
33253
33253
  var dateLabel = dateLabels[i];
33254
- if (!text && container.scrollTop > dateLabel.offsetTop - 28) {
33254
+ var aroundThreshold = 40;
33255
+ var labelTop = dateLabel.offsetTop - 28;
33256
+ var labelBottom = labelTop + (dateLabel.offsetHeight || 0) - 28;
33257
+ if (container.scrollTop >= labelTop - aroundThreshold && container.scrollTop <= labelBottom + aroundThreshold) {
33258
+ setShowTopDate(false);
33259
+ break;
33260
+ }
33261
+ if (!text && container.scrollTop > labelTop - 28) {
33255
33262
  var span = (dateLabel === null || dateLabel === void 0 ? void 0 : dateLabel.firstChild) && dateLabel.firstChild.firstChild;
33256
33263
  text = span ? span.innerText || '' : '';
33257
33264
  setTopDateLabel(text);
@@ -33273,9 +33280,6 @@ var MessageList = function MessageList(_ref2) {
33273
33280
  }
33274
33281
  setShowTopDate(true);
33275
33282
  clearTimeout(hideTopDateTimeout.current);
33276
- hideTopDateTimeout.current = setTimeout(function () {
33277
- setShowTopDate(false);
33278
- }, 1000);
33279
33283
  renderTopDate();
33280
33284
  var forceLoadPrevMessages = false;
33281
33285
  if (-target.scrollTop + target.offsetHeight + 30 > target.scrollHeight) {
package/index.modern.js CHANGED
@@ -33230,7 +33230,14 @@ var MessageList = function MessageList(_ref2) {
33230
33230
  var text = '';
33231
33231
  for (var i = dateLabels.length - 1; i >= 0; i--) {
33232
33232
  var dateLabel = dateLabels[i];
33233
- if (!text && container.scrollTop > dateLabel.offsetTop - 28) {
33233
+ var aroundThreshold = 40;
33234
+ var labelTop = dateLabel.offsetTop - 28;
33235
+ var labelBottom = labelTop + (dateLabel.offsetHeight || 0) - 28;
33236
+ if (container.scrollTop >= labelTop - aroundThreshold && container.scrollTop <= labelBottom + aroundThreshold) {
33237
+ setShowTopDate(false);
33238
+ break;
33239
+ }
33240
+ if (!text && container.scrollTop > labelTop - 28) {
33234
33241
  var span = (dateLabel === null || dateLabel === void 0 ? void 0 : dateLabel.firstChild) && dateLabel.firstChild.firstChild;
33235
33242
  text = span ? span.innerText || '' : '';
33236
33243
  setTopDateLabel(text);
@@ -33252,9 +33259,6 @@ var MessageList = function MessageList(_ref2) {
33252
33259
  }
33253
33260
  setShowTopDate(true);
33254
33261
  clearTimeout(hideTopDateTimeout.current);
33255
- hideTopDateTimeout.current = setTimeout(function () {
33256
- setShowTopDate(false);
33257
- }, 1000);
33258
33262
  renderTopDate();
33259
33263
  var forceLoadPrevMessages = false;
33260
33264
  if (-target.scrollTop + target.offsetHeight + 30 > target.scrollHeight) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sceyt-chat-react-uikit",
3
- "version": "1.7.2-beta.4",
3
+ "version": "1.7.2-beta.5",
4
4
  "description": "Interactive React UI Components for Sceyt Chat.",
5
5
  "author": "Sceyt",
6
6
  "license": "MIT",