@zohoim/chat-components 1.1.4 → 1.1.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +12 -0
- package/es/ActionIcon/ActionIcon.js +10 -9
- package/es/ActionIcon/index.js +1 -1
- package/es/ActionIconWrapper/ActionIconWrapper.js +4 -4
- package/es/ActionIconWrapper/css/ActionIconWrapper.module.css +2 -2
- package/es/ActionIconWrapper/index.js +1 -1
- package/es/AttachmentBubble/AttachmentBubble.js +15 -14
- package/es/AttachmentBubble/css/AttachmentBubble.module.css +2 -1
- package/es/AttachmentBubble/index.js +1 -1
- package/es/AttachmentBubbleInfo/AttachmentBubbleInfo.js +4 -4
- package/es/AttachmentBubbleInfo/css/AttachmentBubbleInfo.module.css +2 -2
- package/es/AttachmentBubbleInfo/index.js +1 -1
- package/es/AttachmentHandler/AttachmentHandler.js +8 -7
- package/es/AttachmentHandler/index.js +1 -1
- package/es/AttachmentIcon/AttachmentIcon.js +5 -5
- package/es/AttachmentIcon/index.js +1 -1
- package/es/AttachmentIcon/utils/getAttachmentIconComponent.js +11 -11
- package/es/AttachmentPreview/AttachmentPreview.js +12 -12
- package/es/AttachmentPreview/index.js +1 -1
- package/es/AttachmentPreviewBody/AttachmentPreviewBody.js +12 -12
- package/es/AttachmentPreviewBody/index.js +1 -1
- package/es/AttachmentPreviewHeader/AttachmentPreviewHeader.js +10 -10
- package/es/AttachmentPreviewHeader/index.js +1 -1
- package/es/Audio/Audio.js +3 -3
- package/es/Audio/index.js +1 -1
- package/es/AudioBubble/AudioBubble.js +14 -13
- package/es/AudioBubble/index.js +1 -1
- package/es/Emoji/Emoji.js +4 -4
- package/es/Emoji/css/Emoji.module.css +4 -4
- package/es/Emoji/css/cssJSLogic.js +0 -0
- package/es/Emoji/index.js +1 -1
- package/es/Emoji/props/defaultProps.js +0 -0
- package/es/Emoji/props/propTypes.js +0 -0
- package/es/EmojiPopup/EmojiPopup.js +14 -15
- package/es/EmojiPopup/index.js +1 -1
- package/es/EmojiPopup/props/propTypes.js +1 -1
- package/es/Emojis/Emojis.js +14 -15
- package/es/Emojis/index.js +1 -1
- package/es/Emojis/props/defaultProps.js +0 -0
- package/es/Emojis/props/propTypes.js +0 -0
- package/es/EmojisEmptyState/EmojisEmptyState.js +4 -4
- package/es/EmojisEmptyState/css/EmojisEmptyState.module.css +0 -0
- package/es/EmojisEmptyState/index.js +1 -1
- package/es/EmojisEmptyState/props/defaultProps.js +0 -0
- package/es/EmojisEmptyState/props/propTypes.js +0 -0
- package/es/EmojisFooter/EmojisFooter.js +9 -8
- package/es/EmojisFooter/css/EmojisFooter.module.css +0 -0
- package/es/EmojisFooter/index.js +1 -1
- package/es/EmojisFooter/props/defaultProps.js +0 -0
- package/es/EmojisFooter/props/propTypes.js +0 -0
- package/es/EmojisHeader/EmojisHeader.js +8 -7
- package/es/EmojisHeader/css/EmojisHeader.module.css +0 -0
- package/es/EmojisHeader/index.js +1 -1
- package/es/EmojisHeader/props/defaultProps.js +0 -0
- package/es/EmojisHeader/props/propTypes.js +0 -0
- package/es/EmojisList/EmojisList.js +12 -12
- package/es/EmojisList/css/EmojisList.module.css +3 -3
- package/es/EmojisList/css/cssJSLogic.js +0 -0
- package/es/EmojisList/index.js +1 -1
- package/es/EmojisList/props/defaultProps.js +0 -0
- package/es/EmojisList/props/propTypes.js +0 -0
- package/es/ImageBubble/ImageBubble.js +5 -5
- package/es/ImageBubble/css/ImageBubble.module.css +1 -1
- package/es/ImageBubble/index.js +1 -1
- package/es/LazyLoadImage/LazyLoadImage.js +3 -3
- package/es/LazyLoadImage/index.js +1 -1
- package/es/LocationBubble/LocationBubble.js +4 -4
- package/es/LocationBubble/index.js +1 -1
- package/es/MediaBubbleWrapper/MediaBubbleWrapper.js +10 -8
- package/es/MediaBubbleWrapper/index.js +1 -1
- package/es/Message/Message.js +16 -23
- package/es/Message/index.js +1 -1
- package/es/MessageAction/MessageAction.js +14 -15
- package/es/MessageAction/index.js +1 -1
- package/es/MessageActions/MessageActions.js +17 -19
- package/es/MessageActions/index.js +1 -1
- package/es/MessageActionsMore/MessageActionsMore.js +4 -4
- package/es/MessageActionsMore/index.js +1 -1
- package/es/MessageActionsMore/props/propTypes.js +1 -1
- package/es/MessageActionsWrapper/MessageActionsWrapper.js +9 -8
- package/es/MessageActionsWrapper/index.js +1 -1
- package/es/MessageAvatar/MessageAvatar.js +3 -3
- package/es/MessageAvatar/index.js +1 -1
- package/es/MessageBox/MessageBox.js +4 -4
- package/es/MessageBox/css/MessageBox.module.css +5 -5
- package/es/MessageBox/index.js +1 -1
- package/es/MessageBubble/MessageBubble.js +4 -4
- package/es/MessageBubble/css/MessageBubble.module.css +3 -3
- package/es/MessageBubble/index.js +1 -1
- package/es/MessageStatus/MessageStatus.js +8 -8
- package/es/MessageStatus/index.js +1 -1
- package/es/MoreActionItem/MoreActionItem.js +3 -3
- package/es/MoreActionItem/css/MoreActionItem.module.css +2 -2
- package/es/MoreActionItem/index.js +1 -1
- package/es/ReplyBubble/ReplyBubble.js +18 -19
- package/es/ReplyBubble/index.js +1 -1
- package/es/ReplyBubbleContent/ReplyBubbleContent.js +4 -4
- package/es/ReplyBubbleContent/index.js +1 -1
- package/es/ReplyBubbleHeader/ReplyBubbleHeader.js +4 -4
- package/es/ReplyBubbleHeader/index.js +1 -1
- package/es/TextBubble/TextBubble.js +4 -4
- package/es/TextBubble/index.js +1 -1
- package/es/Theme/ThemeAssets.js +18 -18
- package/es/Theme/ThemeWrapper.js +15 -13
- package/es/Theme/TooltipWrapper.js +6 -5
- package/es/Theme/index.js +1 -1
- package/es/Theme/utils/combineConfigurations.js +1 -1
- package/es/Theme/utils/getCustomizedCssVariables.js +1 -1
- package/es/Video/Video.js +3 -3
- package/es/Video/index.js +1 -1
- package/es/VideoBubble/VideoBubble.js +15 -14
- package/es/VideoBubble/index.js +1 -1
- package/es/icons/create-icon-components.js +1 -1
- package/es/icons/iconSrc/attachments/Audio.js +1 -2
- package/es/icons/iconSrc/attachments/Code.js +1 -2
- package/es/icons/iconSrc/attachments/Image.js +1 -2
- package/es/icons/iconSrc/attachments/Pdf.js +1 -2
- package/es/icons/iconSrc/attachments/Ppt.js +1 -2
- package/es/icons/iconSrc/attachments/Text.js +1 -2
- package/es/icons/iconSrc/attachments/Txt.js +1 -2
- package/es/icons/iconSrc/attachments/Unknown.js +1 -2
- package/es/icons/iconSrc/attachments/Video.js +1 -2
- package/es/icons/iconSrc/attachments/Xls.js +1 -2
- package/es/icons/iconSrc/attachments/Zip.js +1 -2
- package/es/icons/iconSrc/attachments/index.js +10 -10
- package/es/icons/iconSrc/common/AlertTriangle.js +1 -2
- package/es/icons/iconSrc/common/Article.js +1 -2
- package/es/icons/iconSrc/common/Reply.js +1 -2
- package/es/icons/iconSrc/common/index.js +3 -3
- package/es/icons/iconSrc/messageStatus/Clock.js +1 -2
- package/es/icons/iconSrc/messageStatus/DoubleTick.js +1 -2
- package/es/icons/iconSrc/messageStatus/Failed.js +1 -2
- package/es/icons/iconSrc/messageStatus/Tick.js +1 -2
- package/es/icons/iconSrc/messageStatus/index.js +4 -4
- package/es/im/ArticleBubble/ArticleBubble.js +5 -5
- package/es/im/ArticleBubble/index.js +1 -1
- package/es/im/IMAttachmentHandler/IMAttachmentHandler.js +8 -7
- package/es/im/IMAttachmentHandler/index.js +1 -1
- package/es/im/IMIntegrationIcon/IMIntegrationIcon.js +4 -4
- package/es/im/IMIntegrationIcon/css/IMIntegrationIcon.module.css +4 -4
- package/es/im/IMIntegrationIcon/index.js +1 -1
- package/es/im/IMMessage/IMMessage.js +26 -29
- package/es/im/IMMessage/css/IMMessage.module.css +3 -3
- package/es/im/IMMessage/index.js +1 -1
- package/es/im/IMMessageContent/IMMessageContent.js +28 -40
- package/es/im/IMMessageContent/index.js +1 -1
- package/es/im/IMMessageMeta/IMMessageMeta.js +10 -9
- package/es/im/IMMessageMeta/css/IMMessageMeta.module.css +3 -3
- package/es/im/IMMessageMeta/index.js +1 -1
- package/es/im/IMMessageMetaInfo/IMMessageMetaInfo.js +3 -3
- package/es/im/IMMessageMetaInfo/css/IMMessageMetaInfo.module.css +2 -2
- package/es/im/IMMessageMetaInfo/index.js +1 -1
- package/es/im/IMPermaLink/IMPermaLink.js +4 -4
- package/es/im/IMPermaLink/index.js +1 -1
- package/es/im/IMReplyBubble/IMReplyBubble.js +9 -7
- package/es/im/IMReplyBubble/index.js +1 -1
- package/es/im/IMTextBubble/IMTextBubble.js +9 -7
- package/es/im/IMTextBubble/index.js +1 -1
- package/es/im/ReplyComposer/ReplyComposer.js +22 -22
- package/es/im/ReplyComposer/index.js +1 -1
- package/es/im/ReplyComposer/props/propTypes.js +1 -1
- package/es/im/ReplyComposerFooter/ReplyComposerFooter.js +4 -4
- package/es/im/ReplyComposerFooter/index.js +1 -1
- package/es/im/ReplyEditor/ReplyEditor.js +10 -9
- package/es/im/ReplyEditor/index.js +1 -1
- package/es/im/ReplyEditor/props/propTypes.js +1 -1
- package/es/im/ReplyEditorExtensions/ReplyEditorExtensions.js +16 -17
- package/es/im/ReplyEditorExtensions/index.js +1 -1
- package/es/im/ReplyEditorSuggestions/ReplyEditorSuggestions.js +13 -14
- package/es/im/ReplyEditorSuggestions/index.js +1 -1
- package/es/im/ReplyEditorSuggestionsPopup/ReplyEditorSuggestionsPopup.js +9 -8
- package/es/im/ReplyEditorSuggestionsPopup/index.js +1 -1
- package/es/im/ReplyEditorSuggestionsPopup/props/propTypes.js +1 -1
- package/es/im/index.js +16 -16
- package/es/index.js +41 -41
- package/es/rte/Editor/Editor.js +4 -4
- package/es/rte/Editor/css/Editor.module.css +0 -0
- package/es/rte/Editor/index.js +1 -1
- package/es/rte/Editor/props/defaultProps.js +0 -0
- package/es/rte/Editor/props/propTypes.js +1 -1
- package/es/rte/index.js +1 -1
- package/lib/ActionIcon/ActionIcon.js +97 -0
- package/lib/ActionIcon/css/ActionIcon.module.css +8 -0
- package/lib/ActionIcon/index.js +15 -0
- package/lib/ActionIcon/props/defaultProps.js +17 -0
- package/lib/ActionIcon/props/propTypes.js +30 -0
- package/lib/ActionIconWrapper/ActionIconWrapper.js +85 -0
- package/lib/ActionIconWrapper/css/ActionIconWrapper.module.css +32 -0
- package/lib/ActionIconWrapper/css/cssJSLogic.js +21 -0
- package/lib/ActionIconWrapper/index.js +15 -0
- package/lib/ActionIconWrapper/props/defaultProps.js +15 -0
- package/lib/ActionIconWrapper/props/propTypes.js +24 -0
- package/lib/AttachmentBubble/AttachmentBubble.js +93 -0
- package/lib/AttachmentBubble/css/AttachmentBubble.module.css +56 -0
- package/lib/AttachmentBubble/css/cssJSLogic.js +22 -0
- package/lib/AttachmentBubble/index.js +15 -0
- package/lib/AttachmentBubble/props/defaultProps.js +17 -0
- package/lib/AttachmentBubble/props/propTypes.js +30 -0
- package/lib/AttachmentBubbleInfo/AttachmentBubbleInfo.js +63 -0
- package/lib/AttachmentBubbleInfo/css/AttachmentBubbleInfo.module.css +39 -0
- package/lib/AttachmentBubbleInfo/css/cssJSLogic.js +20 -0
- package/lib/AttachmentBubbleInfo/index.js +15 -0
- package/lib/AttachmentBubbleInfo/props/defaultProps.js +15 -0
- package/lib/AttachmentBubbleInfo/props/propTypes.js +20 -0
- package/lib/AttachmentHandler/AttachmentHandler.js +104 -0
- package/lib/AttachmentHandler/css/AttachmentHandler.module.css +27 -0
- package/lib/AttachmentHandler/index.js +15 -0
- package/lib/AttachmentHandler/props/defaultProps.js +19 -0
- package/lib/AttachmentHandler/props/propTypes.js +28 -0
- package/lib/AttachmentIcon/AttachmentIcon.js +84 -0
- package/lib/AttachmentIcon/css/AttachmentIcon.module.css +8 -0
- package/lib/AttachmentIcon/css/cssJSLogic.js +20 -0
- package/lib/AttachmentIcon/index.js +15 -0
- package/lib/AttachmentIcon/props/defaultProps.js +17 -0
- package/lib/AttachmentIcon/props/propTypes.js +31 -0
- package/lib/AttachmentIcon/utils/getAttachmentIconComponent.js +78 -0
- package/lib/AttachmentPreview/AttachmentPreview.js +144 -0
- package/lib/AttachmentPreview/css/AttachmentPreview.module.css +39 -0
- package/lib/AttachmentPreview/index.js +15 -0
- package/lib/AttachmentPreview/props/defaultProps.js +18 -0
- package/lib/AttachmentPreview/props/propTypes.js +44 -0
- package/lib/AttachmentPreviewBody/AttachmentPreviewBody.js +120 -0
- package/lib/AttachmentPreviewBody/css/AttachmentPreviewBody.module.css +71 -0
- package/lib/AttachmentPreviewBody/index.js +15 -0
- package/lib/AttachmentPreviewBody/props/defaultProps.js +16 -0
- package/lib/AttachmentPreviewBody/props/propTypes.js +31 -0
- package/lib/AttachmentPreviewHeader/AttachmentPreviewHeader.js +94 -0
- package/lib/AttachmentPreviewHeader/css/AttachmentPreviewHeader.module.css +47 -0
- package/lib/AttachmentPreviewHeader/index.js +15 -0
- package/lib/AttachmentPreviewHeader/props/defaultProps.js +16 -0
- package/lib/AttachmentPreviewHeader/props/propTypes.js +27 -0
- package/lib/Audio/Audio.js +55 -0
- package/lib/Audio/css/Audio.module.css +7 -0
- package/lib/Audio/index.js +15 -0
- package/lib/Audio/props/defaultProps.js +15 -0
- package/lib/Audio/props/propTypes.js +19 -0
- package/lib/AudioBubble/AudioBubble.js +68 -0
- package/lib/AudioBubble/css/AudioBubble.module.css +4 -0
- package/lib/AudioBubble/index.js +15 -0
- package/lib/AudioBubble/props/defaultProps.js +16 -0
- package/lib/AudioBubble/props/propTypes.js +27 -0
- package/lib/Emoji/Emoji.js +91 -0
- package/lib/Emoji/css/Emoji.module.css +48 -0
- package/lib/Emoji/css/cssJSLogic.js +22 -0
- package/lib/Emoji/index.js +15 -0
- package/lib/Emoji/props/defaultProps.js +17 -0
- package/lib/Emoji/props/propTypes.js +27 -0
- package/lib/EmojiPopup/EmojiPopup.js +138 -0
- package/lib/EmojiPopup/css/EmojiPopup.module.css +50 -0
- package/lib/EmojiPopup/index.js +15 -0
- package/lib/EmojiPopup/props/defaultProps.js +20 -0
- package/lib/EmojiPopup/props/propTypes.js +33 -0
- package/lib/Emojis/Emojis.js +92 -0
- package/lib/Emojis/index.js +15 -0
- package/lib/Emojis/props/defaultProps.js +19 -0
- package/lib/Emojis/props/propTypes.js +31 -0
- package/lib/EmojisEmptyState/EmojisEmptyState.js +74 -0
- package/lib/EmojisEmptyState/css/EmojisEmptyState.module.css +18 -0
- package/lib/EmojisEmptyState/index.js +15 -0
- package/lib/EmojisEmptyState/props/defaultProps.js +18 -0
- package/lib/EmojisEmptyState/props/propTypes.js +19 -0
- package/lib/EmojisFooter/EmojisFooter.js +87 -0
- package/lib/EmojisFooter/css/EmojisFooter.module.css +39 -0
- package/lib/EmojisFooter/index.js +15 -0
- package/lib/EmojisFooter/props/defaultProps.js +16 -0
- package/lib/EmojisFooter/props/propTypes.js +23 -0
- package/lib/EmojisHeader/EmojisHeader.js +74 -0
- package/lib/EmojisHeader/css/EmojisHeader.module.css +36 -0
- package/lib/EmojisHeader/index.js +15 -0
- package/lib/EmojisHeader/props/defaultProps.js +17 -0
- package/lib/EmojisHeader/props/propTypes.js +24 -0
- package/lib/EmojisList/EmojisList.js +143 -0
- package/lib/EmojisList/css/EmojisList.module.css +50 -0
- package/lib/EmojisList/css/cssJSLogic.js +27 -0
- package/lib/EmojisList/index.js +15 -0
- package/lib/EmojisList/props/defaultProps.js +19 -0
- package/lib/EmojisList/props/propTypes.js +31 -0
- package/lib/Fonts/puviFont.module.css +62 -0
- package/lib/ImageBubble/ImageBubble.js +98 -0
- package/lib/ImageBubble/css/ImageBubble.module.css +63 -0
- package/lib/ImageBubble/css/cssJSLogic.js +21 -0
- package/lib/ImageBubble/index.js +15 -0
- package/lib/ImageBubble/props/defaultProps.js +15 -0
- package/lib/ImageBubble/props/propTypes.js +24 -0
- package/lib/LazyLoadImage/LazyLoadImage.js +54 -0
- package/lib/LazyLoadImage/css/LazyLoadImage.module.css +5 -0
- package/lib/LazyLoadImage/index.js +15 -0
- package/lib/LazyLoadImage/props/defaultProps.js +15 -0
- package/lib/LazyLoadImage/props/propTypes.js +19 -0
- package/lib/LocationBubble/LocationBubble.js +77 -0
- package/lib/LocationBubble/css/LocationBubble.module.css +57 -0
- package/lib/LocationBubble/css/cssJSLogic.js +20 -0
- package/lib/LocationBubble/images/location.png +0 -0
- package/lib/LocationBubble/index.js +15 -0
- package/lib/LocationBubble/props/defaultProps.js +15 -0
- package/lib/LocationBubble/props/propTypes.js +19 -0
- package/lib/MediaBubbleWrapper/MediaBubbleWrapper.js +76 -0
- package/lib/MediaBubbleWrapper/css/MediaBubbleWrapper.module.css +7 -0
- package/lib/MediaBubbleWrapper/index.js +15 -0
- package/lib/MediaBubbleWrapper/props/defaultProps.js +16 -0
- package/lib/MediaBubbleWrapper/props/propTypes.js +28 -0
- package/lib/Message/Message.js +157 -0
- package/lib/Message/index.js +15 -0
- package/lib/Message/props/defaultProps.js +22 -0
- package/lib/Message/props/propTypes.js +55 -0
- package/lib/MessageAction/MessageAction.js +77 -0
- package/lib/MessageAction/index.js +15 -0
- package/lib/MessageAction/props/defaultProps.js +17 -0
- package/lib/MessageAction/props/propTypes.js +34 -0
- package/lib/MessageActions/MessageActions.js +137 -0
- package/lib/MessageActions/css/MessageActions.module.css +24 -0
- package/lib/MessageActions/index.js +15 -0
- package/lib/MessageActions/props/defaultProps.js +20 -0
- package/lib/MessageActions/props/propTypes.js +39 -0
- package/lib/MessageActionsMore/MessageActionsMore.js +128 -0
- package/lib/MessageActionsMore/css/MessageActionsMore.module.css +24 -0
- package/lib/MessageActionsMore/index.js +15 -0
- package/lib/MessageActionsMore/props/defaultProps.js +18 -0
- package/lib/MessageActionsMore/props/propTypes.js +29 -0
- package/lib/MessageActionsWrapper/MessageActionsWrapper.js +91 -0
- package/lib/MessageActionsWrapper/css/MessageActionsWrapper.module.css +7 -0
- package/lib/MessageActionsWrapper/index.js +15 -0
- package/lib/MessageActionsWrapper/props/defaultProps.js +19 -0
- package/lib/MessageActionsWrapper/props/propTypes.js +27 -0
- package/lib/MessageAvatar/MessageAvatar.js +64 -0
- package/lib/MessageAvatar/css/MessageAvatar.module.css +23 -0
- package/lib/MessageAvatar/index.js +15 -0
- package/lib/MessageAvatar/props/defaultProps.js +16 -0
- package/lib/MessageAvatar/props/propTypes.js +24 -0
- package/lib/MessageBox/MessageBox.js +82 -0
- package/lib/MessageBox/css/MessageBox.module.css +56 -0
- package/lib/MessageBox/css/cssJSLogic.js +22 -0
- package/lib/MessageBox/index.js +15 -0
- package/lib/MessageBox/props/defaultProps.js +15 -0
- package/lib/MessageBox/props/propTypes.js +24 -0
- package/lib/MessageBubble/MessageBubble.js +170 -0
- package/lib/MessageBubble/css/MessageBubble.module.css +101 -0
- package/lib/MessageBubble/css/cssJSLogic.js +38 -0
- package/lib/MessageBubble/index.js +15 -0
- package/lib/MessageBubble/props/defaultProps.js +22 -0
- package/lib/MessageBubble/props/propTypes.js +30 -0
- package/lib/MessageStatus/MessageStatus.js +88 -0
- package/lib/MessageStatus/css/MessageStatus.module.css +17 -0
- package/lib/MessageStatus/css/cssJSLogic.js +33 -0
- package/lib/MessageStatus/index.js +15 -0
- package/lib/MessageStatus/props/defaultProps.js +15 -0
- package/lib/MessageStatus/props/propTypes.js +24 -0
- package/lib/MoreActionItem/MoreActionItem.js +98 -0
- package/lib/MoreActionItem/css/MoreActionItem.module.css +27 -0
- package/lib/MoreActionItem/index.js +15 -0
- package/lib/MoreActionItem/props/defaultProps.js +16 -0
- package/lib/MoreActionItem/props/propTypes.js +25 -0
- package/lib/ReplyBubble/ReplyBubble.js +136 -0
- package/lib/ReplyBubble/css/ReplyBubble.module.css +23 -0
- package/lib/ReplyBubble/css/cssJSLogic.js +20 -0
- package/lib/ReplyBubble/index.js +15 -0
- package/lib/ReplyBubble/props/defaultProps.js +17 -0
- package/lib/ReplyBubble/props/propTypes.js +39 -0
- package/lib/ReplyBubbleContent/ReplyBubbleContent.js +77 -0
- package/lib/ReplyBubbleContent/css/ReplyBubbleContent.module.css +75 -0
- package/lib/ReplyBubbleContent/css/cssJSLogic.js +20 -0
- package/lib/ReplyBubbleContent/index.js +15 -0
- package/lib/ReplyBubbleContent/props/defaultProps.js +15 -0
- package/lib/ReplyBubbleContent/props/propTypes.js +22 -0
- package/lib/ReplyBubbleHeader/ReplyBubbleHeader.js +97 -0
- package/lib/ReplyBubbleHeader/css/ReplyBubbleHeader.module.css +44 -0
- package/lib/ReplyBubbleHeader/css/cssJSLogic.js +18 -0
- package/lib/ReplyBubbleHeader/index.js +15 -0
- package/lib/ReplyBubbleHeader/props/defaultProps.js +16 -0
- package/lib/ReplyBubbleHeader/props/propTypes.js +24 -0
- package/lib/TextBubble/TextBubble.js +72 -0
- package/lib/TextBubble/css/TextBubble.module.css +36 -0
- package/lib/TextBubble/css/cssJSLogic.js +22 -0
- package/lib/TextBubble/index.js +15 -0
- package/lib/TextBubble/props/defaultProps.js +15 -0
- package/lib/TextBubble/props/propTypes.js +21 -0
- package/lib/Theme/ThemeAssets.js +182 -0
- package/lib/Theme/ThemeWrapper.js +130 -0
- package/lib/Theme/TooltipWrapper.js +97 -0
- package/lib/Theme/css/TooltipWrapper.module.css +10 -0
- package/lib/Theme/index.js +15 -0
- package/lib/Theme/props/defaultProps.js +20 -0
- package/lib/Theme/props/propTypes.js +26 -0
- package/lib/Theme/utils/combineConfigurations.js +31 -0
- package/lib/Theme/utils/flatVariables.js +21 -0
- package/lib/Theme/utils/getCustomizedCssVariables.js +29 -0
- package/lib/Theme/utils/getThemeConfigurations.js +28 -0
- package/lib/Theme/utils/getWrapperDivProps.js +23 -0
- package/lib/Video/Video.js +55 -0
- package/lib/Video/css/Video.module.css +5 -0
- package/lib/Video/index.js +15 -0
- package/lib/Video/props/defaultProps.js +15 -0
- package/lib/Video/props/propTypes.js +19 -0
- package/lib/VideoBubble/VideoBubble.js +77 -0
- package/lib/VideoBubble/css/VideoBubble.module.css +12 -0
- package/lib/VideoBubble/css/cssJSLogic.js +20 -0
- package/lib/VideoBubble/index.js +15 -0
- package/lib/VideoBubble/props/defaultProps.js +16 -0
- package/lib/VideoBubble/props/propTypes.js +28 -0
- package/lib/constants/index.js +18 -0
- package/lib/constants/propConstants/editorPropConstants.js +12 -0
- package/lib/constants/propConstants/popupPropConstants.js +10 -0
- package/lib/css/common.module.css +6 -0
- package/lib/icons/create-icon-components.js +199 -0
- package/lib/icons/factory/attachments/audio.svg +19 -0
- package/lib/icons/factory/attachments/code.svg +21 -0
- package/lib/icons/factory/attachments/image.svg +20 -0
- package/lib/icons/factory/attachments/pdf.svg +19 -0
- package/lib/icons/factory/attachments/ppt.svg +1 -0
- package/lib/icons/factory/attachments/text.svg +22 -0
- package/lib/icons/factory/attachments/unknown.svg +21 -0
- package/lib/icons/factory/attachments/video.svg +19 -0
- package/lib/icons/factory/attachments/xls.svg +1 -0
- package/lib/icons/factory/attachments/zip.svg +27 -0
- package/lib/icons/factory/common/alertTriangle.svg +5 -0
- package/lib/icons/factory/common/article.svg +4 -0
- package/lib/icons/factory/common/reply.svg +6 -0
- package/lib/icons/factory/messageStatus/clock.svg +7 -0
- package/lib/icons/factory/messageStatus/doubleTick.svg +1 -0
- package/lib/icons/factory/messageStatus/failed.svg +7 -0
- package/lib/icons/factory/messageStatus/tick.svg +1 -0
- package/lib/icons/icon.template.js +18 -0
- package/lib/icons/iconSrc/attachments/Audio.js +41 -0
- package/lib/icons/iconSrc/attachments/Code.js +47 -0
- package/lib/icons/iconSrc/attachments/Image.js +46 -0
- package/lib/icons/iconSrc/attachments/Pdf.js +41 -0
- package/lib/icons/iconSrc/attachments/Ppt.js +38 -0
- package/lib/icons/iconSrc/attachments/Text.js +50 -0
- package/lib/icons/iconSrc/attachments/Txt.js +50 -0
- package/lib/icons/iconSrc/attachments/Unknown.js +44 -0
- package/lib/icons/iconSrc/attachments/Video.js +41 -0
- package/lib/icons/iconSrc/attachments/Xls.js +38 -0
- package/lib/icons/iconSrc/attachments/Zip.js +89 -0
- package/lib/icons/iconSrc/attachments/index.js +87 -0
- package/lib/icons/iconSrc/common/AlertTriangle.js +35 -0
- package/lib/icons/iconSrc/common/Article.js +29 -0
- package/lib/icons/iconSrc/common/Reply.js +25 -0
- package/lib/icons/iconSrc/common/index.js +31 -0
- package/lib/icons/iconSrc/messageStatus/Clock.js +26 -0
- package/lib/icons/iconSrc/messageStatus/DoubleTick.js +28 -0
- package/lib/icons/iconSrc/messageStatus/Failed.js +26 -0
- package/lib/icons/iconSrc/messageStatus/Tick.js +25 -0
- package/lib/icons/iconSrc/messageStatus/index.js +39 -0
- package/lib/im/ArticleBubble/ArticleBubble.js +104 -0
- package/lib/im/ArticleBubble/css/ArticleBubble.module.css +75 -0
- package/lib/im/ArticleBubble/css/cssJSLogic.js +18 -0
- package/lib/im/ArticleBubble/index.js +15 -0
- package/lib/im/ArticleBubble/props/defaultProps.js +15 -0
- package/lib/im/ArticleBubble/props/propTypes.js +25 -0
- package/lib/im/IMAttachmentHandler/IMAttachmentHandler.js +59 -0
- package/lib/im/IMAttachmentHandler/index.js +15 -0
- package/lib/im/IMAttachmentHandler/props/defaultProps.js +19 -0
- package/lib/im/IMAttachmentHandler/props/propTypes.js +38 -0
- package/lib/im/IMIntegrationIcon/IMIntegrationIcon.js +82 -0
- package/lib/im/IMIntegrationIcon/css/IMIntegrationIcon.module.css +72 -0
- package/lib/im/IMIntegrationIcon/css/cssJSLogic.js +48 -0
- package/lib/im/IMIntegrationIcon/index.js +15 -0
- package/lib/im/IMIntegrationIcon/props/defaultProps.js +21 -0
- package/lib/im/IMIntegrationIcon/props/propTypes.js +27 -0
- package/lib/im/IMMessage/IMMessage.js +223 -0
- package/lib/im/IMMessage/css/IMMessage.module.css +36 -0
- package/lib/im/IMMessage/css/cssJSLogic.js +21 -0
- package/lib/im/IMMessage/index.js +15 -0
- package/lib/im/IMMessage/props/defaultProps.js +25 -0
- package/lib/im/IMMessage/props/propTypes.js +118 -0
- package/lib/im/IMMessageContent/IMMessageContent.js +149 -0
- package/lib/im/IMMessageContent/css/IMMessageContent.module.css +8 -0
- package/lib/im/IMMessageContent/index.js +15 -0
- package/lib/im/IMMessageContent/props/defaultProps.js +18 -0
- package/lib/im/IMMessageContent/props/propTypes.js +65 -0
- package/lib/im/IMMessageMeta/IMMessageMeta.js +79 -0
- package/lib/im/IMMessageMeta/css/IMMessageMeta.module.css +46 -0
- package/lib/im/IMMessageMeta/css/cssJSLogic.js +35 -0
- package/lib/im/IMMessageMeta/index.js +15 -0
- package/lib/im/IMMessageMeta/props/defaultProps.js +21 -0
- package/lib/im/IMMessageMeta/props/propTypes.js +44 -0
- package/lib/im/IMMessageMetaInfo/IMMessageMetaInfo.js +42 -0
- package/lib/im/IMMessageMetaInfo/css/IMMessageMetaInfo.module.css +14 -0
- package/lib/im/IMMessageMetaInfo/index.js +15 -0
- package/lib/im/IMMessageMetaInfo/props/defaultProps.js +17 -0
- package/lib/im/IMMessageMetaInfo/props/propTypes.js +19 -0
- package/lib/im/IMPermaLink/IMPermaLink.js +64 -0
- package/lib/im/IMPermaLink/css/IMPermaLink.module.css +14 -0
- package/lib/im/IMPermaLink/css/cssJSLogic.js +20 -0
- package/lib/im/IMPermaLink/index.js +15 -0
- package/lib/im/IMPermaLink/props/defaultProps.js +15 -0
- package/lib/im/IMPermaLink/props/propTypes.js +22 -0
- package/lib/im/IMReplyBubble/IMReplyBubble.js +59 -0
- package/lib/im/IMReplyBubble/index.js +15 -0
- package/lib/im/IMReplyBubble/props/defaultProps.js +16 -0
- package/lib/im/IMReplyBubble/props/propTypes.js +40 -0
- package/lib/im/IMTextBubble/IMTextBubble.js +47 -0
- package/lib/im/IMTextBubble/index.js +15 -0
- package/lib/im/IMTextBubble/props/defaultProps.js +18 -0
- package/lib/im/IMTextBubble/props/propTypes.js +42 -0
- package/lib/im/ReplyComposer/ReplyComposer.js +180 -0
- package/lib/im/ReplyComposer/css/ReplyComposer.module.css +10 -0
- package/lib/im/ReplyComposer/css/cssJSLogic.js +18 -0
- package/lib/im/ReplyComposer/index.js +15 -0
- package/lib/im/ReplyComposer/props/defaultProps.js +16 -0
- package/lib/im/ReplyComposer/props/propTypes.js +72 -0
- package/lib/im/ReplyComposerFooter/ReplyComposerFooter.js +64 -0
- package/lib/im/ReplyComposerFooter/css/ReplyComposerFooter.module.css +10 -0
- package/lib/im/ReplyComposerFooter/index.js +15 -0
- package/lib/im/ReplyComposerFooter/props/defaultProps.js +17 -0
- package/lib/im/ReplyComposerFooter/props/propTypes.js +28 -0
- package/lib/im/ReplyEditor/ReplyEditor.js +124 -0
- package/lib/im/ReplyEditor/css/ReplyEditor.module.css +54 -0
- package/lib/im/ReplyEditor/css/cssJSLogic.js +17 -0
- package/lib/im/ReplyEditor/index.js +15 -0
- package/lib/im/ReplyEditor/props/defaultProps.js +17 -0
- package/lib/im/ReplyEditor/props/propTypes.js +39 -0
- package/lib/im/ReplyEditorExtensions/ReplyEditorExtensions.js +160 -0
- package/lib/im/ReplyEditorExtensions/css/ReplyEditorExtensions.module.css +5 -0
- package/lib/im/ReplyEditorExtensions/index.js +15 -0
- package/lib/im/ReplyEditorExtensions/props/defaultProps.js +15 -0
- package/lib/im/ReplyEditorExtensions/props/propTypes.js +27 -0
- package/lib/im/ReplyEditorSuggestions/ReplyEditorSuggestions.js +119 -0
- package/lib/im/ReplyEditorSuggestions/css/ReplyEditorSuggestions.module.css +8 -0
- package/lib/im/ReplyEditorSuggestions/index.js +15 -0
- package/lib/im/ReplyEditorSuggestions/props/defaultProps.js +15 -0
- package/lib/im/ReplyEditorSuggestions/props/propTypes.js +32 -0
- package/lib/im/ReplyEditorSuggestionsPopup/ReplyEditorSuggestionsPopup.js +107 -0
- package/lib/im/ReplyEditorSuggestionsPopup/css/ReplyEditorSuggestionsPopup.module.css +7 -0
- package/lib/im/ReplyEditorSuggestionsPopup/index.js +15 -0
- package/lib/im/ReplyEditorSuggestionsPopup/props/defaultProps.js +19 -0
- package/lib/im/ReplyEditorSuggestionsPopup/props/propTypes.js +33 -0
- package/lib/im/css/common.module.css +6 -0
- package/lib/im/index.js +213 -0
- package/lib/rte/Editor/Editor.js +97 -0
- package/lib/rte/Editor/css/Editor.module.css +17 -0
- package/lib/rte/Editor/index.js +15 -0
- package/lib/rte/Editor/props/defaultProps.js +30 -0
- package/lib/rte/Editor/props/propTypes.js +74 -0
- package/lib/rte/index.js +18 -0
- package/package.json +45 -27
|
@@ -1,12 +1,14 @@
|
|
|
1
|
+
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); }
|
|
2
|
+
|
|
1
3
|
/** ** Libraries *** */
|
|
2
4
|
import React, { useMemo } from 'react';
|
|
3
5
|
/** ** Components *** */
|
|
4
6
|
|
|
5
7
|
import { Container } from '@zohodesk/components/es/Layout';
|
|
6
|
-
import ReplyEditor from
|
|
7
|
-
import ReplyComposerFooter from
|
|
8
|
-
import ReplyEditorSuggestions from
|
|
9
|
-
import AttachmentPreview from
|
|
8
|
+
import ReplyEditor from '../ReplyEditor/ReplyEditor';
|
|
9
|
+
import ReplyComposerFooter from '../ReplyComposerFooter/ReplyComposerFooter';
|
|
10
|
+
import ReplyEditorSuggestions from '../ReplyEditorSuggestions/ReplyEditorSuggestions';
|
|
11
|
+
import AttachmentPreview from '../../AttachmentPreview/AttachmentPreview';
|
|
10
12
|
/** ** Hooks *** */
|
|
11
13
|
|
|
12
14
|
import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
|
|
@@ -15,15 +17,15 @@ import useReplyComposerSuggestions from '@zohoim/chat-components-hooks/es/im/Rep
|
|
|
15
17
|
/** ** Constants *** */
|
|
16
18
|
|
|
17
19
|
import { dummyArray, dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
|
|
18
|
-
import replyComposerDefaultProps from
|
|
19
|
-
import replyComposerPropTypes from
|
|
20
|
+
import replyComposerDefaultProps from './props/defaultProps';
|
|
21
|
+
import replyComposerPropTypes from './props/propTypes';
|
|
20
22
|
/** ** Methods *** */
|
|
21
23
|
|
|
22
24
|
import renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler';
|
|
23
|
-
import cssJSLogic from
|
|
25
|
+
import cssJSLogic from './css/cssJSLogic';
|
|
24
26
|
/** ** Styles *** */
|
|
25
27
|
|
|
26
|
-
import style from
|
|
28
|
+
import style from './css/ReplyComposer.module.css';
|
|
27
29
|
export default function ReplyComposer(props) {
|
|
28
30
|
const {
|
|
29
31
|
customStyle,
|
|
@@ -47,6 +49,7 @@ export default function ReplyComposer(props) {
|
|
|
47
49
|
onFileSubmit: propOnFileSubmit,
|
|
48
50
|
attachmentPreviewTexts,
|
|
49
51
|
renderHeader,
|
|
52
|
+
renderBody,
|
|
50
53
|
renderFooter,
|
|
51
54
|
renderStencils,
|
|
52
55
|
getEditorState: propGetEditorState,
|
|
@@ -102,20 +105,20 @@ export default function ReplyComposer(props) {
|
|
|
102
105
|
isLoaded
|
|
103
106
|
}, newStyle);
|
|
104
107
|
const headerElement = useMemo(() => renderHandler(renderHeader)(), [renderHeader]);
|
|
108
|
+
const bodyElement = useMemo(() => renderBody ? renderHandler(renderBody)() : null, [renderBody]);
|
|
105
109
|
const stencilsElement = useMemo(() => isLoading ? renderHandler(renderStencils)({
|
|
106
110
|
needFooter
|
|
107
111
|
}) : null, [renderStencils, needFooter, isLoading]);
|
|
108
112
|
return /*#__PURE__*/React.createElement(Container, {
|
|
109
113
|
className: newStyle.replyComposer,
|
|
110
114
|
isCover: false
|
|
111
|
-
}, isShowSuggestion ? /*#__PURE__*/React.createElement(ReplyEditorSuggestions, {
|
|
115
|
+
}, isShowSuggestion ? /*#__PURE__*/React.createElement(ReplyEditorSuggestions, _extends({
|
|
112
116
|
getMethods: getSuggetPopupMethods,
|
|
113
117
|
onClose: onHideSuggestions,
|
|
114
118
|
onSelect: onSelectSuggestion,
|
|
115
119
|
suggestionDetails: suggestionDetails,
|
|
116
|
-
suggestionsMapping: suggestionsMapping
|
|
117
|
-
|
|
118
|
-
}) : null, files.length > 0 ? /*#__PURE__*/React.createElement(AttachmentPreview, {
|
|
120
|
+
suggestionsMapping: suggestionsMapping
|
|
121
|
+
}, replyEditorSuggestionsProps)) : null, files.length > 0 ? /*#__PURE__*/React.createElement(AttachmentPreview, _extends({
|
|
119
122
|
descriptionDetails: filesDescription,
|
|
120
123
|
files: files,
|
|
121
124
|
isDescriptionNeeded: true,
|
|
@@ -123,11 +126,10 @@ export default function ReplyComposer(props) {
|
|
|
123
126
|
onCancel: onFileCancel,
|
|
124
127
|
onDescriptionChange: onChangeFileDescription,
|
|
125
128
|
onSubmit: onFileSubmit,
|
|
126
|
-
texts: attachmentPreviewTexts
|
|
127
|
-
|
|
128
|
-
}) : null, isLoaded ? headerElement : null, stencilsElement || null, /*#__PURE__*/React.createElement("div", {
|
|
129
|
+
texts: attachmentPreviewTexts
|
|
130
|
+
}, attachmentPreviewCustomProps)) : null, isLoaded ? headerElement : null, stencilsElement || null, bodyElement || /*#__PURE__*/React.createElement("div", {
|
|
129
131
|
className: replEditorWrapperClass
|
|
130
|
-
}, /*#__PURE__*/React.createElement(ReplyEditor, {
|
|
132
|
+
}, /*#__PURE__*/React.createElement(ReplyEditor, _extends({
|
|
131
133
|
content: content,
|
|
132
134
|
EDITORURL: EDITORURL,
|
|
133
135
|
features: allFeatures,
|
|
@@ -138,15 +140,13 @@ export default function ReplyComposer(props) {
|
|
|
138
140
|
onChange: onChange,
|
|
139
141
|
onKeyDown: onKeyDown,
|
|
140
142
|
onPaste: onPaste,
|
|
141
|
-
placeHolder: placeHolder
|
|
142
|
-
|
|
143
|
-
})), needFooter && isLoaded ? /*#__PURE__*/React.createElement(ReplyComposerFooter, {
|
|
143
|
+
placeHolder: placeHolder
|
|
144
|
+
}, replyEditorCustomProps))), needFooter && isLoaded ? /*#__PURE__*/React.createElement(ReplyComposerFooter, _extends({
|
|
144
145
|
editor: editor,
|
|
145
146
|
extensions: extensions,
|
|
146
147
|
isHTMLContent: isHTMLContent,
|
|
147
|
-
renderButtons: renderFooter
|
|
148
|
-
|
|
149
|
-
}) : null);
|
|
148
|
+
renderButtons: renderFooter
|
|
149
|
+
}, replyComposerFooterProps)) : null);
|
|
150
150
|
}
|
|
151
151
|
ReplyComposer.propTypes = replyComposerPropTypes;
|
|
152
152
|
ReplyComposer.defaultProps = replyComposerDefaultProps;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default as ReplyComposer } from
|
|
1
|
+
export { default as ReplyComposer } from './ReplyComposer';
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
/** ** Constants *** */
|
|
4
4
|
|
|
5
|
-
import { features, formats } from
|
|
5
|
+
import { features, formats } from '../../../constants/propConstants/editorPropConstants';
|
|
6
6
|
const replyComposerPropTypes = {
|
|
7
7
|
customStyle: PropTypes.object,
|
|
8
8
|
id: PropTypes.string,
|
|
@@ -2,20 +2,20 @@
|
|
|
2
2
|
import React, { useMemo } from 'react';
|
|
3
3
|
/** ** Components *** */
|
|
4
4
|
|
|
5
|
-
import ReplyEditorExtensions from
|
|
5
|
+
import ReplyEditorExtensions from '../ReplyEditorExtensions/ReplyEditorExtensions';
|
|
6
6
|
/** ** Hooks *** */
|
|
7
7
|
|
|
8
8
|
import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
|
|
9
9
|
/** ** Constants *** */
|
|
10
10
|
|
|
11
|
-
import replyComposerFooterDefaultProps from
|
|
12
|
-
import replyComposerFooterPropTypes from
|
|
11
|
+
import replyComposerFooterDefaultProps from './props/defaultProps';
|
|
12
|
+
import replyComposerFooterPropTypes from './props/propTypes';
|
|
13
13
|
/** ** Methods *** */
|
|
14
14
|
|
|
15
15
|
import renderHandler from '@zohoim/chat-components-utils/es/common/renderHandler';
|
|
16
16
|
/** ** Styles *** */
|
|
17
17
|
|
|
18
|
-
import style from
|
|
18
|
+
import style from './css/ReplyComposerFooter.module.css';
|
|
19
19
|
export default function ReplyComposerFooter(props) {
|
|
20
20
|
const {
|
|
21
21
|
customStyle,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default as ReplyComposerFooter } from
|
|
1
|
+
export { default as ReplyComposerFooter } from './ReplyComposerFooter';
|
|
@@ -1,8 +1,10 @@
|
|
|
1
|
+
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); }
|
|
2
|
+
|
|
1
3
|
/** ** Libraries *** */
|
|
2
4
|
import React, { useMemo } from 'react';
|
|
3
5
|
/** ** Components *** */
|
|
4
6
|
|
|
5
|
-
import Editor from
|
|
7
|
+
import Editor from '../../rte/Editor/Editor';
|
|
6
8
|
import { Container } from '@zohodesk/components/es/Layout';
|
|
7
9
|
/** ** Hooks *** */
|
|
8
10
|
|
|
@@ -11,14 +13,14 @@ import useReplyEditor from '@zohoim/chat-components-hooks/es/im/ReplyEditor/useR
|
|
|
11
13
|
/** ** Constants *** */
|
|
12
14
|
|
|
13
15
|
import { dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
|
|
14
|
-
import replyEditorDefaultProps from
|
|
15
|
-
import replyEditorPropTypes from
|
|
16
|
+
import replyEditorDefaultProps from './props/defaultProps';
|
|
17
|
+
import replyEditorPropTypes from './props/propTypes';
|
|
16
18
|
/** ** Methods *** */
|
|
17
19
|
|
|
18
|
-
import cssJSLogic from
|
|
20
|
+
import cssJSLogic from './css/cssJSLogic';
|
|
19
21
|
/** ** Styles *** */
|
|
20
22
|
|
|
21
|
-
import style from
|
|
23
|
+
import style from './css/ReplyEditor.module.css';
|
|
22
24
|
export default function ReplyEditor(props) {
|
|
23
25
|
const {
|
|
24
26
|
id,
|
|
@@ -79,7 +81,7 @@ export default function ReplyEditor(props) {
|
|
|
79
81
|
className: newStyle.replyEditor
|
|
80
82
|
}, isRenderEditor ? /*#__PURE__*/React.createElement(Container, {
|
|
81
83
|
className: editorClass
|
|
82
|
-
}, /*#__PURE__*/React.createElement(Editor, {
|
|
84
|
+
}, /*#__PURE__*/React.createElement(Editor, _extends({
|
|
83
85
|
appearance: appearance,
|
|
84
86
|
content: content,
|
|
85
87
|
customStyle: editorNewCustomStyle,
|
|
@@ -94,9 +96,8 @@ export default function ReplyEditor(props) {
|
|
|
94
96
|
onKeyDown: onKeyDown,
|
|
95
97
|
onPaste: onPaste,
|
|
96
98
|
onReadyCallback: onReadyCallback,
|
|
97
|
-
placeHolder: placeHolder
|
|
98
|
-
|
|
99
|
-
})) : null);
|
|
99
|
+
placeHolder: placeHolder
|
|
100
|
+
}, editorProps))) : null);
|
|
100
101
|
}
|
|
101
102
|
ReplyEditor.propTypes = replyEditorPropTypes;
|
|
102
103
|
ReplyEditor.defaultProps = replyEditorDefaultProps;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default as ReplyEditor } from
|
|
1
|
+
export { default as ReplyEditor } from './ReplyEditor';
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
/** ** Constants *** */
|
|
4
4
|
|
|
5
|
-
import { features, formats } from
|
|
5
|
+
import { features, formats } from '../../../constants/propConstants/editorPropConstants';
|
|
6
6
|
const replyEditorPropTypes = {
|
|
7
7
|
customStyle: PropTypes.object,
|
|
8
8
|
id: PropTypes.string,
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
+
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); }
|
|
2
|
+
|
|
1
3
|
/** ** Libraries *** */
|
|
2
4
|
import React, { useCallback, useMemo } from 'react';
|
|
3
5
|
/** ** Components *** */
|
|
4
6
|
|
|
5
7
|
import { Container, Box } from '@zohodesk/components/es/Layout';
|
|
6
|
-
import IMAttachmentHandler from
|
|
7
|
-
import EmojiPopup from
|
|
8
|
+
import IMAttachmentHandler from '../IMAttachmentHandler/IMAttachmentHandler';
|
|
9
|
+
import EmojiPopup from '../../EmojiPopup/EmojiPopup';
|
|
8
10
|
/** ** Hooks *** */
|
|
9
11
|
|
|
10
12
|
import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
|
|
@@ -12,11 +14,11 @@ import useReplyEditorExtensions from '@zohoim/chat-components-hooks/es/im/ReplyE
|
|
|
12
14
|
/** ** Constants *** */
|
|
13
15
|
|
|
14
16
|
import { dummyArray, dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
|
|
15
|
-
import replyEditorExtensionsDefaultProps from
|
|
16
|
-
import replyEditorExtensionsPropTypes from
|
|
17
|
+
import replyEditorExtensionsDefaultProps from './props/defaultProps';
|
|
18
|
+
import replyEditorExtensionsPropTypes from './props/propTypes';
|
|
17
19
|
/** ** Styles *** */
|
|
18
20
|
|
|
19
|
-
import style from
|
|
21
|
+
import style from './css/ReplyEditorExtensions.module.css';
|
|
20
22
|
export default function ReplyEditorExtensions(props) {
|
|
21
23
|
const {
|
|
22
24
|
customStyle,
|
|
@@ -39,7 +41,7 @@ export default function ReplyEditorExtensions(props) {
|
|
|
39
41
|
const {
|
|
40
42
|
needFocusOnSelect
|
|
41
43
|
} = componentProps;
|
|
42
|
-
return /*#__PURE__*/React.createElement(EmojiPopup, {
|
|
44
|
+
return /*#__PURE__*/React.createElement(EmojiPopup, _extends({
|
|
43
45
|
key: id,
|
|
44
46
|
onPopupClose: onPopupClose,
|
|
45
47
|
onPopupOpen: onPopupOpen,
|
|
@@ -48,35 +50,32 @@ export default function ReplyEditorExtensions(props) {
|
|
|
48
50
|
content: value,
|
|
49
51
|
needFocus: needFocusOnSelect
|
|
50
52
|
});
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
});
|
|
53
|
+
}
|
|
54
|
+
}, componentProps));
|
|
54
55
|
}, []);
|
|
55
56
|
const handleRenderImageExtension = useCallback(_ref2 => {
|
|
56
57
|
let {
|
|
57
58
|
id,
|
|
58
59
|
componentProps
|
|
59
60
|
} = _ref2;
|
|
60
|
-
return /*#__PURE__*/React.createElement(IMAttachmentHandler, {
|
|
61
|
+
return /*#__PURE__*/React.createElement(IMAttachmentHandler, _extends({
|
|
61
62
|
key: id,
|
|
62
63
|
attachmentType: "image",
|
|
63
64
|
iconName: "ZD-TT-image",
|
|
64
|
-
iconSize: "14"
|
|
65
|
-
|
|
66
|
-
});
|
|
65
|
+
iconSize: "14"
|
|
66
|
+
}, componentProps));
|
|
67
67
|
}, []);
|
|
68
68
|
const handleRenderFileExtension = useCallback(_ref3 => {
|
|
69
69
|
let {
|
|
70
70
|
id,
|
|
71
71
|
componentProps
|
|
72
72
|
} = _ref3;
|
|
73
|
-
return /*#__PURE__*/React.createElement(IMAttachmentHandler, {
|
|
73
|
+
return /*#__PURE__*/React.createElement(IMAttachmentHandler, _extends({
|
|
74
74
|
key: id,
|
|
75
75
|
attachmentType: "document",
|
|
76
76
|
iconName: "ZD-TT-ttAttach",
|
|
77
|
-
iconSize: "14"
|
|
78
|
-
|
|
79
|
-
});
|
|
77
|
+
iconSize: "14"
|
|
78
|
+
}, componentProps));
|
|
80
79
|
}, []);
|
|
81
80
|
const defaultRenderMethod = useMemo(() => ({
|
|
82
81
|
emoji: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default as ReplyEditorExtensions } from
|
|
1
|
+
export { default as ReplyEditorExtensions } from './ReplyEditorExtensions';
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
+
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); }
|
|
2
|
+
|
|
1
3
|
/** ** Libraries *** */
|
|
2
4
|
import React, { useMemo, useCallback } from 'react';
|
|
3
5
|
/** ** Components *** */
|
|
4
6
|
|
|
5
7
|
import { Container } from '@zohodesk/components/es/Layout';
|
|
6
|
-
import Emojis from
|
|
7
|
-
import ReplyEditorSuggestionsPopup from
|
|
8
|
+
import Emojis from '../../Emojis/Emojis';
|
|
9
|
+
import ReplyEditorSuggestionsPopup from '../ReplyEditorSuggestionsPopup/ReplyEditorSuggestionsPopup';
|
|
8
10
|
/** ** Hooks *** */
|
|
9
11
|
|
|
10
12
|
import useReplyEditorSuggestions from '@zohoim/chat-components-hooks/es/im/ReplyEditorSuggestions/useReplyEditorSuggestions';
|
|
@@ -12,12 +14,12 @@ import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
|
|
|
12
14
|
/** ** Constants *** */
|
|
13
15
|
|
|
14
16
|
import { dummyObject } from '@zohoim/chat-components-utils/es/constants';
|
|
15
|
-
import replyEditorSuggestionsDefaultProps from
|
|
16
|
-
import replyEditorSuggestionsPropTypes from
|
|
17
|
+
import replyEditorSuggestionsDefaultProps from './props/defaultProps';
|
|
18
|
+
import replyEditorSuggestionsPropTypes from './props/propTypes';
|
|
17
19
|
import { emojiRegex } from '@zohoim/chat-components-utils/es/constants/regexConstants';
|
|
18
20
|
/** ** Styles *** */
|
|
19
21
|
|
|
20
|
-
import style from
|
|
22
|
+
import style from './css/ReplyEditorSuggestions.module.css';
|
|
21
23
|
export default function ReplyEditorSuggestions(props) {
|
|
22
24
|
const {
|
|
23
25
|
customStyle,
|
|
@@ -49,7 +51,7 @@ export default function ReplyEditorSuggestions(props) {
|
|
|
49
51
|
} = componentProps || {}; // (-1) -> ':' string is not valid for count.
|
|
50
52
|
|
|
51
53
|
const isShowEmojiPopup = searchText.length - 1 >= searchTextLenForShow;
|
|
52
|
-
return isShowEmojiPopup ? /*#__PURE__*/React.createElement(Emojis, {
|
|
54
|
+
return isShowEmojiPopup ? /*#__PURE__*/React.createElement(Emojis, _extends({
|
|
53
55
|
emojisRowType: "single",
|
|
54
56
|
getMethods: getMethods,
|
|
55
57
|
isShowGroupBasedList: false,
|
|
@@ -61,9 +63,8 @@ export default function ReplyEditorSuggestions(props) {
|
|
|
61
63
|
content: value
|
|
62
64
|
});
|
|
63
65
|
},
|
|
64
|
-
searchString: searchText
|
|
65
|
-
|
|
66
|
-
}) : null;
|
|
66
|
+
searchString: searchText
|
|
67
|
+
}, componentProps)) : null;
|
|
67
68
|
}, []);
|
|
68
69
|
const defaultRenderMethod = useMemo(() => ({
|
|
69
70
|
':': handleRenderEmoji,
|
|
@@ -82,13 +83,11 @@ export default function ReplyEditorSuggestions(props) {
|
|
|
82
83
|
});
|
|
83
84
|
return /*#__PURE__*/React.createElement(Container, {
|
|
84
85
|
className: newStyle.suggestionPopup
|
|
85
|
-
}, /*#__PURE__*/React.createElement(ReplyEditorSuggestionsPopup, {
|
|
86
|
+
}, /*#__PURE__*/React.createElement(ReplyEditorSuggestionsPopup, _extends({
|
|
86
87
|
onClose: onClose,
|
|
87
88
|
suggestionElement: suggestionElement,
|
|
88
|
-
targetPosition: position
|
|
89
|
-
|
|
90
|
-
...popupProps
|
|
91
|
-
}));
|
|
89
|
+
targetPosition: position
|
|
90
|
+
}, replyEditorSuggestionsPopupProps, popupProps)));
|
|
92
91
|
}
|
|
93
92
|
ReplyEditorSuggestions.propTypes = replyEditorSuggestionsPropTypes;
|
|
94
93
|
ReplyEditorSuggestions.defaultProps = replyEditorSuggestionsDefaultProps;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default as ReplyEditorSuggestions } from
|
|
1
|
+
export { default as ReplyEditorSuggestions } from './ReplyEditorSuggestions';
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
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); }
|
|
2
|
+
|
|
1
3
|
/** ** Libraries *** */
|
|
2
4
|
import React from 'react';
|
|
3
5
|
/** ** Components *** */
|
|
@@ -11,13 +13,13 @@ import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
|
|
|
11
13
|
import useReplyEditorSuggestionsPopup from '@zohoim/chat-components-hooks/es/im/ReplyEditorSuggestionsPopup/useReplyEditorSuggestionsPopup';
|
|
12
14
|
/** ** Constants *** */
|
|
13
15
|
|
|
14
|
-
import replyEditorSuggestionsPopupDefaultProps from
|
|
15
|
-
import replyEditorSuggestionsPopupPropTypes from
|
|
16
|
+
import replyEditorSuggestionsPopupDefaultProps from './props/defaultProps';
|
|
17
|
+
import replyEditorSuggestionsPopupPropTypes from './props/propTypes';
|
|
16
18
|
import { dummyObject } from '@zohoim/chat-components-utils/es/constants';
|
|
17
|
-
import { EDITOR_POPUP_PORTAL, EDITOR_POPUP_TARGET_PORTAL } from
|
|
19
|
+
import { EDITOR_POPUP_PORTAL, EDITOR_POPUP_TARGET_PORTAL } from '../../constants';
|
|
18
20
|
/** ** Styles *** */
|
|
19
21
|
|
|
20
|
-
import style from
|
|
22
|
+
import style from './css/ReplyEditorSuggestionsPopup.module.css';
|
|
21
23
|
export function ReplyEditorSuggestionsPopupComp(props) {
|
|
22
24
|
const {
|
|
23
25
|
customStyle,
|
|
@@ -67,7 +69,7 @@ export function ReplyEditorSuggestionsPopupComp(props) {
|
|
|
67
69
|
ref: getTargetRef,
|
|
68
70
|
className: newStyle.hiddenTarget,
|
|
69
71
|
style: targetElementStyle
|
|
70
|
-
}))), isPopupOpen ? /*#__PURE__*/React.createElement(DropBox, {
|
|
72
|
+
}))), isPopupOpen ? /*#__PURE__*/React.createElement(DropBox, _extends({
|
|
71
73
|
boxPosition: position,
|
|
72
74
|
customStyle: dummyObject,
|
|
73
75
|
getRef: getContainerRef,
|
|
@@ -78,9 +80,8 @@ export function ReplyEditorSuggestionsPopupComp(props) {
|
|
|
78
80
|
onClick: removeClose,
|
|
79
81
|
portalId: EDITOR_POPUP_PORTAL,
|
|
80
82
|
positionsOffset: positionsOffset,
|
|
81
|
-
size: popupSize
|
|
82
|
-
|
|
83
|
-
}, suggestionElement) : null);
|
|
83
|
+
size: popupSize
|
|
84
|
+
}, dropBoxProps), suggestionElement) : null);
|
|
84
85
|
}
|
|
85
86
|
const ReplyEditorSuggestionsPopup = Popup(ReplyEditorSuggestionsPopupComp, undefined, undefined, {
|
|
86
87
|
isAbsolutePositioningNeeded: false
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default as ReplyEditorSuggestionsPopup } from
|
|
1
|
+
export { default as ReplyEditorSuggestionsPopup } from './ReplyEditorSuggestionsPopup';
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
/** ** Constants *** */
|
|
4
4
|
|
|
5
|
-
import { popupSize, popupPosition } from
|
|
5
|
+
import { popupSize, popupPosition } from '../../../constants/propConstants/popupPropConstants';
|
|
6
6
|
const replyEditorSuggestionsPopupPropTypes = {
|
|
7
7
|
customStyle: PropTypes.object,
|
|
8
8
|
targetPosition: PropTypes.shape({
|
package/es/im/index.js
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from
|
|
3
|
-
export * from
|
|
4
|
-
export * from
|
|
5
|
-
export * from
|
|
6
|
-
export * from
|
|
7
|
-
export * from
|
|
8
|
-
export * from
|
|
9
|
-
export * from
|
|
10
|
-
export * from
|
|
11
|
-
export * from
|
|
12
|
-
export * from
|
|
13
|
-
export * from
|
|
14
|
-
export * from
|
|
15
|
-
export * from
|
|
16
|
-
export * from
|
|
1
|
+
export * from './IMIntegrationIcon';
|
|
2
|
+
export * from './IMMessage';
|
|
3
|
+
export * from './IMPermaLink';
|
|
4
|
+
export * from './IMMessageMeta';
|
|
5
|
+
export * from './IMMessageMetaInfo';
|
|
6
|
+
export * from './IMMessageContent';
|
|
7
|
+
export * from './IMTextBubble';
|
|
8
|
+
export * from './IMReplyBubble';
|
|
9
|
+
export * from './ArticleBubble';
|
|
10
|
+
export * from './IMAttachmentHandler';
|
|
11
|
+
export * from './ReplyComposer';
|
|
12
|
+
export * from './ReplyEditor';
|
|
13
|
+
export * from './ReplyEditorSuggestions';
|
|
14
|
+
export * from './ReplyEditorExtensions';
|
|
15
|
+
export * from './ReplyComposerFooter';
|
|
16
|
+
export * from './ReplyEditorSuggestionsPopup';
|
package/es/index.js
CHANGED
|
@@ -1,43 +1,43 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from
|
|
3
|
-
export * from
|
|
4
|
-
export * from
|
|
5
|
-
export * from
|
|
6
|
-
export * from
|
|
7
|
-
export * from
|
|
8
|
-
export * from
|
|
9
|
-
export * from
|
|
10
|
-
export * from
|
|
11
|
-
export * from
|
|
12
|
-
export * from
|
|
13
|
-
export * from
|
|
14
|
-
export * from
|
|
15
|
-
export * from
|
|
16
|
-
export * from
|
|
17
|
-
export * from
|
|
18
|
-
export * from
|
|
19
|
-
export * from
|
|
20
|
-
export * from
|
|
21
|
-
export * from
|
|
22
|
-
export * from
|
|
23
|
-
export * from
|
|
24
|
-
export * from
|
|
25
|
-
export * from
|
|
26
|
-
export * from
|
|
27
|
-
export * from
|
|
28
|
-
export * from
|
|
29
|
-
export * from
|
|
30
|
-
export * from
|
|
31
|
-
export * from
|
|
32
|
-
export * from
|
|
33
|
-
export * from
|
|
34
|
-
export * from
|
|
35
|
-
export * from
|
|
36
|
-
export * from
|
|
37
|
-
export * from
|
|
38
|
-
export * from
|
|
39
|
-
export * from
|
|
40
|
-
export * from
|
|
1
|
+
export * from './MessageBubble';
|
|
2
|
+
export * from './MessageActionsWrapper';
|
|
3
|
+
export * from './MessageActions';
|
|
4
|
+
export * from './MessageBox';
|
|
5
|
+
export * from './ActionIcon';
|
|
6
|
+
export * from './ActionIconWrapper';
|
|
7
|
+
export * from './MessageActionsMore';
|
|
8
|
+
export * from './MessageAvatar';
|
|
9
|
+
export * from './MoreActionItem';
|
|
10
|
+
export * from './MessageAction';
|
|
11
|
+
export * from './Theme';
|
|
12
|
+
export * from './Message';
|
|
13
|
+
export * from './AudioBubble';
|
|
14
|
+
export * from './AttachmentBubble';
|
|
15
|
+
export * from './AttachmentIcon';
|
|
16
|
+
export * from './VideoBubble';
|
|
17
|
+
export * from './ImageBubble';
|
|
18
|
+
export * from './TextBubble';
|
|
19
|
+
export * from './LocationBubble';
|
|
20
|
+
export * from './AttachmentBubbleInfo';
|
|
21
|
+
export * from './Audio';
|
|
22
|
+
export * from './Video';
|
|
23
|
+
export * from './ReplyBubble';
|
|
24
|
+
export * from './ReplyBubbleHeader';
|
|
25
|
+
export * from './LazyLoadImage';
|
|
26
|
+
export * from './ReplyBubbleContent';
|
|
27
|
+
export * from './MessageStatus';
|
|
28
|
+
export * from './im';
|
|
29
|
+
export * from './Emojis';
|
|
30
|
+
export * from './EmojisList';
|
|
31
|
+
export * from './Emoji';
|
|
32
|
+
export * from './EmojiPopup';
|
|
33
|
+
export * from './EmojisHeader';
|
|
34
|
+
export * from './EmojisFooter';
|
|
35
|
+
export * from './EmojisEmptyState';
|
|
36
|
+
export * from './rte';
|
|
37
|
+
export * from './AttachmentHandler';
|
|
38
|
+
export * from './AttachmentPreview';
|
|
39
|
+
export * from './AttachmentPreviewHeader';
|
|
40
|
+
export * from './AttachmentPreviewBody';
|
|
41
41
|
/** * CONSTANTS ** */
|
|
42
42
|
|
|
43
|
-
export * from
|
|
43
|
+
export * from './constants';
|
package/es/rte/Editor/Editor.js
CHANGED
|
@@ -6,12 +6,12 @@ import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
|
|
|
6
6
|
import useEditor from '@zohoim/chat-components-hooks/es/rte/Editor/useEditor';
|
|
7
7
|
/** ** Constants *** */
|
|
8
8
|
|
|
9
|
-
import editorDefaultProps from
|
|
10
|
-
import editorPropTypes from
|
|
11
|
-
import { defaultEditorURL } from
|
|
9
|
+
import editorDefaultProps from './props/defaultProps';
|
|
10
|
+
import editorPropTypes from './props/propTypes';
|
|
11
|
+
import { defaultEditorURL } from '../../constants';
|
|
12
12
|
/** ** Styles *** */
|
|
13
13
|
|
|
14
|
-
import style from
|
|
14
|
+
import style from './css/Editor.module.css';
|
|
15
15
|
export default function Editor(props) {
|
|
16
16
|
const {
|
|
17
17
|
customStyle,
|
|
File without changes
|
package/es/rte/Editor/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default as Editor } from
|
|
1
|
+
export { default as Editor } from './Editor';
|
|
File without changes
|
|
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
|
|
|
3
3
|
/** ** Constants *** */
|
|
4
4
|
|
|
5
5
|
import { modeConstants } from '@zohoim/chat-components-utils/es/constants/themeConstants';
|
|
6
|
-
import { features, formats, langCode } from
|
|
6
|
+
import { features, formats, langCode } from '../../../constants/propConstants/editorPropConstants';
|
|
7
7
|
const editorPropTypes = {
|
|
8
8
|
id: PropTypes.string.isRequired,
|
|
9
9
|
domId: PropTypes.string,
|
package/es/rte/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from
|
|
1
|
+
export * from './Editor';
|