@zohoim/chat-components 1.1.3-beta.1 → 1.1.4
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 +4 -0
- package/es/ActionIcon/ActionIcon.js +4 -5
- package/es/ActionIconWrapper/ActionIconWrapper.js +5 -1
- package/es/ActionIconWrapper/css/ActionIconWrapper.module.css +2 -2
- package/es/AttachmentBubble/AttachmentBubble.js +8 -9
- package/es/AttachmentBubble/css/AttachmentBubble.module.css +1 -2
- package/es/AttachmentBubbleInfo/css/AttachmentBubbleInfo.module.css +2 -2
- package/es/AttachmentHandler/AttachmentHandler.js +7 -5
- package/es/AttachmentPreview/AttachmentPreview.js +7 -7
- package/es/AttachmentPreviewBody/AttachmentPreviewBody.js +7 -7
- package/es/AttachmentPreviewHeader/AttachmentPreviewHeader.js +7 -7
- package/es/AudioBubble/AudioBubble.js +8 -9
- package/es/Emoji/Emoji.js +5 -1
- package/es/Emoji/css/Emoji.module.css +4 -4
- package/es/Emoji/css/cssJSLogic.js +0 -0
- package/es/Emoji/index.js +0 -0
- package/es/Emoji/props/defaultProps.js +0 -0
- package/es/Emoji/props/propTypes.js +0 -0
- package/es/EmojiPopup/EmojiPopup.js +13 -9
- package/es/EmojiPopup/css/EmojiPopup.module.css +0 -5
- package/es/Emojis/Emojis.js +10 -9
- package/es/Emojis/index.js +0 -0
- package/es/Emojis/props/defaultProps.js +0 -0
- package/es/Emojis/props/propTypes.js +0 -0
- package/es/EmojisEmptyState/EmojisEmptyState.js +0 -0
- package/es/EmojisEmptyState/css/EmojisEmptyState.module.css +0 -0
- package/es/EmojisEmptyState/index.js +0 -0
- package/es/EmojisEmptyState/props/defaultProps.js +0 -0
- package/es/EmojisEmptyState/props/propTypes.js +0 -0
- package/es/EmojisFooter/EmojisFooter.js +4 -5
- package/es/EmojisFooter/css/EmojisFooter.module.css +1 -2
- package/es/EmojisFooter/index.js +0 -0
- package/es/EmojisFooter/props/defaultProps.js +0 -0
- package/es/EmojisFooter/props/propTypes.js +0 -0
- package/es/EmojisHeader/EmojisHeader.js +4 -5
- package/es/EmojisHeader/css/EmojisHeader.module.css +0 -0
- package/es/EmojisHeader/index.js +0 -0
- package/es/EmojisHeader/props/defaultProps.js +0 -0
- package/es/EmojisHeader/props/propTypes.js +0 -0
- package/es/EmojisList/EmojisList.js +6 -6
- package/es/EmojisList/css/EmojisList.module.css +3 -3
- package/es/EmojisList/css/cssJSLogic.js +0 -0
- package/es/EmojisList/index.js +0 -0
- package/es/EmojisList/props/defaultProps.js +0 -0
- package/es/EmojisList/props/propTypes.js +0 -0
- package/es/ImageBubble/css/ImageBubble.module.css +1 -1
- package/es/MediaBubbleWrapper/MediaBubbleWrapper.js +4 -6
- package/es/Message/Message.js +16 -9
- package/es/MessageAction/MessageAction.js +11 -10
- package/es/MessageActions/MessageActions.js +16 -12
- package/es/MessageActions/props/propTypes.js +2 -1
- package/es/MessageActionsWrapper/MessageActionsWrapper.js +4 -5
- package/es/MessageBox/css/MessageBox.module.css +5 -5
- package/es/MessageBubble/MessageBubble.js +20 -4
- package/es/MessageBubble/css/MessageBubble.module.css +3 -3
- package/es/MoreActionItem/MoreActionItem.js +4 -0
- package/es/MoreActionItem/css/MoreActionItem.module.css +2 -2
- package/es/ReplyBubble/ReplyBubble.js +11 -10
- package/es/TextBubble/TextBubble.js +5 -2
- package/es/TextBubble/css/TextBubble.module.css +1 -0
- package/es/Theme/ThemeWrapper.js +4 -6
- package/es/Theme/TooltipWrapper.js +4 -5
- package/es/VideoBubble/VideoBubble.js +8 -9
- package/es/icons/iconSrc/attachments/Audio.js +2 -1
- package/es/icons/iconSrc/attachments/Code.js +2 -1
- package/es/icons/iconSrc/attachments/Image.js +2 -1
- package/es/icons/iconSrc/attachments/Pdf.js +2 -1
- package/es/icons/iconSrc/attachments/Ppt.js +2 -1
- package/es/icons/iconSrc/attachments/Text.js +2 -1
- package/es/icons/iconSrc/attachments/Txt.js +2 -1
- package/es/icons/iconSrc/attachments/Unknown.js +2 -1
- package/es/icons/iconSrc/attachments/Video.js +2 -1
- package/es/icons/iconSrc/attachments/Xls.js +2 -1
- package/es/icons/iconSrc/attachments/Zip.js +2 -1
- package/es/icons/iconSrc/common/AlertTriangle.js +2 -1
- package/es/icons/iconSrc/common/Article.js +2 -1
- package/es/icons/iconSrc/common/Reply.js +2 -1
- package/es/icons/iconSrc/messageStatus/Clock.js +2 -1
- package/es/icons/iconSrc/messageStatus/DoubleTick.js +2 -1
- package/es/icons/iconSrc/messageStatus/Failed.js +2 -1
- package/es/icons/iconSrc/messageStatus/Tick.js +2 -1
- package/es/im/IMAttachmentHandler/IMAttachmentHandler.js +4 -5
- package/es/im/IMIntegrationIcon/css/IMIntegrationIcon.module.css +4 -4
- package/es/im/IMMessage/IMMessage.js +20 -17
- package/es/im/IMMessage/css/IMMessage.module.css +3 -3
- package/es/im/IMMessageContent/IMMessageContent.js +30 -18
- package/es/im/IMMessageMeta/IMMessageMeta.js +4 -5
- package/es/im/IMMessageMeta/css/IMMessageMeta.module.css +3 -3
- package/es/im/IMMessageMetaInfo/css/IMMessageMetaInfo.module.css +2 -2
- package/es/im/IMReplyBubble/IMReplyBubble.js +4 -6
- package/es/im/IMTextBubble/IMTextBubble.js +4 -6
- package/es/im/ReplyComposer/ReplyComposer.js +14 -12
- package/es/im/ReplyEditor/ReplyEditor.js +4 -5
- package/es/im/ReplyEditor/css/ReplyEditor.module.css +4 -0
- package/es/im/ReplyEditorExtensions/ReplyEditorExtensions.js +12 -11
- package/es/im/ReplyEditorSuggestions/ReplyEditorSuggestions.js +9 -8
- package/es/im/ReplyEditorSuggestionsPopup/ReplyEditorSuggestionsPopup.js +4 -5
- package/es/rte/Editor/css/Editor.module.css +0 -0
- package/es/rte/Editor/index.js +0 -0
- package/es/rte/Editor/props/defaultProps.js +0 -0
- package/es/rte/Editor/props/propTypes.js +0 -0
- package/package.json +27 -45
- package/lib/ActionIcon/ActionIcon.js +0 -97
- package/lib/ActionIcon/css/ActionIcon.module.css +0 -8
- package/lib/ActionIcon/index.js +0 -15
- package/lib/ActionIcon/props/defaultProps.js +0 -17
- package/lib/ActionIcon/props/propTypes.js +0 -30
- package/lib/ActionIconWrapper/ActionIconWrapper.js +0 -81
- package/lib/ActionIconWrapper/css/ActionIconWrapper.module.css +0 -32
- package/lib/ActionIconWrapper/css/cssJSLogic.js +0 -21
- package/lib/ActionIconWrapper/index.js +0 -15
- package/lib/ActionIconWrapper/props/defaultProps.js +0 -15
- package/lib/ActionIconWrapper/props/propTypes.js +0 -24
- package/lib/AttachmentBubble/AttachmentBubble.js +0 -93
- package/lib/AttachmentBubble/css/AttachmentBubble.module.css +0 -56
- package/lib/AttachmentBubble/css/cssJSLogic.js +0 -22
- package/lib/AttachmentBubble/index.js +0 -15
- package/lib/AttachmentBubble/props/defaultProps.js +0 -17
- package/lib/AttachmentBubble/props/propTypes.js +0 -30
- package/lib/AttachmentBubbleInfo/AttachmentBubbleInfo.js +0 -63
- package/lib/AttachmentBubbleInfo/css/AttachmentBubbleInfo.module.css +0 -39
- package/lib/AttachmentBubbleInfo/css/cssJSLogic.js +0 -20
- package/lib/AttachmentBubbleInfo/index.js +0 -15
- package/lib/AttachmentBubbleInfo/props/defaultProps.js +0 -15
- package/lib/AttachmentBubbleInfo/props/propTypes.js +0 -20
- package/lib/AttachmentHandler/AttachmentHandler.js +0 -101
- package/lib/AttachmentHandler/css/AttachmentHandler.module.css +0 -27
- package/lib/AttachmentHandler/index.js +0 -15
- package/lib/AttachmentHandler/props/defaultProps.js +0 -19
- package/lib/AttachmentHandler/props/propTypes.js +0 -28
- package/lib/AttachmentIcon/AttachmentIcon.js +0 -84
- package/lib/AttachmentIcon/css/AttachmentIcon.module.css +0 -8
- package/lib/AttachmentIcon/css/cssJSLogic.js +0 -20
- package/lib/AttachmentIcon/index.js +0 -15
- package/lib/AttachmentIcon/props/defaultProps.js +0 -17
- package/lib/AttachmentIcon/props/propTypes.js +0 -31
- package/lib/AttachmentIcon/utils/getAttachmentIconComponent.js +0 -78
- package/lib/AttachmentPreview/AttachmentPreview.js +0 -144
- package/lib/AttachmentPreview/css/AttachmentPreview.module.css +0 -39
- package/lib/AttachmentPreview/index.js +0 -15
- package/lib/AttachmentPreview/props/defaultProps.js +0 -18
- package/lib/AttachmentPreview/props/propTypes.js +0 -44
- package/lib/AttachmentPreviewBody/AttachmentPreviewBody.js +0 -120
- package/lib/AttachmentPreviewBody/css/AttachmentPreviewBody.module.css +0 -71
- package/lib/AttachmentPreviewBody/index.js +0 -15
- package/lib/AttachmentPreviewBody/props/defaultProps.js +0 -16
- package/lib/AttachmentPreviewBody/props/propTypes.js +0 -31
- package/lib/AttachmentPreviewHeader/AttachmentPreviewHeader.js +0 -94
- package/lib/AttachmentPreviewHeader/css/AttachmentPreviewHeader.module.css +0 -47
- package/lib/AttachmentPreviewHeader/index.js +0 -15
- package/lib/AttachmentPreviewHeader/props/defaultProps.js +0 -16
- package/lib/AttachmentPreviewHeader/props/propTypes.js +0 -27
- package/lib/Audio/Audio.js +0 -55
- package/lib/Audio/css/Audio.module.css +0 -7
- package/lib/Audio/index.js +0 -15
- package/lib/Audio/props/defaultProps.js +0 -15
- package/lib/Audio/props/propTypes.js +0 -19
- package/lib/AudioBubble/AudioBubble.js +0 -68
- package/lib/AudioBubble/css/AudioBubble.module.css +0 -4
- package/lib/AudioBubble/index.js +0 -15
- package/lib/AudioBubble/props/defaultProps.js +0 -16
- package/lib/AudioBubble/props/propTypes.js +0 -27
- package/lib/Emoji/Emoji.js +0 -87
- package/lib/Emoji/css/Emoji.module.css +0 -48
- package/lib/Emoji/css/cssJSLogic.js +0 -22
- package/lib/Emoji/index.js +0 -15
- package/lib/Emoji/props/defaultProps.js +0 -17
- package/lib/Emoji/props/propTypes.js +0 -27
- package/lib/EmojiPopup/EmojiPopup.js +0 -135
- package/lib/EmojiPopup/css/EmojiPopup.module.css +0 -55
- package/lib/EmojiPopup/index.js +0 -15
- package/lib/EmojiPopup/props/defaultProps.js +0 -20
- package/lib/EmojiPopup/props/propTypes.js +0 -33
- package/lib/Emojis/Emojis.js +0 -92
- package/lib/Emojis/index.js +0 -15
- package/lib/Emojis/props/defaultProps.js +0 -19
- package/lib/Emojis/props/propTypes.js +0 -31
- package/lib/EmojisEmptyState/EmojisEmptyState.js +0 -74
- package/lib/EmojisEmptyState/css/EmojisEmptyState.module.css +0 -18
- package/lib/EmojisEmptyState/index.js +0 -15
- package/lib/EmojisEmptyState/props/defaultProps.js +0 -18
- package/lib/EmojisEmptyState/props/propTypes.js +0 -19
- package/lib/EmojisFooter/EmojisFooter.js +0 -87
- package/lib/EmojisFooter/css/EmojisFooter.module.css +0 -40
- package/lib/EmojisFooter/index.js +0 -15
- package/lib/EmojisFooter/props/defaultProps.js +0 -16
- package/lib/EmojisFooter/props/propTypes.js +0 -23
- package/lib/EmojisHeader/EmojisHeader.js +0 -74
- package/lib/EmojisHeader/css/EmojisHeader.module.css +0 -36
- package/lib/EmojisHeader/index.js +0 -15
- package/lib/EmojisHeader/props/defaultProps.js +0 -17
- package/lib/EmojisHeader/props/propTypes.js +0 -24
- package/lib/EmojisList/EmojisList.js +0 -143
- package/lib/EmojisList/css/EmojisList.module.css +0 -50
- package/lib/EmojisList/css/cssJSLogic.js +0 -27
- package/lib/EmojisList/index.js +0 -15
- package/lib/EmojisList/props/defaultProps.js +0 -19
- package/lib/EmojisList/props/propTypes.js +0 -31
- package/lib/Fonts/puviFont.module.css +0 -62
- package/lib/ImageBubble/ImageBubble.js +0 -98
- package/lib/ImageBubble/css/ImageBubble.module.css +0 -63
- package/lib/ImageBubble/css/cssJSLogic.js +0 -21
- package/lib/ImageBubble/index.js +0 -15
- package/lib/ImageBubble/props/defaultProps.js +0 -15
- package/lib/ImageBubble/props/propTypes.js +0 -24
- package/lib/LazyLoadImage/LazyLoadImage.js +0 -54
- package/lib/LazyLoadImage/css/LazyLoadImage.module.css +0 -5
- package/lib/LazyLoadImage/index.js +0 -15
- package/lib/LazyLoadImage/props/defaultProps.js +0 -15
- package/lib/LazyLoadImage/props/propTypes.js +0 -19
- package/lib/LocationBubble/LocationBubble.js +0 -77
- package/lib/LocationBubble/css/LocationBubble.module.css +0 -57
- package/lib/LocationBubble/css/cssJSLogic.js +0 -20
- package/lib/LocationBubble/images/location.png +0 -0
- package/lib/LocationBubble/index.js +0 -15
- package/lib/LocationBubble/props/defaultProps.js +0 -15
- package/lib/LocationBubble/props/propTypes.js +0 -19
- package/lib/MediaBubbleWrapper/MediaBubbleWrapper.js +0 -76
- package/lib/MediaBubbleWrapper/css/MediaBubbleWrapper.module.css +0 -7
- package/lib/MediaBubbleWrapper/index.js +0 -15
- package/lib/MediaBubbleWrapper/props/defaultProps.js +0 -16
- package/lib/MediaBubbleWrapper/props/propTypes.js +0 -28
- package/lib/Message/Message.js +0 -157
- package/lib/Message/index.js +0 -15
- package/lib/Message/props/defaultProps.js +0 -22
- package/lib/Message/props/propTypes.js +0 -55
- package/lib/MessageAction/MessageAction.js +0 -77
- package/lib/MessageAction/index.js +0 -15
- package/lib/MessageAction/props/defaultProps.js +0 -17
- package/lib/MessageAction/props/propTypes.js +0 -34
- package/lib/MessageActions/MessageActions.js +0 -135
- package/lib/MessageActions/css/MessageActions.module.css +0 -24
- package/lib/MessageActions/index.js +0 -15
- package/lib/MessageActions/props/defaultProps.js +0 -20
- package/lib/MessageActions/props/propTypes.js +0 -38
- package/lib/MessageActionsMore/MessageActionsMore.js +0 -128
- package/lib/MessageActionsMore/css/MessageActionsMore.module.css +0 -24
- package/lib/MessageActionsMore/index.js +0 -15
- package/lib/MessageActionsMore/props/defaultProps.js +0 -18
- package/lib/MessageActionsMore/props/propTypes.js +0 -29
- package/lib/MessageActionsWrapper/MessageActionsWrapper.js +0 -91
- package/lib/MessageActionsWrapper/css/MessageActionsWrapper.module.css +0 -7
- package/lib/MessageActionsWrapper/index.js +0 -15
- package/lib/MessageActionsWrapper/props/defaultProps.js +0 -19
- package/lib/MessageActionsWrapper/props/propTypes.js +0 -27
- package/lib/MessageAvatar/MessageAvatar.js +0 -64
- package/lib/MessageAvatar/css/MessageAvatar.module.css +0 -23
- package/lib/MessageAvatar/index.js +0 -15
- package/lib/MessageAvatar/props/defaultProps.js +0 -16
- package/lib/MessageAvatar/props/propTypes.js +0 -24
- package/lib/MessageBox/MessageBox.js +0 -82
- package/lib/MessageBox/css/MessageBox.module.css +0 -56
- package/lib/MessageBox/css/cssJSLogic.js +0 -22
- package/lib/MessageBox/index.js +0 -15
- package/lib/MessageBox/props/defaultProps.js +0 -15
- package/lib/MessageBox/props/propTypes.js +0 -24
- package/lib/MessageBubble/MessageBubble.js +0 -153
- package/lib/MessageBubble/css/MessageBubble.module.css +0 -101
- package/lib/MessageBubble/css/cssJSLogic.js +0 -38
- package/lib/MessageBubble/index.js +0 -15
- package/lib/MessageBubble/props/defaultProps.js +0 -22
- package/lib/MessageBubble/props/propTypes.js +0 -30
- package/lib/MessageStatus/MessageStatus.js +0 -88
- package/lib/MessageStatus/css/MessageStatus.module.css +0 -17
- package/lib/MessageStatus/css/cssJSLogic.js +0 -33
- package/lib/MessageStatus/index.js +0 -15
- package/lib/MessageStatus/props/defaultProps.js +0 -15
- package/lib/MessageStatus/props/propTypes.js +0 -24
- package/lib/MoreActionItem/MoreActionItem.js +0 -94
- package/lib/MoreActionItem/css/MoreActionItem.module.css +0 -27
- package/lib/MoreActionItem/index.js +0 -15
- package/lib/MoreActionItem/props/defaultProps.js +0 -16
- package/lib/MoreActionItem/props/propTypes.js +0 -25
- package/lib/ReplyBubble/ReplyBubble.js +0 -136
- package/lib/ReplyBubble/css/ReplyBubble.module.css +0 -23
- package/lib/ReplyBubble/css/cssJSLogic.js +0 -20
- package/lib/ReplyBubble/index.js +0 -15
- package/lib/ReplyBubble/props/defaultProps.js +0 -17
- package/lib/ReplyBubble/props/propTypes.js +0 -39
- package/lib/ReplyBubbleContent/ReplyBubbleContent.js +0 -77
- package/lib/ReplyBubbleContent/css/ReplyBubbleContent.module.css +0 -75
- package/lib/ReplyBubbleContent/css/cssJSLogic.js +0 -20
- package/lib/ReplyBubbleContent/index.js +0 -15
- package/lib/ReplyBubbleContent/props/defaultProps.js +0 -15
- package/lib/ReplyBubbleContent/props/propTypes.js +0 -22
- package/lib/ReplyBubbleHeader/ReplyBubbleHeader.js +0 -97
- package/lib/ReplyBubbleHeader/css/ReplyBubbleHeader.module.css +0 -44
- package/lib/ReplyBubbleHeader/css/cssJSLogic.js +0 -18
- package/lib/ReplyBubbleHeader/index.js +0 -15
- package/lib/ReplyBubbleHeader/props/defaultProps.js +0 -16
- package/lib/ReplyBubbleHeader/props/propTypes.js +0 -24
- package/lib/TextBubble/TextBubble.js +0 -69
- package/lib/TextBubble/css/TextBubble.module.css +0 -35
- package/lib/TextBubble/css/cssJSLogic.js +0 -22
- package/lib/TextBubble/index.js +0 -15
- package/lib/TextBubble/props/defaultProps.js +0 -15
- package/lib/TextBubble/props/propTypes.js +0 -21
- package/lib/Theme/ThemeAssets.js +0 -182
- package/lib/Theme/ThemeWrapper.js +0 -130
- package/lib/Theme/TooltipWrapper.js +0 -97
- package/lib/Theme/css/TooltipWrapper.module.css +0 -10
- package/lib/Theme/index.js +0 -15
- package/lib/Theme/props/defaultProps.js +0 -20
- package/lib/Theme/props/propTypes.js +0 -26
- package/lib/Theme/utils/combineConfigurations.js +0 -31
- package/lib/Theme/utils/flatVariables.js +0 -21
- package/lib/Theme/utils/getCustomizedCssVariables.js +0 -29
- package/lib/Theme/utils/getThemeConfigurations.js +0 -28
- package/lib/Theme/utils/getWrapperDivProps.js +0 -23
- package/lib/Video/Video.js +0 -55
- package/lib/Video/css/Video.module.css +0 -5
- package/lib/Video/index.js +0 -15
- package/lib/Video/props/defaultProps.js +0 -15
- package/lib/Video/props/propTypes.js +0 -19
- package/lib/VideoBubble/VideoBubble.js +0 -77
- package/lib/VideoBubble/css/VideoBubble.module.css +0 -12
- package/lib/VideoBubble/css/cssJSLogic.js +0 -20
- package/lib/VideoBubble/index.js +0 -15
- package/lib/VideoBubble/props/defaultProps.js +0 -16
- package/lib/VideoBubble/props/propTypes.js +0 -28
- package/lib/constants/index.js +0 -18
- package/lib/constants/propConstants/editorPropConstants.js +0 -12
- package/lib/constants/propConstants/popupPropConstants.js +0 -10
- package/lib/css/common.module.css +0 -6
- package/lib/icons/create-icon-components.js +0 -199
- package/lib/icons/factory/attachments/audio.svg +0 -19
- package/lib/icons/factory/attachments/code.svg +0 -21
- package/lib/icons/factory/attachments/image.svg +0 -20
- package/lib/icons/factory/attachments/pdf.svg +0 -19
- package/lib/icons/factory/attachments/ppt.svg +0 -1
- package/lib/icons/factory/attachments/text.svg +0 -22
- package/lib/icons/factory/attachments/unknown.svg +0 -21
- package/lib/icons/factory/attachments/video.svg +0 -19
- package/lib/icons/factory/attachments/xls.svg +0 -1
- package/lib/icons/factory/attachments/zip.svg +0 -27
- package/lib/icons/factory/common/alertTriangle.svg +0 -5
- package/lib/icons/factory/common/article.svg +0 -4
- package/lib/icons/factory/common/reply.svg +0 -6
- package/lib/icons/factory/messageStatus/clock.svg +0 -7
- package/lib/icons/factory/messageStatus/doubleTick.svg +0 -1
- package/lib/icons/factory/messageStatus/failed.svg +0 -7
- package/lib/icons/factory/messageStatus/tick.svg +0 -1
- package/lib/icons/icon.template.js +0 -18
- package/lib/icons/iconSrc/attachments/Audio.js +0 -41
- package/lib/icons/iconSrc/attachments/Code.js +0 -47
- package/lib/icons/iconSrc/attachments/Image.js +0 -46
- package/lib/icons/iconSrc/attachments/Pdf.js +0 -41
- package/lib/icons/iconSrc/attachments/Ppt.js +0 -38
- package/lib/icons/iconSrc/attachments/Text.js +0 -50
- package/lib/icons/iconSrc/attachments/Txt.js +0 -50
- package/lib/icons/iconSrc/attachments/Unknown.js +0 -44
- package/lib/icons/iconSrc/attachments/Video.js +0 -41
- package/lib/icons/iconSrc/attachments/Xls.js +0 -38
- package/lib/icons/iconSrc/attachments/Zip.js +0 -89
- package/lib/icons/iconSrc/attachments/index.js +0 -87
- package/lib/icons/iconSrc/common/AlertTriangle.js +0 -35
- package/lib/icons/iconSrc/common/Article.js +0 -29
- package/lib/icons/iconSrc/common/Reply.js +0 -25
- package/lib/icons/iconSrc/common/index.js +0 -31
- package/lib/icons/iconSrc/messageStatus/Clock.js +0 -26
- package/lib/icons/iconSrc/messageStatus/DoubleTick.js +0 -28
- package/lib/icons/iconSrc/messageStatus/Failed.js +0 -26
- package/lib/icons/iconSrc/messageStatus/Tick.js +0 -25
- package/lib/icons/iconSrc/messageStatus/index.js +0 -39
- package/lib/im/ArticleBubble/ArticleBubble.js +0 -104
- package/lib/im/ArticleBubble/css/ArticleBubble.module.css +0 -75
- package/lib/im/ArticleBubble/css/cssJSLogic.js +0 -18
- package/lib/im/ArticleBubble/index.js +0 -15
- package/lib/im/ArticleBubble/props/defaultProps.js +0 -15
- package/lib/im/ArticleBubble/props/propTypes.js +0 -25
- package/lib/im/IMAttachmentHandler/IMAttachmentHandler.js +0 -59
- package/lib/im/IMAttachmentHandler/index.js +0 -15
- package/lib/im/IMAttachmentHandler/props/defaultProps.js +0 -19
- package/lib/im/IMAttachmentHandler/props/propTypes.js +0 -38
- package/lib/im/IMIntegrationIcon/IMIntegrationIcon.js +0 -82
- package/lib/im/IMIntegrationIcon/css/IMIntegrationIcon.module.css +0 -72
- package/lib/im/IMIntegrationIcon/css/cssJSLogic.js +0 -48
- package/lib/im/IMIntegrationIcon/index.js +0 -15
- package/lib/im/IMIntegrationIcon/props/defaultProps.js +0 -21
- package/lib/im/IMIntegrationIcon/props/propTypes.js +0 -27
- package/lib/im/IMMessage/IMMessage.js +0 -223
- package/lib/im/IMMessage/css/IMMessage.module.css +0 -36
- package/lib/im/IMMessage/css/cssJSLogic.js +0 -21
- package/lib/im/IMMessage/index.js +0 -15
- package/lib/im/IMMessage/props/defaultProps.js +0 -25
- package/lib/im/IMMessage/props/propTypes.js +0 -118
- package/lib/im/IMMessageContent/IMMessageContent.js +0 -149
- package/lib/im/IMMessageContent/css/IMMessageContent.module.css +0 -8
- package/lib/im/IMMessageContent/index.js +0 -15
- package/lib/im/IMMessageContent/props/defaultProps.js +0 -18
- package/lib/im/IMMessageContent/props/propTypes.js +0 -65
- package/lib/im/IMMessageMeta/IMMessageMeta.js +0 -79
- package/lib/im/IMMessageMeta/css/IMMessageMeta.module.css +0 -46
- package/lib/im/IMMessageMeta/css/cssJSLogic.js +0 -35
- package/lib/im/IMMessageMeta/index.js +0 -15
- package/lib/im/IMMessageMeta/props/defaultProps.js +0 -21
- package/lib/im/IMMessageMeta/props/propTypes.js +0 -44
- package/lib/im/IMMessageMetaInfo/IMMessageMetaInfo.js +0 -42
- package/lib/im/IMMessageMetaInfo/css/IMMessageMetaInfo.module.css +0 -14
- package/lib/im/IMMessageMetaInfo/index.js +0 -15
- package/lib/im/IMMessageMetaInfo/props/defaultProps.js +0 -17
- package/lib/im/IMMessageMetaInfo/props/propTypes.js +0 -19
- package/lib/im/IMPermaLink/IMPermaLink.js +0 -64
- package/lib/im/IMPermaLink/css/IMPermaLink.module.css +0 -14
- package/lib/im/IMPermaLink/css/cssJSLogic.js +0 -20
- package/lib/im/IMPermaLink/index.js +0 -15
- package/lib/im/IMPermaLink/props/defaultProps.js +0 -15
- package/lib/im/IMPermaLink/props/propTypes.js +0 -22
- package/lib/im/IMReplyBubble/IMReplyBubble.js +0 -59
- package/lib/im/IMReplyBubble/index.js +0 -15
- package/lib/im/IMReplyBubble/props/defaultProps.js +0 -16
- package/lib/im/IMReplyBubble/props/propTypes.js +0 -40
- package/lib/im/IMTextBubble/IMTextBubble.js +0 -47
- package/lib/im/IMTextBubble/index.js +0 -15
- package/lib/im/IMTextBubble/props/defaultProps.js +0 -18
- package/lib/im/IMTextBubble/props/propTypes.js +0 -42
- package/lib/im/ReplyComposer/ReplyComposer.js +0 -176
- package/lib/im/ReplyComposer/css/ReplyComposer.module.css +0 -10
- package/lib/im/ReplyComposer/css/cssJSLogic.js +0 -18
- package/lib/im/ReplyComposer/index.js +0 -15
- package/lib/im/ReplyComposer/props/defaultProps.js +0 -16
- package/lib/im/ReplyComposer/props/propTypes.js +0 -72
- package/lib/im/ReplyComposerFooter/ReplyComposerFooter.js +0 -64
- package/lib/im/ReplyComposerFooter/css/ReplyComposerFooter.module.css +0 -10
- package/lib/im/ReplyComposerFooter/index.js +0 -15
- package/lib/im/ReplyComposerFooter/props/defaultProps.js +0 -17
- package/lib/im/ReplyComposerFooter/props/propTypes.js +0 -28
- package/lib/im/ReplyEditor/ReplyEditor.js +0 -124
- package/lib/im/ReplyEditor/css/ReplyEditor.module.css +0 -50
- package/lib/im/ReplyEditor/css/cssJSLogic.js +0 -17
- package/lib/im/ReplyEditor/index.js +0 -15
- package/lib/im/ReplyEditor/props/defaultProps.js +0 -17
- package/lib/im/ReplyEditor/props/propTypes.js +0 -39
- package/lib/im/ReplyEditorExtensions/ReplyEditorExtensions.js +0 -160
- package/lib/im/ReplyEditorExtensions/css/ReplyEditorExtensions.module.css +0 -5
- package/lib/im/ReplyEditorExtensions/index.js +0 -15
- package/lib/im/ReplyEditorExtensions/props/defaultProps.js +0 -15
- package/lib/im/ReplyEditorExtensions/props/propTypes.js +0 -27
- package/lib/im/ReplyEditorSuggestions/ReplyEditorSuggestions.js +0 -119
- package/lib/im/ReplyEditorSuggestions/css/ReplyEditorSuggestions.module.css +0 -8
- package/lib/im/ReplyEditorSuggestions/index.js +0 -15
- package/lib/im/ReplyEditorSuggestions/props/defaultProps.js +0 -15
- package/lib/im/ReplyEditorSuggestions/props/propTypes.js +0 -32
- package/lib/im/ReplyEditorSuggestionsPopup/ReplyEditorSuggestionsPopup.js +0 -107
- package/lib/im/ReplyEditorSuggestionsPopup/css/ReplyEditorSuggestionsPopup.module.css +0 -7
- package/lib/im/ReplyEditorSuggestionsPopup/index.js +0 -15
- package/lib/im/ReplyEditorSuggestionsPopup/props/defaultProps.js +0 -19
- package/lib/im/ReplyEditorSuggestionsPopup/props/propTypes.js +0 -33
- package/lib/im/css/common.module.css +0 -6
- package/lib/im/index.js +0 -213
- package/lib/rte/Editor/Editor.js +0 -97
- package/lib/rte/Editor/css/Editor.module.css +0 -17
- package/lib/rte/Editor/index.js +0 -15
- package/lib/rte/Editor/props/defaultProps.js +0 -30
- package/lib/rte/Editor/props/propTypes.js +0 -74
- package/lib/rte/index.js +0 -18
|
@@ -1,87 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports["default"] = EmojisFooter;
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
|
-
var _Layout = require("@zohodesk/components/es/Layout");
|
|
13
|
-
|
|
14
|
-
var _Emoji = _interopRequireDefault(require("../Emoji/Emoji"));
|
|
15
|
-
|
|
16
|
-
var _useMergeStyle = _interopRequireDefault(require("@zohodesk/hooks/es/utils/useMergeStyle"));
|
|
17
|
-
|
|
18
|
-
var _emptyConstants = require("@zohoim/chat-components-utils/es/constants/emptyConstants");
|
|
19
|
-
|
|
20
|
-
var _defaultProps = _interopRequireDefault(require("./props/defaultProps"));
|
|
21
|
-
|
|
22
|
-
var _propTypes = _interopRequireDefault(require("./props/propTypes"));
|
|
23
|
-
|
|
24
|
-
var _EmojisFooterModule = _interopRequireDefault(require("./css/EmojisFooter.module.css"));
|
|
25
|
-
|
|
26
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
27
|
-
|
|
28
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
29
|
-
|
|
30
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
31
|
-
|
|
32
|
-
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); }
|
|
33
|
-
|
|
34
|
-
var capitalize = function capitalize() {
|
|
35
|
-
var str = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
36
|
-
return str.charAt(0).toUpperCase() + str.slice(1).toLowerCase();
|
|
37
|
-
};
|
|
38
|
-
|
|
39
|
-
function EmojisFooter(props) {
|
|
40
|
-
var customStyle = props.customStyle,
|
|
41
|
-
customProps = props.customProps,
|
|
42
|
-
_props$emojisList = props.emojisList,
|
|
43
|
-
emojisList = _props$emojisList === void 0 ? _emptyConstants.dummyObject : _props$emojisList,
|
|
44
|
-
onSelect = props.onSelect,
|
|
45
|
-
selectedTab = props.selectedTab;
|
|
46
|
-
|
|
47
|
-
var _ref = customProps || _emptyConstants.dummyObject,
|
|
48
|
-
_ref$emojiProps = _ref.emojiProps,
|
|
49
|
-
emojiProps = _ref$emojiProps === void 0 ? _emptyConstants.dummyObject : _ref$emojiProps;
|
|
50
|
-
/* External customization */
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
var newStyle = (0, _useMergeStyle["default"])(_EmojisFooterModule["default"], customStyle);
|
|
54
|
-
var emojiCustomStyle = (0, _react.useMemo)(function () {
|
|
55
|
-
return {
|
|
56
|
-
emoji: newStyle.emoji
|
|
57
|
-
};
|
|
58
|
-
}, [newStyle.emoji]);
|
|
59
|
-
return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
|
|
60
|
-
alignBox: "row",
|
|
61
|
-
className: newStyle.footerTab,
|
|
62
|
-
isCover: false
|
|
63
|
-
}, Object.keys(emojisList).map(function (groupName) {
|
|
64
|
-
var emojis = emojisList[groupName];
|
|
65
|
-
var emojiName = Object.keys(emojis)[0];
|
|
66
|
-
var emoji = emojis[emojiName];
|
|
67
|
-
var id = "emoji_".concat(emojiName);
|
|
68
|
-
return /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
|
|
69
|
-
key: id,
|
|
70
|
-
className: newStyle.tabIcon,
|
|
71
|
-
flexible: true
|
|
72
|
-
}, /*#__PURE__*/_react["default"].createElement(_Emoji["default"], _extends({
|
|
73
|
-
customStyle: emojiCustomStyle,
|
|
74
|
-
customTitle: capitalize(groupName),
|
|
75
|
-
emoji: emoji,
|
|
76
|
-
emojiName: emojiName,
|
|
77
|
-
id: groupName,
|
|
78
|
-
onSelect: onSelect
|
|
79
|
-
}, emojiProps)), selectedTab === groupName ? /*#__PURE__*/_react["default"].createElement("span", {
|
|
80
|
-
className: newStyle.tabLine
|
|
81
|
-
}) : null);
|
|
82
|
-
}));
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
EmojisFooter.propTypes = _propTypes["default"];
|
|
86
|
-
EmojisFooter.defaultProps = _defaultProps["default"];
|
|
87
|
-
EmojisFooter.displayName = 'EmojisFooter';
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
.footerTab {
|
|
2
|
-
position: relative;
|
|
3
|
-
border-top: 1px solid var(--imlib_chat_components_common_border);
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
.tabIcon {
|
|
7
|
-
/* padding: var(--zd_size10) var(--zd_size16); */
|
|
8
|
-
position: relative;
|
|
9
|
-
height: var(--zd_size35) ;
|
|
10
|
-
display: flex;
|
|
11
|
-
align-items: center;
|
|
12
|
-
justify-content: center;
|
|
13
|
-
text-align: center;
|
|
14
|
-
padding: 1% ;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
.tabLine {
|
|
18
|
-
display: inline-block;
|
|
19
|
-
position: absolute;
|
|
20
|
-
top: 0 ;
|
|
21
|
-
height: var(--zd_size2) ;
|
|
22
|
-
transition: 0.3s ease;
|
|
23
|
-
width: 100% ;
|
|
24
|
-
background-color: var(--imlib_chat_components_emoji_tab_line_color);
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
[dir=ltr] .tabLine {
|
|
28
|
-
left: 0 ;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
[dir=rtl] .tabLine {
|
|
32
|
-
right: 0 ;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
.emoji {
|
|
36
|
-
width: auto ;
|
|
37
|
-
height: auto ;
|
|
38
|
-
margin: 0 ;
|
|
39
|
-
padding: 8% ;
|
|
40
|
-
}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "EmojisFooter", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function get() {
|
|
9
|
-
return _EmojisFooter["default"];
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
|
|
13
|
-
var _EmojisFooter = _interopRequireDefault(require("./EmojisFooter"));
|
|
14
|
-
|
|
15
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
|
|
8
|
-
var _emptyConstants = require("@zohoim/chat-components-utils/es/constants/emptyConstants");
|
|
9
|
-
|
|
10
|
-
/** ** Constants *** */
|
|
11
|
-
var emojisFooterDefaultProps = {
|
|
12
|
-
customStyle: _emptyConstants.dummyObject,
|
|
13
|
-
customProps: _emptyConstants.dummyObject
|
|
14
|
-
};
|
|
15
|
-
var _default = emojisFooterDefaultProps;
|
|
16
|
-
exports["default"] = _default;
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
|
|
8
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
-
|
|
12
|
-
/** ** Libraries *** */
|
|
13
|
-
var emojisFooterPropTypes = {
|
|
14
|
-
customStyle: _propTypes["default"].object,
|
|
15
|
-
customProps: _propTypes["default"].shape({
|
|
16
|
-
emojiProps: _propTypes["default"].object
|
|
17
|
-
}),
|
|
18
|
-
emojisList: _propTypes["default"].object.isRequired,
|
|
19
|
-
onSelect: _propTypes["default"].func,
|
|
20
|
-
selectedTab: _propTypes["default"].string
|
|
21
|
-
};
|
|
22
|
-
var _default = emojisFooterPropTypes;
|
|
23
|
-
exports["default"] = _default;
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = EmojisHeader;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
|
-
var _Layout = require("@zohodesk/components/es/Layout");
|
|
11
|
-
|
|
12
|
-
var _Icon = _interopRequireDefault(require("@zohodesk/icons/es/Icon"));
|
|
13
|
-
|
|
14
|
-
var _TextBox = _interopRequireDefault(require("@zohodesk/components/es/TextBox/TextBox"));
|
|
15
|
-
|
|
16
|
-
var _useMergeStyle = _interopRequireDefault(require("@zohodesk/hooks/es/utils/useMergeStyle"));
|
|
17
|
-
|
|
18
|
-
var _emptyConstants = require("@zohoim/chat-components-utils/es/constants/emptyConstants");
|
|
19
|
-
|
|
20
|
-
var _defaultProps = _interopRequireDefault(require("./props/defaultProps"));
|
|
21
|
-
|
|
22
|
-
var _propTypes = _interopRequireDefault(require("./props/propTypes"));
|
|
23
|
-
|
|
24
|
-
var _EmojisHeaderModule = _interopRequireDefault(require("./css/EmojisHeader.module.css"));
|
|
25
|
-
|
|
26
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
27
|
-
|
|
28
|
-
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); }
|
|
29
|
-
|
|
30
|
-
function EmojisHeader(props) {
|
|
31
|
-
var customStyle = props.customStyle,
|
|
32
|
-
_props$customProps = props.customProps,
|
|
33
|
-
customProps = _props$customProps === void 0 ? _emptyConstants.dummyObject : _props$customProps,
|
|
34
|
-
searchString = props.searchString,
|
|
35
|
-
getRef = props.getRef,
|
|
36
|
-
onChange = props.onChange,
|
|
37
|
-
searchPlaceHolder = props.searchPlaceHolder;
|
|
38
|
-
var _customProps$textBoxP = customProps.textBoxProps,
|
|
39
|
-
textBoxProps = _customProps$textBoxP === void 0 ? _emptyConstants.dummyObject : _customProps$textBoxP;
|
|
40
|
-
/* External customization */
|
|
41
|
-
|
|
42
|
-
var newStyle = (0, _useMergeStyle["default"])(_EmojisHeaderModule["default"], customStyle);
|
|
43
|
-
return /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
|
|
44
|
-
className: newStyle.container
|
|
45
|
-
}, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
|
|
46
|
-
align: "vertical",
|
|
47
|
-
alignBox: "row",
|
|
48
|
-
className: newStyle.emojisSearch
|
|
49
|
-
}, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
|
|
50
|
-
className: newStyle.searchIcon
|
|
51
|
-
}, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
|
|
52
|
-
name: "ZD-search",
|
|
53
|
-
size: "13"
|
|
54
|
-
})), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
|
|
55
|
-
flexible: true
|
|
56
|
-
}, /*#__PURE__*/_react["default"].createElement(_TextBox["default"], _extends({
|
|
57
|
-
customClass: newStyle.searchInput,
|
|
58
|
-
inputRef: getRef,
|
|
59
|
-
isDisabled: false,
|
|
60
|
-
isReadOnly: false,
|
|
61
|
-
name: "emojiSearch",
|
|
62
|
-
needBorder: false,
|
|
63
|
-
onChange: onChange,
|
|
64
|
-
placeHolder: searchPlaceHolder,
|
|
65
|
-
size: "medium",
|
|
66
|
-
type: "text",
|
|
67
|
-
value: searchString,
|
|
68
|
-
variant: "default"
|
|
69
|
-
}, textBoxProps)))));
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
EmojisHeader.propTypes = _propTypes["default"];
|
|
73
|
-
EmojisHeader.defaultProps = _defaultProps["default"];
|
|
74
|
-
EmojisHeader.displayName = 'EmojisHeader';
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
.container {
|
|
2
|
-
padding: var(--zd_size10) ;
|
|
3
|
-
border-bottom: 1px solid var(--imlib_chat_components_common_border);
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
.emojisSearch {
|
|
7
|
-
position: relative;
|
|
8
|
-
background-color: var(--imlib_chat_components_emoji_popup_search_bg);
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
.searchInput {
|
|
12
|
-
box-sizing: border-box;
|
|
13
|
-
min-height: var(--zd_size38) ;
|
|
14
|
-
outline: 0;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
[dir=ltr] .searchInput {
|
|
18
|
-
padding-left: var(--zd_size31) ;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
[dir=rtl] .searchInput {
|
|
22
|
-
padding-right: var(--zd_size31) ;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
.searchIcon {
|
|
26
|
-
position: absolute;
|
|
27
|
-
color: var(--imlib_chat_components_primary_text);
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
[dir=ltr] .searchIcon {
|
|
31
|
-
left: var(--zd_size10) ;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
[dir=rtl] .searchIcon {
|
|
35
|
-
right: var(--zd_size10) ;
|
|
36
|
-
}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "EmojisHeader", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function get() {
|
|
9
|
-
return _EmojisHeader["default"];
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
|
|
13
|
-
var _EmojisHeader = _interopRequireDefault(require("./EmojisHeader"));
|
|
14
|
-
|
|
15
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
|
|
8
|
-
var _emptyConstants = require("@zohoim/chat-components-utils/es/constants/emptyConstants");
|
|
9
|
-
|
|
10
|
-
/** ** Constants *** */
|
|
11
|
-
var emojisHeaderDefaultProps = {
|
|
12
|
-
customStyle: _emptyConstants.dummyObject,
|
|
13
|
-
customProps: _emptyConstants.dummyObject,
|
|
14
|
-
searchPlaceHolder: 'Search...'
|
|
15
|
-
};
|
|
16
|
-
var _default = emojisHeaderDefaultProps;
|
|
17
|
-
exports["default"] = _default;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
|
|
8
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
-
|
|
12
|
-
/** ** Libraries *** */
|
|
13
|
-
var emojisHeaderPropTypes = {
|
|
14
|
-
customStyle: _propTypes["default"].object,
|
|
15
|
-
customProps: _propTypes["default"].shape({
|
|
16
|
-
textBoxProps: _propTypes["default"].object
|
|
17
|
-
}),
|
|
18
|
-
searchString: _propTypes["default"].string,
|
|
19
|
-
getRef: _propTypes["default"].func,
|
|
20
|
-
onChange: _propTypes["default"].func,
|
|
21
|
-
searchPlaceHolder: _propTypes["default"].string
|
|
22
|
-
};
|
|
23
|
-
var _default = emojisHeaderPropTypes;
|
|
24
|
-
exports["default"] = _default;
|
|
@@ -1,143 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports["default"] = EmojisList;
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
|
-
var _Emoji = _interopRequireDefault(require("../Emoji/Emoji"));
|
|
13
|
-
|
|
14
|
-
var _EmojisEmptyState = _interopRequireDefault(require("../EmojisEmptyState/EmojisEmptyState"));
|
|
15
|
-
|
|
16
|
-
var _useMergeStyle = _interopRequireDefault(require("@zohodesk/hooks/es/utils/useMergeStyle"));
|
|
17
|
-
|
|
18
|
-
var _useEmojisList2 = _interopRequireDefault(require("@zohoim/chat-components-hooks/es/EmojisList/useEmojisList"));
|
|
19
|
-
|
|
20
|
-
var _defaultProps = _interopRequireDefault(require("./props/defaultProps"));
|
|
21
|
-
|
|
22
|
-
var _propTypes = _interopRequireDefault(require("./props/propTypes"));
|
|
23
|
-
|
|
24
|
-
var _emptyConstants = require("@zohoim/chat-components-utils/es/constants/emptyConstants");
|
|
25
|
-
|
|
26
|
-
var _renderHandler = _interopRequireDefault(require("@zohoim/chat-components-utils/es/common/renderHandler"));
|
|
27
|
-
|
|
28
|
-
var _cssJSLogic2 = _interopRequireDefault(require("./css/cssJSLogic"));
|
|
29
|
-
|
|
30
|
-
var _EmojisListModule = _interopRequireDefault(require("./css/EmojisList.module.css"));
|
|
31
|
-
|
|
32
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
33
|
-
|
|
34
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
35
|
-
|
|
36
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
37
|
-
|
|
38
|
-
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); }
|
|
39
|
-
|
|
40
|
-
function EmojisList(props) {
|
|
41
|
-
var customStyle = props.customStyle,
|
|
42
|
-
customProps = props.customProps,
|
|
43
|
-
searchString = props.searchString,
|
|
44
|
-
isShowGroupBasedList = props.isShowGroupBasedList,
|
|
45
|
-
onChangeGroup = props.onChangeGroup,
|
|
46
|
-
getMethods = props.getMethods,
|
|
47
|
-
onSelect = props.onSelect,
|
|
48
|
-
selectedGroup = props.selectedGroup,
|
|
49
|
-
rowType = props.rowType,
|
|
50
|
-
propsEmojisList = props.emojisList,
|
|
51
|
-
renderEmpty = props.renderEmpty,
|
|
52
|
-
isShowOnlyContent = props.isShowOnlyContent;
|
|
53
|
-
var _customProps$emojiPro = customProps.emojiProps,
|
|
54
|
-
emojiProps = _customProps$emojiPro === void 0 ? _emptyConstants.dummyObject : _customProps$emojiPro,
|
|
55
|
-
_customProps$emojisEm = customProps.emojisEmptyStateProps,
|
|
56
|
-
emojisEmptyStateProps = _customProps$emojisEm === void 0 ? _emptyConstants.dummyObject : _customProps$emojisEm;
|
|
57
|
-
|
|
58
|
-
var _useEmojisList = (0, _useEmojisList2["default"])({
|
|
59
|
-
emojisList: propsEmojisList,
|
|
60
|
-
searchString: searchString,
|
|
61
|
-
isShowGroupBasedList: isShowGroupBasedList,
|
|
62
|
-
onChangeGroup: onChangeGroup,
|
|
63
|
-
getMethods: getMethods,
|
|
64
|
-
selectedGroup: selectedGroup,
|
|
65
|
-
isShowOnlyContent: isShowOnlyContent
|
|
66
|
-
}),
|
|
67
|
-
emojisList = _useEmojisList.emojisList,
|
|
68
|
-
setGroupRefs = _useEmojisList.setGroupRefs,
|
|
69
|
-
listContainerRef = _useEmojisList.setContainerRef,
|
|
70
|
-
isAllEmpty = _useEmojisList.isAllEmpty,
|
|
71
|
-
isGroupEmpty = _useEmojisList.isGroupEmpty,
|
|
72
|
-
isRenderEmptyState = _useEmojisList.isRenderEmptyState,
|
|
73
|
-
isRenderElement = _useEmojisList.isRenderElement;
|
|
74
|
-
/* External customization */
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
var newStyle = (0, _useMergeStyle["default"])(_EmojisListModule["default"], customStyle);
|
|
78
|
-
/* CSS classnames added based on logic */
|
|
79
|
-
|
|
80
|
-
var _cssJSLogic = (0, _cssJSLogic2["default"])({
|
|
81
|
-
rowType: rowType,
|
|
82
|
-
isShowGroupBasedList: isShowGroupBasedList,
|
|
83
|
-
isShowOnlyContent: isShowOnlyContent,
|
|
84
|
-
isEmpty: isAllEmpty
|
|
85
|
-
}, newStyle),
|
|
86
|
-
emojisListClass = _cssJSLogic.emojisListClass,
|
|
87
|
-
groupClass = _cssJSLogic.groupClass;
|
|
88
|
-
|
|
89
|
-
var renderGroup = (0, _react.useCallback)(function (_ref) {
|
|
90
|
-
var groupName = _ref.groupName,
|
|
91
|
-
emojis = _ref.emojis;
|
|
92
|
-
var isEmptyGroup = isGroupEmpty[groupName];
|
|
93
|
-
return !isEmptyGroup ? /*#__PURE__*/_react["default"].createElement("div", {
|
|
94
|
-
key: groupName,
|
|
95
|
-
ref: function ref(el) {
|
|
96
|
-
setGroupRefs(el, groupName);
|
|
97
|
-
},
|
|
98
|
-
className: groupClass
|
|
99
|
-
}, isShowGroupBasedList ? /*#__PURE__*/_react["default"].createElement("div", {
|
|
100
|
-
className: newStyle.groupName
|
|
101
|
-
}, groupName) : null, Object.keys(emojis).map(function (emojiName) {
|
|
102
|
-
var emoji = emojis[emojiName];
|
|
103
|
-
var id = "emoji_".concat(emojiName);
|
|
104
|
-
return /*#__PURE__*/_react["default"].createElement(_Emoji["default"], _extends({
|
|
105
|
-
key: id,
|
|
106
|
-
emoji: emoji,
|
|
107
|
-
emojiName: emojiName,
|
|
108
|
-
onSelect: onSelect
|
|
109
|
-
}, emojiProps));
|
|
110
|
-
})) : null;
|
|
111
|
-
}, [emojiProps, isGroupEmpty, groupClass, isShowGroupBasedList, newStyle.groupName, onSelect, setGroupRefs]);
|
|
112
|
-
var renderDefaultEmptyState = (0, _react.useCallback)(function () {
|
|
113
|
-
return /*#__PURE__*/_react["default"].createElement(_EmojisEmptyState["default"], emojisEmptyStateProps);
|
|
114
|
-
}, [emojisEmptyStateProps]);
|
|
115
|
-
var renderEmptyState = (0, _react.useCallback)(function () {
|
|
116
|
-
/* Render EmptyState */
|
|
117
|
-
if (isRenderEmptyState) {
|
|
118
|
-
var emptyState = (0, _renderHandler["default"])(renderEmpty || renderDefaultEmptyState)();
|
|
119
|
-
|
|
120
|
-
if (emptyState) {
|
|
121
|
-
return emptyState;
|
|
122
|
-
}
|
|
123
|
-
|
|
124
|
-
return null;
|
|
125
|
-
}
|
|
126
|
-
|
|
127
|
-
return null;
|
|
128
|
-
}, [renderEmpty, renderDefaultEmptyState, isRenderEmptyState]);
|
|
129
|
-
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, isRenderElement ? /*#__PURE__*/_react["default"].createElement("div", {
|
|
130
|
-
ref: listContainerRef,
|
|
131
|
-
className: emojisListClass
|
|
132
|
-
}, !isAllEmpty ? Object.keys(emojisList).map(function (groupName) {
|
|
133
|
-
var emojis = emojisList[groupName];
|
|
134
|
-
return renderGroup({
|
|
135
|
-
groupName: groupName,
|
|
136
|
-
emojis: emojis
|
|
137
|
-
});
|
|
138
|
-
}) : renderEmptyState()) : null);
|
|
139
|
-
}
|
|
140
|
-
|
|
141
|
-
EmojisList.propTypes = _propTypes["default"];
|
|
142
|
-
EmojisList.defaultProps = _defaultProps["default"];
|
|
143
|
-
EmojisList.displayName = 'EmojisList';
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
.varClass {
|
|
2
|
-
--emoji-groupName-size: 13px;
|
|
3
|
-
--emoji-singleList-size: 32px;
|
|
4
|
-
--emoji-multipleList-size: 300px;
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
.emojisList {
|
|
8
|
-
composes: varClass;
|
|
9
|
-
transition: 0.2s ease;
|
|
10
|
-
flex-direction: row;
|
|
11
|
-
flex-shrink: 0;
|
|
12
|
-
width: 100% ;
|
|
13
|
-
word-wrap: break-word;
|
|
14
|
-
font-size: 0 ;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
.emojisListHide {
|
|
18
|
-
display: none;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
.emojisListSingle {
|
|
22
|
-
height: var(--emoji-singleList-size);
|
|
23
|
-
white-space: nowrap;
|
|
24
|
-
overflow-x: auto;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.emojisListMultiple {
|
|
28
|
-
height: var(--emoji-multipleList-size);
|
|
29
|
-
overflow-y: auto;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
.groupName {
|
|
33
|
-
width: 100% ;
|
|
34
|
-
font-size: var(--emoji-groupName-size);
|
|
35
|
-
text-transform: capitalize;
|
|
36
|
-
color: var(--imlib_chat_components_emojiPopup_titleColor);
|
|
37
|
-
padding: var(--zd_size8) var(--zd_size10) ;
|
|
38
|
-
margin-bottom: var(--zd_size5) ;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
.groupContainer {
|
|
42
|
-
font-size: 0 ;
|
|
43
|
-
}
|
|
44
|
-
.groupSeperate {
|
|
45
|
-
display: inline-block;
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
.groupAll {
|
|
49
|
-
display: inline;
|
|
50
|
-
}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = cssJSLogic;
|
|
7
|
-
|
|
8
|
-
var _compileClassNames3 = _interopRequireDefault(require("@zohodesk/utils/es/compileClassNames"));
|
|
9
|
-
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
-
|
|
12
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
13
|
-
|
|
14
|
-
function cssJSLogic(props, style) {
|
|
15
|
-
var _compileClassNames, _compileClassNames2;
|
|
16
|
-
|
|
17
|
-
var rowType = props.rowType,
|
|
18
|
-
isShowGroupBasedList = props.isShowGroupBasedList,
|
|
19
|
-
isShowOnlyContent = props.isShowOnlyContent,
|
|
20
|
-
isEmpty = props.isEmpty;
|
|
21
|
-
var emojisListClass = (0, _compileClassNames3["default"])((_compileClassNames = {}, _defineProperty(_compileClassNames, style.emojisList, true), _defineProperty(_compileClassNames, style.emojisListSingle, rowType === 'single'), _defineProperty(_compileClassNames, style.emojisListMultiple, rowType === 'multiple'), _defineProperty(_compileClassNames, style.emojisListHide, isShowOnlyContent ? isEmpty : false), _compileClassNames));
|
|
22
|
-
var groupClass = (0, _compileClassNames3["default"])((_compileClassNames2 = {}, _defineProperty(_compileClassNames2, style.groupContainer, true), _defineProperty(_compileClassNames2, style.groupSeperate, !!isShowGroupBasedList), _defineProperty(_compileClassNames2, style.groupAll, !isShowGroupBasedList), _compileClassNames2));
|
|
23
|
-
return {
|
|
24
|
-
emojisListClass: emojisListClass,
|
|
25
|
-
groupClass: groupClass
|
|
26
|
-
};
|
|
27
|
-
}
|
package/lib/EmojisList/index.js
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "EmojisList", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function get() {
|
|
9
|
-
return _EmojisList["default"];
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
|
|
13
|
-
var _EmojisList = _interopRequireDefault(require("./EmojisList"));
|
|
14
|
-
|
|
15
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
|
|
8
|
-
var _constants = require("@zohoim/chat-components-utils/es/constants");
|
|
9
|
-
|
|
10
|
-
/** ** Constants *** */
|
|
11
|
-
var emojisListDefaultProps = {
|
|
12
|
-
customStyle: _constants.dummyObject,
|
|
13
|
-
customProps: _constants.dummyObject,
|
|
14
|
-
rowType: 'multiple',
|
|
15
|
-
isShowGroupBasedList: true,
|
|
16
|
-
isShowOnlyContent: false
|
|
17
|
-
};
|
|
18
|
-
var _default = emojisListDefaultProps;
|
|
19
|
-
exports["default"] = _default;
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
|
|
8
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
-
|
|
12
|
-
/** ** Libraries *** */
|
|
13
|
-
var emojisListPropTypes = {
|
|
14
|
-
emojisList: _propTypes["default"].object.isRequired,
|
|
15
|
-
customProps: _propTypes["default"].shape({
|
|
16
|
-
emojiProps: _propTypes["default"].object,
|
|
17
|
-
emojisEmptyStateProps: _propTypes["default"].object
|
|
18
|
-
}),
|
|
19
|
-
customStyle: _propTypes["default"].object,
|
|
20
|
-
getMethods: _propTypes["default"].func,
|
|
21
|
-
isShowGroupBasedList: _propTypes["default"].bool,
|
|
22
|
-
isShowOnlyContent: _propTypes["default"].bool,
|
|
23
|
-
onChangeGroup: _propTypes["default"].func,
|
|
24
|
-
onSelect: _propTypes["default"].func,
|
|
25
|
-
renderEmpty: _propTypes["default"].func,
|
|
26
|
-
rowType: _propTypes["default"].oneOf(['single', 'multiple']),
|
|
27
|
-
searchString: _propTypes["default"].string,
|
|
28
|
-
selectedGroup: _propTypes["default"].string
|
|
29
|
-
};
|
|
30
|
-
var _default = emojisListPropTypes;
|
|
31
|
-
exports["default"] = _default;
|