@zohoim/chat-components 1.1.3 → 1.1.4-beta.2

package/es/ReplyBubble/ReplyBubble.js

@@ -1,3 +1,5 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 /** ** Libraries *** */
 import React, { useMemo, useCallback } from 'react';
 /** ** Hooks *** */
@@ -5,21 +7,21 @@ import React, { useMemo, useCallback } from 'react';
 import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
 /** ** Constants *** */
 
-import replyBubbleDefaultProps from "./props/defaultProps";
-import replyBubblePropTypes from "./props/propTypes";
+import replyBubbleDefaultProps from './props/defaultProps';
+import replyBubblePropTypes from './props/propTypes';
 import { dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
 /** ** Styles *** */
 
-import style from "./css/ReplyBubble.module.css";
+import style from './css/ReplyBubble.module.css';
 /** ** Methods *** */
 
-import cssJSLogic from "./css/cssJSLogic";
+import cssJSLogic from './css/cssJSLogic';
 /** ** Components *** */
 
-import ReplyBubbleHeader from "../ReplyBubbleHeader/ReplyBubbleHeader";
-import ReplyBubbleContent from "../ReplyBubbleContent/ReplyBubbleContent";
-import AttachmentIcon from "../AttachmentIcon/AttachmentIcon";
-import LocationBubble from "../LocationBubble/LocationBubble";
+import ReplyBubbleHeader from '../ReplyBubbleHeader/ReplyBubbleHeader';
+import ReplyBubbleContent from '../ReplyBubbleContent/ReplyBubbleContent';
+import AttachmentIcon from '../AttachmentIcon/AttachmentIcon';
+import LocationBubble from '../LocationBubble/LocationBubble';
 export default function ReplyBubble(props) {
   const {
     customStyle,
@@ -89,30 +91,27 @@ export default function ReplyBubble(props) {
     }
 
     if (fileFormat) {
-      return /*#__PURE__*/React.createElement(AttachmentIcon, {
+      return /*#__PURE__*/React.createElement(AttachmentIcon, _extends({
         customStyle: iconStyle,
         fileFormat: fileFormat,
         isValidAttachment: isValidAttachment,
-        mediaType: mediaType,
-        ...iconProps
-      });
+        mediaType: mediaType
+      }, iconProps));
     }
 
     return null;
   }, [fileURL, fileName, fileFormat, isValidAttachment, mediaType, iconStyle, iconProps, newStyle.image, imageWrapperClass]);
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ReplyBubbleHeader, {
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ReplyBubbleHeader, _extends({
     dateTimeDetails: dateTimeDetails,
     isFailed: isFailed,
-    replyText: replyText,
-    ...headerProps
-  }), /*#__PURE__*/React.createElement(ReplyBubbleContent, {
+    replyText: replyText
+  }, headerProps)), /*#__PURE__*/React.createElement(ReplyBubbleContent, _extends({
     isFailed: isFailed,
     onClick: onClick,
     renderIcon: renderIcon,
     renderMessage: renderMessage,
-    senderName: senderName,
-    ...contentProps
-  }));
+    senderName: senderName
+  }, contentProps)));
 }
 ReplyBubble.propTypes = replyBubblePropTypes;
 ReplyBubble.defaultProps = replyBubbleDefaultProps;

package/es/ReplyBubble/index.js

@@ -1 +1 @@
-export { default as ReplyBubble } from "./ReplyBubble";
+export { default as ReplyBubble } from './ReplyBubble';

package/es/ReplyBubbleContent/ReplyBubbleContent.js

@@ -5,15 +5,15 @@ import React from 'react';
 import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
 /** ** Constants *** */
 
-import replyBubbleContentDefaultProps from "./props/defaultProps";
-import replyBubbleContentPropTypes from "./props/propTypes";
+import replyBubbleContentDefaultProps from './props/defaultProps';
+import replyBubbleContentPropTypes from './props/propTypes';
 /** ** Methods *** */
 
 import renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler';
-import cssJSLogic from "./css/cssJSLogic";
+import cssJSLogic from './css/cssJSLogic';
 /** ** Styles *** */
 
-import style from "./css/ReplyBubbleContent.module.css";
+import style from './css/ReplyBubbleContent.module.css';
 /** ** Components *** */
 
 import { Container, Box } from '@zohodesk/components/es/Layout';

