@zohoim/chat-components 0.0.1-cx

package/README.md

@@ -0,0 +1,9 @@
+#IM - CHAT COMPONENTS LIBRARY
+
+#How to install our package
+
+> npm install @zohoim/chat-components
+
+#How to import our components
+
+> import Avatar from '@zohoim/chat-components/es/MessageBubble/MessageBubble’;

package/es/ActionIcon/ActionIcon.js

@@ -0,0 +1,82 @@
+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, useMemo } from 'react';
+/** ** Components *** */
+
+import ActionIconWrapper from '../ActionIconWrapper/ActionIconWrapper';
+/** ** Icons *** */
+// import ReplyIcon from '@zohodesk/icon/es/general/Reply';
+
+import ReloadIcon from '@zohodesk/icon/es/general/Reload';
+import CopyIcon from '@zohodesk/icon/es/general/Copy';
+import DownloadIcon from '@zohodesk/icon/es/general/Cloud';
+import DeleteIcon from '@zohodesk/icon/es/general/Delete';
+import ForwardIcon from '@zohodesk/icon/es/channels/EmailForward';
+import ReplyIcon from '../icons/iconSrc/common/Reply';
+/** ** Hooks *** */
+
+import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
+/** ** Constants *** */
+
+import actionIconDefaultProps from './props/defaultProps';
+import actionIconPropTypes from './props/propTypes';
+import { dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
+import { defaultMessageActions } from '@zohoim/chat-components-utils/es/constants/messageActionConstants';
+/** ** Styles *** */
+
+import style from './css/ActionIcon.module.css';
+const {
+  REPLY,
+  COPY,
+  DOWNLOAD,
+  RESEND,
+  DELETE,
+  FORWARD
+} = defaultMessageActions;
+export default function ActionIcon(props) {
+  const {
+    customStyle,
+    customProps,
+    onClick,
+    onMouseEnter,
+    id,
+    title,
+    isDisabled,
+    needIconOnly
+  } = props;
+  const {
+    actionIconWrapperProps = dummyObject
+  } = customProps;
+  /* External customization */
+
+  const newStyle = useMergeStyle(style, customStyle);
+  const iconStyle = useMemo(() => ({
+    base: newStyle.icon
+  }), [newStyle.icon]);
+  const renderIcon = useCallback(() => {
+    const iconMapping = {
+      [REPLY]: ReplyIcon,
+      [COPY]: CopyIcon,
+      [DOWNLOAD]: DownloadIcon,
+      [RESEND]: ReloadIcon,
+      [DELETE]: DeleteIcon,
+      [FORWARD]: ForwardIcon
+    };
+    const IconComponent = iconMapping[id];
+    return IconComponent ? /*#__PURE__*/React.createElement(IconComponent, {
+      customStyle: iconStyle
+    }) : null;
+  }, [iconStyle, id]);
+  return needIconOnly ? renderIcon() : /*#__PURE__*/React.createElement(ActionIconWrapper, _extends({
+    id: id,
+    isDisabled: isDisabled,
+    onClick: onClick,
+    onMouseEnter: onMouseEnter,
+    renderIcon: renderIcon,
+    title: title
+  }, actionIconWrapperProps));
+}
+ActionIcon.propTypes = actionIconPropTypes;
+ActionIcon.defaultProps = actionIconDefaultProps;
+ActionIcon.displayName = 'ActionIcon';

package/es/ActionIcon/css/ActionIcon.module.css

@@ -0,0 +1,8 @@
+.varClass {
+  --actionIcon_icon_size: 15px;
+}
+
+.icon {
+  width: var(--zd_size15) ;
+  height: var(--zd_size15) ;
+}

package/es/ActionIcon/index.js

@@ -0,0 +1 @@
+export { default as ActionIcon } from './ActionIcon';

package/es/ActionIcon/props/defaultProps.js

@@ -0,0 +1,8 @@
+/** ** Constants *** */
+import { dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
+const actionIconDefaultProps = {
+  customStyle: dummyObject,
+  customProps: dummyObject,
+  needIconOnly: false
+};
+export default actionIconDefaultProps;

package/es/ActionIcon/props/propTypes.js

@@ -0,0 +1,17 @@
+/** ** Libraries *** */
+import PropTypes from 'prop-types';
+/** ** Constants *** */
+
+import { defaultMessageActions } from '@zohoim/chat-components-utils/es/constants/messageActionConstants';
+const actionIconPropTypes = {
+  id: PropTypes.oneOf(Object.values(defaultMessageActions)).isRequired,
+  onClick: PropTypes.func.isRequired,
+  customProps: PropTypes.shape({
+    actionIconWrapperProps: PropTypes.object
+  }),
+  customStyle: PropTypes.object,
+  isDisabled: PropTypes.bool,
+  needIconOnly: PropTypes.bool,
+  title: PropTypes.string
+};
+export default actionIconPropTypes;

package/es/ActionIconWrapper/ActionIconWrapper.js

@@ -0,0 +1,61 @@
+/** ** Libraries *** */
+import React from 'react';
+/** ** Hooks *** */
+
+import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
+import useActionIconWrapper from '@zohoim/chat-components-hooks/es/ActionIconWrapper/useActionIconWrapper';
+/** ** Constants *** */
+
+import actionIconWrapperDefaultProps from './props/defaultProps';
+import actionIconWrapperPropTypes from './props/propTypes';
+/** ** Methods *** */
+
+import renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler';
+import cssJSLogic from './css/cssJSLogic';
+/** ** Styles *** */
+
+import style from './css/ActionIconWrapper.module.css';
+export default function ActionIconWrapper(props) {
+  const {
+    renderIcon,
+    customStyle,
+    onClick: propOnClick,
+    onMouseEnter: propOnMouseEnter,
+    id,
+    title,
+    isDisabled
+  } = props;
+  const {
+    onClick,
+    onMouseEnter
+  } = useActionIconWrapper({
+    onClick: propOnClick,
+    onMouseEnter: propOnMouseEnter,
+    id,
+    isDisabled
+  });
+  /* External CSS Customization */
+
+  const newStyle = useMergeStyle(style, customStyle);
+  /* css classnames added based on logic */
+
+  const {
+    actionIconWrapperClass
+  } = cssJSLogic({
+    isDisabled
+  }, newStyle);
+  /* Render Icon */
+
+  const icon = renderHandler(renderIcon)({
+    id
+  });
+  return icon ? /*#__PURE__*/React.createElement("div", {
+    className: actionIconWrapperClass,
+    "data-title": title,
+    onClick: onClick,
+    onMouseEnter: onMouseEnter
+  }, icon) : null;
+}
+ActionIconWrapper.propTypes = actionIconWrapperPropTypes;
+ActionIconWrapper.defaultProps = actionIconWrapperDefaultProps;
+ActionIconWrapper.displayName = 'ActionIconWrapper';

package/es/ActionIconWrapper/css/ActionIconWrapper.module.css

@@ -0,0 +1,32 @@
+.varClass {
+  --actionIconWrapper-height: var(--zd_size26);
+  --actionIconWrapper-width: var(--zd_size26);
+  --actionIconWrapper-border: 1px;
+  --actionIconWrapper-border_radius: 4px;
+}
+
+.actionIconWrapper {
+  composes: varClass;
+  display: inline-flex;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  color: var(--imlib_chat_components_actionIconWrapper_color);
+  position: relative;
+  width: var(--actionIconWrapper-width);
+  height: var(--actionIconWrapper-height);
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  border: var(--actionIconWrapper-border) solid transparent;
+  border-radius: var(--actionIconWrapper-border_radius);
+}
+
+.actionIconWrapper:hover {
+  background-color: var(--imlib_chat_components_actionIconWrapper_bg_color);
+  border-color: var(--imlib_chat_components_actionIconWrapper_border_color);
+}
+
+.disabled {
+  pointer-events: none;
+  opacity: 0.4;
+}

package/es/ActionIconWrapper/css/cssJSLogic.js

@@ -0,0 +1,14 @@
+/** ** Methods *** */
+import { compileClassNames } from '@zohodesk/utils';
+export default function cssJSLogic(props, style) {
+  const {
+    isDisabled
+  } = props;
+  const actionIconWrapperClass = compileClassNames({
+    [style.actionIconWrapper]: true,
+    [style.disabled]: isDisabled
+  });
+  return {
+    actionIconWrapperClass
+  };
+}

package/es/ActionIconWrapper/index.js

@@ -0,0 +1 @@
+export { default as ActionIconWrapper } from './ActionIconWrapper';

package/es/ActionIconWrapper/props/defaultProps.js

@@ -0,0 +1,6 @@
+/** ** Constants *** */
+import { dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
+const actionIconWrapperDefaultProps = {
+  customStyle: dummyObject
+};
+export default actionIconWrapperDefaultProps;

package/es/ActionIconWrapper/props/propTypes.js

@@ -0,0 +1,12 @@
+/** ** Libraries *** */
+import PropTypes from 'prop-types';
+const actionIconWrapperPropTypes = {
+  id: PropTypes.string.isRequired,
+  onClick: PropTypes.func.isRequired,
+  onMouseEnter: PropTypes.func,
+  renderIcon: PropTypes.func.isRequired,
+  customStyle: PropTypes.object,
+  isDisabled: PropTypes.bool,
+  title: PropTypes.string
+};
+export default actionIconWrapperPropTypes;

package/es/AttachmentBubble/AttachmentBubble.js

@@ -0,0 +1,87 @@
+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';
+/** ** Hooks *** */
+
+import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
+import useAttachmentBubble from '@zohoim/chat-components-hooks/es/AttachmentBubble/useAttachmentBubble';
+/** ** Constants *** */
+
+import attachmentBubbleDefaultProps from './props/defaultProps';
+import attachmentBubblePropTypes from './props/propTypes';
+/** ** Styles *** */
+
+import style from './css/AttachmentBubble.module.css';
+/** ** Components *** */
+
+import AttachmentBubbleInfo from '../AttachmentBubbleInfo/AttachmentBubbleInfo';
+import AttachmentIcon from '../AttachmentIcon/AttachmentIcon';
+import { Container, Box } from '@zohodesk/components/es/Layout';
+/** ** Methods *** */
+
+import cssJSLogic from './css/cssJSLogic';
+export default function AttachmentBubble(props) {
+  const {
+    customStyle,
+    customProps,
+    attachmentDetails,
+    isFailed,
+    isSending,
+    onClick: propOnClick,
+    attachmentBubbleTitle
+  } = props;
+  const {
+    attachmentBubbleInfoProps,
+    attachmentIconProps
+  } = customProps;
+  const {
+    formattedFileSize: fileSize,
+    fileName,
+    fileFormat,
+    isDisabled,
+    isValidAttachment,
+    mediaType,
+    onClick
+  } = useAttachmentBubble({
+    attachmentDetails,
+    onClick: propOnClick
+  });
+  /* External CSS Customization */
+
+  const newStyle = useMergeStyle(style, customStyle);
+  /* css classnames added based on logic */
+
+  const {
+    attachmentBubbleClass
+  } = cssJSLogic({
+    isFailed,
+    isSending,
+    isDisabled
+  }, newStyle);
+  return /*#__PURE__*/React.createElement(Container, {
+    alignBox: "row",
+    className: attachmentBubbleClass,
+    "data-title": attachmentBubbleTitle,
+    isCover: false,
+    onClick: onClick
+  }, /*#__PURE__*/React.createElement(Box, {
+    className: newStyle.attachmentBubbleIcon
+  }, /*#__PURE__*/React.createElement(AttachmentIcon, _extends({
+    fileFormat: fileFormat,
+    isDisabled: isDisabled,
+    isValidAttachment: isValidAttachment,
+    mediaType: mediaType
+  }, attachmentIconProps))), /*#__PURE__*/React.createElement(Box, {
+    className: newStyle.attachmentBubbleContent,
+    flexible: true
+  }, /*#__PURE__*/React.createElement(AttachmentBubbleInfo, _extends({
+    fileName: fileName,
+    fileSize: fileSize
+  }, attachmentBubbleInfoProps, {
+    isFailed: isFailed
+  }))));
+}
+AttachmentBubble.propTypes = attachmentBubblePropTypes;
+AttachmentBubble.defaultProps = attachmentBubbleDefaultProps;
+AttachmentBubble.displayName = 'AttachmentBubble';

package/es/AttachmentBubble/css/AttachmentBubble.module.css

@@ -0,0 +1,55 @@
+.attachmentBubble {
+  width: 100% ;
+  background-color: var(--imlib_chat_components_attachmentBubble_bg_color);
+  border-radius: 3px;
+  border: 1px solid var(--imlib_chat_components_attachmentBubble_border_color);
+}
+
+.disabledAttachmentBubble {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.failedAttachmentBubble {
+  background-color: var(
+    --imlib_chat_components_attachmentBubble_bg_color_failed
+  );
+  border-color: var(
+    --imlib_chat_components_attachmentBubble_border_color_failed
+  );
+}
+
+.sendingdAttachmentBubble {
+  opacity: 0.1;
+  cursor: default;
+}
+
+.attachmentBubbleCursor {
+  cursor: pointer;
+}
+
+.attachmentBubbleIcon {
+  width: var(--zd_size60) ;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+[dir=ltr] .attachmentBubbleIcon {
+  border-right: 1px solid
+    var(--imlib_chat_components_attachmentBubble_border_color);
+}
+
+[dir=rtl] .attachmentBubbleIcon {
+  border-left: 1px solid    var(--imlib_chat_components_attachmentBubble_border_color);
+}
+
+.failedAttachmentBubble .attachmentBubbleIcon {
+  border-color: var(
+    --imlib_chat_components_attachmentBubble_border_color_failed
+  );
+}
+
+.attachmentBubbleIcon, .attachmentBubbleContent {
+  padding: var(--zd_size10) ;
+}

package/es/AttachmentBubble/css/cssJSLogic.js

@@ -0,0 +1,18 @@
+import { compileClassNames } from '@zohodesk/utils';
+export default function cssJSLogic(props, style) {
+  const {
+    isFailed,
+    isSending,
+    isDisabled
+  } = props;
+  const attachmentBubbleClass = compileClassNames({
+    [style.attachmentBubble]: true,
+    [style.disabledAttachmentBubble]: isDisabled,
+    [style.failedAttachmentBubble]: isFailed,
+    [style.attachmentBubbleCursor]: !isSending && !isDisabled,
+    [style.sendingdAttachmentBubble]: isSending
+  });
+  return {
+    attachmentBubbleClass
+  };
+}

package/es/AttachmentBubble/index.js

@@ -0,0 +1 @@
+export { default as AttachmentBubble } from './AttachmentBubble';

package/es/AttachmentBubble/props/defaultProps.js

@@ -0,0 +1,8 @@
+/** ** Constants *** */
+import { dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
+const attachmentBubbleDefaultProps = {
+  attachmentBubbleTitle: '',
+  customStyle: dummyObject,
+  customProps: dummyObject
+};
+export default attachmentBubbleDefaultProps;

package/es/AttachmentBubble/props/propTypes.js

@@ -0,0 +1,19 @@
+/** ** Libraries *** */
+import PropTypes from 'prop-types';
+const attachmentBubblePropTypes = {
+  attachmentDetails: PropTypes.shape({
+    name: PropTypes.string.isRequired,
+    size: PropTypes.string.isRequired,
+    type: PropTypes.string.isRequired
+  }).isRequired,
+  customProps: PropTypes.shape({
+    attachmentBubbleInfoProps: PropTypes.object,
+    attachmentIconProps: PropTypes.object
+  }),
+  customStyle: PropTypes.object,
+  isFailed: PropTypes.bool,
+  isSending: PropTypes.bool,
+  onClick: PropTypes.func,
+  attachmentBubbleTitle: PropTypes.string
+};
+export default attachmentBubblePropTypes;

package/es/AttachmentBubbleInfo/AttachmentBubbleInfo.js

@@ -0,0 +1,48 @@
+/** ** Libraries *** */
+import React from 'react';
+/** ** Hooks *** */
+
+import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
+/** ** Constants *** */
+
+import attachmentBubbleInfoDefaultProps from './props/defaultProps';
+import attachmentBubbleInfoPropTypes from './props/propTypes';
+/** ** Components *** */
+
+import { Container, Box } from '@zohodesk/components/es/Layout';
+/** ** Styles *** */
+
+import style from './css/AttachmentBubbleInfo.module.css';
+/** ** Methods *** */
+
+import cssJSLogic from './css/cssJSLogic';
+export default function AttachmentBubbleInfo(props) {
+  const {
+    customStyle,
+    fileName,
+    fileSize,
+    isFailed
+  } = props;
+  /* External css customization */
+
+  const newStyle = useMergeStyle(style, customStyle);
+  /* css classnames added based on logic */
+
+  const {
+    attachmentBubbleInfoClass
+  } = cssJSLogic({
+    isFailed
+  }, newStyle);
+  return /*#__PURE__*/React.createElement(Container, {
+    className: attachmentBubbleInfoClass,
+    isCover: false
+  }, /*#__PURE__*/React.createElement(Box, {
+    className: newStyle.fileName,
+    "data-title": fileName
+  }, fileName), fileSize ? /*#__PURE__*/React.createElement(Box, {
+    className: newStyle.fileSize
+  }, fileSize) : null);
+}
+AttachmentBubbleInfo.propTypes = attachmentBubbleInfoPropTypes;
+AttachmentBubbleInfo.defaultProps = attachmentBubbleInfoDefaultProps;
+AttachmentBubbleInfo.displayName = 'AttachmentBubbleInfo';

package/es/AttachmentBubbleInfo/css/AttachmentBubbleInfo.module.css

@@ -0,0 +1,39 @@
+.varClass {
+  --attachmentBubbleInfo-fileName_font_size: var(--zd_font_size15);
+  --attachmentBubbleInfo-fileName_font_family: var(--zd_semibold);
+  --attachmentBubbleInfo-fileSize_font_size: var(--zd_font_size13);
+}
+
+.fileName {
+  composes: varClass;
+  font-size: var(--attachmentBubbleInfo-fileName_font_size);
+  font-family: var(--attachmentBubbleInfo-fileName_font_family);
+  color: var(--imlib_chat_components_attachmentBubbleInfo_fileName_color);
+}
+
+.failedAttachmentBubbleInfo .fileName{
+  color: var(--imlib_chat_components_attachmentBubbleInfo_fileName_color_failed);
+}
+
+.fileSize {
+  composes: varClass;
+  font-size: var(--attachmentBubbleInfo-fileSize_font_size);
+  color: var(--imlib_chat_components_attachmentBubbleInfo_fileSize_color);
+  margin-top: var(--zd_size5) ;
+}
+
+.failedAttachmentBubbleInfo .fileSize{
+  color: var(--imlib_chat_components_attachmentBubbleInfo_fileSize_color_failed);
+}
+
+.fileName,
+.fileSize {
+  composes: dotted from "../../css/common.module.css";
+}
+
+.attachmentBubbleInfo {
+  width: 100% ;
+  line-height: normal;
+  /* Use this class name for css customization */
+}
+

package/es/AttachmentBubbleInfo/css/cssJSLogic.js

@@ -0,0 +1,13 @@
+import { compileClassNames } from '@zohodesk/utils';
+export default function cssJSLogic(props, style) {
+  const {
+    isFailed
+  } = props;
+  const attachmentBubbleInfoClass = compileClassNames({
+    [style.attachmentBubbleInfo]: true,
+    [style.failedAttachmentBubbleInfo]: isFailed
+  });
+  return {
+    attachmentBubbleInfoClass
+  };
+}

package/es/AttachmentBubbleInfo/index.js

@@ -0,0 +1 @@
+export { default as AttachmentBubbleInfo } from './AttachmentBubbleInfo';

package/es/AttachmentBubbleInfo/props/defaultProps.js

@@ -0,0 +1,6 @@
+/** ** Constants *** */
+import { dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
+const attachmentBubbleInfoDefaultProps = {
+  customStyle: dummyObject
+};
+export default attachmentBubbleInfoDefaultProps;

package/es/AttachmentBubbleInfo/props/propTypes.js

@@ -0,0 +1,9 @@
+/** ** Libraries *** */
+import PropTypes from 'prop-types';
+const attachmentBubbleInfoPropTypes = {
+  fileName: PropTypes.string.isRequired,
+  fileSize: PropTypes.string.isRequired,
+  customStyle: PropTypes.object,
+  isFailed: PropTypes.bool
+};
+export default attachmentBubbleInfoPropTypes;

package/es/AttachmentIcon/AttachmentIcon.js

@@ -0,0 +1,60 @@
+/** ** Libraries *** */
+import React, { useMemo } from 'react';
+/** ** Hooks *** */
+
+import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
+/** ** Constants *** */
+
+import attachmentIconDefaultProps from './props/defaultProps';
+import attachmentIconPropTypes from './props/propTypes';
+/** ** Methods *** */
+
+import cssJSLogic from './css/cssJSLogic';
+import getAttachmentIconComponent from './utils/getAttachmentIconComponent';
+import renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler';
+/** ** Styles *** */
+
+import style from './css/AttachmentIcon.module.css';
+export default function AttachmentIcon(props) {
+  const {
+    customStyle,
+    fileFormat,
+    mediaType,
+    isDisabled,
+    renderCustomIcon,
+    isValidAttachment
+  } = props;
+  /* External CSS Customization */
+
+  const newStyle = useMergeStyle(style, customStyle);
+  /* css classnames added based on logic */
+
+  const {
+    iconStyleClass
+  } = cssJSLogic({
+    isDisabled
+  }, newStyle);
+  const iconCustomStyle = useMemo(() => ({
+    base: iconStyleClass
+  }), [iconStyleClass]);
+  /* Custom Icon Renderer */
+
+  if (renderCustomIcon) {
+    const fileIcon = renderHandler(renderCustomIcon)();
+    return fileIcon;
+  }
+
+  const {
+    IconComponent
+  } = getAttachmentIconComponent({
+    fileFormat,
+    mediaType,
+    isValidAttachment
+  });
+  return IconComponent ? /*#__PURE__*/React.createElement(IconComponent, {
+    customStyle: iconCustomStyle
+  }) : null;
+}
+AttachmentIcon.propTypes = attachmentIconPropTypes;
+AttachmentIcon.defaultProps = attachmentIconDefaultProps;
+AttachmentIcon.displayName = 'AttachmentIcon';

package/es/AttachmentIcon/css/AttachmentIcon.module.css

@@ -0,0 +1,8 @@
+.icon {
+  width: var(--zd_size20)  !important;
+  height: var(--zd_size20)  !important;
+}
+
+.disabledIcon {
+  cursor: not-allowed !important;
+}

package/es/AttachmentIcon/css/cssJSLogic.js

@@ -0,0 +1,13 @@
+import { compileClassNames } from '@zohodesk/utils';
+export default function cssJSLogic(props, style) {
+  const {
+    isDisabled
+  } = props;
+  const iconStyleClass = compileClassNames({
+    [style.icon]: true,
+    [style.disabledIcon]: isDisabled
+  });
+  return {
+    iconStyleClass
+  };
+}

package/es/AttachmentIcon/index.js

@@ -0,0 +1 @@
+export { default as AttachmentIcon } from './AttachmentIcon';