stream-chat-react 6.12.2 → 6.13.0

package/dist/components/Reactions/ReactionsList.js

@@ -55,14 +55,15 @@ var UnMemoizedReactionsList = function (props) {
     var supportedReactionsArePresent = messageReactionTypes.some(function (type) { return supportedReactionMap[type]; });
     if (!supportedReactionsArePresent)
         return null;
-    return (React.createElement("div", { className: "str-chat__reaction-list " + (reverse ? 'str-chat__reaction-list--reverse' : ''), "data-testid": 'reaction-list', onClick: onClick || onReactionListClick },
+    return (React.createElement("div", { "aria-label": 'Reaction list', className: "str-chat__reaction-list " + (reverse ? 'str-chat__reaction-list--reverse' : ''), "data-testid": 'reaction-list', onClick: onClick || onReactionListClick, onKeyPress: onClick || onReactionListClick, role: 'figure' },
         React.createElement("ul", null,
             messageReactionTypes.map(function (reactionType) {
                 var emojiObject = getEmojiByReactionType(reactionType);
                 return emojiObject ? (React.createElement("li", { key: emojiObject.id },
-                    React.createElement(Suspense, { fallback: null },
-                        React.createElement(Emoji, __assign({ data: emojiData, emoji: emojiObject, size: 16 }, (reactionsAreCustom ? additionalEmojiProps : emojiSetDef)))),
-                    "\u00A0")) : null;
+                    React.createElement("button", { "aria-label": "Reactions: " + reactionType },
+                        React.createElement(Suspense, { fallback: null },
+                            React.createElement(Emoji, __assign({ data: emojiData, emoji: emojiObject, size: 16 }, (reactionsAreCustom ? additionalEmojiProps : emojiSetDef)))),
+                        "\u00A0"))) : null;
             }),
             React.createElement("li", null,
                 React.createElement("span", { className: 'str-chat__reaction-list--counter' }, getTotalReactionCount())))));

package/dist/components/Reactions/SimpleReactionsList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleReactionsList.d.ts","sourceRoot":"","sources":["../../../src/components/Reactions/SimpleReactionsList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAwB,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAK3E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEpD,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAGlB,kBAAkB,EAClB,mBAAmB,EACnB,eAAe,EAChB,MAAM,mBAAmB,CAAC;AAE3B,oBAAY,wBAAwB,CAClC,EAAE,SAAS,mBAAmB,GAAG,mBAAmB,EACpD,EAAE,SAAS,eAAe,CAAC,EAAE,CAAC,GAAG,eAAe,IAC9C;IACF,6KAA6K;IAC7K,oBAAoB,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACjD,6GAA6G;IAC7G,cAAc,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,kBAAkB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1F,oFAAoF;IACpF,eAAe,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAC5C,+DAA+D;IAC/D,eAAe,CAAC,EAAE,aAAa,EAAE,CAAC;IAClC,8DAA8D;IAC9D,SAAS,CAAC,EAAE,gBAAgB,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC;CACxC,CAAC;AA0IF,eAAO,MAAM,mBAAmB,4mBAES,CAAC"}
+{"version":3,"file":"SimpleReactionsList.d.ts","sourceRoot":"","sources":["../../../src/components/Reactions/SimpleReactionsList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAwB,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAK3E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEpD,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAGlB,kBAAkB,EAClB,mBAAmB,EACnB,eAAe,EAChB,MAAM,mBAAmB,CAAC;AAE3B,oBAAY,wBAAwB,CAClC,EAAE,SAAS,mBAAmB,GAAG,mBAAmB,EACpD,EAAE,SAAS,eAAe,CAAC,EAAE,CAAC,GAAG,eAAe,IAC9C;IACF,6KAA6K;IAC7K,oBAAoB,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACjD,6GAA6G;IAC7G,cAAc,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,kBAAkB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1F,oFAAoF;IACpF,eAAe,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAC5C,+DAA+D;IAC/D,eAAe,CAAC,EAAE,aAAa,EAAE,CAAC;IAClC,8DAA8D;IAC9D,SAAS,CAAC,EAAE,gBAAgB,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC;CACxC,CAAC;AA2IF,eAAO,MAAM,mBAAmB,4mBAES,CAAC"}

package/dist/components/Reactions/SimpleReactionsList.js

@@ -72,7 +72,7 @@ var UnMemoizedSimpleReactionsList = function (props) {
         messageReactionTypes.map(function (reactionType, i) {
             var _a;
             var emojiObject = getEmojiByReactionType(reactionType);
-            return emojiObject ? (React.createElement("li", { className: 'str-chat__simple-reactions-list-item', key: emojiObject.id + "-" + i, onClick: function (event) { return handleReaction(reactionType, event); } },
+            return emojiObject ? (React.createElement("li", { className: 'str-chat__simple-reactions-list-item', key: emojiObject.id + "-" + i, onClick: function (event) { return handleReaction(reactionType, event); }, onKeyPress: function (event) { return handleReaction(reactionType, event); } },
                 React.createElement("span", { onMouseEnter: function () { return setTooltipReactionType(reactionType); } },
                     React.createElement(Suspense, { fallback: null },
                         React.createElement(Emoji, __assign({ data: emojiData, emoji: emojiObject, size: 13 }, (reactionsAreCustom ? additionalEmojiProps : emojiSetDef)))),

package/dist/components/SafeAnchor/SafeAnchor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SafeAnchor.d.ts","sourceRoot":"","sources":["../../../src/components/SafeAnchor/SafeAnchor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;GAEG;AACH,oBAAY,eAAe,GAAG;IAC5B,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oGAAoG;IACpG,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wDAAwD;IACxD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,0DAA0D;IAC1D,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAaF,eAAO,MAAM,UAAU,2BAAkE,CAAC"}
+{"version":3,"file":"SafeAnchor.d.ts","sourceRoot":"","sources":["../../../src/components/SafeAnchor/SafeAnchor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;GAEG;AACH,oBAAY,eAAe,GAAG;IAC5B,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oGAAoG;IACpG,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wDAAwD;IACxD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,0DAA0D;IAC1D,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAoBF,eAAO,MAAM,UAAU,2BAAkE,CAAC"}

package/dist/components/SafeAnchor/SafeAnchor.js

@@ -5,6 +5,6 @@ var UnMemoizedSafeAnchor = function (props) {
     if (!href)
         return null;
     var sanitized = sanitizeUrl(href);
-    return (React.createElement("a", { className: className, download: download, href: sanitized, rel: rel, target: target }, children));
+    return (React.createElement("a", { "aria-label": 'Attachment', className: className, download: download, href: sanitized, rel: rel, target: target }, children));
 };
 export var SafeAnchor = React.memo(UnMemoizedSafeAnchor);

package/dist/components/Thread/Thread.js

@@ -47,7 +47,7 @@ var DefaultThreadHeader = function (props) {
         React.createElement("div", { className: 'str-chat__thread-header-details' },
             React.createElement("strong", null, t('Thread')),
             React.createElement("small", null, getReplyCount())),
-        React.createElement("button", { className: 'str-chat__square-button', "data-testid": 'close-button', onClick: function (event) { return closeThread(event); } },
+        React.createElement("button", { "aria-label": 'Close thread', className: 'str-chat__square-button', "data-testid": 'close-button', onClick: function (event) { return closeThread(event); } },
             React.createElement("svg", { height: '10', width: '10', xmlns: 'http://www.w3.org/2000/svg' },
                 React.createElement("path", { d: 'M9.916 1.027L8.973.084 5 4.058 1.027.084l-.943.943L4.058 5 .084 8.973l.943.943L5 5.942l3.973 3.974.943-.943L5.942 5z', fillRule: 'evenodd' })))));
 };

package/dist/components/Window/Window.d.ts

@@ -10,5 +10,5 @@ export declare type WindowProps<At extends DefaultAttachmentType = DefaultAttach
 /**
  * A UI component for conditionally displaying a Thread or Channel
  */
-export declare const Window: <At extends DefaultAttachmentType = DefaultAttachmentType, Ch extends DefaultChannelType = DefaultChannelType, Co extends import("stream-chat").LiteralStringForUnion = import("stream-chat").LiteralStringForUnion, Me extends DefaultMessageType = DefaultMessageType, Re extends import("../../types/types").UnknownType = import("../../types/types").UnknownType, Us extends DefaultUserType<Us> = DefaultUserType<import("../../types/types").DefaultUserTypeInternal>>(props: React.PropsWithChildren<WindowProps<At, Ch, Co, Me, Re, Us, DefaultUserType<import("../../types/types").DefaultUserTypeInternal>>>) => JSX.Element | null;
+export declare const Window: <At extends DefaultAttachmentType = DefaultAttachmentType, Ch extends DefaultChannelType = DefaultChannelType, Co extends import("stream-chat").LiteralStringForUnion = import("stream-chat").LiteralStringForUnion, Me extends DefaultMessageType = DefaultMessageType, Re extends import("../../types/types").UnknownType = import("../../types/types").UnknownType, Us extends DefaultUserType<Us> = DefaultUserType<import("../../types/types").DefaultUserTypeInternal>>(props: React.PropsWithChildren<WindowProps<At, Ch, Co, Me, Re, Us, DefaultUserType<import("../../types/types").DefaultUserTypeInternal>>>) => JSX.Element;
 //# sourceMappingURL=Window.d.ts.map

package/dist/components/Window/Window.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Window.d.ts","sourceRoot":"","sources":["../../../src/components/Window/Window.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,aAAa,EAA0B,MAAM,mCAAmC,CAAC;AAE1F,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,mBAAmB,EACnB,eAAe,EAChB,MAAM,mBAAmB,CAAC;AAE3B,oBAAY,WAAW,CACrB,EAAE,SAAS,qBAAqB,GAAG,qBAAqB,EACxD,EAAE,SAAS,kBAAkB,GAAG,kBAAkB,EAClD,EAAE,SAAS,kBAAkB,GAAG,kBAAkB,EAClD,EAAE,SAAS,gBAAgB,GAAG,gBAAgB,EAC9C,EAAE,SAAS,kBAAkB,GAAG,kBAAkB,EAClD,EAAE,SAAS,mBAAmB,GAAG,mBAAmB,EACpD,EAAE,SAAS,eAAe,CAAC,EAAE,CAAC,GAAG,eAAe,IAC9C;IACF,sDAAsD;IACtD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,+DAA+D;IAC/D,MAAM,CAAC,EAAE,aAAa,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;CACpD,CAAC;AAsBF;;GAEG;AACH,eAAO,MAAM,MAAM,gnBAA0D,CAAC"}
+{"version":3,"file":"Window.d.ts","sourceRoot":"","sources":["../../../src/components/Window/Window.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,aAAa,EAA0B,MAAM,mCAAmC,CAAC;AAE1F,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,mBAAmB,EACnB,eAAe,EAChB,MAAM,mBAAmB,CAAC;AAE3B,oBAAY,WAAW,CACrB,EAAE,SAAS,qBAAqB,GAAG,qBAAqB,EACxD,EAAE,SAAS,kBAAkB,GAAG,kBAAkB,EAClD,EAAE,SAAS,kBAAkB,GAAG,kBAAkB,EAClD,EAAE,SAAS,gBAAgB,GAAG,gBAAgB,EAC9C,EAAE,SAAS,kBAAkB,GAAG,kBAAkB,EAClD,EAAE,SAAS,mBAAmB,GAAG,mBAAmB,EACpD,EAAE,SAAS,eAAe,CAAC,EAAE,CAAC,GAAG,eAAe,IAC9C;IACF,sDAAsD;IACtD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,+DAA+D;IAC/D,MAAM,CAAC,EAAE,aAAa,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;CACpD,CAAC;AA2BF;;GAEG;AACH,eAAO,MAAM,MAAM,ymBAA0D,CAAC"}

package/dist/components/Window/Window.js

@@ -3,10 +3,7 @@ import { useChannelStateContext } from '../../context/ChannelStateContext';
 var UnMemoizedWindow = function (props) {
     var children = props.children, _a = props.hideOnThread, hideOnThread = _a === void 0 ? false : _a;
     var thread = useChannelStateContext('Window').thread;
-    // If thread is active and window should hide on thread. Return null
-    if (thread && hideOnThread)
-        return null;
-    return React.createElement("div", { className: "str-chat__main-panel" }, children);
+    return (React.createElement("div", { className: "str-chat__main-panel   " + (hideOnThread && thread ? 'str-chat__main-panel--hideOnThread' : '') }, children));
 };
 /**
  * A UI component for conditionally displaying a Thread or Channel