@zohoim/chat-components 1.1.1-beta.1 → 1.1.1-beta.2

package/es/ActionIconWrapper/ActionIconWrapper.js

@@ -53,13 +53,10 @@ export default function ActionIconWrapper(props) {
     id
   });
   return icon ? /*#__PURE__*/React.createElement("div", {
-    "aria-label": title,
     className: actionIconWrapperClass,
     "data-title": title,
     onClick: onClick,
-    onMouseEnter: onMouseEnter,
-    role: "menuitem",
-    tabIndex: 0
+    onMouseEnter: onMouseEnter
   }, icon) : null;
 }
 ActionIconWrapper.propTypes = actionIconWrapperPropTypes;

package/es/AttachmentHandler/AttachmentHandler.js

@@ -71,9 +71,6 @@ export default function AttachmentHandler(props) {
   return /*#__PURE__*/React.createElement(Container, {
     alignBox: "column"
   }, customIcon || /*#__PURE__*/React.createElement(IconButton, {
-    a11y: {
-      ariaLabel: iconTitle
-    },
     className: newStyle.iconButton,
     iconClass: newStyle.icon,
     iconName: iconName,

package/es/Emoji/Emoji.js

@@ -58,11 +58,8 @@ export default function Emoji(props) {
   });
   return /*#__PURE__*/React.createElement("span", {
     ref: eleRef,
-    "aria-label": title,
     className: emojiClass,
-    onClick: onSelect,
-    role: "button",
-    tabIndex: 0
+    onClick: onSelect
   }, /*#__PURE__*/React.createElement("span", {
     className: newStyle.emojiContent,
     "data-smiley": emojiName,

package/es/EmojiPopup/EmojiPopup.js

@@ -83,10 +83,7 @@ function EmojiPopupComp(props) {
     isActive: isPopupOpen,
     onClick: onTogglePopup,
     title: tooltip,
-    ...iconProps,
-    a11y: {
-      ariaLabel: tooltip
-    }
+    ...iconProps
   }), isPopupOpen ? /*#__PURE__*/React.createElement(DropBox, {
     boxPosition: position,
     customClass: popupClass,

package/es/MessageBubble/MessageBubble.js

@@ -20,7 +20,6 @@ import { Box } from '@zohodesk/components/es/Layout';
 /** ** Styles *** */
 
 import style from "./css/MessageBubble.module.css";
-import generateUniqueId from '@zohoim/chat-components-utils/es/common/generateUniqueId';
 export default function MessageBubble(props) {
   const {
     renderMessageBox,
@@ -40,9 +39,7 @@ export default function MessageBubble(props) {
   const {
     onMouseEnter,
     onMouseLeave,
-    isRenderMessageActions,
-    onFocus,
-    onBlur
+    isRenderMessageActions
   } = useMessageBubbleAction(props);
   /* css classnames added based on logic */
 
@@ -70,9 +67,7 @@ export default function MessageBubble(props) {
   const messageActionsRenderer = useCallback(() => {
     const messageActions = isRenderMessageActions ? renderHandler(renderMessageActions)() : null;
     return messageActions ? /*#__PURE__*/React.createElement(Box, {
-      className: messageActionWrapperClass,
-      role: "button",
-      tabIndex: "0"
+      className: messageActionWrapperClass
     }, messageActions) : null;
   }, [isRenderMessageActions, renderMessageActions, messageActionWrapperClass]);
   /* Message Box Render */
@@ -89,16 +84,12 @@ export default function MessageBubble(props) {
 
   const messageBox = useMemo(() => messageBoxRenderer(), [messageBoxRenderer]);
   const messageActions = useMemo(() => messageActionsRenderer(), [messageActionsRenderer]);
-  const uniqueId = generateUniqueId();
   const messageBoxWithActionsRenderer = useCallback(() => messageBox || messageActions ? /*#__PURE__*/React.createElement(Box, {
     className: newStyle.messageContainer
   }, /*#__PURE__*/React.createElement(Box, {
     className: newStyle.messageBoxWrapper,
     flexible: true
-  }, messageBox, /*#__PURE__*/React.createElement("div", {
-    id: uniqueId,
-    role: "menu"
-  }, messageActions))) : null, [messageBox, messageActions, newStyle.messageContainer, newStyle.messageBoxWrapper, uniqueId]);
+  }, messageBox, messageActions)) : null, [messageBox, messageActions, newStyle.messageContainer, newStyle.messageBoxWrapper]);
   /* Message Footer Render */
 
   const messageFooterRenderer = useCallback(() => {
@@ -115,16 +106,9 @@ export default function MessageBubble(props) {
   /* Construct Layout */
 
   const messageLayout = /*#__PURE__*/React.createElement("div", {
-    "aria-controls": uniqueId,
-    "aria-expanded": isRenderMessageActions ? 'true' : 'false',
-    "aria-haspopup": "true",
     className: bubbleClass,
-    onBlur: onBlur,
-    onFocus: onFocus,
     onMouseEnter: onMouseEnter,
-    onMouseLeave: onMouseLeave,
-    role: "button",
-    tabIndex: 0
+    onMouseLeave: onMouseLeave
   }, messageSender, messageBoxWithActions, messageFooter);
   return messageLayout;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohoim/chat-components",
-  "version": "1.1.1-beta.1",
+  "version": "1.1.1-beta.2",
   "description": "Chat Components",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -42,8 +42,8 @@
     "@zohodesk/utils": "1.3.13",
     "@zohodesk/variables": "1.0.0",
     "@zohodesk/virtualizer": "1.0.13",
-    "@zohoim/chat-components-hooks": "1.1.1-beta.1",
-    "@zohoim/chat-components-utils": "1.1.1-beta.1"
+    "@zohoim/chat-components-hooks": "1.1.1-beta.2",
+    "@zohoim/chat-components-utils": "1.1.1-beta.2"
   },
   "devDependencies": {
     "@zohodesk-private/color-variable-preprocessor": "1.2.1",
@@ -52,5 +52,5 @@
     "jsdom": "23.0.0",
     "react-to-jsx": "1.3.2"
   },
-  "gitHead": "091122e23dfa335359f530ac4965168085aebc37"
+  "gitHead": "626644b2b66a2e3053c2bf15a791e29bd28c4287"
 }