sceyt-chat-react-uikit 1.6.2-beta.2 → 1.6.2
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 +49 -32
- package/index.modern.js +49 -32
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -13745,74 +13745,86 @@ function markMessagesDelivered(action) {
|
|
|
13745
13745
|
}, _marked9, null, [[2, 13]]);
|
|
13746
13746
|
}
|
|
13747
13747
|
function switchChannel(action) {
|
|
13748
|
-
var payload, channel,
|
|
13748
|
+
var payload, channel, channelToSwitch, existingChannel, addChannel, SceytChatClient, fetchedChannel, channelFromMap, currentActiveChannel;
|
|
13749
13749
|
return _regeneratorRuntime().wrap(function switchChannel$(_context10) {
|
|
13750
13750
|
while (1) switch (_context10.prev = _context10.next) {
|
|
13751
13751
|
case 0:
|
|
13752
13752
|
_context10.prev = 0;
|
|
13753
13753
|
payload = action.payload;
|
|
13754
13754
|
channel = payload.channel;
|
|
13755
|
-
existingChannel = checkChannelExists(channel.id);
|
|
13756
13755
|
channelToSwitch = channel;
|
|
13756
|
+
if (channel !== null && channel !== void 0 && channel.id) {
|
|
13757
|
+
_context10.next = 10;
|
|
13758
|
+
break;
|
|
13759
|
+
}
|
|
13760
|
+
_context10.next = 7;
|
|
13761
|
+
return effects.call(setActiveChannelId, '');
|
|
13762
|
+
case 7:
|
|
13763
|
+
_context10.next = 9;
|
|
13764
|
+
return effects.put(setActiveChannelAC({}));
|
|
13765
|
+
case 9:
|
|
13766
|
+
return _context10.abrupt("return");
|
|
13767
|
+
case 10:
|
|
13768
|
+
existingChannel = checkChannelExists(channel.id);
|
|
13757
13769
|
if (existingChannel) {
|
|
13758
|
-
_context10.next =
|
|
13770
|
+
_context10.next = 31;
|
|
13759
13771
|
break;
|
|
13760
13772
|
}
|
|
13761
13773
|
addChannel = getChannelFromAllChannels(channel.id);
|
|
13762
13774
|
if (!addChannel) {
|
|
13763
|
-
_context10.next =
|
|
13775
|
+
_context10.next = 20;
|
|
13764
13776
|
break;
|
|
13765
13777
|
}
|
|
13766
13778
|
setChannelInMap(addChannel);
|
|
13767
|
-
_context10.next =
|
|
13779
|
+
_context10.next = 17;
|
|
13768
13780
|
return effects.put(addChannelAC(JSON.parse(JSON.stringify(addChannel))));
|
|
13769
|
-
case
|
|
13781
|
+
case 17:
|
|
13770
13782
|
channelToSwitch = _extends({}, channelToSwitch, addChannel);
|
|
13771
|
-
_context10.next =
|
|
13783
|
+
_context10.next = 29;
|
|
13772
13784
|
break;
|
|
13773
|
-
case
|
|
13785
|
+
case 20:
|
|
13774
13786
|
SceytChatClient = getClient();
|
|
13775
|
-
_context10.next =
|
|
13787
|
+
_context10.next = 23;
|
|
13776
13788
|
return effects.call(SceytChatClient.getChannel, channel.id);
|
|
13777
|
-
case
|
|
13789
|
+
case 23:
|
|
13778
13790
|
fetchedChannel = _context10.sent;
|
|
13779
13791
|
addChannelToAllChannels(fetchedChannel);
|
|
13780
13792
|
setChannelInMap(fetchedChannel);
|
|
13781
|
-
_context10.next =
|
|
13793
|
+
_context10.next = 28;
|
|
13782
13794
|
return effects.put(addChannelAC(JSON.parse(JSON.stringify(fetchedChannel))));
|
|
13783
|
-
case
|
|
13795
|
+
case 28:
|
|
13784
13796
|
channelToSwitch = _extends({}, channelToSwitch, fetchedChannel);
|
|
13785
|
-
case
|
|
13786
|
-
_context10.next =
|
|
13797
|
+
case 29:
|
|
13798
|
+
_context10.next = 33;
|
|
13787
13799
|
break;
|
|
13788
|
-
case
|
|
13800
|
+
case 31:
|
|
13789
13801
|
channelFromMap = getChannelFromMap(channel.id);
|
|
13790
13802
|
channelToSwitch = _extends({}, channelToSwitch, channelFromMap);
|
|
13791
|
-
case
|
|
13803
|
+
case 33:
|
|
13792
13804
|
currentActiveChannel = getChannelFromMap(getActiveChannelId());
|
|
13793
|
-
_context10.next =
|
|
13805
|
+
_context10.next = 36;
|
|
13794
13806
|
return effects.call(setUnreadScrollTo, true);
|
|
13795
|
-
case
|
|
13796
|
-
_context10.next =
|
|
13807
|
+
case 36:
|
|
13808
|
+
_context10.next = 38;
|
|
13797
13809
|
return effects.call(setActiveChannelId, channel && channel.id);
|
|
13798
|
-
case
|
|
13810
|
+
case 38:
|
|
13799
13811
|
if (channel.isLinkedChannel) {
|
|
13800
13812
|
channelToSwitch.linkedFrom = currentActiveChannel;
|
|
13801
13813
|
}
|
|
13802
|
-
_context10.next = 35;
|
|
13803
|
-
return effects.put(setActiveChannelAC(_extends({}, channelToSwitch)));
|
|
13804
|
-
case 35:
|
|
13805
13814
|
_context10.next = 41;
|
|
13815
|
+
return effects.put(setActiveChannelAC(_extends({}, channelToSwitch)));
|
|
13816
|
+
case 41:
|
|
13817
|
+
_context10.next = 47;
|
|
13806
13818
|
break;
|
|
13807
|
-
case
|
|
13808
|
-
_context10.prev =
|
|
13819
|
+
case 44:
|
|
13820
|
+
_context10.prev = 44;
|
|
13809
13821
|
_context10.t0 = _context10["catch"](0);
|
|
13810
13822
|
console.log('error in switch channel');
|
|
13811
|
-
case
|
|
13823
|
+
case 47:
|
|
13812
13824
|
case "end":
|
|
13813
13825
|
return _context10.stop();
|
|
13814
13826
|
}
|
|
13815
|
-
}, _marked10, null, [[0,
|
|
13827
|
+
}, _marked10, null, [[0, 44]]);
|
|
13816
13828
|
}
|
|
13817
13829
|
function notificationsTurnOff(action) {
|
|
13818
13830
|
var expireTime, activeChannelId, channel, updatedChannel;
|
|
@@ -21167,7 +21179,10 @@ var ChannelList = function ChannelList(_ref) {
|
|
|
21167
21179
|
dispatch(removeChannelAC(deletedChannel.id));
|
|
21168
21180
|
if (activeChannel.id === deletedChannel.id) {
|
|
21169
21181
|
var _activeChannel = getLastChannelFromMap();
|
|
21170
|
-
dispatch(switchChannelActionAC(JSON.parse(JSON.stringify(_activeChannel))));
|
|
21182
|
+
dispatch(switchChannelActionAC(_activeChannel ? JSON.parse(JSON.stringify(_activeChannel)) : {}));
|
|
21183
|
+
if (!_activeChannel) {
|
|
21184
|
+
dispatch(switchChannelInfoAC(false));
|
|
21185
|
+
}
|
|
21171
21186
|
}
|
|
21172
21187
|
}
|
|
21173
21188
|
dispatch(setChannelToRemoveAC(null));
|
|
@@ -21581,7 +21596,7 @@ var ChannelList = function ChannelList(_ref) {
|
|
|
21581
21596
|
handleCloseProfile: handleOpenProfile
|
|
21582
21597
|
}));
|
|
21583
21598
|
};
|
|
21584
|
-
var Container$7 = styled__default.div(_templateObject$g || (_templateObject$g = _taggedTemplateLiteralLoose(["\n position: relative;\n display: flex;\n flex-direction: column;\n width: ", ";\n min-width: ", ";\n border-right: ", ";\n background-color: ", ";\n ", ";\n"])), function (props) {
|
|
21599
|
+
var Container$7 = styled__default.div(_templateObject$g || (_templateObject$g = _taggedTemplateLiteralLoose(["\n position: relative;\n display: flex;\n flex-direction: column;\n width: ", ";\n min-width: ", ";\n border-right: ", ";\n background-color: ", ";\n height: 100%;\n ", ";\n"])), function (props) {
|
|
21585
21600
|
return props.withCustomList ? '' : '400px';
|
|
21586
21601
|
}, function (props) {
|
|
21587
21602
|
return props.withCustomList ? '' : '400px';
|
|
@@ -32883,12 +32898,12 @@ var MessageInputWrapper = styled__default.div(_templateObject11$8 || (_templateO
|
|
|
32883
32898
|
}, function (props) {
|
|
32884
32899
|
return props.borderRadius || '18px';
|
|
32885
32900
|
});
|
|
32886
|
-
var LexicalWrapper = styled__default.div(_templateObject12$5 || (_templateObject12$5 = _taggedTemplateLiteralLoose(["\n position: relative;\n width: 100%;\n\n & .rich_text_editor {\n
|
|
32901
|
+
var LexicalWrapper = styled__default.div(_templateObject12$5 || (_templateObject12$5 = _taggedTemplateLiteralLoose(["\n position: relative;\n width: 100%;\n\n & .rich_text_editor {\n width: 100%;\n max-height: 80px;\n min-height: 20px;\n display: block;\n border: none;\n box-sizing: border-box;\n outline: none !important;\n overflow: auto;\n border-radius: ", ";\n background-color: ", ";\n padding: ", ";\n color: ", ";\n order: ", ";\n\n & p {\n font-size: 15px;\n line-height: 20px;\n color: ", ";\n }\n\n &::selection {\n background-color: ", ";\n }\n\n & *::selection {\n background-color: ", ";\n }\n\n & span::selection {\n background-color: ", ";\n }\n\n &:empty:before {\n content: attr(data-placeholder);\n }\n\n & .content_editable_input {\n border: none !important;\n outline: none !important;\n }\n\n & .mention {\n color: ", ";\n background-color: inherit !important;\n user-modify: read-only;\n }\n\n & span.bold {\n font-weight: bold;\n }\n\n & .editor_paragraph {\n margin: 0;\n }\n\n & .text_bold {\n font-weight: 600;\n }\n\n & .text_italic {\n font-style: italic;\n }\n\n & .text_underline {\n text-decoration: underline;\n }\n\n & .text_strikethrough {\n text-decoration: line-through;\n }\n\n & .text_underlineStrikethrough {\n text-decoration: underline line-through;\n }\n\n & code {\n font-family: inherit;\n letter-spacing: 4px;\n }\n }\n"])), function (props) {
|
|
32887
32902
|
return props.borderRadius;
|
|
32888
32903
|
}, function (props) {
|
|
32889
32904
|
return props.backgroundColor;
|
|
32890
32905
|
}, function (props) {
|
|
32891
|
-
return props.paddings;
|
|
32906
|
+
return props.paddings || '8px 6px';
|
|
32892
32907
|
}, function (props) {
|
|
32893
32908
|
return props.color;
|
|
32894
32909
|
}, function (props) {
|
|
@@ -32904,8 +32919,10 @@ var LexicalWrapper = styled__default.div(_templateObject12$5 || (_templateObject
|
|
|
32904
32919
|
}, function (props) {
|
|
32905
32920
|
return props.mentionColor;
|
|
32906
32921
|
});
|
|
32907
|
-
var Placeholder = styled__default.span(_templateObject13$5 || (_templateObject13$5 = _taggedTemplateLiteralLoose(["\n position: absolute;\n top:
|
|
32922
|
+
var Placeholder = styled__default.span(_templateObject13$5 || (_templateObject13$5 = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n left: 0;\n pointer-events: none;\n color: ", ";\n padding: ", ";\n line-height: 20px;\n\n @media (max-width: 768px) {\n font-size: 13px;\n }\n"])), function (props) {
|
|
32908
32923
|
return props.color || colors.placeholderTextColor;
|
|
32924
|
+
}, function (props) {
|
|
32925
|
+
return props.paddings || '8px 6px';
|
|
32909
32926
|
});
|
|
32910
32927
|
var EmojiButton = styled__default.span(_templateObject14$4 || (_templateObject14$4 = _taggedTemplateLiteralLoose(["\n display: flex;\n height: ", ";\n align-items: center;\n position: relative;\n margin: auto 8px 0 8px;\n cursor: pointer;\n line-height: 13px;\n z-index: 2;\n order: ", ";\n -webkit-tap-highlight-color: transparent;\n\n > svg {\n ", ";\n width: 24px;\n height: 24px;\n }\n\n &:hover > svg {\n color: ", ";\n }\n"])), function (props) {
|
|
32911
32928
|
return props.height ? props.height + "px" : '36px';
|
package/index.modern.js
CHANGED
|
@@ -13722,74 +13722,86 @@ function markMessagesDelivered(action) {
|
|
|
13722
13722
|
}, _marked9, null, [[2, 13]]);
|
|
13723
13723
|
}
|
|
13724
13724
|
function switchChannel(action) {
|
|
13725
|
-
var payload, channel,
|
|
13725
|
+
var payload, channel, channelToSwitch, existingChannel, addChannel, SceytChatClient, fetchedChannel, channelFromMap, currentActiveChannel;
|
|
13726
13726
|
return _regeneratorRuntime().wrap(function switchChannel$(_context10) {
|
|
13727
13727
|
while (1) switch (_context10.prev = _context10.next) {
|
|
13728
13728
|
case 0:
|
|
13729
13729
|
_context10.prev = 0;
|
|
13730
13730
|
payload = action.payload;
|
|
13731
13731
|
channel = payload.channel;
|
|
13732
|
-
existingChannel = checkChannelExists(channel.id);
|
|
13733
13732
|
channelToSwitch = channel;
|
|
13733
|
+
if (channel !== null && channel !== void 0 && channel.id) {
|
|
13734
|
+
_context10.next = 10;
|
|
13735
|
+
break;
|
|
13736
|
+
}
|
|
13737
|
+
_context10.next = 7;
|
|
13738
|
+
return call(setActiveChannelId, '');
|
|
13739
|
+
case 7:
|
|
13740
|
+
_context10.next = 9;
|
|
13741
|
+
return put(setActiveChannelAC({}));
|
|
13742
|
+
case 9:
|
|
13743
|
+
return _context10.abrupt("return");
|
|
13744
|
+
case 10:
|
|
13745
|
+
existingChannel = checkChannelExists(channel.id);
|
|
13734
13746
|
if (existingChannel) {
|
|
13735
|
-
_context10.next =
|
|
13747
|
+
_context10.next = 31;
|
|
13736
13748
|
break;
|
|
13737
13749
|
}
|
|
13738
13750
|
addChannel = getChannelFromAllChannels(channel.id);
|
|
13739
13751
|
if (!addChannel) {
|
|
13740
|
-
_context10.next =
|
|
13752
|
+
_context10.next = 20;
|
|
13741
13753
|
break;
|
|
13742
13754
|
}
|
|
13743
13755
|
setChannelInMap(addChannel);
|
|
13744
|
-
_context10.next =
|
|
13756
|
+
_context10.next = 17;
|
|
13745
13757
|
return put(addChannelAC(JSON.parse(JSON.stringify(addChannel))));
|
|
13746
|
-
case
|
|
13758
|
+
case 17:
|
|
13747
13759
|
channelToSwitch = _extends({}, channelToSwitch, addChannel);
|
|
13748
|
-
_context10.next =
|
|
13760
|
+
_context10.next = 29;
|
|
13749
13761
|
break;
|
|
13750
|
-
case
|
|
13762
|
+
case 20:
|
|
13751
13763
|
SceytChatClient = getClient();
|
|
13752
|
-
_context10.next =
|
|
13764
|
+
_context10.next = 23;
|
|
13753
13765
|
return call(SceytChatClient.getChannel, channel.id);
|
|
13754
|
-
case
|
|
13766
|
+
case 23:
|
|
13755
13767
|
fetchedChannel = _context10.sent;
|
|
13756
13768
|
addChannelToAllChannels(fetchedChannel);
|
|
13757
13769
|
setChannelInMap(fetchedChannel);
|
|
13758
|
-
_context10.next =
|
|
13770
|
+
_context10.next = 28;
|
|
13759
13771
|
return put(addChannelAC(JSON.parse(JSON.stringify(fetchedChannel))));
|
|
13760
|
-
case
|
|
13772
|
+
case 28:
|
|
13761
13773
|
channelToSwitch = _extends({}, channelToSwitch, fetchedChannel);
|
|
13762
|
-
case
|
|
13763
|
-
_context10.next =
|
|
13774
|
+
case 29:
|
|
13775
|
+
_context10.next = 33;
|
|
13764
13776
|
break;
|
|
13765
|
-
case
|
|
13777
|
+
case 31:
|
|
13766
13778
|
channelFromMap = getChannelFromMap(channel.id);
|
|
13767
13779
|
channelToSwitch = _extends({}, channelToSwitch, channelFromMap);
|
|
13768
|
-
case
|
|
13780
|
+
case 33:
|
|
13769
13781
|
currentActiveChannel = getChannelFromMap(getActiveChannelId());
|
|
13770
|
-
_context10.next =
|
|
13782
|
+
_context10.next = 36;
|
|
13771
13783
|
return call(setUnreadScrollTo, true);
|
|
13772
|
-
case
|
|
13773
|
-
_context10.next =
|
|
13784
|
+
case 36:
|
|
13785
|
+
_context10.next = 38;
|
|
13774
13786
|
return call(setActiveChannelId, channel && channel.id);
|
|
13775
|
-
case
|
|
13787
|
+
case 38:
|
|
13776
13788
|
if (channel.isLinkedChannel) {
|
|
13777
13789
|
channelToSwitch.linkedFrom = currentActiveChannel;
|
|
13778
13790
|
}
|
|
13779
|
-
_context10.next = 35;
|
|
13780
|
-
return put(setActiveChannelAC(_extends({}, channelToSwitch)));
|
|
13781
|
-
case 35:
|
|
13782
13791
|
_context10.next = 41;
|
|
13792
|
+
return put(setActiveChannelAC(_extends({}, channelToSwitch)));
|
|
13793
|
+
case 41:
|
|
13794
|
+
_context10.next = 47;
|
|
13783
13795
|
break;
|
|
13784
|
-
case
|
|
13785
|
-
_context10.prev =
|
|
13796
|
+
case 44:
|
|
13797
|
+
_context10.prev = 44;
|
|
13786
13798
|
_context10.t0 = _context10["catch"](0);
|
|
13787
13799
|
console.log('error in switch channel');
|
|
13788
|
-
case
|
|
13800
|
+
case 47:
|
|
13789
13801
|
case "end":
|
|
13790
13802
|
return _context10.stop();
|
|
13791
13803
|
}
|
|
13792
|
-
}, _marked10, null, [[0,
|
|
13804
|
+
}, _marked10, null, [[0, 44]]);
|
|
13793
13805
|
}
|
|
13794
13806
|
function notificationsTurnOff(action) {
|
|
13795
13807
|
var expireTime, activeChannelId, channel, updatedChannel;
|
|
@@ -21144,7 +21156,10 @@ var ChannelList = function ChannelList(_ref) {
|
|
|
21144
21156
|
dispatch(removeChannelAC(deletedChannel.id));
|
|
21145
21157
|
if (activeChannel.id === deletedChannel.id) {
|
|
21146
21158
|
var _activeChannel = getLastChannelFromMap();
|
|
21147
|
-
dispatch(switchChannelActionAC(JSON.parse(JSON.stringify(_activeChannel))));
|
|
21159
|
+
dispatch(switchChannelActionAC(_activeChannel ? JSON.parse(JSON.stringify(_activeChannel)) : {}));
|
|
21160
|
+
if (!_activeChannel) {
|
|
21161
|
+
dispatch(switchChannelInfoAC(false));
|
|
21162
|
+
}
|
|
21148
21163
|
}
|
|
21149
21164
|
}
|
|
21150
21165
|
dispatch(setChannelToRemoveAC(null));
|
|
@@ -21558,7 +21573,7 @@ var ChannelList = function ChannelList(_ref) {
|
|
|
21558
21573
|
handleCloseProfile: handleOpenProfile
|
|
21559
21574
|
}));
|
|
21560
21575
|
};
|
|
21561
|
-
var Container$7 = styled.div(_templateObject$g || (_templateObject$g = _taggedTemplateLiteralLoose(["\n position: relative;\n display: flex;\n flex-direction: column;\n width: ", ";\n min-width: ", ";\n border-right: ", ";\n background-color: ", ";\n ", ";\n"])), function (props) {
|
|
21576
|
+
var Container$7 = styled.div(_templateObject$g || (_templateObject$g = _taggedTemplateLiteralLoose(["\n position: relative;\n display: flex;\n flex-direction: column;\n width: ", ";\n min-width: ", ";\n border-right: ", ";\n background-color: ", ";\n height: 100%;\n ", ";\n"])), function (props) {
|
|
21562
21577
|
return props.withCustomList ? '' : '400px';
|
|
21563
21578
|
}, function (props) {
|
|
21564
21579
|
return props.withCustomList ? '' : '400px';
|
|
@@ -32860,12 +32875,12 @@ var MessageInputWrapper = styled.div(_templateObject11$8 || (_templateObject11$8
|
|
|
32860
32875
|
}, function (props) {
|
|
32861
32876
|
return props.borderRadius || '18px';
|
|
32862
32877
|
});
|
|
32863
|
-
var LexicalWrapper = styled.div(_templateObject12$5 || (_templateObject12$5 = _taggedTemplateLiteralLoose(["\n position: relative;\n width: 100%;\n\n & .rich_text_editor {\n
|
|
32878
|
+
var LexicalWrapper = styled.div(_templateObject12$5 || (_templateObject12$5 = _taggedTemplateLiteralLoose(["\n position: relative;\n width: 100%;\n\n & .rich_text_editor {\n width: 100%;\n max-height: 80px;\n min-height: 20px;\n display: block;\n border: none;\n box-sizing: border-box;\n outline: none !important;\n overflow: auto;\n border-radius: ", ";\n background-color: ", ";\n padding: ", ";\n color: ", ";\n order: ", ";\n\n & p {\n font-size: 15px;\n line-height: 20px;\n color: ", ";\n }\n\n &::selection {\n background-color: ", ";\n }\n\n & *::selection {\n background-color: ", ";\n }\n\n & span::selection {\n background-color: ", ";\n }\n\n &:empty:before {\n content: attr(data-placeholder);\n }\n\n & .content_editable_input {\n border: none !important;\n outline: none !important;\n }\n\n & .mention {\n color: ", ";\n background-color: inherit !important;\n user-modify: read-only;\n }\n\n & span.bold {\n font-weight: bold;\n }\n\n & .editor_paragraph {\n margin: 0;\n }\n\n & .text_bold {\n font-weight: 600;\n }\n\n & .text_italic {\n font-style: italic;\n }\n\n & .text_underline {\n text-decoration: underline;\n }\n\n & .text_strikethrough {\n text-decoration: line-through;\n }\n\n & .text_underlineStrikethrough {\n text-decoration: underline line-through;\n }\n\n & code {\n font-family: inherit;\n letter-spacing: 4px;\n }\n }\n"])), function (props) {
|
|
32864
32879
|
return props.borderRadius;
|
|
32865
32880
|
}, function (props) {
|
|
32866
32881
|
return props.backgroundColor;
|
|
32867
32882
|
}, function (props) {
|
|
32868
|
-
return props.paddings;
|
|
32883
|
+
return props.paddings || '8px 6px';
|
|
32869
32884
|
}, function (props) {
|
|
32870
32885
|
return props.color;
|
|
32871
32886
|
}, function (props) {
|
|
@@ -32881,8 +32896,10 @@ var LexicalWrapper = styled.div(_templateObject12$5 || (_templateObject12$5 = _t
|
|
|
32881
32896
|
}, function (props) {
|
|
32882
32897
|
return props.mentionColor;
|
|
32883
32898
|
});
|
|
32884
|
-
var Placeholder = styled.span(_templateObject13$5 || (_templateObject13$5 = _taggedTemplateLiteralLoose(["\n position: absolute;\n top:
|
|
32899
|
+
var Placeholder = styled.span(_templateObject13$5 || (_templateObject13$5 = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n left: 0;\n pointer-events: none;\n color: ", ";\n padding: ", ";\n line-height: 20px;\n\n @media (max-width: 768px) {\n font-size: 13px;\n }\n"])), function (props) {
|
|
32885
32900
|
return props.color || colors.placeholderTextColor;
|
|
32901
|
+
}, function (props) {
|
|
32902
|
+
return props.paddings || '8px 6px';
|
|
32886
32903
|
});
|
|
32887
32904
|
var EmojiButton = styled.span(_templateObject14$4 || (_templateObject14$4 = _taggedTemplateLiteralLoose(["\n display: flex;\n height: ", ";\n align-items: center;\n position: relative;\n margin: auto 8px 0 8px;\n cursor: pointer;\n line-height: 13px;\n z-index: 2;\n order: ", ";\n -webkit-tap-highlight-color: transparent;\n\n > svg {\n ", ";\n width: 24px;\n height: 24px;\n }\n\n &:hover > svg {\n color: ", ";\n }\n"])), function (props) {
|
|
32888
32905
|
return props.height ? props.height + "px" : '36px';
|