sceyt-chat-react-uikit 1.8.0-beta.3 → 1.8.0-beta.4

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 (4) hide show
  1. package/components/Message/PollMessage/index.d.ts +3 -1
  2. package/index.js +14 -3
  3. package/index.modern.js +14 -3
  4. package/package.json +1 -1
package/components/Message/PollMessage/index.d.ts CHANGED
@@ -2,6 +2,8 @@ import React from 'react';
2
2
  import { IMessage } from 'types';
3
3
  interface PollMessageProps {
4
4
  message: IMessage;
5
+ minWidth?: string;
6
+ maxWidth?: string;
5
7
  }
6
- declare const PollMessage: ({ message }: PollMessageProps) => React.JSX.Element | null;
8
+ declare const PollMessage: ({ message, minWidth, maxWidth }: PollMessageProps) => React.JSX.Element | null;
7
9
  export default PollMessage;
package/index.js CHANGED
@@ -36925,7 +36925,9 @@ function SvgFilledCheckbox(props) {
36925
36925
  var _templateObject$G, _templateObject2$B, _templateObject3$v, _templateObject4$q, _templateObject5$l, _templateObject6$j, _templateObject7$h, _templateObject8$g, _templateObject9$d, _templateObject0$c, _templateObject1$9, _templateObject10$6, _templateObject11$4, _templateObject12$3;
36926
36926
  var PollMessage = function PollMessage(_ref) {
36927
36927
  var _poll$voteDetails3, _poll$voteDetails4, _poll$voteDetails5, _poll$voteDetails6, _poll$voteDetails7;
36928
- var message = _ref.message;
36928
+ var message = _ref.message,
36929
+ minWidth = _ref.minWidth,
36930
+ maxWidth = _ref.maxWidth;
36929
36931
  var _useColor = useColors(),
36930
36932
  textPrimary = _useColor[THEME_COLORS.TEXT_PRIMARY],
36931
36933
  textSecondary = _useColor[THEME_COLORS.TEXT_SECONDARY],
@@ -36977,7 +36979,12 @@ var PollMessage = function PollMessage(_ref) {
36977
36979
  handleViewResults();
36978
36980
  }
36979
36981
  };
36980
- return /*#__PURE__*/React__default.createElement(Container$i, null, /*#__PURE__*/React__default.createElement(Question$1, {
36982
+ return /*#__PURE__*/React__default.createElement(Container$i, {
36983
+ style: {
36984
+ minWidth: minWidth,
36985
+ maxWidth: maxWidth
36986
+ }
36987
+ }, /*#__PURE__*/React__default.createElement(Question$1, {
36981
36988
  color: textPrimary
36982
36989
  }, poll.name), /*#__PURE__*/React__default.createElement(SubTitle$1, {
36983
36990
  color: textSecondary
@@ -37063,7 +37070,11 @@ var PollMessage = function PollMessage(_ref) {
37063
37070
  messageId: message.id
37064
37071
  })));
37065
37072
  };
37066
- var Container$i = styled__default.div(_templateObject$G || (_templateObject$G = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n min-width: 250px;\n width: 100%;\n"])));
37073
+ var Container$i = styled__default.div(_templateObject$G || (_templateObject$G = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n min-width: ", ";\n max-width: ", ";\n width: 100%;\n"])), function (p) {
37074
+ return p.minWidth || '250px';
37075
+ }, function (p) {
37076
+ return p.maxWidth || '100%';
37077
+ });
37067
37078
  var Question$1 = styled__default.div(_templateObject2$B || (_templateObject2$B = _taggedTemplateLiteralLoose(["\n color: ", ";\n font-weight: 500;\n font-size: 15px;\n line-height: 18px;\n letter-spacing: -0.4px;\n word-break: break-word;\n"])), function (p) {
37068
37079
  return p.color;
37069
37080
  });
package/index.modern.js CHANGED
@@ -36924,7 +36924,9 @@ function SvgFilledCheckbox(props) {
36924
36924
  var _templateObject$G, _templateObject2$B, _templateObject3$v, _templateObject4$q, _templateObject5$l, _templateObject6$j, _templateObject7$h, _templateObject8$g, _templateObject9$d, _templateObject0$c, _templateObject1$9, _templateObject10$6, _templateObject11$4, _templateObject12$3;
36925
36925
  var PollMessage = function PollMessage(_ref) {
36926
36926
  var _poll$voteDetails3, _poll$voteDetails4, _poll$voteDetails5, _poll$voteDetails6, _poll$voteDetails7;
36927
- var message = _ref.message;
36927
+ var message = _ref.message,
36928
+ minWidth = _ref.minWidth,
36929
+ maxWidth = _ref.maxWidth;
36928
36930
  var _useColor = useColors(),
36929
36931
  textPrimary = _useColor[THEME_COLORS.TEXT_PRIMARY],
36930
36932
  textSecondary = _useColor[THEME_COLORS.TEXT_SECONDARY],
@@ -36976,7 +36978,12 @@ var PollMessage = function PollMessage(_ref) {
36976
36978
  handleViewResults();
36977
36979
  }
36978
36980
  };
36979
- return /*#__PURE__*/React__default.createElement(Container$i, null, /*#__PURE__*/React__default.createElement(Question$1, {
36981
+ return /*#__PURE__*/React__default.createElement(Container$i, {
36982
+ style: {
36983
+ minWidth: minWidth,
36984
+ maxWidth: maxWidth
36985
+ }
36986
+ }, /*#__PURE__*/React__default.createElement(Question$1, {
36980
36987
  color: textPrimary
36981
36988
  }, poll.name), /*#__PURE__*/React__default.createElement(SubTitle$1, {
36982
36989
  color: textSecondary
@@ -37062,7 +37069,11 @@ var PollMessage = function PollMessage(_ref) {
37062
37069
  messageId: message.id
37063
37070
  })));
37064
37071
  };
37065
- var Container$i = styled.div(_templateObject$G || (_templateObject$G = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n min-width: 250px;\n width: 100%;\n"])));
37072
+ var Container$i = styled.div(_templateObject$G || (_templateObject$G = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n min-width: ", ";\n max-width: ", ";\n width: 100%;\n"])), function (p) {
37073
+ return p.minWidth || '250px';
37074
+ }, function (p) {
37075
+ return p.maxWidth || '100%';
37076
+ });
37066
37077
  var Question$1 = styled.div(_templateObject2$B || (_templateObject2$B = _taggedTemplateLiteralLoose(["\n color: ", ";\n font-weight: 500;\n font-size: 15px;\n line-height: 18px;\n letter-spacing: -0.4px;\n word-break: break-word;\n"])), function (p) {
37067
37078
  return p.color;
37068
37079
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sceyt-chat-react-uikit",
3
- "version": "1.8.0-beta.3",
3
+ "version": "1.8.0-beta.4",
4
4
  "description": "Interactive React UI Components for Sceyt Chat.",
5
5
  "author": "Sceyt",
6
6
  "license": "MIT",