sceyt-chat-react-uikit 1.7.5 → 1.7.6-beta.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.
Files changed (3) hide show
  1. package/index.js +4 -4
  2. package/index.modern.js +4 -4
  3. package/package.json +1 -1
package/index.js CHANGED
@@ -26180,7 +26180,7 @@ var UserNumber = styled__default.h4(_templateObject6$5 || (_templateObject6$5 =
26180
26180
 
26181
26181
  var _templateObject$i, _templateObject2$g, _templateObject3$c, _templateObject4$a, _templateObject5$7, _templateObject6$6, _templateObject7$5, _templateObject8$5, _templateObject9$4, _templateObject0$3;
26182
26182
  var ChannelList = function ChannelList(_ref) {
26183
- var _activeChannel$member, _channelListRef$curre2, _searchedChannels$cha, _searchedChannels$cha2, _searchedChannels$con, _searchedChannels$cha3, _searchedChannels$cha4, _searchedChannels$cha5, _searchedChannels$cha6;
26183
+ var _activeChannel$member, _searchedChannels$cha, _searchedChannels$cha2, _searchedChannels$con, _searchedChannels$cha3, _searchedChannels$cha4, _searchedChannels$cha5, _searchedChannels$cha6;
26184
26184
  var className = _ref.className,
26185
26185
  selectedChannelBackground = _ref.selectedChannelBackground,
26186
26186
  selectedChannelLeftBorder = _ref.selectedChannelLeftBorder,
@@ -26479,7 +26479,7 @@ var ChannelList = function ChannelList(_ref) {
26479
26479
  backgroundColor: backgroundColor || background
26480
26480
  }, /*#__PURE__*/React__default.createElement(ChannelListHeader, {
26481
26481
  withCustomList: !!List,
26482
- maxWidth: channelListRef.current && ((_channelListRef$curre2 = channelListRef.current) === null || _channelListRef$curre2 === void 0 ? void 0 : _channelListRef$curre2.clientWidth) || 0,
26482
+ maxWidth: '100%',
26483
26483
  borderColor: borderColor,
26484
26484
  padding: searchChannelsPadding
26485
26485
  }, Profile, showSearch && searchChannelsPosition === 'inline' ? (/*#__PURE__*/React__default.createElement(ChannelSearch, {
@@ -26831,7 +26831,7 @@ var NoData = styled__default.div(_templateObject8$5 || (_templateObject8$5 = _ta
26831
26831
  });
26832
26832
  var LoadingWrapper = styled__default.div(_templateObject9$4 || (_templateObject9$4 = _taggedTemplateLiteralLoose(["\n position: absolute;\n left: calc(50% - 20px);\n top: calc(50% - 20px);\n"])));
26833
26833
  var ChannelListHeader = styled__default.div(_templateObject0$3 || (_templateObject0$3 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n flex-direction: row;\n justify-content: space-between;\n max-width: ", ";\n padding: ", ";\n box-sizing: border-box;\n padding-left: ", ";\n border-right: ", ";\n"])), function (props) {
26834
- return props.maxWidth ? props.maxWidth + "px" : 'inherit';
26834
+ return props.maxWidth ? "" + props.maxWidth : 'inherit';
26835
26835
  }, function (props) {
26836
26836
  return props.padding || '12px';
26837
26837
  }, function (props) {
@@ -34654,7 +34654,7 @@ var PollMessage = function PollMessage(_ref) {
34654
34654
  messageId: message.id
34655
34655
  })));
34656
34656
  };
34657
- var Container$h = styled__default.div(_templateObject$E || (_templateObject$E = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n min-width: 250px;\n"])));
34657
+ var Container$h = styled__default.div(_templateObject$E || (_templateObject$E = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n min-width: 250px;\n width: 100%;\n"])));
34658
34658
  var Question$1 = styled__default.div(_templateObject2$z || (_templateObject2$z = _taggedTemplateLiteralLoose(["\n color: ", ";\n font-weight: 500;\n font-size: 15px;\n line-height: 18px;\n letter-spacing: -0.4px;\n"])), function (p) {
34659
34659
  return p.color;
34660
34660
  });
package/index.modern.js CHANGED
@@ -26179,7 +26179,7 @@ var UserNumber = styled.h4(_templateObject6$5 || (_templateObject6$5 = _taggedTe
26179
26179
 
26180
26180
  var _templateObject$i, _templateObject2$g, _templateObject3$c, _templateObject4$a, _templateObject5$7, _templateObject6$6, _templateObject7$5, _templateObject8$5, _templateObject9$4, _templateObject0$3;
26181
26181
  var ChannelList = function ChannelList(_ref) {
26182
- var _activeChannel$member, _channelListRef$curre2, _searchedChannels$cha, _searchedChannels$cha2, _searchedChannels$con, _searchedChannels$cha3, _searchedChannels$cha4, _searchedChannels$cha5, _searchedChannels$cha6;
26182
+ var _activeChannel$member, _searchedChannels$cha, _searchedChannels$cha2, _searchedChannels$con, _searchedChannels$cha3, _searchedChannels$cha4, _searchedChannels$cha5, _searchedChannels$cha6;
26183
26183
  var className = _ref.className,
26184
26184
  selectedChannelBackground = _ref.selectedChannelBackground,
26185
26185
  selectedChannelLeftBorder = _ref.selectedChannelLeftBorder,
@@ -26478,7 +26478,7 @@ var ChannelList = function ChannelList(_ref) {
26478
26478
  backgroundColor: backgroundColor || background
26479
26479
  }, /*#__PURE__*/React__default.createElement(ChannelListHeader, {
26480
26480
  withCustomList: !!List,
26481
- maxWidth: channelListRef.current && ((_channelListRef$curre2 = channelListRef.current) === null || _channelListRef$curre2 === void 0 ? void 0 : _channelListRef$curre2.clientWidth) || 0,
26481
+ maxWidth: '100%',
26482
26482
  borderColor: borderColor,
26483
26483
  padding: searchChannelsPadding
26484
26484
  }, Profile, showSearch && searchChannelsPosition === 'inline' ? (/*#__PURE__*/React__default.createElement(ChannelSearch, {
@@ -26830,7 +26830,7 @@ var NoData = styled.div(_templateObject8$5 || (_templateObject8$5 = _taggedTempl
26830
26830
  });
26831
26831
  var LoadingWrapper = styled.div(_templateObject9$4 || (_templateObject9$4 = _taggedTemplateLiteralLoose(["\n position: absolute;\n left: calc(50% - 20px);\n top: calc(50% - 20px);\n"])));
26832
26832
  var ChannelListHeader = styled.div(_templateObject0$3 || (_templateObject0$3 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n flex-direction: row;\n justify-content: space-between;\n max-width: ", ";\n padding: ", ";\n box-sizing: border-box;\n padding-left: ", ";\n border-right: ", ";\n"])), function (props) {
26833
- return props.maxWidth ? props.maxWidth + "px" : 'inherit';
26833
+ return props.maxWidth ? "" + props.maxWidth : 'inherit';
26834
26834
  }, function (props) {
26835
26835
  return props.padding || '12px';
26836
26836
  }, function (props) {
@@ -34653,7 +34653,7 @@ var PollMessage = function PollMessage(_ref) {
34653
34653
  messageId: message.id
34654
34654
  })));
34655
34655
  };
34656
- var Container$h = styled.div(_templateObject$E || (_templateObject$E = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n min-width: 250px;\n"])));
34656
+ var Container$h = styled.div(_templateObject$E || (_templateObject$E = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n min-width: 250px;\n width: 100%;\n"])));
34657
34657
  var Question$1 = styled.div(_templateObject2$z || (_templateObject2$z = _taggedTemplateLiteralLoose(["\n color: ", ";\n font-weight: 500;\n font-size: 15px;\n line-height: 18px;\n letter-spacing: -0.4px;\n"])), function (p) {
34658
34658
  return p.color;
34659
34659
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sceyt-chat-react-uikit",
3
- "version": "1.7.5",
3
+ "version": "1.7.6-beta.2",
4
4
  "description": "Interactive React UI Components for Sceyt Chat.",
5
5
  "author": "Sceyt",
6
6
  "license": "MIT",