package/es/ReplyBubbleContent/index.js

@@ -1 +1 @@
-export { default as ReplyBubbleContent } from "./ReplyBubbleContent";
+export { default as ReplyBubbleContent } from './ReplyBubbleContent';

package/es/ReplyBubbleHeader/ReplyBubbleHeader.js

@@ -5,11 +5,11 @@ import React, { useMemo, useCallback } from 'react';
 import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
 /** ** Constants *** */
 
-import replyBubbleHeaderDefaultProps from "./props/defaultProps";
-import replyBubbleHeaderPropTypes from "./props/propTypes";
+import replyBubbleHeaderDefaultProps from './props/defaultProps';
+import replyBubbleHeaderPropTypes from './props/propTypes';
 /** ** Styles *** */
 
-import style from "./css/ReplyBubbleHeader.module.css";
+import style from './css/ReplyBubbleHeader.module.css';
 /** ** Components *** */
 
 import { Container, Box } from '@zohodesk/components/es/Layout';
@@ -19,7 +19,7 @@ import ReplyIcon from '@zohodesk/icon/es/general/Reply';
 /** ** Methods *** */
 
 import renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler';
-import cssJSLogic from "./css/cssJSLogic";
+import cssJSLogic from './css/cssJSLogic';
 export default function ReplyBubbleHeader(props) {
   const {
     customStyle,

package/es/ReplyBubbleHeader/index.js

@@ -1 +1 @@
-export { default as ReplyBubbleHeader } from "./ReplyBubbleHeader";
+export { default as ReplyBubbleHeader } from './ReplyBubbleHeader';

package/es/TextBubble/TextBubble.js

@@ -5,14 +5,14 @@ import React, { Fragment } from 'react';
 import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
 /** ** Constants *** */
 
-import textBubbleDefaultProps from "./props/defaultProps";
-import textBubblePropTypes from "./props/propTypes";
+import textBubbleDefaultProps from './props/defaultProps';
+import textBubblePropTypes from './props/propTypes';
 /** ** Styles *** */
 
-import style from "./css/TextBubble.module.css";
+import style from './css/TextBubble.module.css';
 /** ** Methods *** */
 
-import cssJSLogic from "./css/cssJSLogic";
+import cssJSLogic from './css/cssJSLogic';
 export default function TextBubble(props) {
   const {
     customStyle,
@@ -39,9 +39,12 @@ export default function TextBubble(props) {
       // __html: HTMLPurifier.sanitize(message)
       __html: message
     }
-  }), moreText ? /*#__PURE__*/React.createElement("div", {
+  }), moreText ? /*#__PURE__*/React.createElement("button", {
     className: moreTextClass,
-    onClick: onClickMore
+    "data-a11y-click": "true",
+    "data-a11y-focus": "true",
+    onClick: onClickMore,
+    tabIndex: "0"
   }, moreText) : null);
 }
 TextBubble.propTypes = textBubblePropTypes;

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

@@ -9,6 +9,7 @@
 
 .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/TextBubble/index.js

@@ -1 +1 @@
-export { default as TextBubble } from "./TextBubble";
+export { default as TextBubble } from './TextBubble';

package/es/Theme/ThemeAssets.js

@@ -67,24 +67,24 @@ import '@zohodesk/variables/assets/fontsizeVariables.module.css';
 import '@zohodesk/variables/es/fontFamilyVariables.module.css';
 import '@zohodesk/variables/assets/transitionVariables.module.css';
 import '@zohodesk/variables/assets/no_transitionVariables.module.css';
