@zohoim/chat-components 1.1.2-beta.3 → 1.1.2-beta.5

package/es/ActionIconWrapper/ActionIconWrapper.js

@@ -53,14 +53,10 @@ export default function ActionIconWrapper(props) {
     id
   });
   return icon ? /*#__PURE__*/React.createElement("div", {
-    "aria-label": title,
     className: actionIconWrapperClass,
-    "data-a11y-focus": "true",
     "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,12 +58,8 @@ export default function Emoji(props) {
   });
   return /*#__PURE__*/React.createElement("span", {
     ref: eleRef,
-    "aria-label": title,
     className: emojiClass,
-    "data-a11y-focus": "true",
-    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/EmojiPopup/css/EmojiPopup.module.css

@@ -47,4 +47,9 @@
 
 .icon :global .path2:before {
   color: var(--imlib_chat_components_twotone_icon_border) !important;
+}
+
+.icon :global .path2{
+  position: relative;
+  z-index: 1;
 }

package/es/EmojisFooter/css/EmojisFooter.module.css

@@ -4,6 +4,7 @@
 }
 
 .tabIcon {
+  /* padding: var(--zd_size10) var(--zd_size16); */
   position: relative;
   height: var(--zd_size35) ;
   display: flex;
@@ -35,5 +36,5 @@
   width: auto ;
   height: auto ;
   margin: 0 ;
-  padding: 0 8% ;
+  padding: 8% ;
 }

package/es/MessageActions/MessageActions.js

@@ -29,8 +29,7 @@ export default function MessageActions(props) {
     setRetainMessageActions,
     renderSecondaryActions,
     customStyle,
-    customProps,
-    moreTitle
+    customProps
   } = props;
   const {
     messageActionProps = dummyObject,
@@ -107,7 +106,6 @@ export default function MessageActions(props) {
   }, /*#__PURE__*/React.createElement(MoreIcon, null)), [newStyle.moreIcon]);
   const renderMore = useCallback(componentProps => /*#__PURE__*/React.createElement(ActionIconWrapper, {
     renderIcon: renderMoreIcon,
-    title: moreTitle,
     ...componentProps,
     ...actionIconWrapperProps
   }), [actionIconWrapperProps, renderMoreIcon]);

package/es/MessageActions/props/propTypes.js

@@ -21,7 +21,6 @@ const messageActionsPropTypes = {
   customStyle: PropTypes.object,
   defaultShowCount: PropTypes.number,
   renderSecondaryActions: PropTypes.func,
-  setRetainMessageActions: PropTypes.func,
-  moreTitle: PropTypes.string
+  setRetainMessageActions: PropTypes.func
 };
 export default messageActionsPropTypes;

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/es/MoreActionItem/MoreActionItem.js

@@ -50,10 +50,6 @@ export default function MoreActionItem(props) {
     id
   });
   return /*#__PURE__*/React.createElement(ListContainer, {
-    a11y: {
-      'data-a11y-focus': true,
-      'data-a11y-click': true
-    },
     autoHover: true,
     customClass: newStyle.listItem,
     disableTitle: title,

package/es/TextBubble/TextBubble.js

@@ -39,12 +39,9 @@ export default function TextBubble(props) {
       // __html: HTMLPurifier.sanitize(message)
       __html: message
     }
-  }), moreText ? /*#__PURE__*/React.createElement("button", {
+  }), moreText ? /*#__PURE__*/React.createElement("div", {
     className: moreTextClass,
-    "data-a11y-click": "true",
-    "data-a11y-focus": "true",
-    onClick: onClickMore,
-    tabIndex: "0"
+    onClick: onClickMore
   }, moreText) : null);
 }
 TextBubble.propTypes = textBubblePropTypes;

package/es/TextBubble/css/TextBubble.module.css

@@ -9,7 +9,6 @@
 
 .moreText {
   color: var(--imlib_chat_components_textBubble_see_more_color);
-  composes: buttonReset from '~@zohodesk/components/es/semantic/Button/semanticButton.module.css';
   cursor: pointer;
 }
 

package/es/im/ReplyEditor/css/ReplyEditor.module.css

@@ -37,10 +37,6 @@
   cursor: text !important;
 }	
 
-div.editableDiv[contenteditable="true"]{
-  outline-offset: -5px !important;
-}
-
 .editorWrapper {
   /** ** Use this class for css customisations *** */
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohoim/chat-components",
-  "version": "1.1.2-beta.3",
+  "version": "1.1.2-beta.5",
   "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.2-beta.1",
-    "@zohoim/chat-components-utils": "1.1.2-beta.1"
+    "@zohoim/chat-components-hooks": "1.1.2-beta.4",
+    "@zohoim/chat-components-utils": "1.1.2-beta.4"
   },
   "devDependencies": {
     "@zohodesk-private/color-variable-preprocessor": "1.2.1",
@@ -52,5 +52,5 @@
     "jsdom": "23.0.0",
     "react-to-jsx": "1.3.2"
   },
-  "gitHead": "40e1dbde23e36e55465641d203e3b80742150b9f"
+  "gitHead": "5abd2d04a34198fae69875c11bfcd95a4f47930f"
 }