sceyt-chat-react-uikit 1.7.2-beta.5 → 1.7.2-beta.6
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 +8 -5
- package/index.modern.js +8 -5
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -32814,7 +32814,7 @@ var Message$1 = function Message(_ref) {
|
|
|
32814
32814
|
handleAddDeleteEmoji: handleReactionAddDelete,
|
|
32815
32815
|
reactionsDetailsPopupBorderRadius: reactionsDetailsPopupBorderRadius,
|
|
32816
32816
|
reactionsDetailsPopupHeaderItemsStyle: reactionsDetailsPopupHeaderItemsStyle
|
|
32817
|
-
})),
|
|
32817
|
+
})), /*#__PURE__*/React__default.createElement(ReactionsContainer, {
|
|
32818
32818
|
id: message.id + "_reactions_container",
|
|
32819
32819
|
border: reactionsContainerBorder,
|
|
32820
32820
|
boxShadow: reactionsContainerBoxShadow,
|
|
@@ -32822,8 +32822,9 @@ var Message$1 = function Message(_ref) {
|
|
|
32822
32822
|
topPosition: reactionsContainerTopPosition,
|
|
32823
32823
|
padding: reactionsContainerPadding,
|
|
32824
32824
|
backgroundColor: reactionsContainerBackground || backgroundSections,
|
|
32825
|
-
rtlDirection: ownMessageOnRightSide && !message.incoming
|
|
32826
|
-
|
|
32825
|
+
rtlDirection: ownMessageOnRightSide && !message.incoming,
|
|
32826
|
+
isReacted: message.reactionTotals && message.reactionTotals.length > 0
|
|
32827
|
+
}, message.reactionTotals && message.reactionTotals.length && (/*#__PURE__*/React__default.createElement(MessageReactionsCont, {
|
|
32827
32828
|
rtlDirection: ownMessageOnRightSide && !message.incoming,
|
|
32828
32829
|
onClick: handleToggleReactionsPopup
|
|
32829
32830
|
}, message.reactionTotals.slice(0, reactionsDisplayCount || 5).map(function (summery) {
|
|
@@ -32914,7 +32915,7 @@ var EmptySelection = styled__default.span(_templateObject8$d || (_templateObject
|
|
|
32914
32915
|
}, function (props) {
|
|
32915
32916
|
return props.disabled && '0.5';
|
|
32916
32917
|
});
|
|
32917
|
-
var ReactionsContainer = styled__default.div(_templateObject9$b || (_templateObject9$b = _taggedTemplateLiteralLoose(["\n display: inline-flex;\n margin-left: ", ";\n margin-right: ", ";\n\n margin-top: 4px;\n justify-content: flex-end;\n border: ", ";\n box-shadow: ", ";\n filter: drop-shadow(0px 0px 2px rgba(17, 21, 57, 0.08));\n border-radius: ", ";\n background-color: ", ";\n padding: ", ";\n z-index: 9;\n ", ";\n"])), function (props) {
|
|
32918
|
+
var ReactionsContainer = styled__default.div(_templateObject9$b || (_templateObject9$b = _taggedTemplateLiteralLoose(["\n display: inline-flex;\n margin-left: ", ";\n margin-right: ", ";\n\n margin-top: 4px;\n justify-content: flex-end;\n border: ", ";\n box-shadow: ", ";\n filter: drop-shadow(0px 0px 2px rgba(17, 21, 57, 0.08));\n border-radius: ", ";\n background-color: ", ";\n padding: ", ";\n z-index: 9;\n ", ";\n overflow: hidden;\n height: ", ";\n transition: all 0.3s;\n"])), function (props) {
|
|
32918
32919
|
return props.rtlDirection && 'auto';
|
|
32919
32920
|
}, function (props) {
|
|
32920
32921
|
return !props.rtlDirection && 'auto';
|
|
@@ -32927,9 +32928,11 @@ var ReactionsContainer = styled__default.div(_templateObject9$b || (_templateObj
|
|
|
32927
32928
|
}, function (props) {
|
|
32928
32929
|
return props.backgroundColor;
|
|
32929
32930
|
}, function (props) {
|
|
32930
|
-
return props.padding || '4px 8px';
|
|
32931
|
+
return !props.isReacted ? '0' : props.padding || '4px 8px';
|
|
32931
32932
|
}, function (props) {
|
|
32932
32933
|
return props.topPosition && "\n position: relative;\n top: " + props.topPosition + ";\n ";
|
|
32934
|
+
}, function (props) {
|
|
32935
|
+
return props.isReacted ? '16px' : '0';
|
|
32933
32936
|
});
|
|
32934
32937
|
var MessageReactionsCont = styled__default.div(_templateObject0$a || (_templateObject0$a = _taggedTemplateLiteralLoose(["\n position: relative;\n display: inline-flex;\n max-width: 300px;\n direction: ", ";\n cursor: pointer;\n"])), function (props) {
|
|
32935
32938
|
return props.rtlDirection && 'ltr';
|
package/index.modern.js
CHANGED
|
@@ -32793,7 +32793,7 @@ var Message$1 = function Message(_ref) {
|
|
|
32793
32793
|
handleAddDeleteEmoji: handleReactionAddDelete,
|
|
32794
32794
|
reactionsDetailsPopupBorderRadius: reactionsDetailsPopupBorderRadius,
|
|
32795
32795
|
reactionsDetailsPopupHeaderItemsStyle: reactionsDetailsPopupHeaderItemsStyle
|
|
32796
|
-
})),
|
|
32796
|
+
})), /*#__PURE__*/React__default.createElement(ReactionsContainer, {
|
|
32797
32797
|
id: message.id + "_reactions_container",
|
|
32798
32798
|
border: reactionsContainerBorder,
|
|
32799
32799
|
boxShadow: reactionsContainerBoxShadow,
|
|
@@ -32801,8 +32801,9 @@ var Message$1 = function Message(_ref) {
|
|
|
32801
32801
|
topPosition: reactionsContainerTopPosition,
|
|
32802
32802
|
padding: reactionsContainerPadding,
|
|
32803
32803
|
backgroundColor: reactionsContainerBackground || backgroundSections,
|
|
32804
|
-
rtlDirection: ownMessageOnRightSide && !message.incoming
|
|
32805
|
-
|
|
32804
|
+
rtlDirection: ownMessageOnRightSide && !message.incoming,
|
|
32805
|
+
isReacted: message.reactionTotals && message.reactionTotals.length > 0
|
|
32806
|
+
}, message.reactionTotals && message.reactionTotals.length && (/*#__PURE__*/React__default.createElement(MessageReactionsCont, {
|
|
32806
32807
|
rtlDirection: ownMessageOnRightSide && !message.incoming,
|
|
32807
32808
|
onClick: handleToggleReactionsPopup
|
|
32808
32809
|
}, message.reactionTotals.slice(0, reactionsDisplayCount || 5).map(function (summery) {
|
|
@@ -32893,7 +32894,7 @@ var EmptySelection = styled.span(_templateObject8$d || (_templateObject8$d = _ta
|
|
|
32893
32894
|
}, function (props) {
|
|
32894
32895
|
return props.disabled && '0.5';
|
|
32895
32896
|
});
|
|
32896
|
-
var ReactionsContainer = styled.div(_templateObject9$b || (_templateObject9$b = _taggedTemplateLiteralLoose(["\n display: inline-flex;\n margin-left: ", ";\n margin-right: ", ";\n\n margin-top: 4px;\n justify-content: flex-end;\n border: ", ";\n box-shadow: ", ";\n filter: drop-shadow(0px 0px 2px rgba(17, 21, 57, 0.08));\n border-radius: ", ";\n background-color: ", ";\n padding: ", ";\n z-index: 9;\n ", ";\n"])), function (props) {
|
|
32897
|
+
var ReactionsContainer = styled.div(_templateObject9$b || (_templateObject9$b = _taggedTemplateLiteralLoose(["\n display: inline-flex;\n margin-left: ", ";\n margin-right: ", ";\n\n margin-top: 4px;\n justify-content: flex-end;\n border: ", ";\n box-shadow: ", ";\n filter: drop-shadow(0px 0px 2px rgba(17, 21, 57, 0.08));\n border-radius: ", ";\n background-color: ", ";\n padding: ", ";\n z-index: 9;\n ", ";\n overflow: hidden;\n height: ", ";\n transition: all 0.3s;\n"])), function (props) {
|
|
32897
32898
|
return props.rtlDirection && 'auto';
|
|
32898
32899
|
}, function (props) {
|
|
32899
32900
|
return !props.rtlDirection && 'auto';
|
|
@@ -32906,9 +32907,11 @@ var ReactionsContainer = styled.div(_templateObject9$b || (_templateObject9$b =
|
|
|
32906
32907
|
}, function (props) {
|
|
32907
32908
|
return props.backgroundColor;
|
|
32908
32909
|
}, function (props) {
|
|
32909
|
-
return props.padding || '4px 8px';
|
|
32910
|
+
return !props.isReacted ? '0' : props.padding || '4px 8px';
|
|
32910
32911
|
}, function (props) {
|
|
32911
32912
|
return props.topPosition && "\n position: relative;\n top: " + props.topPosition + ";\n ";
|
|
32913
|
+
}, function (props) {
|
|
32914
|
+
return props.isReacted ? '16px' : '0';
|
|
32912
32915
|
});
|
|
32913
32916
|
var MessageReactionsCont = styled.div(_templateObject0$a || (_templateObject0$a = _taggedTemplateLiteralLoose(["\n position: relative;\n display: inline-flex;\n max-width: 300px;\n direction: ", ";\n cursor: pointer;\n"])), function (props) {
|
|
32914
32917
|
return props.rtlDirection && 'ltr';
|