-import "../../assets/Appearance/dark/mode/General_DarkMode.module.css";
-import "../../assets/Appearance/dark/themes/blue/blue_General_DarkTheme.module.css";
-import "../../assets/Appearance/dark/themes/green/green_General_DarkTheme.module.css";
-import "../../assets/Appearance/dark/themes/orange/orange_General_DarkTheme.module.css";
-import "../../assets/Appearance/dark/themes/red/red_General_DarkTheme.module.css";
-import "../../assets/Appearance/dark/themes/yellow/yellow_General_DarkTheme.module.css";
-import "../../assets/Appearance/light/mode/General_LightMode.module.css";
-import "../../assets/Appearance/light/themes/blue/blue_General_LightTheme.module.css";
-import "../../assets/Appearance/light/themes/green/green_General_LightTheme.module.css";
-import "../../assets/Appearance/light/themes/orange/orange_General_LightTheme.module.css";
-import "../../assets/Appearance/light/themes/red/red_General_LightTheme.module.css";
-import "../../assets/Appearance/light/themes/yellow/yellow_General_LightTheme.module.css";
-import "../../assets/Appearance/pureDark/mode/General_PureDarkMode.module.css";
-import "../../assets/Appearance/pureDark/themes/blue/blue_General_PureDarkTheme.module.css";
-import "../../assets/Appearance/pureDark/themes/green/green_General_PureDarkTheme.module.css";
-import "../../assets/Appearance/pureDark/themes/orange/orange_General_PureDarkTheme.module.css";
-import "../../assets/Appearance/pureDark/themes/red/red_General_PureDarkTheme.module.css";
-import "../../assets/Appearance/pureDark/themes/yellow/yellow_General_PureDarkTheme.module.css";
+import '../../assets/Appearance/dark/mode/General_DarkMode.module.css';
+import '../../assets/Appearance/dark/themes/blue/blue_General_DarkTheme.module.css';
+import '../../assets/Appearance/dark/themes/green/green_General_DarkTheme.module.css';
+import '../../assets/Appearance/dark/themes/orange/orange_General_DarkTheme.module.css';
+import '../../assets/Appearance/dark/themes/red/red_General_DarkTheme.module.css';
+import '../../assets/Appearance/dark/themes/yellow/yellow_General_DarkTheme.module.css';
+import '../../assets/Appearance/light/mode/General_LightMode.module.css';
+import '../../assets/Appearance/light/themes/blue/blue_General_LightTheme.module.css';
+import '../../assets/Appearance/light/themes/green/green_General_LightTheme.module.css';
+import '../../assets/Appearance/light/themes/orange/orange_General_LightTheme.module.css';
+import '../../assets/Appearance/light/themes/red/red_General_LightTheme.module.css';
+import '../../assets/Appearance/light/themes/yellow/yellow_General_LightTheme.module.css';
+import '../../assets/Appearance/pureDark/mode/General_PureDarkMode.module.css';
+import '../../assets/Appearance/pureDark/themes/blue/blue_General_PureDarkTheme.module.css';
+import '../../assets/Appearance/pureDark/themes/green/green_General_PureDarkTheme.module.css';
+import '../../assets/Appearance/pureDark/themes/orange/orange_General_PureDarkTheme.module.css';
+import '../../assets/Appearance/pureDark/themes/red/red_General_PureDarkTheme.module.css';
+import '../../assets/Appearance/pureDark/themes/yellow/yellow_General_PureDarkTheme.module.css';
 export default function DeskAssets(props) {
   const {
     children

package/es/Theme/ThemeWrapper.js

@@ -1,3 +1,5 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 /** ** Libraries *** */
 import React, { useMemo, useCallback } from 'react';
 /** ** Providers *** */
@@ -5,23 +7,23 @@ import React, { useMemo, useCallback } from 'react';
 import ThemeContext from '@zohoim/chat-components-hooks/es/Theme/ThemeContext';
 /** ** Constants *** */
 
-import themeWrapperPropTypes from "./props/propTypes";
-import themeWrapperDefaultProps from "./props/defaultProps";
+import themeWrapperPropTypes from './props/propTypes';
+import themeWrapperDefaultProps from './props/defaultProps';
 import { styleTagId } from '@zohoim/chat-components-utils/es/constants/themeConstants';
-import { MSG_ACTION_POPUP_PORTAL, EDITOR_POPUP_PORTAL, EDITOR_POPUP_TARGET_PORTAL } from "../constants";
+import { MSG_ACTION_POPUP_PORTAL, EDITOR_POPUP_PORTAL, EDITOR_POPUP_TARGET_PORTAL } from '../constants';
 /** ** Components *** */
 
-import ThemeAssets from "./ThemeAssets";
-import TooltipWrapper from "./TooltipWrapper";
+import ThemeAssets from './ThemeAssets';
+import TooltipWrapper from './TooltipWrapper';
 import { Container } from '@zohodesk/components/es/Layout';
 /** ** Methods *** */
 
-import getThemeConfigurations from "./utils/getThemeConfigurations";
-import getCustomizedCssVariables from "./utils/getCustomizedCssVariables";
-import getWrapperDivProps from "./utils/getWrapperDivProps";
+import getThemeConfigurations from './utils/getThemeConfigurations';
+import getCustomizedCssVariables from './utils/getCustomizedCssVariables';
+import getWrapperDivProps from './utils/getWrapperDivProps';
 /** ** Fonts *** */
 
-import "../Fonts/puviFont.module.css";
+import '../Fonts/puviFont.module.css';
 export default function ThemeWrapper(props) {
   const {
     children,
@@ -86,14 +88,14 @@ export default function ThemeWrapper(props) {
       mode: propMode,
       direction
     }
-  }, /*#__PURE__*/React.createElement("div", {
-    id: styleTagId,
-    ...wrapperDivProps,
+  }, /*#__PURE__*/React.createElement("div", _extends({
+    id: styleTagId
+  }, wrapperDivProps, {
     style: {
       width: '100%',
       height: '100%'
     }
-  }, renderStyle(), /*#__PURE__*/React.createElement(Container, {
+  }), renderStyle(), /*#__PURE__*/React.createElement(Container, {
     eleRef: containerRef
   }, children), renderPortal(), renderAssets()));
 }

package/es/Theme/TooltipWrapper.js

@@ -1,3 +1,5 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 /** ** Libraries *** */
 import React from 'react';
 import PropTypes from 'prop-types';
@@ -15,7 +17,7 @@ import { setLibraryConfig, getLibraryConfig } from '@zohodesk/components/es/Prov
 import { dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
 /** ** Styles *** */
 
-import style from "./css/TooltipWrapper.module.css";
+import style from './css/TooltipWrapper.module.css';
 export default function TooltipWrapper(props) {
   const {
     getContainerRef,
@@ -73,10 +75,9 @@ export default function TooltipWrapper(props) {
   const newStyle = useMergeStyle(style, customStyle);
   return /*#__PURE__*/React.createElement("div", {
     className: newStyle.tooltipWrapper
-  }, /*#__PURE__*/React.createElement(Tooltip, {
-    ref: tooltipRef,
-    ...props
-  }));
+  }, /*#__PURE__*/React.createElement(Tooltip, _extends({
+    ref: tooltipRef
+  }, props)));
 }
 TooltipWrapper.propTypes = {
   customStyle: PropTypes.object,

package/es/Theme/index.js

@@ -1 +1 @@
-export { default as ThemeWrapper } from "./ThemeWrapper";
+export { default as ThemeWrapper } from './ThemeWrapper';

package/es/Theme/utils/combineConfigurations.js

@@ -1,4 +1,4 @@
-import flatVariables from "./flatVariables";
+import flatVariables from './flatVariables';
 export default function combineConfigurations(configurations) {
   const configs = configurations.map(configuration => ({
     library: configuration.library,

package/es/Theme/utils/getCustomizedCssVariables.js

@@ -1,7 +1,7 @@
 /* eslint-disable no-param-reassign */
 
 /** ** Methods *** */
-import combineConfigurations from "./combineConfigurations";
+import combineConfigurations from './combineConfigurations';
 export default function getCustomizedCssVariables(cssVariableConfigs) {
   let prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '--lib_';
   const newConfiguration = combineConfigurations(cssVariableConfigs);

package/es/Video/Video.js

@@ -6,11 +6,11 @@ import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
 import useMedia from '@zohoim/chat-components-hooks/es/Media/useMedia';
 /** ** Constants *** */
 
-import videoDefaultProps from "./props/defaultProps";
-import videoPropTypes from "./props/propTypes";
+import videoDefaultProps from './props/defaultProps';
+import videoPropTypes from './props/propTypes';
 /** ** Styles *** */
 
-import style from "./css/Video.module.css";
+import style from './css/Video.module.css';
 export default function Video(props) {
   const {
     customStyle,

package/es/Video/index.js

@@ -1 +1 @@
-export { default as Video } from "./Video";
+export { default as Video } from './Video';

package/es/VideoBubble/VideoBubble.js

@@ -1,3 +1,5 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 /** ** Libraries *** */
 import React, { useCallback } from 'react';
 /** ** Hooks *** */
@@ -5,20 +7,20 @@ import React, { useCallback } from 'react';
 import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
 /** ** Constants *** */
 
-import videoBubbleDefaultProps from "./props/defaultProps";
-import videoBubblePropTypes from "./props/propTypes";
+import videoBubbleDefaultProps from './props/defaultProps';
+import videoBubblePropTypes from './props/propTypes';
 import { dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
 /** ** Styles *** */
 
-import style from "./css/VideoBubble.module.css";
+import style from './css/VideoBubble.module.css';
 /** ** Components *** */
 
 import { Box } from '@zohodesk/components/es/Layout';
-import MediaBubbleWrapper from "../MediaBubbleWrapper/MediaBubbleWrapper";
-import Video from "../Video/Video";
+import MediaBubbleWrapper from '../MediaBubbleWrapper/MediaBubbleWrapper';
+import Video from '../Video/Video';
 /** ** Methods *** */
 
-import cssJSLogic from "./css/cssJSLogic";
+import cssJSLogic from './css/cssJSLogic';
 export default function VideoBubble(props) {
   const {
     customStyle,
@@ -47,18 +49,17 @@ export default function VideoBubble(props) {
     } = _ref;
     return /*#__PURE__*/React.createElement(Box, {
       className: videoBubbleClass
-    }, /*#__PURE__*/React.createElement(Video, {
+    }, /*#__PURE__*/React.createElement(Video, _extends({
       fileType: fileType,
-      fileURL: fileURL,
-      ...videoProps
-    }));
+      fileURL: fileURL
+    }, videoProps)));
   }, [videoProps, videoBubbleClass]);
-  return /*#__PURE__*/React.createElement(MediaBubbleWrapper, {
+  return /*#__PURE__*/React.createElement(MediaBubbleWrapper, _extends({
     mediaDetails: videoDetails,
-    renderMedia: renderMedia,
-    ...mediaBubbleWrapperProps,
+    renderMedia: renderMedia
+  }, mediaBubbleWrapperProps, {
     isFailed: isFailed
-  });
+  }));
 }
 VideoBubble.propTypes = videoBubblePropTypes;
 VideoBubble.defaultProps = videoBubbleDefaultProps;

package/es/VideoBubble/index.js

@@ -1 +1 @@
-export { default as VideoBubble } from "./VideoBubble";
+export { default as VideoBubble } from './VideoBubble';

package/es/icons/create-icon-components.js

@@ -5,7 +5,7 @@ const path = require('path');
 
 const fs = require('fs');
 
-const templateList = require("./icon.template");
+const templateList = require('./icon.template');
 
 const jsdom = require('jsdom');
 

package/es/icons/iconSrc/attachments/Audio.js

@@ -2,8 +2,7 @@
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {
-  return /*#__PURE__*/React.createElement(Icon, { ...props
-  }, /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
     id: "Layer_1",
     "data-name": "Layer 1",
     xmlns: "http://www.w3.org/2000/svg",

package/es/icons/iconSrc/attachments/Code.js

@@ -2,8 +2,7 @@
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {
-  return /*#__PURE__*/React.createElement(Icon, { ...props
-  }, /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
     id: "Layer_1",
     "data-name": "Layer 1",
     xmlns: "http://www.w3.org/2000/svg",

package/es/icons/iconSrc/attachments/Image.js

@@ -2,8 +2,7 @@
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {
-  return /*#__PURE__*/React.createElement(Icon, { ...props
-  }, /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
     id: "Layer_1",
     "data-name": "Layer 1",
     xmlns: "http://www.w3.org/2000/svg",

package/es/icons/iconSrc/attachments/Pdf.js

@@ -2,8 +2,7 @@
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {
-  return /*#__PURE__*/React.createElement(Icon, { ...props
-  }, /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
     id: "Layer_1",
     "data-name": "Layer 1",
     xmlns: "http://www.w3.org/2000/svg",

package/es/icons/iconSrc/attachments/Ppt.js

@@ -2,8 +2,7 @@
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {
-  return /*#__PURE__*/React.createElement(Icon, { ...props
-  }, /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
     id: "Layer_1",
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 30.52 30.27"

package/es/icons/iconSrc/attachments/Text.js

@@ -2,8 +2,7 @@
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {
-  return /*#__PURE__*/React.createElement(Icon, { ...props
-  }, /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
     id: "Layer_1",
     "data-name": "Layer 1",
     xmlns: "http://www.w3.org/2000/svg",

package/es/icons/iconSrc/attachments/Txt.js

@@ -2,8 +2,7 @@
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {
-  return /*#__PURE__*/React.createElement(Icon, { ...props
-  }, /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
     id: "Layer_1",
     "data-name": "Layer 1",
     xmlns: "http://www.w3.org/2000/svg",

package/es/icons/iconSrc/attachments/Unknown.js

@@ -2,8 +2,7 @@
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {
-  return /*#__PURE__*/React.createElement(Icon, { ...props
-  }, /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
     id: "Layer_1",
     "data-name": "Layer 1",
     xmlns: "http://www.w3.org/2000/svg",

package/es/icons/iconSrc/attachments/Video.js

@@ -2,8 +2,7 @@
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {
-  return /*#__PURE__*/React.createElement(Icon, { ...props
-  }, /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
     id: "Layer_1",
     "data-name": "Layer 1",
     xmlns: "http://www.w3.org/2000/svg",

package/es/icons/iconSrc/attachments/Xls.js

@@ -2,8 +2,7 @@
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {
-  return /*#__PURE__*/React.createElement(Icon, { ...props
-  }, /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
     id: "Layer_1",
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 30 30.27"

package/es/icons/iconSrc/attachments/Zip.js

@@ -2,8 +2,7 @@
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {
-  return /*#__PURE__*/React.createElement(Icon, { ...props
-  }, /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
     id: "Layer_1",
     "data-name": "Layer 1",
     xmlns: "http://www.w3.org/2000/svg",

package/es/icons/iconSrc/attachments/index.js

@@ -1,10 +1,10 @@
-export { default as Audio } from "./Audio";
-export { default as Code } from "./Code";
-export { default as Image } from "./Image";
-export { default as Pdf } from "./Pdf";
-export { default as Ppt } from "./Ppt";
-export { default as Text } from "./Text";
-export { default as Unknown } from "./Unknown";
-export { default as Video } from "./Video";
-export { default as Xls } from "./Xls";
-export { default as Zip } from "./Zip";
+export { default as Audio } from './Audio';
+export { default as Code } from './Code';
+export { default as Image } from './Image';
+export { default as Pdf } from './Pdf';
+export { default as Ppt } from './Ppt';
+export { default as Text } from './Text';
+export { default as Unknown } from './Unknown';
+export { default as Video } from './Video';
+export { default as Xls } from './Xls';
+export { default as Zip } from './Zip';

package/es/icons/iconSrc/common/AlertTriangle.js

@@ -2,8 +2,7 @@
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {
-  return /*#__PURE__*/React.createElement(Icon, { ...props
-  }, /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
     viewBox: "0 0 29 29",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"

package/es/icons/iconSrc/common/Article.js

@@ -2,8 +2,7 @@
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {
-  return /*#__PURE__*/React.createElement(Icon, { ...props
-  }, /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
     id: "article",
     viewBox: "0 0 32 32"
   }, " ", /*#__PURE__*/React.createElement("path", {

package/es/icons/iconSrc/common/Reply.js

@@ -2,8 +2,7 @@
 import React from 'react';
 import Icon from '@zohodesk/icon/es/Icon/Icon';
 export default function IconComponent(props) {
-  return /*#__PURE__*/React.createElement(Icon, { ...props
-  }, /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("svg", {
     id: "reply",
     viewBox: "0 0 40 40"
   }, " ", /*#__PURE__*/React.createElement("path", {

package/es/icons/iconSrc/common/index.js

@@ -1,3 +1,3 @@
-export { default as AlertTriangle } from "./AlertTriangle";
-export { default as Article } from "./Article";
-export { default as Reply } from "./Reply";
+export { default as AlertTriangle } from './AlertTriangle';
+export { default as Article } from './Article';
+export { default as Reply } from './Reply';