sceyt-chat-react-uikit 1.9.0-beta.12 → 1.9.0-beta.13

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.
Files changed (3) hide show
  1. package/index.js +16 -4
  2. package/index.modern.js +16 -4
  3. package/package.json +1 -1
package/index.js CHANGED
@@ -51056,10 +51056,17 @@ var Message$1 = function Message(_ref) {
51056
51056
  var selectionIsActive = selectedMessagesMap && selectedMessagesMap.size > 0;
51057
51057
  var isSelectedMessage = selectedMessagesMap && selectedMessagesMap.get(message.id || message.tid);
51058
51058
  var tooManySelected = selectedMessagesMap && selectedMessagesMap.size >= MAX_SELECTED_MESSAGES;
51059
+ var openPinnedMessageInConversation = React.useCallback(function () {
51060
+ if (!isPinnedMessagesList) return;
51061
+ var messageId = message.id || message.tid;
51062
+ if (messageId) navigateToMessage(messageId);
51063
+ dispatch(requestPinnedMessagesListCloseAC());
51064
+ }, [dispatch, isPinnedMessagesList, message.id, message.tid]);
51059
51065
  var toggleEditMode = React.useCallback(function () {
51066
+ openPinnedMessageInConversation();
51060
51067
  dispatch(setMessageToEditAC(message));
51061
51068
  setMessageActionsShow(false);
51062
- }, [dispatch, message]);
51069
+ }, [dispatch, message, openPinnedMessageInConversation]);
51063
51070
  var handleRetractVote = React.useCallback(function () {
51064
51071
  var _message$pollDetails;
51065
51072
  if (message !== null && message !== void 0 && (_message$pollDetails = message.pollDetails) !== null && _message$pollDetails !== void 0 && _message$pollDetails.id) {
@@ -51126,11 +51133,12 @@ var Message$1 = function Message(_ref) {
51126
51133
  setMessageActionsShow(false);
51127
51134
  }, [channel.id, dispatch, message, pinnedMessage, setMessageActionsShow]);
51128
51135
  var handleReplyMessage = React.useCallback(function (threadReply) {
51136
+ openPinnedMessageInConversation();
51129
51137
  if (threadReply) ; else {
51130
51138
  dispatch(setMessageForReplyAC(message));
51131
51139
  }
51132
51140
  setMessageActionsShow(false);
51133
- }, [dispatch, message]);
51141
+ }, [dispatch, message, openPinnedMessageInConversation]);
51134
51142
  var handleToggleReportPopupOpen = React.useCallback(function () {
51135
51143
  setReportPopupOpen(function (prev) {
51136
51144
  return !prev;
@@ -58147,7 +58155,7 @@ var SendMessageInput = function SendMessageInput(_ref3) {
58147
58155
  return /*#__PURE__*/React__default.createElement(SendMessageWrapper, {
58148
58156
  ref: sendMessageWrapperRef,
58149
58157
  backgroundColor: backgroundColor || background,
58150
- "$hidden": pinnedMessagesListOpen && !messageToEdit && !messageForReply && !(selectedMessagesMap !== null && selectedMessagesMap !== void 0 && selectedMessagesMap.size)
58158
+ "$hidden": pinnedMessagesListOpen
58151
58159
  }, /*#__PURE__*/React__default.createElement(Container$m, {
58152
58160
  margin: margin,
58153
58161
  padding: padding,
@@ -58569,10 +58577,14 @@ var SendMessageInput = function SendMessageInput(_ref3) {
58569
58577
  ViewOnceNotSelectedSVGIcon: ViewOnceNotSelectedSVGIcon
58570
58578
  }))))))))));
58571
58579
  };
