@selfcommunity/react-ui 0.7.0-alpha.4 → 0.7.0-alpha.41
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/lib/cjs/components/Categories/Categories.js +2 -2
- package/lib/cjs/components/Categories/Categories.js.map +1 -1
- package/lib/cjs/components/CategoriesFollowed/CategoriesFollowed.d.ts.map +1 -1
- package/lib/cjs/components/CategoriesFollowed/CategoriesFollowed.js +59 -43
- package/lib/cjs/components/CategoriesFollowed/CategoriesFollowed.js.map +1 -1
- package/lib/cjs/components/CategoriesFollowed/Skeleton.d.ts.map +1 -1
- package/lib/cjs/components/CategoriesFollowed/Skeleton.js +3 -1
- package/lib/cjs/components/CategoriesFollowed/Skeleton.js.map +1 -1
- package/lib/cjs/components/CategoriesPopular/CategoriesPopular.d.ts.map +1 -1
- package/lib/cjs/components/CategoriesPopular/CategoriesPopular.js +53 -36
- package/lib/cjs/components/CategoriesPopular/CategoriesPopular.js.map +1 -1
- package/lib/cjs/components/CategoriesPopular/Skeleton.d.ts.map +1 -1
- package/lib/cjs/components/CategoriesPopular/Skeleton.js +3 -1
- package/lib/cjs/components/CategoriesPopular/Skeleton.js.map +1 -1
- package/lib/cjs/components/CategoriesSuggestion/CategoriesSuggestion.d.ts +6 -0
- package/lib/cjs/components/CategoriesSuggestion/CategoriesSuggestion.d.ts.map +1 -1
- package/lib/cjs/components/CategoriesSuggestion/CategoriesSuggestion.js +54 -40
- package/lib/cjs/components/CategoriesSuggestion/CategoriesSuggestion.js.map +1 -1
- package/lib/cjs/components/CategoriesSuggestion/Skeleton.d.ts.map +1 -1
- package/lib/cjs/components/CategoriesSuggestion/Skeleton.js +3 -1
- package/lib/cjs/components/CategoriesSuggestion/Skeleton.js.map +1 -1
- package/lib/cjs/components/CommentsFeedObject/CommentsFeedObject.js +1 -1
- package/lib/cjs/components/CommentsFeedObject/CommentsFeedObject.js.map +1 -1
- package/lib/cjs/components/CustomAdv/CustomAdv.d.ts.map +1 -1
- package/lib/cjs/components/CustomAdv/CustomAdv.js +30 -2
- package/lib/cjs/components/CustomAdv/CustomAdv.js.map +1 -1
- package/lib/cjs/components/Editor/Editor.d.ts.map +1 -1
- package/lib/cjs/components/Editor/Editor.js +14 -14
- package/lib/cjs/components/Editor/Editor.js.map +1 -1
- package/lib/cjs/components/Feed/Feed.d.ts +5 -0
- package/lib/cjs/components/Feed/Feed.d.ts.map +1 -1
- package/lib/cjs/components/Feed/Feed.js +56 -39
- package/lib/cjs/components/Feed/Feed.js.map +1 -1
- package/lib/cjs/components/FeedObject/Activities/Activities.js +1 -1
- package/lib/cjs/components/FeedObject/FeedObject.d.ts.map +1 -1
- package/lib/cjs/components/FeedObject/FeedObject.js +9 -6
- package/lib/cjs/components/FeedObject/FeedObject.js.map +1 -1
- package/lib/cjs/components/Footer/Footer.d.ts +0 -5
- package/lib/cjs/components/Footer/Footer.d.ts.map +1 -1
- package/lib/cjs/components/Footer/Footer.js +1 -26
- package/lib/cjs/components/Footer/Footer.js.map +1 -1
- package/lib/cjs/components/Header/Header.js +2 -2
- package/lib/cjs/components/Header/Header.js.map +1 -1
- package/lib/cjs/components/Header/MobileHeader/MobileHeader.d.ts.map +1 -1
- package/lib/cjs/components/Header/MobileHeader/MobileHeader.js +4 -3
- package/lib/cjs/components/Header/MobileHeader/MobileHeader.js.map +1 -1
- package/lib/cjs/components/Header/SearchBar.d.ts +4 -0
- package/lib/cjs/components/Header/SearchBar.d.ts.map +1 -1
- package/lib/cjs/components/Header/SearchBar.js +83 -35
- package/lib/cjs/components/Header/SearchBar.js.map +1 -1
- package/lib/cjs/components/IncubatorSuggestion/IncubatorSuggestion.d.ts +7 -1
- package/lib/cjs/components/IncubatorSuggestion/IncubatorSuggestion.d.ts.map +1 -1
- package/lib/cjs/components/IncubatorSuggestion/IncubatorSuggestion.js +50 -38
- package/lib/cjs/components/IncubatorSuggestion/IncubatorSuggestion.js.map +1 -1
- package/lib/cjs/components/IncubatorsList/IncubatorsList.d.ts +7 -1
- package/lib/cjs/components/IncubatorsList/IncubatorsList.d.ts.map +1 -1
- package/lib/cjs/components/IncubatorsList/IncubatorsList.js +61 -38
- package/lib/cjs/components/IncubatorsList/IncubatorsList.js.map +1 -1
- package/lib/cjs/components/Message/Message.d.ts +3 -18
- package/lib/cjs/components/Message/Message.d.ts.map +1 -1
- package/lib/cjs/components/Message/Message.js +20 -17
- package/lib/cjs/components/Message/Message.js.map +1 -1
- package/lib/cjs/components/MessageEditor/MessageEditor.d.ts +4 -13
- package/lib/cjs/components/MessageEditor/MessageEditor.d.ts.map +1 -1
- package/lib/cjs/components/MessageEditor/MessageEditor.js +61 -40
- package/lib/cjs/components/MessageEditor/MessageEditor.js.map +1 -1
- package/lib/cjs/components/PeopleSuggestion/PeopleSuggestion.d.ts +6 -0
- package/lib/cjs/components/PeopleSuggestion/PeopleSuggestion.d.ts.map +1 -1
- package/lib/cjs/components/PeopleSuggestion/PeopleSuggestion.js +56 -52
- package/lib/cjs/components/PeopleSuggestion/PeopleSuggestion.js.map +1 -1
- package/lib/cjs/components/Platform/Platform.d.ts +2 -1
- package/lib/cjs/components/Platform/Platform.d.ts.map +1 -1
- package/lib/cjs/components/Platform/Platform.js +1 -1
- package/lib/cjs/components/Platform/Platform.js.map +1 -1
- package/lib/cjs/components/PollSuggestion/PollSuggestion.d.ts +7 -1
- package/lib/cjs/components/PollSuggestion/PollSuggestion.d.ts.map +1 -1
- package/lib/cjs/components/PollSuggestion/PollSuggestion.js +49 -37
- package/lib/cjs/components/PollSuggestion/PollSuggestion.js.map +1 -1
- package/lib/cjs/components/RelatedFeedObjects/RelatedFeedObjects.d.ts +7 -1
- package/lib/cjs/components/RelatedFeedObjects/RelatedFeedObjects.d.ts.map +1 -1
- package/lib/cjs/components/RelatedFeedObjects/RelatedFeedObjects.js +58 -40
- package/lib/cjs/components/RelatedFeedObjects/RelatedFeedObjects.js.map +1 -1
- package/lib/cjs/components/Snippets/Snippets.d.ts.map +1 -1
- package/lib/cjs/components/Snippets/Snippets.js +5 -3
- package/lib/cjs/components/Snippets/Snippets.js.map +1 -1
- package/lib/cjs/components/Thread/Thread.d.ts.map +1 -1
- package/lib/cjs/components/Thread/Thread.js +18 -34
- package/lib/cjs/components/Thread/Thread.js.map +1 -1
- package/lib/cjs/components/TrendingFeed/TrendingFeed.d.ts +12 -1
- package/lib/cjs/components/TrendingFeed/TrendingFeed.d.ts.map +1 -1
- package/lib/cjs/components/TrendingFeed/TrendingFeed.js +50 -35
- package/lib/cjs/components/TrendingFeed/TrendingFeed.js.map +1 -1
- package/lib/cjs/components/TrendingPeople/TrendingPeople.d.ts +6 -0
- package/lib/cjs/components/TrendingPeople/TrendingPeople.d.ts.map +1 -1
- package/lib/cjs/components/TrendingPeople/TrendingPeople.js +55 -39
- package/lib/cjs/components/TrendingPeople/TrendingPeople.js.map +1 -1
- package/lib/cjs/components/UserFollowers/UserFollowers.d.ts +6 -0
- package/lib/cjs/components/UserFollowers/UserFollowers.d.ts.map +1 -1
- package/lib/cjs/components/UserFollowers/UserFollowers.js +66 -43
- package/lib/cjs/components/UserFollowers/UserFollowers.js.map +1 -1
- package/lib/cjs/components/UserProfileEdit/Section/PublicInfo.d.ts +11 -1
- package/lib/cjs/components/UserProfileEdit/Section/PublicInfo.d.ts.map +1 -1
- package/lib/cjs/components/UserProfileEdit/Section/PublicInfo.js +21 -8
- package/lib/cjs/components/UserProfileEdit/Section/PublicInfo.js.map +1 -1
- package/lib/cjs/components/UserProfileEdit/Section/SocialAccount.d.ts +24 -0
- package/lib/cjs/components/UserProfileEdit/Section/SocialAccount.d.ts.map +1 -0
- package/lib/cjs/components/UserProfileEdit/Section/SocialAccount.js +113 -0
- package/lib/cjs/components/UserProfileEdit/Section/SocialAccount.js.map +1 -0
- package/lib/cjs/components/UserProfileEdit/index.d.ts +2 -1
- package/lib/cjs/components/UserProfileEdit/index.d.ts.map +1 -1
- package/lib/cjs/components/UserProfileEdit/index.js +3 -1
- package/lib/cjs/components/UserProfileEdit/index.js.map +1 -1
- package/lib/cjs/components/UserProfileInfo/UserProfileInfo.d.ts +6 -0
- package/lib/cjs/components/UserProfileInfo/UserProfileInfo.d.ts.map +1 -1
- package/lib/cjs/components/UserProfileInfo/UserProfileInfo.js +77 -3
- package/lib/cjs/components/UserProfileInfo/UserProfileInfo.js.map +1 -1
- package/lib/cjs/components/UserSocialAssociation/UserSocialAssociation.d.ts +70 -0
- package/lib/cjs/components/UserSocialAssociation/UserSocialAssociation.d.ts.map +1 -0
- package/lib/cjs/components/UserSocialAssociation/UserSocialAssociation.js +195 -0
- package/lib/cjs/components/UserSocialAssociation/UserSocialAssociation.js.map +1 -0
- package/lib/cjs/components/UserSocialAssociation/index.d.ts +4 -0
- package/lib/cjs/components/UserSocialAssociation/index.d.ts.map +1 -0
- package/lib/cjs/components/UserSocialAssociation/index.js +8 -0
- package/lib/cjs/components/UserSocialAssociation/index.js.map +1 -0
- package/lib/cjs/components/UsersFollowed/UsersFollowed.d.ts +6 -0
- package/lib/cjs/components/UsersFollowed/UsersFollowed.d.ts.map +1 -1
- package/lib/cjs/components/UsersFollowed/UsersFollowed.js +66 -47
- package/lib/cjs/components/UsersFollowed/UsersFollowed.js.map +1 -1
- package/lib/cjs/constants/Pagination.d.ts +1 -1
- package/lib/cjs/constants/Pagination.d.ts.map +1 -1
- package/lib/cjs/constants/Pagination.js +1 -1
- package/lib/cjs/constants/Pagination.js.map +1 -1
- package/lib/cjs/constants/UserProfile.d.ts.map +1 -1
- package/lib/cjs/constants/UserProfile.js +2 -1
- package/lib/cjs/constants/UserProfile.js.map +1 -1
- package/lib/cjs/index.d.ts +5 -2
- package/lib/cjs/index.d.ts.map +1 -1
- package/lib/cjs/index.js +9 -2
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/shared/BaseDrawer/BaseDrawer.d.ts +1 -1
- package/lib/cjs/shared/BaseDrawer/BaseDrawer.d.ts.map +1 -1
- package/lib/cjs/shared/InfiniteScroll/index.js +1 -1
- package/lib/cjs/shared/InfiniteScroll/index.js.map +1 -1
- package/lib/cjs/shared/MetadataField/MetadataField.d.ts.map +1 -1
- package/lib/cjs/shared/MetadataField/MetadataField.js +6 -17
- package/lib/cjs/shared/MetadataField/MetadataField.js.map +1 -1
- package/lib/cjs/shared/Tags/index.d.ts.map +1 -1
- package/lib/cjs/shared/Tags/index.js +10 -7
- package/lib/cjs/shared/Tags/index.js.map +1 -1
- package/lib/cjs/types/index.d.ts +2 -2
- package/lib/cjs/types/index.d.ts.map +1 -1
- package/lib/cjs/types/index.js +2 -1
- package/lib/cjs/types/index.js.map +1 -1
- package/lib/cjs/types/user.d.ts +11 -1
- package/lib/cjs/types/user.d.ts.map +1 -1
- package/lib/cjs/types/user.js +12 -1
- package/lib/cjs/types/user.js.map +1 -1
- package/lib/cjs/utils/tools.d.ts +29 -0
- package/lib/cjs/utils/tools.d.ts.map +1 -0
- package/lib/cjs/utils/tools.js +81 -0
- package/lib/cjs/utils/tools.js.map +1 -0
- package/lib/esm/components/Categories/Categories.js +2 -2
- package/lib/esm/components/Categories/Categories.js.map +1 -1
- package/lib/esm/components/CategoriesFollowed/CategoriesFollowed.d.ts.map +1 -1
- package/lib/esm/components/CategoriesFollowed/CategoriesFollowed.js +64 -48
- package/lib/esm/components/CategoriesFollowed/CategoriesFollowed.js.map +1 -1
- package/lib/esm/components/CategoriesFollowed/Skeleton.d.ts.map +1 -1
- package/lib/esm/components/CategoriesFollowed/Skeleton.js +3 -1
- package/lib/esm/components/CategoriesFollowed/Skeleton.js.map +1 -1
- package/lib/esm/components/CategoriesPopular/CategoriesPopular.d.ts.map +1 -1
- package/lib/esm/components/CategoriesPopular/CategoriesPopular.js +56 -39
- package/lib/esm/components/CategoriesPopular/CategoriesPopular.js.map +1 -1
- package/lib/esm/components/CategoriesPopular/Skeleton.d.ts.map +1 -1
- package/lib/esm/components/CategoriesPopular/Skeleton.js +3 -1
- package/lib/esm/components/CategoriesPopular/Skeleton.js.map +1 -1
- package/lib/esm/components/CategoriesSuggestion/CategoriesSuggestion.d.ts +6 -0
- package/lib/esm/components/CategoriesSuggestion/CategoriesSuggestion.d.ts.map +1 -1
- package/lib/esm/components/CategoriesSuggestion/CategoriesSuggestion.js +58 -44
- package/lib/esm/components/CategoriesSuggestion/CategoriesSuggestion.js.map +1 -1
- package/lib/esm/components/CategoriesSuggestion/Skeleton.d.ts.map +1 -1
- package/lib/esm/components/CategoriesSuggestion/Skeleton.js +3 -1
- package/lib/esm/components/CategoriesSuggestion/Skeleton.js.map +1 -1
- package/lib/esm/components/CommentsFeedObject/CommentsFeedObject.js +1 -1
- package/lib/esm/components/CommentsFeedObject/CommentsFeedObject.js.map +1 -1
- package/lib/esm/components/CustomAdv/CustomAdv.d.ts.map +1 -1
- package/lib/esm/components/CustomAdv/CustomAdv.js +7 -2
- package/lib/esm/components/CustomAdv/CustomAdv.js.map +1 -1
- package/lib/esm/components/Editor/Editor.d.ts.map +1 -1
- package/lib/esm/components/Editor/Editor.js +14 -14
- package/lib/esm/components/Editor/Editor.js.map +1 -1
- package/lib/esm/components/Feed/Feed.d.ts +5 -0
- package/lib/esm/components/Feed/Feed.d.ts.map +1 -1
- package/lib/esm/components/Feed/Feed.js +57 -40
- package/lib/esm/components/Feed/Feed.js.map +1 -1
- package/lib/esm/components/FeedObject/Activities/Activities.js +1 -1
- package/lib/esm/components/FeedObject/FeedObject.d.ts.map +1 -1
- package/lib/esm/components/FeedObject/FeedObject.js +9 -6
- package/lib/esm/components/FeedObject/FeedObject.js.map +1 -1
- package/lib/esm/components/Footer/Footer.d.ts +0 -5
- package/lib/esm/components/Footer/Footer.d.ts.map +1 -1
- package/lib/esm/components/Footer/Footer.js +3 -28
- package/lib/esm/components/Footer/Footer.js.map +1 -1
- package/lib/esm/components/Header/Header.js +2 -2
- package/lib/esm/components/Header/Header.js.map +1 -1
- package/lib/esm/components/Header/MobileHeader/MobileHeader.d.ts.map +1 -1
- package/lib/esm/components/Header/MobileHeader/MobileHeader.js +4 -3
- package/lib/esm/components/Header/MobileHeader/MobileHeader.js.map +1 -1
- package/lib/esm/components/Header/SearchBar.d.ts +4 -0
- package/lib/esm/components/Header/SearchBar.d.ts.map +1 -1
- package/lib/esm/components/Header/SearchBar.js +86 -38
- package/lib/esm/components/Header/SearchBar.js.map +1 -1
- package/lib/esm/components/IncubatorSuggestion/IncubatorSuggestion.d.ts +7 -1
- package/lib/esm/components/IncubatorSuggestion/IncubatorSuggestion.d.ts.map +1 -1
- package/lib/esm/components/IncubatorSuggestion/IncubatorSuggestion.js +53 -41
- package/lib/esm/components/IncubatorSuggestion/IncubatorSuggestion.js.map +1 -1
- package/lib/esm/components/IncubatorsList/IncubatorsList.d.ts +7 -1
- package/lib/esm/components/IncubatorsList/IncubatorsList.d.ts.map +1 -1
- package/lib/esm/components/IncubatorsList/IncubatorsList.js +63 -40
- package/lib/esm/components/IncubatorsList/IncubatorsList.js.map +1 -1
- package/lib/esm/components/Message/Message.d.ts +3 -18
- package/lib/esm/components/Message/Message.d.ts.map +1 -1
- package/lib/esm/components/Message/Message.js +20 -17
- package/lib/esm/components/Message/Message.js.map +1 -1
- package/lib/esm/components/MessageEditor/MessageEditor.d.ts +4 -13
- package/lib/esm/components/MessageEditor/MessageEditor.d.ts.map +1 -1
- package/lib/esm/components/MessageEditor/MessageEditor.js +63 -42
- package/lib/esm/components/MessageEditor/MessageEditor.js.map +1 -1
- package/lib/esm/components/PeopleSuggestion/PeopleSuggestion.d.ts +6 -0
- package/lib/esm/components/PeopleSuggestion/PeopleSuggestion.d.ts.map +1 -1
- package/lib/esm/components/PeopleSuggestion/PeopleSuggestion.js +58 -54
- package/lib/esm/components/PeopleSuggestion/PeopleSuggestion.js.map +1 -1
- package/lib/esm/components/Platform/Platform.d.ts +2 -1
- package/lib/esm/components/Platform/Platform.d.ts.map +1 -1
- package/lib/esm/components/Platform/Platform.js +1 -1
- package/lib/esm/components/Platform/Platform.js.map +1 -1
- package/lib/esm/components/PollSuggestion/PollSuggestion.d.ts +7 -1
- package/lib/esm/components/PollSuggestion/PollSuggestion.d.ts.map +1 -1
- package/lib/esm/components/PollSuggestion/PollSuggestion.js +52 -40
- package/lib/esm/components/PollSuggestion/PollSuggestion.js.map +1 -1
- package/lib/esm/components/RelatedFeedObjects/RelatedFeedObjects.d.ts +7 -1
- package/lib/esm/components/RelatedFeedObjects/RelatedFeedObjects.d.ts.map +1 -1
- package/lib/esm/components/RelatedFeedObjects/RelatedFeedObjects.js +61 -43
- package/lib/esm/components/RelatedFeedObjects/RelatedFeedObjects.js.map +1 -1
- package/lib/esm/components/Snippets/Snippets.d.ts.map +1 -1
- package/lib/esm/components/Snippets/Snippets.js +6 -4
- package/lib/esm/components/Snippets/Snippets.js.map +1 -1
- package/lib/esm/components/Thread/Thread.d.ts.map +1 -1
- package/lib/esm/components/Thread/Thread.js +18 -34
- package/lib/esm/components/Thread/Thread.js.map +1 -1
- package/lib/esm/components/TrendingFeed/TrendingFeed.d.ts +12 -1
- package/lib/esm/components/TrendingFeed/TrendingFeed.d.ts.map +1 -1
- package/lib/esm/components/TrendingFeed/TrendingFeed.js +53 -38
- package/lib/esm/components/TrendingFeed/TrendingFeed.js.map +1 -1
- package/lib/esm/components/TrendingPeople/TrendingPeople.d.ts +6 -0
- package/lib/esm/components/TrendingPeople/TrendingPeople.d.ts.map +1 -1
- package/lib/esm/components/TrendingPeople/TrendingPeople.js +57 -41
- package/lib/esm/components/TrendingPeople/TrendingPeople.js.map +1 -1
- package/lib/esm/components/UserFollowers/UserFollowers.d.ts +6 -0
- package/lib/esm/components/UserFollowers/UserFollowers.d.ts.map +1 -1
- package/lib/esm/components/UserFollowers/UserFollowers.js +69 -46
- package/lib/esm/components/UserFollowers/UserFollowers.js.map +1 -1
- package/lib/esm/components/UserProfileEdit/Section/PublicInfo.d.ts +11 -1
- package/lib/esm/components/UserProfileEdit/Section/PublicInfo.d.ts.map +1 -1
- package/lib/esm/components/UserProfileEdit/Section/PublicInfo.js +22 -9
- package/lib/esm/components/UserProfileEdit/Section/PublicInfo.js.map +1 -1
- package/lib/esm/components/UserProfileEdit/Section/SocialAccount.d.ts +24 -0
- package/lib/esm/components/UserProfileEdit/Section/SocialAccount.d.ts.map +1 -0
- package/lib/esm/components/UserProfileEdit/Section/SocialAccount.js +84 -0
- package/lib/esm/components/UserProfileEdit/Section/SocialAccount.js.map +1 -0
- package/lib/esm/components/UserProfileEdit/index.d.ts +2 -1
- package/lib/esm/components/UserProfileEdit/index.d.ts.map +1 -1
- package/lib/esm/components/UserProfileEdit/index.js +2 -1
- package/lib/esm/components/UserProfileEdit/index.js.map +1 -1
- package/lib/esm/components/UserProfileInfo/UserProfileInfo.d.ts +6 -0
- package/lib/esm/components/UserProfileInfo/UserProfileInfo.d.ts.map +1 -1
- package/lib/esm/components/UserProfileInfo/UserProfileInfo.js +81 -7
- package/lib/esm/components/UserProfileInfo/UserProfileInfo.js.map +1 -1
- package/lib/esm/components/UserSocialAssociation/UserSocialAssociation.d.ts +70 -0
- package/lib/esm/components/UserSocialAssociation/UserSocialAssociation.d.ts.map +1 -0
- package/lib/esm/components/UserSocialAssociation/UserSocialAssociation.js +166 -0
- package/lib/esm/components/UserSocialAssociation/UserSocialAssociation.js.map +1 -0
- package/lib/esm/components/UserSocialAssociation/index.d.ts +4 -0
- package/lib/esm/components/UserSocialAssociation/index.d.ts.map +1 -0
- package/lib/esm/components/UserSocialAssociation/index.js +3 -0
- package/lib/esm/components/UserSocialAssociation/index.js.map +1 -0
- package/lib/esm/components/UsersFollowed/UsersFollowed.d.ts +6 -0
- package/lib/esm/components/UsersFollowed/UsersFollowed.d.ts.map +1 -1
- package/lib/esm/components/UsersFollowed/UsersFollowed.js +69 -50
- package/lib/esm/components/UsersFollowed/UsersFollowed.js.map +1 -1
- package/lib/esm/constants/Pagination.d.ts +1 -1
- package/lib/esm/constants/Pagination.d.ts.map +1 -1
- package/lib/esm/constants/Pagination.js +1 -1
- package/lib/esm/constants/Pagination.js.map +1 -1
- package/lib/esm/constants/UserProfile.d.ts.map +1 -1
- package/lib/esm/constants/UserProfile.js +2 -1
- package/lib/esm/constants/UserProfile.js.map +1 -1
- package/lib/esm/index.d.ts +5 -2
- package/lib/esm/index.d.ts.map +1 -1
- package/lib/esm/index.js +7 -4
- package/lib/esm/index.js.map +1 -1
- package/lib/esm/shared/BaseDrawer/BaseDrawer.d.ts +1 -1
- package/lib/esm/shared/BaseDrawer/BaseDrawer.d.ts.map +1 -1
- package/lib/esm/shared/InfiniteScroll/index.js +1 -1
- package/lib/esm/shared/InfiniteScroll/index.js.map +1 -1
- package/lib/esm/shared/MetadataField/MetadataField.d.ts.map +1 -1
- package/lib/esm/shared/MetadataField/MetadataField.js +6 -17
- package/lib/esm/shared/MetadataField/MetadataField.js.map +1 -1
- package/lib/esm/shared/Tags/index.d.ts.map +1 -1
- package/lib/esm/shared/Tags/index.js +10 -7
- package/lib/esm/shared/Tags/index.js.map +1 -1
- package/lib/esm/types/index.d.ts +2 -2
- package/lib/esm/types/index.d.ts.map +1 -1
- package/lib/esm/types/index.js +2 -2
- package/lib/esm/types/index.js.map +1 -1
- package/lib/esm/types/user.d.ts +11 -1
- package/lib/esm/types/user.d.ts.map +1 -1
- package/lib/esm/types/user.js +11 -0
- package/lib/esm/types/user.js.map +1 -1
- package/lib/esm/utils/tools.d.ts +29 -0
- package/lib/esm/utils/tools.d.ts.map +1 -0
- package/lib/esm/utils/tools.js +76 -0
- package/lib/esm/utils/tools.js.map +1 -0
- package/lib/umd/react-ui.js +11 -11
- package/lib/umd/react-ui.js.LICENSE.txt +3 -3
- package/lib/umd/react-ui.js.map +1 -1
- package/package.json +15 -15
|
@@ -9,12 +9,12 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import React, { useEffect, useState } from 'react';
|
|
12
|
+
import React, { useEffect, useMemo, useReducer, useState } from 'react';
|
|
13
13
|
import { styled } from '@mui/material/styles';
|
|
14
14
|
import { Button, List, Typography, Box, IconButton, ListItem } from '@mui/material';
|
|
15
15
|
import CardContent from '@mui/material/CardContent';
|
|
16
16
|
import { http, Endpoints } from '@selfcommunity/api-services';
|
|
17
|
-
import { Logger } from '@selfcommunity/utils';
|
|
17
|
+
import { CacheStrategies, Logger } from '@selfcommunity/utils';
|
|
18
18
|
import Skeleton from './Skeleton';
|
|
19
19
|
import { SCOPE_SC_UI } from '../../constants/Errors';
|
|
20
20
|
import { FormattedMessage } from 'react-intl';
|
|
@@ -29,6 +29,8 @@ import { useThemeProps } from '@mui/system';
|
|
|
29
29
|
import Widget from '../Widget';
|
|
30
30
|
import CreateIncubatorDialog from './CreateIncubatorDialog';
|
|
31
31
|
import IncubatorDetail from '../IncubatorDetail';
|
|
32
|
+
import { actionToolsTypes, dataToolsReducer, stateToolsInitializer } from '../../utils/tools';
|
|
33
|
+
import { SCCache, useIsComponentMountedRef } from '@selfcommunity/react-core';
|
|
32
34
|
const PREFIX = 'SCIncubatorsList';
|
|
33
35
|
const classes = {
|
|
34
36
|
root: `${PREFIX}-root`,
|
|
@@ -97,17 +99,19 @@ export default function IncubatorsList(inProps) {
|
|
|
97
99
|
props: inProps,
|
|
98
100
|
name: PREFIX
|
|
99
101
|
});
|
|
100
|
-
const { autoHide = true, className, IncubatorProps = {} } = props, rest = __rest(props, ["autoHide", "className", "IncubatorProps"]);
|
|
102
|
+
const { autoHide = true, className, IncubatorProps = {}, cacheStrategy = CacheStrategies.NETWORK_ONLY, onHeightChange, onStateChange } = props, rest = __rest(props, ["autoHide", "className", "IncubatorProps", "cacheStrategy", "onHeightChange", "onStateChange"]);
|
|
103
|
+
// REFS
|
|
104
|
+
const isMountedRef = useIsComponentMountedRef();
|
|
101
105
|
// STATE
|
|
102
|
-
const [
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
106
|
+
const [state, dispatch] = useReducer(dataToolsReducer, {
|
|
107
|
+
isLoadingNext: true,
|
|
108
|
+
next: `${Endpoints.GetAllIncubators.url()}?limit=10`,
|
|
109
|
+
cacheKey: SCCache.getToolsStateCacheKey(SCCache.INCUBATORS_LIST_TOOLS_STATE_CACHE_PREFIX_KEY),
|
|
110
|
+
cacheStrategy
|
|
111
|
+
}, stateToolsInitializer);
|
|
107
112
|
const [openIncubatorsDialog, setOpenIncubatorsDialog] = useState(false);
|
|
108
113
|
const [openCreateIncubatorDialog, setOpenCreateIncubatorDialog] = useState(false);
|
|
109
114
|
const [openIncubatorDetailDialog, setOpenIncubatorDetailDialog] = useState(false);
|
|
110
|
-
const [next, setNext] = useState(`${Endpoints.GetAllIncubators.url()}?limit=10`);
|
|
111
115
|
const [anchorEl, setAnchorEl] = React.useState(null);
|
|
112
116
|
const isOpen = Boolean(anchorEl);
|
|
113
117
|
const [detailObj, setDetailObj] = useState(null);
|
|
@@ -132,39 +136,52 @@ export default function IncubatorsList(inProps) {
|
|
|
132
136
|
/**
|
|
133
137
|
* Fetches incubators list
|
|
134
138
|
*/
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
139
|
+
const fetchIncubators = useMemo(() => () => {
|
|
140
|
+
return http.request({
|
|
141
|
+
url: state.next,
|
|
142
|
+
method: Endpoints.GetAllIncubators.method
|
|
143
|
+
});
|
|
144
|
+
}, [dispatch, state.next, state.isLoadingNext]);
|
|
145
|
+
useEffect(() => {
|
|
146
|
+
if (cacheStrategy === CacheStrategies.NETWORK_ONLY) {
|
|
147
|
+
onStateChange && onStateChange({ cacheStrategy: CacheStrategies.CACHE_FIRST });
|
|
148
|
+
}
|
|
149
|
+
}, []);
|
|
150
|
+
/**
|
|
151
|
+
* On mount, fetches incubators list
|
|
152
|
+
*/
|
|
153
|
+
useEffect(() => {
|
|
154
|
+
let ignore = false;
|
|
155
|
+
if (state.next) {
|
|
156
|
+
fetchIncubators()
|
|
142
157
|
.then((res) => {
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
158
|
+
if (res.status < 300 && isMountedRef.current && !ignore) {
|
|
159
|
+
const data = res.data;
|
|
160
|
+
dispatch({
|
|
161
|
+
type: actionToolsTypes.LOAD_NEXT_SUCCESS,
|
|
162
|
+
payload: {
|
|
163
|
+
results: data.results,
|
|
164
|
+
count: data.count,
|
|
165
|
+
next: data.next
|
|
166
|
+
}
|
|
167
|
+
});
|
|
168
|
+
}
|
|
149
169
|
})
|
|
150
170
|
.catch((error) => {
|
|
151
|
-
|
|
171
|
+
dispatch({ type: actionToolsTypes.LOAD_NEXT_FAILURE, payload: { errorLoadNext: error } });
|
|
152
172
|
Logger.error(SCOPE_SC_UI, error);
|
|
153
173
|
});
|
|
174
|
+
return () => {
|
|
175
|
+
ignore = true;
|
|
176
|
+
};
|
|
154
177
|
}
|
|
155
|
-
}
|
|
156
|
-
/**
|
|
157
|
-
* On mount, fetches incubators list
|
|
158
|
-
*/
|
|
159
|
-
useEffect(() => {
|
|
160
|
-
fetchIncubators();
|
|
161
|
-
}, []);
|
|
178
|
+
}, [state.next]);
|
|
162
179
|
/**
|
|
163
180
|
* Handles subscriptions counter update on subscribe/unsubscribe action.
|
|
164
181
|
* @param incubator
|
|
165
182
|
*/
|
|
166
183
|
function handleSubscriptionsUpdate(incubator) {
|
|
167
|
-
const newIncubators = [...
|
|
184
|
+
const newIncubators = [...state.results];
|
|
168
185
|
const index = newIncubators.findIndex((i) => i.id === incubator.id);
|
|
169
186
|
if (index !== -1) {
|
|
170
187
|
if (incubator.subscribed) {
|
|
@@ -175,13 +192,19 @@ export default function IncubatorsList(inProps) {
|
|
|
175
192
|
newIncubators[index].subscribers_count = incubator.subscribers_count + 1;
|
|
176
193
|
newIncubators[index].subscribed = !incubator.subscribed;
|
|
177
194
|
}
|
|
178
|
-
|
|
195
|
+
dispatch({
|
|
196
|
+
type: actionToolsTypes.SET_RESULTS,
|
|
197
|
+
payload: { results: newIncubators }
|
|
198
|
+
});
|
|
179
199
|
}
|
|
180
200
|
}
|
|
181
201
|
/**
|
|
182
202
|
* Renders incubators list
|
|
183
203
|
*/
|
|
184
|
-
|
|
204
|
+
if (state.isLoadingNext) {
|
|
205
|
+
return React.createElement(Skeleton, { elevation: 0 });
|
|
206
|
+
}
|
|
207
|
+
const c = (React.createElement(CardContent, null,
|
|
185
208
|
React.createElement(Box, { className: classes.header },
|
|
186
209
|
React.createElement(Typography, { className: classes.title, variant: 'h5' },
|
|
187
210
|
React.createElement(FormattedMessage, { id: "ui.incubatorsList.title", defaultMessage: "ui.incubatorsList.title" })),
|
|
@@ -194,26 +217,26 @@ export default function IncubatorsList(inProps) {
|
|
|
194
217
|
React.createElement(Box, { sx: { p: '10px' } },
|
|
195
218
|
React.createElement(Typography, { component: 'span', sx: { whiteSpace: 'pre-line' } },
|
|
196
219
|
React.createElement(FormattedMessage, { id: "ui.incubatorsList.popover", defaultMessage: "ui.incubatorsList.popover" })))))),
|
|
197
|
-
!
|
|
220
|
+
!state.count ? (React.createElement(Typography, { className: classes.noResults, variant: "body2" },
|
|
198
221
|
React.createElement(FormattedMessage, { id: "ui.incubatorsList.noResults", defaultMessage: "ui.incubatorsList.noResults" }))) : (React.createElement(React.Fragment, null,
|
|
199
|
-
React.createElement(List, null,
|
|
222
|
+
React.createElement(List, null, state.results.slice(0, limit).map((incubator) => (React.createElement(ListItem, { key: incubator.id },
|
|
200
223
|
React.createElement(Incubator, Object.assign({ elevation: 0, incubator: incubator, className: classes.incubatorItem, subscribeButtonProps: { onSubscribe: handleSubscriptionsUpdate }, ButtonProps: { onClick: () => handleIncubatorDetailDialogOpening(incubator) } }, IncubatorProps)))))),
|
|
201
224
|
React.createElement(Box, { className: classes.actions },
|
|
202
|
-
|
|
225
|
+
limit < state.count && (React.createElement(Button, { size: "small", onClick: () => setOpenIncubatorsDialog(true) },
|
|
203
226
|
React.createElement(FormattedMessage, { id: "ui.incubatorsList.ShowAll", defaultMessage: "ui.incubatorsList.ShowAll" }))),
|
|
204
227
|
React.createElement(Button, { size: "small", onClick: () => setOpenCreateIncubatorDialog(true) },
|
|
205
228
|
React.createElement(FormattedMessage, { id: "ui.incubatorsList.SuggestNewTopic", defaultMessage: "ui.incubatorsList.SuggestNewTopic" }))))),
|
|
206
|
-
openIncubatorsDialog && (React.createElement(BaseDialog, { title: React.createElement(FormattedMessage, { id: "ui.incubatorsList.title", defaultMessage: "ui.incubatorsList.title" }), onClose: () => setOpenIncubatorsDialog(false), open: openIncubatorsDialog },
|
|
229
|
+
openIncubatorsDialog && (React.createElement(BaseDialog, { title: React.createElement(FormattedMessage, { id: "ui.incubatorsList.title", defaultMessage: "ui.incubatorsList.title" }), onClose: () => setOpenIncubatorsDialog(false), open: openIncubatorsDialog }, state.isLoadingNext ? (React.createElement(CentralProgress, { size: 50 })) : (React.createElement(InfiniteScroll, { dataLength: state.results.length, next: fetchIncubators, hasMoreNext: Boolean(state.next), loaderNext: React.createElement(CentralProgress, { size: 30 }), height: 400, endMessage: React.createElement("p", { style: { textAlign: 'center' } },
|
|
207
230
|
React.createElement("b", null,
|
|
208
231
|
React.createElement(FormattedMessage, { id: "ui.incubatorsList.noMoreIncubators", defaultMessage: "ui.incubatorsList.noMoreIncubators" }))) },
|
|
209
|
-
React.createElement(List, null,
|
|
232
|
+
React.createElement(List, null, state.results.map((i) => (React.createElement(ListItem, { key: i.id, sx: { display: 'block', padding: 0 } },
|
|
210
233
|
React.createElement(Incubator, Object.assign({ elevation: 0, incubator: i, className: classes.incubatorItem, subscribeButtonProps: { onSubscribe: handleSubscriptionsUpdate }, ButtonProps: { onClick: () => handleIncubatorDetailDialogOpening(i) } }, IncubatorProps)))))))))),
|
|
211
234
|
openCreateIncubatorDialog && React.createElement(CreateIncubatorDialog, { open: openCreateIncubatorDialog, onClose: handleCreateIncubatorDialogClose }),
|
|
212
|
-
openIncubatorDetailDialog && (React.createElement(IncubatorDetail, { open: openIncubatorDetailDialog, onClose: handleIncubatorDetailDialogClose, incubator: detailObj, onSubscriptionsUpdate: handleSubscriptionsUpdate }))))
|
|
235
|
+
openIncubatorDetailDialog && (React.createElement(IncubatorDetail, { open: openIncubatorDetailDialog, onClose: handleIncubatorDetailDialogClose, incubator: detailObj, onSubscriptionsUpdate: handleSubscriptionsUpdate }))));
|
|
213
236
|
/**
|
|
214
237
|
* Renders root object (if results and autoHide prop is set to false, otherwise component is hidden)
|
|
215
238
|
*/
|
|
216
|
-
if (autoHide && !
|
|
239
|
+
if (autoHide && !state.count) {
|
|
217
240
|
return null;
|
|
218
241
|
}
|
|
219
242
|
return (React.createElement(Root, Object.assign({ className: classNames(classes.root, className) }, rest), c));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IncubatorsList.js","sourceRoot":"","sources":["../../../../src/components/IncubatorsList/IncubatorsList.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"IncubatorsList.js","sourceRoot":"","sources":["../../../../src/components/IncubatorsList/IncubatorsList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +1,6 @@
|
|
|
1
1
|
import { CardProps } from '@mui/material';
|
|
2
2
|
import { SCPrivateMessageType } from '@selfcommunity/types';
|
|
3
3
|
export interface MessageProps extends Pick<CardProps, Exclude<keyof CardProps, 'id'>> {
|
|
4
|
-
/**
|
|
5
|
-
* Id of message object
|
|
6
|
-
* @default null
|
|
7
|
-
*/
|
|
8
|
-
id?: number;
|
|
9
4
|
/**
|
|
10
5
|
* Overrides or extends the styles applied to the component.
|
|
11
6
|
* @default null
|
|
@@ -42,25 +37,15 @@ export interface MessageProps extends Pick<CardProps, Exclude<keyof CardProps, '
|
|
|
42
37
|
*/
|
|
43
38
|
isHovering?: () => void;
|
|
44
39
|
/**
|
|
45
|
-
*
|
|
46
|
-
* @default
|
|
40
|
+
* Delete icon showed only for messages sent by logged user
|
|
41
|
+
* @default false
|
|
47
42
|
*/
|
|
48
|
-
|
|
43
|
+
showDeleteIcon?: boolean;
|
|
49
44
|
/**
|
|
50
45
|
* Action triggered on delete icon click
|
|
51
46
|
* @default null
|
|
52
47
|
*/
|
|
53
48
|
onDeleteIconClick?: () => void;
|
|
54
|
-
/**
|
|
55
|
-
* Callback fired on touch hover
|
|
56
|
-
* @default null
|
|
57
|
-
*/
|
|
58
|
-
onTouchStart?: () => void;
|
|
59
|
-
/**
|
|
60
|
-
* Callback fired on touch leave
|
|
61
|
-
* @default null
|
|
62
|
-
*/
|
|
63
|
-
onTouchEnd?: () => void;
|
|
64
49
|
}
|
|
65
50
|
/**
|
|
66
51
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../../src/components/Message/Message.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAiD,SAAS,EAA8B,MAAM,eAAe,CAAC;AAGrH,OAAO,EAAC,oBAAoB,EAAoB,MAAM,sBAAsB,CAAC;AA2D7E,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,MAAM,SAAS,EAAE,IAAI,CAAC,CAAC;IACnF;;;OAGG;IACH,
|
|
1
|
+
{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../../src/components/Message/Message.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAiD,SAAS,EAA8B,MAAM,eAAe,CAAC;AAGrH,OAAO,EAAC,oBAAoB,EAAoB,MAAM,sBAAsB,CAAC;AA2D7E,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,MAAM,SAAS,EAAE,IAAI,CAAC,CAAC;IACnF;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,OAAO,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CA6KlE"}
|
|
@@ -108,7 +108,7 @@ export default function Message(inProps) {
|
|
|
108
108
|
props: inProps,
|
|
109
109
|
name: PREFIX
|
|
110
110
|
});
|
|
111
|
-
const {
|
|
111
|
+
const { autoHide = false, message = null, className = null, snippetType = true, onMouseEnter = null, onMouseLeave = null, isHovering = null, showDeleteIcon = false, onDeleteIconClick = null } = props, rest = __rest(props, ["autoHide", "message", "className", "snippetType", "onMouseEnter", "onMouseLeave", "isHovering", "showDeleteIcon", "onDeleteIconClick"]);
|
|
112
112
|
// INTL
|
|
113
113
|
const intl = useIntl();
|
|
114
114
|
// STATE
|
|
@@ -157,34 +157,37 @@ export default function Message(inProps) {
|
|
|
157
157
|
return React.createElement(React.Fragment, null, section);
|
|
158
158
|
};
|
|
159
159
|
/**
|
|
160
|
-
* Renders
|
|
160
|
+
* Renders thread type message object
|
|
161
161
|
*/
|
|
162
|
-
const
|
|
163
|
-
React.createElement(ListItem,
|
|
164
|
-
|
|
165
|
-
React.createElement(ListItemText, { primary: React.createElement(Box, { className: classes.info },
|
|
166
|
-
scUserContext['user'] && scUserContext['user'].username === message.receiver.username ? (React.createElement(Typography, { component: "span" }, message.sender.username)) : (React.createElement(Typography, { component: "span" }, message.receiver.username)),
|
|
167
|
-
React.createElement(Typography, { component: "span" }, `${intl.formatDate(message.last_message_at, {
|
|
168
|
-
weekday: 'long',
|
|
169
|
-
day: 'numeric'
|
|
170
|
-
})}`)), secondary: React.createElement(Box, { component: "span", className: classes.info },
|
|
171
|
-
React.createElement(Typography, { component: "span", dangerouslySetInnerHTML: { __html: message.headline } }),
|
|
172
|
-
isNew && (React.createElement(Icon, { fontSize: "small", className: classes.unread }, "fiber_manual_record"))) })))) : (React.createElement(LazyLoad, { once: true, offset: DEFAULT_PRELOAD_OFFSET_VIEWPORT },
|
|
173
|
-
React.createElement(ListItem, { onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onTouchStart: onTouchStart, onTouchMove: onTouchEnd },
|
|
174
|
-
!snippetType && isHovering && loggedUser === message.sender.id && message.status !== 'hidden' && (React.createElement(React.Fragment, null,
|
|
162
|
+
const threadMessage = (React.createElement(LazyLoad, { once: true, offset: DEFAULT_PRELOAD_OFFSET_VIEWPORT },
|
|
163
|
+
React.createElement(ListItem, { onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onTouchStart: onMouseEnter, onTouchMove: onMouseLeave },
|
|
164
|
+
isHovering && showDeleteIcon && message.status !== 'hidden' && (React.createElement(React.Fragment, null,
|
|
175
165
|
React.createElement(IconButton, { sx: { marginBottom: '25px' }, onClick: onDeleteIconClick },
|
|
176
166
|
React.createElement(Icon, { fontSize: "small" }, "delete")))),
|
|
177
167
|
React.createElement(ListItemText, { primary: React.createElement(Box, { className: classes.messageBox }, hasFile ? renderMessageFile(message) : React.createElement(Typography, { component: "span", dangerouslySetInnerHTML: { __html: message.message } })), secondary: React.createElement(Box, { component: "span", className: classes.messageTime },
|
|
178
168
|
React.createElement(Typography, { component: "span" }, `${intl.formatDate(message.created_at, {
|
|
179
169
|
hour: 'numeric',
|
|
180
170
|
minute: 'numeric'
|
|
181
|
-
})}`)) }))))
|
|
171
|
+
})}`)) }))));
|
|
172
|
+
/**
|
|
173
|
+
* Renders snippet type message object
|
|
174
|
+
*/
|
|
175
|
+
const snippetMessage = (React.createElement(ListItem, null,
|
|
176
|
+
React.createElement(ListItemAvatar, null, scUserContext['user'] && scUserContext['user'].username === message.receiver.username ? (React.createElement(Avatar, { alt: message.sender.username, src: message.sender.avatar })) : (React.createElement(Avatar, { alt: message.receiver.username, src: message.receiver.avatar }))),
|
|
177
|
+
React.createElement(ListItemText, { primary: React.createElement(Box, { className: classes.info },
|
|
178
|
+
scUserContext['user'] && scUserContext['user'].username === message.receiver.username ? (React.createElement(Typography, { component: "span" }, message.sender.username)) : (React.createElement(Typography, { component: "span" }, message.receiver.username)),
|
|
179
|
+
React.createElement(Typography, { component: "span" }, `${intl.formatDate(message.last_message_at, {
|
|
180
|
+
weekday: 'long',
|
|
181
|
+
day: 'numeric'
|
|
182
|
+
})}`)), secondary: React.createElement(Box, { component: "span", className: classes.info },
|
|
183
|
+
React.createElement(Typography, { component: "span", dangerouslySetInnerHTML: { __html: message.headline } }),
|
|
184
|
+
isNew && (React.createElement(Icon, { fontSize: "small", className: classes.unread }, "fiber_manual_record"))) })));
|
|
182
185
|
/**
|
|
183
186
|
* Renders root object (if not hidden by autoHide prop)
|
|
184
187
|
*/
|
|
185
188
|
if (!autoHide) {
|
|
186
189
|
return (React.createElement(Root, Object.assign({ className: classNames(classes.root, className) }, rest),
|
|
187
|
-
React.createElement(List, null,
|
|
190
|
+
React.createElement(List, null, snippetType ? snippetMessage : threadMessage)));
|
|
188
191
|
}
|
|
189
192
|
return null;
|
|
190
193
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Message.js","sourceRoot":"","sources":["../../../../src/components/Message/Message.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAC,UAAU,EAAC,MAAM,OAAO,CAAC;AACxC,OAAO,EAAC,MAAM,EAAC,MAAM,sBAAsB,CAAC;AAC5C,OAAO,IAAI,MAAM,oBAAoB,CAAC;AACtC,OAAO,EAAC,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,YAAY,EAAa,UAAU,EAAE,GAAG,EAAE,UAAU,EAAC,MAAM,eAAe,CAAC;AACrH,OAAO,eAAe,MAAM,YAAY,CAAC;AACzC,OAAO,EAAC,OAAO,EAAC,MAAM,YAAY,CAAC;AACnC,OAAO,EAAuB,iBAAiB,EAAC,MAAM,sBAAsB,CAAC;AAC7E,OAAO,EAAoB,aAAa,EAAC,MAAM,2BAA2B,CAAC;AAC3E,OAAO,IAAI,MAAM,oBAAoB,CAAC;AACtC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAC,+BAA+B,EAAC,MAAM,0BAA0B,CAAC;AACzE,OAAO,EAAC,aAAa,EAAC,MAAM,aAAa,CAAC;AAE1C,MAAM,MAAM,GAAG,WAAW,CAAC;AAE3B,MAAM,OAAO,GAAG;IACd,IAAI,EAAE,GAAG,MAAM,OAAO;IACtB,QAAQ,EAAE,GAAG,MAAM,WAAW;IAC9B,IAAI,EAAE,GAAG,MAAM,OAAO;IACtB,UAAU,EAAE,GAAG,MAAM,cAAc;IACnC,WAAW,EAAE,GAAG,MAAM,eAAe;IACrC,MAAM,EAAE,GAAG,MAAM,SAAS;IAC1B,IAAI,EAAE,GAAG,MAAM,OAAO;IACtB,GAAG,EAAE,GAAG,MAAM,MAAM;IACpB,cAAc,EAAE,GAAG,MAAM,kBAAkB;IAC3C,YAAY,EAAE,GAAG,MAAM,gBAAgB;CACxC,CAAC;AAEF,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,EAAE;IAC1B,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI;CAClD,CAAC,CAAC,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE,CAAC,CAAC;IACf,CAAC,MAAM,OAAO,CAAC,IAAI,EAAE,CAAC,EAAE;QACtB,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,eAAe;KAChC;IACD,CAAC,MAAM,OAAO,CAAC,UAAU,EAAE,CAAC,EAAE;QAC5B,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,MAAM;QACf,YAAY,EAAE,MAAM;KACrB;IACD,CAAC,MAAM,OAAO,CAAC,WAAW,EAAE,CAAC,EAAE;QAC7B,SAAS,EAAE,KAAK;QAChB,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,UAAU;KAC3B;IACD,CAAC,MAAM,OAAO,CAAC,GAAG,EAAE,CAAC,EAAE;QACrB,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;KACZ;IACD,CAAC,MAAM,OAAO,CAAC,cAAc,EAAE,CAAC,EAAE;QAChC,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;QAC3C,YAAY,EAAE,KAAK;KACpB;IACD,CAAC,MAAM,OAAO,CAAC,YAAY,EAAE,CAAC,EAAE;QAC9B,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;KACrB;CACF,CAAC,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"Message.js","sourceRoot":"","sources":["../../../../src/components/Message/Message.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { SCMessageFileType } from '@selfcommunity/types';
|
|
1
2
|
export interface MessageEditorProps {
|
|
2
3
|
/**
|
|
3
4
|
* Hides this component
|
|
@@ -9,24 +10,14 @@ export interface MessageEditorProps {
|
|
|
9
10
|
* @default null
|
|
10
11
|
*/
|
|
11
12
|
className?: string;
|
|
12
|
-
/**
|
|
13
|
-
* Any other properties
|
|
14
|
-
*/
|
|
15
|
-
[p: string]: any;
|
|
16
13
|
/**
|
|
17
14
|
* Callback to send the message
|
|
18
15
|
*/
|
|
19
|
-
send?: () => void;
|
|
16
|
+
send?: (message?: string, file?: SCMessageFileType) => void;
|
|
20
17
|
/**
|
|
21
|
-
*
|
|
22
|
-
* @param message
|
|
23
|
-
*/
|
|
24
|
-
getMessage?: (message: any) => void;
|
|
25
|
-
/**
|
|
26
|
-
* Callback to pass message file item
|
|
27
|
-
* @param file
|
|
18
|
+
* Any other properties
|
|
28
19
|
*/
|
|
29
|
-
|
|
20
|
+
[p: string]: any;
|
|
30
21
|
}
|
|
31
22
|
/**
|
|
32
23
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MessageEditor.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageEditor/MessageEditor.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"MessageEditor.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageEditor/MessageEditor.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAC,iBAAiB,EAAC,MAAM,sBAAsB,CAAC;AAkDvD,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC5D;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,OAAO,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CA4J9E"}
|
|
@@ -9,14 +9,15 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import React, { useRef, useState } from 'react';
|
|
12
|
+
import React, { useEffect, useRef, useState } from 'react';
|
|
13
13
|
import { styled } from '@mui/material/styles';
|
|
14
|
-
import { Box, Button, IconButton, InputAdornment, Popover, Stack, TextField } from '@mui/material';
|
|
14
|
+
import { AppBar, Box, Button, IconButton, InputAdornment, Popover, Stack, TextField, useTheme, useMediaQuery } from '@mui/material';
|
|
15
15
|
import Icon from '@mui/material/Icon';
|
|
16
16
|
import classNames from 'classnames';
|
|
17
17
|
import MessageMediaUploader from './MessageMediaUploader/index';
|
|
18
18
|
import { FormattedMessage } from 'react-intl';
|
|
19
19
|
import { useThemeProps } from '@mui/system';
|
|
20
|
+
import BaseDrawer from '../../shared/BaseDrawer';
|
|
20
21
|
// import deps only if csr
|
|
21
22
|
let Picker;
|
|
22
23
|
typeof window !== 'undefined' &&
|
|
@@ -40,9 +41,6 @@ const Root = styled(Box, {
|
|
|
40
41
|
zIndex: 1,
|
|
41
42
|
[`& .${classes.messageInput}`]: {
|
|
42
43
|
width: '100%'
|
|
43
|
-
// '& .MuiOutlinedInput-root': {
|
|
44
|
-
// borderRadius: '20px'
|
|
45
|
-
// }
|
|
46
44
|
},
|
|
47
45
|
[`& .${classes.sendMediaSection}`]: {
|
|
48
46
|
backgroundColor: theme.palette.grey['A200'],
|
|
@@ -50,6 +48,20 @@ const Root = styled(Box, {
|
|
|
50
48
|
justifyContent: 'center'
|
|
51
49
|
}
|
|
52
50
|
}));
|
|
51
|
+
const MobileRoot = styled(AppBar, {
|
|
52
|
+
slot: 'Root',
|
|
53
|
+
overridesResolver: (props, styles) => styles.root
|
|
54
|
+
})(({ theme }) => ({
|
|
55
|
+
position: 'fixed',
|
|
56
|
+
top: 'auto',
|
|
57
|
+
bottom: 0,
|
|
58
|
+
backgroundColor: theme.palette.common.white,
|
|
59
|
+
[`& .${classes.sendMediaSection}`]: {
|
|
60
|
+
backgroundColor: theme.palette.grey['A200'],
|
|
61
|
+
display: 'flex',
|
|
62
|
+
justifyContent: 'center'
|
|
63
|
+
}
|
|
64
|
+
}));
|
|
53
65
|
/**
|
|
54
66
|
*
|
|
55
67
|
> API documentation for the Community-JS Message Editor component. Learn about the available props and the CSS API.
|
|
@@ -81,13 +93,16 @@ export default function MessageEditor(inProps) {
|
|
|
81
93
|
props: inProps,
|
|
82
94
|
name: PREFIX
|
|
83
95
|
});
|
|
84
|
-
const { autoHide = null, className = null, send = null,
|
|
96
|
+
const { autoHide = null, className = null, send = null, onThreadChangeId } = props, rest = __rest(props, ["autoHide", "className", "send", "onThreadChangeId"]);
|
|
85
97
|
// STATE
|
|
98
|
+
const theme = useTheme();
|
|
99
|
+
const isMobile = useMediaQuery(theme.breakpoints.down('md'));
|
|
86
100
|
const [message, setMessage] = useState('');
|
|
87
101
|
const [messageFile, setMessageFile] = useState(null);
|
|
88
102
|
const [show, setShow] = useState(false);
|
|
89
103
|
const [emojiAnchorEl, setEmojiAnchorEl] = React.useState(null);
|
|
90
104
|
const [openMediaSection, setOpenMediaSection] = useState(false);
|
|
105
|
+
const [threadId, setThreadId] = useState(null);
|
|
91
106
|
// REF
|
|
92
107
|
const ref = useRef(null);
|
|
93
108
|
// HANDLERS
|
|
@@ -97,23 +112,16 @@ export default function MessageEditor(inProps) {
|
|
|
97
112
|
};
|
|
98
113
|
const handleMessageFile = (f) => {
|
|
99
114
|
setMessageFile(f);
|
|
100
|
-
getMessageFile(f);
|
|
101
115
|
};
|
|
102
116
|
const handleMessageSend = () => {
|
|
103
|
-
send();
|
|
117
|
+
send(message, messageFile);
|
|
104
118
|
setMessage('');
|
|
105
119
|
setOpenMediaSection(false);
|
|
106
120
|
setShow(false);
|
|
107
121
|
};
|
|
108
122
|
const handleMessageInput = (event) => {
|
|
109
123
|
setMessage(event.target.value);
|
|
110
|
-
|
|
111
|
-
setShow(false);
|
|
112
|
-
}
|
|
113
|
-
else {
|
|
114
|
-
setShow(true);
|
|
115
|
-
}
|
|
116
|
-
getMessage(event.target.value);
|
|
124
|
+
setShow(event.target.value !== '');
|
|
117
125
|
};
|
|
118
126
|
const handleToggleEmoji = (event) => {
|
|
119
127
|
setEmojiAnchorEl(emojiAnchorEl ? null : event.currentTarget);
|
|
@@ -122,37 +130,50 @@ export default function MessageEditor(inProps) {
|
|
|
122
130
|
const cursor = ref.current.selectionStart;
|
|
123
131
|
const text = message.slice(0, cursor) + emojiObject.emoji;
|
|
124
132
|
setMessage(text);
|
|
125
|
-
getMessage(text);
|
|
126
133
|
setShow(true);
|
|
127
134
|
};
|
|
135
|
+
useEffect(() => {
|
|
136
|
+
setThreadId(onThreadChangeId);
|
|
137
|
+
if (threadId !== onThreadChangeId) {
|
|
138
|
+
setMessage('');
|
|
139
|
+
setMessageFile(null);
|
|
140
|
+
setOpenMediaSection(false);
|
|
141
|
+
}
|
|
142
|
+
}, [onThreadChangeId]);
|
|
128
143
|
if (autoHide) {
|
|
129
144
|
return null;
|
|
130
145
|
}
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
React.createElement(
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
React.createElement(
|
|
139
|
-
React.createElement(
|
|
140
|
-
React.createElement(
|
|
141
|
-
|
|
142
|
-
React.createElement(
|
|
143
|
-
React.createElement(
|
|
144
|
-
React.createElement(
|
|
145
|
-
React.createElement(
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
146
|
+
function renderContent() {
|
|
147
|
+
return (React.createElement(React.Fragment, null,
|
|
148
|
+
openMediaSection && (React.createElement(React.Fragment, null,
|
|
149
|
+
React.createElement(Box, { className: classes.sendMediaSection }, show && (React.createElement(Button, { disabled: !messageFile, onClick: handleMessageSend, variant: "outlined" },
|
|
150
|
+
React.createElement(FormattedMessage, { id: "ui.messageEditor.button.send", defaultMessage: "ui.messageEditor.button.send" })))),
|
|
151
|
+
React.createElement(MessageMediaUploader, { open: openMediaSection, onClose: handleMediaSectionClose, forwardMessageFile: handleMessageFile, onFileUploaded: () => setShow(true), onFileCleared: () => setShow(false) }))),
|
|
152
|
+
React.createElement(TextField, { size: "small", ref: ref, className: classes.messageInput, multiline: true, placeholder: "Aa", value: message, onChange: handleMessageInput, InputProps: {
|
|
153
|
+
endAdornment: (React.createElement(React.Fragment, null,
|
|
154
|
+
React.createElement(InputAdornment, { position: "end" },
|
|
155
|
+
React.createElement(IconButton, { disabled: message !== '', onClick: () => setOpenMediaSection(true) },
|
|
156
|
+
React.createElement(Icon, null, "attach_file"))),
|
|
157
|
+
React.createElement(InputAdornment, { position: "end" },
|
|
158
|
+
React.createElement(Stack, null,
|
|
159
|
+
React.createElement("div", null,
|
|
160
|
+
React.createElement(IconButton, { size: "small", onClick: handleToggleEmoji },
|
|
161
|
+
React.createElement(Icon, null, "sentiment_satisfied_alt")),
|
|
162
|
+
isMobile ? (React.createElement(BaseDrawer, { open: Boolean(emojiAnchorEl), onClose: handleToggleEmoji, width: '100%' }, Picker && React.createElement(Picker, { onEmojiClick: handleEmojiClick }))) : (React.createElement(Popover, { open: Boolean(emojiAnchorEl), anchorEl: emojiAnchorEl, onClose: handleToggleEmoji, anchorOrigin: {
|
|
163
|
+
vertical: 'top',
|
|
164
|
+
horizontal: 'right'
|
|
165
|
+
}, transformOrigin: {
|
|
166
|
+
vertical: 'bottom',
|
|
167
|
+
horizontal: 'left'
|
|
168
|
+
}, sx: (theme) => {
|
|
169
|
+
return { zIndex: theme.zIndex.tooltip };
|
|
170
|
+
} }, Picker && React.createElement(Picker, { onEmojiClick: handleEmojiClick }))))),
|
|
171
|
+
React.createElement(IconButton, { disabled: messageFile !== null, onClick: handleMessageSend }, show && React.createElement(Icon, null, "send")))))
|
|
172
|
+
} })));
|
|
173
|
+
}
|
|
174
|
+
if (isMobile) {
|
|
175
|
+
return React.createElement(MobileRoot, null, renderContent());
|
|
176
|
+
}
|
|
177
|
+
return (React.createElement(Root, Object.assign({}, rest, { className: classNames(classes.root, className) }), renderContent()));
|
|
157
178
|
}
|
|
158
179
|
//# sourceMappingURL=MessageEditor.js.map
|