sceyt-chat-react-uikit 1.8.4-beta.4 → 1.8.4-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.
Files changed (3) hide show
  1. package/index.js +8 -5
  2. package/index.modern.js +8 -5
  3. package/package.json +1 -1
package/index.js CHANGED
@@ -27724,7 +27724,10 @@ var Channel = function Channel(_ref3) {
27724
27724
  fontSize: channelLastMessageTimeFontSize
27725
27725
  }, lastMessage && lastMessage.createdAt && lastMessageDateFormat(lastMessage.createdAt))), /*#__PURE__*/React__default.createElement(UnreadInfo, {
27726
27726
  bottom: !(lastMessage || typingOrRecording.items.length > 0 || draftMessageText) ? '5px' : ''
27727
- }, !!(channel.newMentionCount && channel.newMentionCount > 0) && (/*#__PURE__*/React__default.createElement(UnreadMentionIconWrapper, {
27727
+ }, channel.pinnedAt && (/*#__PURE__*/React__default.createElement(PinnedIconWrapper, {
27728
+ color: iconInactive,
27729
+ margin: channel.newMessageCount || channel.unread || channel.newMentionCount && channel.newMentionCount > 0 ? '0 4px 0 4px' : ''
27730
+ }, pinedIcon || /*#__PURE__*/React__default.createElement(SvgPin, null))), !!(channel.newMentionCount && channel.newMentionCount > 0) && (/*#__PURE__*/React__default.createElement(UnreadMentionIconWrapper, {
27728
27731
  iconColor: accentColor,
27729
27732
  rightMargin: !!(channel.newMessageCount || channel.unread)
27730
27733
  }, /*#__PURE__*/React__default.createElement(SvgUnreadMention, null))), !!(channel.newMessageCount || channel.unread) && (/*#__PURE__*/React__default.createElement(UnreadCount, {
@@ -27732,9 +27735,7 @@ var Channel = function Channel(_ref3) {
27732
27735
  textColor: textOnPrimary,
27733
27736
  isMuted: channel.muted,
27734
27737
  mutedBackgroundColor: surface2
27735
- }, channel.newMessageCount ? channel.newMessageCount > 99 ? '99+' : channel.newMessageCount : '')), channel.pinnedAt && !(channel.newMessageCount || channel.unread) && !(channel.newMentionCount && channel.newMentionCount > 0) && (/*#__PURE__*/React__default.createElement(PinnedIconWrapper, {
27736
- color: iconInactive
27737
- }, pinedIcon || /*#__PURE__*/React__default.createElement(SvgPin, null)))));
27738
+ }, channel.newMessageCount ? channel.newMessageCount > 99 ? '99+' : channel.newMessageCount : ''))));
27738
27739
  };