58572
- var SendMessageWrapper = styled__default.div(_templateObject$Z || (_templateObject$Z = _taggedTemplateLiteralLoose(["\n visibility: ", ";\n pointer-events: ", ";\n background-color: ", ";\n position: relative;\n z-index: 10;\n"])), function (props) {
58580
+ var SendMessageWrapper = styled__default.div(_templateObject$Z || (_templateObject$Z = _taggedTemplateLiteralLoose(["\n visibility: ", ";\n pointer-events: ", ";\n max-height: ", ";\n overflow: ", ";\n background-color: ", ";\n position: relative;\n z-index: 10;\n"])), function (props) {
58573
58581
  return props.$hidden ? 'hidden' : 'visible';
58574
58582
  }, function (props) {
58575
58583
  return props.$hidden ? 'none' : 'auto';
58584
+ }, function (props) {
58585
+ return props.$hidden ? '40px' : 'none';
58586
+ }, function (props) {
58587
+ return props.$hidden ? 'hidden' : 'visible';
58576
58588
  }, function (props) {
58577
58589
  return props.backgroundColor;
58578
58590
  });
package/index.modern.js CHANGED
@@ -51036,10 +51036,17 @@ var Message$1 = function Message(_ref) {
51036
51036
  var selectionIsActive = selectedMessagesMap && selectedMessagesMap.size > 0;
51037
51037
  var isSelectedMessage = selectedMessagesMap && selectedMessagesMap.get(message.id || message.tid);
51038
51038
  var tooManySelected = selectedMessagesMap && selectedMessagesMap.size >= MAX_SELECTED_MESSAGES;
51039
+ var openPinnedMessageInConversation = useCallback(function () {
51040
+ if (!isPinnedMessagesList) return;
51041
+ var messageId = message.id || message.tid;
51042
+ if (messageId) navigateToMessage(messageId);
51043
+ dispatch(requestPinnedMessagesListCloseAC());
51044
+ }, [dispatch, isPinnedMessagesList, message.id, message.tid]);
51039
51045
  var toggleEditMode = useCallback(function () {
51046
+ openPinnedMessageInConversation();
51040
51047
  dispatch(setMessageToEditAC(message));
51041
51048
  setMessageActionsShow(false);
51042
- }, [dispatch, message]);
51049
+ }, [dispatch, message, openPinnedMessageInConversation]);
51043
51050
  var handleRetractVote = useCallback(function () {
51044
51051
  var _message$pollDetails;
51045
51052
  if (message !== null && message !== void 0 && (_message$pollDetails = message.pollDetails) !== null && _message$pollDetails !== void 0 && _message$pollDetails.id) {
@@ -51106,11 +51113,12 @@ var Message$1 = function Message(_ref) {
51106
51113
  setMessageActionsShow(false);
51107
51114
  }, [channel.id, dispatch, message, pinnedMessage, setMessageActionsShow]);
51108
51115
  var handleReplyMessage = useCallback(function (threadReply) {
51116
+ openPinnedMessageInConversation();
51109
51117
  if (threadReply) ; else {
51110
51118
  dispatch(setMessageForReplyAC(message));
51111
51119
  }
51112
51120
  setMessageActionsShow(false);
51113
- }, [dispatch, message]);
51121
+ }, [dispatch, message, openPinnedMessageInConversation]);
51114
51122
  var handleToggleReportPopupOpen = useCallback(function () {
51115
51123
  setReportPopupOpen(function (prev) {
51116
51124
  return !prev;
@@ -58127,7 +58135,7 @@ var SendMessageInput = function SendMessageInput(_ref3) {
58127
58135
  return /*#__PURE__*/React__default.createElement(SendMessageWrapper, {
58128
58136
  ref: sendMessageWrapperRef,
58129
58137
  backgroundColor: backgroundColor || background,
58130
- "$hidden": pinnedMessagesListOpen && !messageToEdit && !messageForReply && !(selectedMessagesMap !== null && selectedMessagesMap !== void 0 && selectedMessagesMap.size)
58138
+ "$hidden": pinnedMessagesListOpen
58131
58139
  }, /*#__PURE__*/React__default.createElement(Container$m, {
58132
58140
  margin: margin,
58133
58141
  padding: padding,
@@ -58549,10 +58557,14 @@ var SendMessageInput = function SendMessageInput(_ref3) {
58549
58557
  ViewOnceNotSelectedSVGIcon: ViewOnceNotSelectedSVGIcon
58550
58558
  }))))))))));
58551
58559
  };
58552
- var SendMessageWrapper = styled.div(_templateObject$Z || (_templateObject$Z = _taggedTemplateLiteralLoose(["\n visibility: ", ";\n pointer-events: ", ";\n background-color: ", ";\n position: relative;\n z-index: 10;\n"])), function (props) {
58560
+ var SendMessageWrapper = styled.div(_templateObject$Z || (_templateObject$Z = _taggedTemplateLiteralLoose(["\n visibility: ", ";\n pointer-events: ", ";\n max-height: ", ";\n overflow: ", ";\n background-color: ", ";\n position: relative;\n z-index: 10;\n"])), function (props) {
58553
58561
  return props.$hidden ? 'hidden' : 'visible';
58554
58562
  }, function (props) {
58555
58563
  return props.$hidden ? 'none' : 'auto';
58564
+ }, function (props) {
58565
+ return props.$hidden ? '40px' : 'none';
58566
+ }, function (props) {
58567
+ return props.$hidden ? 'hidden' : 'visible';
58556
58568
  }, function (props) {
58557
58569
  return props.backgroundColor;
58558
58570
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sceyt-chat-react-uikit",
3
- "version": "1.9.0-beta.12",
3
+ "version": "1.9.0-beta.13",
4
4
  "description": "Interactive React UI Components for Sceyt Chat.",
5
5
  "author": "Sceyt",
6
6
  "license": "MIT",