stream-chat-react 11.15.0 → 11.15.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 (27) hide show
  1. package/dist/browser.full-bundle.js +11 -7
  2. package/dist/browser.full-bundle.js.map +1 -1
  3. package/dist/browser.full-bundle.min.js +2 -2
  4. package/dist/browser.full-bundle.min.js.map +1 -1
  5. package/dist/components/Emojis/EmojiPicker.d.ts.map +1 -1
  6. package/dist/components/Emojis/EmojiPicker.js +5 -1
  7. package/dist/components/Emojis/index.cjs.js +5 -1
  8. package/dist/css/v2/index.css +2 -2
  9. package/dist/css/v2/index.layout.css +2 -2
  10. package/dist/index.cjs.js +1 -1
  11. package/dist/scss/v2/AttachmentList/AttachmentList-layout.scss +38 -13
  12. package/dist/scss/v2/AttachmentList/AttachmentList-theme.scss +44 -0
  13. package/dist/scss/v2/AttachmentPreviewList/AttachmentPreviewList-layout.scss +17 -10
  14. package/dist/scss/v2/AttachmentPreviewList/AttachmentPreviewList-theme.scss +16 -0
  15. package/dist/scss/v2/AudioRecorder/AudioRecorder-layout.scss +89 -0
  16. package/dist/scss/v2/AudioRecorder/AudioRecorder-theme.scss +51 -0
  17. package/dist/scss/v2/ChannelPreview/ChannelPreview-layout.scss +19 -2
  18. package/dist/scss/v2/ChannelPreview/ChannelPreview-theme.scss +21 -0
  19. package/dist/scss/v2/Message/Message-layout.scss +2 -2
  20. package/dist/scss/v2/MessageInput/MessageInput-layout.scss +30 -1
  21. package/dist/scss/v2/MessageInput/MessageInput-theme.scss +62 -2
  22. package/dist/scss/v2/_base.scss +2 -2
  23. package/dist/scss/v2/index.layout.scss +1 -0
  24. package/dist/scss/v2/index.scss +1 -0
  25. package/dist/version.d.ts +1 -1
  26. package/dist/version.js +1 -1
  27. package/package.json +2 -2
package/dist/components/Emojis/EmojiPicker.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"EmojiPicker.d.ts","sourceRoot":"","sources":["../../../src/components/Emojis/EmojiPicker.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAW9C,MAAM,MAAM,gBAAgB,GAAG;IAC7B,mBAAmB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC1C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;QAAE,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAA;KAAE,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IACtF;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;CAClC,CAAC;AAeF,eAAO,MAAM,WAAW,UAAW,gBAAgB,sBAsElD,CAAC"}
1
+ {"version":3,"file":"EmojiPicker.d.ts","sourceRoot":"","sources":["../../../src/components/Emojis/EmojiPicker.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAa9C,MAAM,MAAM,gBAAgB,GAAG;IAC7B,mBAAmB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC1C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;QAAE,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAA;KAAE,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IACtF;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;CAClC,CAAC;AAeF,eAAO,MAAM,WAAW,UAAW,gBAAgB,sBA6ElD,CAAC"}
package/dist/components/Emojis/EmojiPicker.js CHANGED
@@ -6,6 +6,7 @@ import Picker from '@emoji-mart/react';
6
6
  import { useChatContext, useMessageInputContext, useTranslationContext, } from '../../context';
7
7
  import { EmojiIconLarge, EmojiPickerIcon } from '../MessageInput/icons';
8
8
  import { Tooltip } from '../Tooltip';
9
+ var isShadowRoot = function (node) { return !!node.host; };
9
10
  var classNames = {
10
11
  1: {
11
12
  buttonClassName: 'str-chat__input-flat-emojiselect',
@@ -34,8 +35,11 @@ export var EmojiPicker = function (props) {
34
35
  return;
35
36
  var handlePointerDown = function (e) {
36
37
  var target = e.target;
37
- if (popperElement.contains(target) || referenceElement.contains(target))
38
+ var rootNode = target.getRootNode();
39
+ if (popperElement.contains(isShadowRoot(rootNode) ? rootNode.host : target) ||
40
+ referenceElement.contains(target)) {
38
41
  return;
42
+ }
39
43
  setDisplayPicker(false);
40
44
  };
41
45
  window.addEventListener('pointerdown', handlePointerDown);
package/dist/components/Emojis/index.cjs.js CHANGED
@@ -70,6 +70,7 @@ function _interopNamespace(e) {
70
70
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
71
71
  var Picker__default = /*#__PURE__*/_interopDefaultLegacy(Picker);
72
72
 
73
+ var isShadowRoot = function (node) { return !!node.host; };
73
74
  var classNames = {
74
75
  1: {
75
76
  buttonClassName: 'str-chat__input-flat-emojiselect',
@@ -98,8 +99,11 @@ var EmojiPicker = function (props) {
98
99
  return;
99
100
  var handlePointerDown = function (e) {
100
101
  var target = e.target;
101
- if (popperElement.contains(target) || referenceElement.contains(target))
102
+ var rootNode = target.getRootNode();
103
+ if (popperElement.contains(isShadowRoot(rootNode) ? rootNode.host : target) ||
104
+ referenceElement.contains(target)) {
102
105
  return;
106
+ }
103
107
  setDisplayPicker(false);
104
108
  };
105
109
  window.addEventListener('pointerdown', handlePointerDown);