27739
27740
  var ChannelInfo = styled__default.div(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteralLoose(["\n text-align: left;\n margin-left: ", ";\n width: 100%;\n max-width: ", ";\n\n h3 {\n display: inline-block;\n margin: 0;\n font-size: ", ";\n font-weight: 500;\n text-overflow: ellipsis;\n line-height: ", ";\n letter-spacing: -0.2px;%;\n max-width: ", ";\n overflow: hidden;\n white-space: nowrap;\n color: ", ";\n text-transform: ", ";\n }\n"])), function (props) {
27740
27741
  return props.avatar && '12px';
@@ -27861,7 +27862,9 @@ var UnreadCount = styled__default.span(_templateObject19$1 || (_templateObject19
27861
27862
  }, function (props) {
27862
27863
  return props.isMuted && "background-color: " + props.mutedBackgroundColor + ";";
27863
27864
  });
27864
- var PinnedIconWrapper = styled__default.span(_templateObject20$1 || (_templateObject20$1 = _taggedTemplateLiteralLoose(["\n & > svg {\n color: ", ";\n }\n"])), function (props) {
27865
+ var PinnedIconWrapper = styled__default.span(_templateObject20$1 || (_templateObject20$1 = _taggedTemplateLiteralLoose(["\n display: flex;\n ", ";\n & > svg {\n color: ", ";\n }\n"])), function (props) {
27866
+ return props.margin && "margin: " + props.margin;
27867
+ }, function (props) {
27865
27868
  return props.color;
27866
27869
  });
27867
27870
  var MessageTextContainer = styled__default.div(_templateObject21$1 || (_templateObject21$1 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: flex-end;\n gap: 4px;\n"])));
package/index.modern.js CHANGED
@@ -27723,7 +27723,10 @@ var Channel = function Channel(_ref3) {
27723
27723
  fontSize: channelLastMessageTimeFontSize
27724
27724
  }, lastMessage && lastMessage.createdAt && lastMessageDateFormat(lastMessage.createdAt))), /*#__PURE__*/React__default.createElement(UnreadInfo, {
27725
27725
  bottom: !(lastMessage || typingOrRecording.items.length > 0 || draftMessageText) ? '5px' : ''
27726
- }, !!(channel.newMentionCount && channel.newMentionCount > 0) && (/*#__PURE__*/React__default.createElement(UnreadMentionIconWrapper, {
27726
+ }, channel.pinnedAt && (/*#__PURE__*/React__default.createElement(PinnedIconWrapper, {
27727
+ color: iconInactive,
27728
+ margin: channel.newMessageCount || channel.unread || channel.newMentionCount && channel.newMentionCount > 0 ? '0 4px 0 4px' : ''
27729
+ }, pinedIcon || /*#__PURE__*/React__default.createElement(SvgPin, null))), !!(channel.newMentionCount && channel.newMentionCount > 0) && (/*#__PURE__*/React__default.createElement(UnreadMentionIconWrapper, {
27727
27730
  iconColor: accentColor,
27728
27731
  rightMargin: !!(channel.newMessageCount || channel.unread)
27729
27732
  }, /*#__PURE__*/React__default.createElement(SvgUnreadMention, null))), !!(channel.newMessageCount || channel.unread) && (/*#__PURE__*/React__default.createElement(UnreadCount, {
@@ -27731,9 +27734,7 @@ var Channel = function Channel(_ref3) {
27731
27734
  textColor: textOnPrimary,
27732
27735
  isMuted: channel.muted,
27733
27736
  mutedBackgroundColor: surface2
27734
- }, channel.newMessageCount ? channel.newMessageCount > 99 ? '99+' : channel.newMessageCount : '')), channel.pinnedAt && !(channel.newMessageCount || channel.unread) && !(channel.newMentionCount && channel.newMentionCount > 0) && (/*#__PURE__*/React__default.createElement(PinnedIconWrapper, {
27735
- color: iconInactive
27736
- }, pinedIcon || /*#__PURE__*/React__default.createElement(SvgPin, null)))));
27737
+ }, channel.newMessageCount ? channel.newMessageCount > 99 ? '99+' : channel.newMessageCount : ''))));
27737
27738
  };
27738
27739
  var ChannelInfo = styled.div(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteralLoose(["\n text-align: left;\n margin-left: ", ";\n width: 100%;\n max-width: ", ";\n\n h3 {\n display: inline-block;\n margin: 0;\n font-size: ", ";\n font-weight: 500;\n text-overflow: ellipsis;\n line-height: ", ";\n letter-spacing: -0.2px;%;\n max-width: ", ";\n overflow: hidden;\n white-space: nowrap;\n color: ", ";\n text-transform: ", ";\n }\n"])), function (props) {
27739
27740
  return props.avatar && '12px';
@@ -27860,7 +27861,9 @@ var UnreadCount = styled.span(_templateObject19$1 || (_templateObject19$1 = _tag
27860
27861
  }, function (props) {
27861
27862
  return props.isMuted && "background-color: " + props.mutedBackgroundColor + ";";
27862
27863
  });
27863
- var PinnedIconWrapper = styled.span(_templateObject20$1 || (_templateObject20$1 = _taggedTemplateLiteralLoose(["\n & > svg {\n color: ", ";\n }\n"])), function (props) {
27864
+ var PinnedIconWrapper = styled.span(_templateObject20$1 || (_templateObject20$1 = _taggedTemplateLiteralLoose(["\n display: flex;\n ", ";\n & > svg {\n color: ", ";\n }\n"])), function (props) {
27865
+ return props.margin && "margin: " + props.margin;
27866
+ }, function (props) {
27864
27867
  return props.color;
27865
27868
  });
27866
27869
  var MessageTextContainer = styled.div(_templateObject21$1 || (_templateObject21$1 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: flex-end;\n gap: 4px;\n"])));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sceyt-chat-react-uikit",
3
- "version": "1.8.4-beta.4",
3
+ "version": "1.8.4-beta.5",
4
4
  "description": "Interactive React UI Components for Sceyt Chat.",
5
5
  "author": "Sceyt",
6
6
  "license": "MIT",