stream-chat-react 13.5.1 → 13.6.1
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/dist/components/Channel/Channel.d.ts +1 -1
- package/dist/components/Channel/Channel.js +2 -0
- package/dist/components/Chat/Chat.d.ts +1 -1
- package/dist/components/Chat/Chat.js +3 -1
- package/dist/components/Chat/hooks/useChat.js +1 -1
- package/dist/components/Dialog/DialogManager.d.ts +3 -1
- package/dist/components/Dialog/DialogManager.js +3 -0
- package/dist/components/Dialog/DialogPortal.d.ts +1 -1
- package/dist/components/Dialog/DialogPortal.js +4 -2
- package/dist/components/Dialog/hooks/useDialog.d.ts +11 -3
- package/dist/components/Dialog/hooks/useDialog.js +10 -7
- package/dist/components/Gallery/Gallery.js +2 -2
- package/dist/components/Gallery/Image.js +11 -5
- package/dist/components/Message/utils.js +2 -2
- package/dist/components/MessageBounce/MessageBounceModal.js +3 -2
- package/dist/components/MessageInput/AttachmentSelector.js +2 -1
- package/dist/components/MessageInput/EditMessageForm.js +2 -2
- package/dist/components/Modal/GlobalModal.d.ts +4 -0
- package/dist/components/Modal/GlobalModal.js +57 -0
- package/dist/components/Modal/Modal.d.ts +3 -4
- package/dist/components/Modal/index.d.ts +1 -0
- package/dist/components/Modal/index.js +1 -0
- package/dist/components/Poll/PollActions/PollAction.js +8 -4
- package/dist/components/Poll/PollActions/PollActions.js +8 -6
- package/dist/components/Reactions/ReactionsListModal.d.ts +1 -1
- package/dist/components/Reactions/ReactionsListModal.js +3 -2
- package/dist/components/TextareaComposer/TextareaComposer.js +15 -24
- package/dist/context/ComponentContext.d.ts +3 -1
- package/dist/context/DialogManagerContext.d.ts +21 -4
- package/dist/context/DialogManagerContext.js +114 -5
- package/dist/css/v2/index.css +1 -1
- package/dist/css/v2/index.layout.css +1 -1
- package/dist/experimental/index.browser.cjs +94 -22
- package/dist/experimental/index.browser.cjs.map +4 -4
- package/dist/experimental/index.node.cjs +94 -22
- package/dist/experimental/index.node.cjs.map +4 -4
- package/dist/index.browser.cjs +1767 -1545
- package/dist/index.browser.cjs.map +4 -4
- package/dist/index.node.cjs +1774 -1545
- package/dist/index.node.cjs.map +4 -4
- package/dist/scss/v2/Modal/Modal-theme.scss +21 -6
- package/dist/scss/v2/Poll/Poll-layout.scss +20 -6
- package/dist/scss/v2/Poll/Poll-theme.scss +8 -8
- package/package.json +4 -4
|
@@ -74,14 +74,11 @@
|
|
|
74
74
|
}
|
|
75
75
|
}
|
|
76
76
|
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
.str-chat__message-attachment--card,
|
|
80
|
-
.str-chat__message-attachment--image,
|
|
81
|
-
.str-chat__message-attachment--gallery {
|
|
82
|
-
.str-chat__modal--open .str-chat__modal__inner.str-chat-react__modal__inner {
|
|
77
|
+
@mixin image-on-modal {
|
|
78
|
+
.str-chat__modal__inner.str-chat-react__modal__inner {
|
|
83
79
|
background-color: transparent;
|
|
84
80
|
width: unset;
|
|
81
|
+
max-width: unset;
|
|
85
82
|
height: unset;
|
|
86
83
|
padding: 0;
|
|
87
84
|
|
|
@@ -92,3 +89,21 @@
|
|
|
92
89
|
}
|
|
93
90
|
}
|
|
94
91
|
}
|
|
92
|
+
|
|
93
|
+
// stream-chat-react image gallery does not show the modal inner container. It has to be reset to
|
|
94
|
+
// width of its content in order the modal can be closed when clicked on overlay
|
|
95
|
+
// todo: remove this rule once only GlobalModal is used and old Modal is removed from stream-chat-react
|
|
96
|
+
.str-chat__message-attachment--card,
|
|
97
|
+
.str-chat__message-attachment--image,
|
|
98
|
+
.str-chat__message-attachment--gallery {
|
|
99
|
+
.str-chat__modal--open {
|
|
100
|
+
@include image-on-modal;
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
.str-chat-react__modal.str-chat__modal--open {
|
|
105
|
+
&.str-chat__image-modal,
|
|
106
|
+
&.str-chat__gallery-modal {
|
|
107
|
+
@include image-on-modal;
|
|
108
|
+
}
|
|
109
|
+
}
|
|
@@ -46,14 +46,28 @@
|
|
|
46
46
|
flex-direction: column;
|
|
47
47
|
align-items: center;
|
|
48
48
|
|
|
49
|
-
.str-chat__poll-action {
|
|
50
|
-
padding: 0.675rem;
|
|
51
|
-
font: var(--str-chat__subtitle-text);
|
|
52
|
-
color: var(--str-chat__primary-color);
|
|
53
|
-
}
|
|
54
49
|
}
|
|
55
50
|
}
|
|
56
51
|
|
|
52
|
+
.str-chat__poll-action {
|
|
53
|
+
padding: 0.675rem;
|
|
54
|
+
font: var(--str-chat__subtitle-text);
|
|
55
|
+
color: var(--str-chat__primary-color);
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
.str-chat__poll-results-modal,
|
|
59
|
+
.str-chat__poll-answer-list-modal,
|
|
60
|
+
.str-chat__add-poll-answer-modal,
|
|
61
|
+
.str-chat__suggest-poll-option-modal,
|
|
62
|
+
.str-chat__poll-options-modal {
|
|
63
|
+
button {
|
|
64
|
+
@include utils.button-reset;
|
|
65
|
+
cursor: pointer;
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
|
|
70
|
+
|
|
57
71
|
.str-chat__poll-option-list--full,
|
|
58
72
|
.str-chat__modal__poll-results {
|
|
59
73
|
.str-chat__amount-bar {
|
|
@@ -145,7 +159,7 @@
|
|
|
145
159
|
}
|
|
146
160
|
}
|
|
147
161
|
|
|
148
|
-
.str-chat__poll-actions .str-chat__modal {
|
|
162
|
+
.str-chat-react__modal.str-chat__poll-action-modal, .str-chat__poll-actions .str-chat__modal {
|
|
149
163
|
.str-chat__modal__close-button {
|
|
150
164
|
display: none;
|
|
151
165
|
}
|
|
@@ -44,14 +44,14 @@
|
|
|
44
44
|
}
|
|
45
45
|
}
|
|
46
46
|
}
|
|
47
|
+
}
|
|
47
48
|
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
}
|
|
49
|
+
.str-chat__poll-option-list--full,
|
|
50
|
+
.str-chat__poll-answer,
|
|
51
|
+
.str-chat__modal__poll-option-list__title,
|
|
52
|
+
.str-chat__modal__poll-results .str-chat__modal__poll-results__title,
|
|
53
|
+
.str-chat__modal__poll-results .str-chat__poll-option {
|
|
54
|
+
border-radius: 0.75rem;
|
|
55
55
|
}
|
|
56
56
|
|
|
57
57
|
.str-chat__poll-option-list--full {
|
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
}
|
|
67
67
|
}
|
|
68
68
|
|
|
69
|
-
.str-chat__poll-actions .str-chat__modal {
|
|
69
|
+
.str-chat__modal, .str-chat__poll-actions .str-chat__modal {
|
|
70
70
|
.str-chat__poll-answer__text,
|
|
71
71
|
.str-chat__modal__poll-option-list__title,
|
|
72
72
|
.str-chat__modal__poll-results__title {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "stream-chat-react",
|
|
3
|
-
"version": "13.
|
|
3
|
+
"version": "13.6.1",
|
|
4
4
|
"description": "React components to create chat conversations or livestream style chat",
|
|
5
5
|
"author": "GetStream",
|
|
6
6
|
"homepage": "https://getstream.io/chat/",
|
|
@@ -142,7 +142,7 @@
|
|
|
142
142
|
"emoji-mart": "^5.4.0",
|
|
143
143
|
"react": "^19.0.0 || ^18.0.0 || ^17.0.0 || ^16.14.0",
|
|
144
144
|
"react-dom": "^19.0.0 || ^18.0.0 || ^17.0.0 || ^16.14.0",
|
|
145
|
-
"stream-chat": "^9.
|
|
145
|
+
"stream-chat": "^9.19.0"
|
|
146
146
|
},
|
|
147
147
|
"peerDependenciesMeta": {
|
|
148
148
|
"@breezystack/lamejs": {
|
|
@@ -183,7 +183,7 @@
|
|
|
183
183
|
"@playwright/test": "^1.42.1",
|
|
184
184
|
"@semantic-release/changelog": "^6.0.3",
|
|
185
185
|
"@semantic-release/git": "^10.0.1",
|
|
186
|
-
"@stream-io/stream-chat-css": "^5.
|
|
186
|
+
"@stream-io/stream-chat-css": "^5.12.0",
|
|
187
187
|
"@testing-library/dom": "^10.4.0",
|
|
188
188
|
"@testing-library/jest-dom": "^6.6.3",
|
|
189
189
|
"@testing-library/react": "^16.2.0",
|
|
@@ -236,7 +236,7 @@
|
|
|
236
236
|
"react": "^19.0.0",
|
|
237
237
|
"react-dom": "^19.0.0",
|
|
238
238
|
"semantic-release": "^24.2.3",
|
|
239
|
-
"stream-chat": "^9.
|
|
239
|
+
"stream-chat": "^9.19.0",
|
|
240
240
|
"ts-jest": "^29.2.5",
|
|
241
241
|
"typescript": "^5.4.5",
|
|
242
242
|
"typescript-eslint": "^8.17.0"
|