@selfcommunity/react-ui 0.7.0-alpha.5 → 0.7.0-alpha.51
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 +55 -30
- 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/Header/Header.js +2 -2
- package/lib/cjs/components/Header/Header.js.map +1 -1
- package/lib/cjs/components/Header/HeaderMenu.d.ts.map +1 -1
- package/lib/cjs/components/Header/HeaderMenu.js +3 -0
- package/lib/cjs/components/Header/HeaderMenu.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/LoyaltyProgram/Skeleton.d.ts +4 -0
- package/lib/cjs/components/LoyaltyProgram/Skeleton.d.ts.map +1 -1
- package/lib/cjs/components/LoyaltyProgram/Skeleton.js +40 -5
- package/lib/cjs/components/LoyaltyProgram/Skeleton.js.map +1 -1
- package/lib/cjs/components/LoyaltyProgramDetail/Skeleton.d.ts +29 -0
- package/lib/cjs/components/LoyaltyProgramDetail/Skeleton.d.ts.map +1 -1
- package/lib/cjs/components/LoyaltyProgramDetail/Skeleton.js +95 -5
- package/lib/cjs/components/LoyaltyProgramDetail/Skeleton.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/Account.d.ts +28 -0
- package/lib/cjs/components/UserProfileEdit/Section/Account.d.ts.map +1 -0
- package/lib/cjs/components/UserProfileEdit/Section/Account.js +118 -0
- package/lib/cjs/components/UserProfileEdit/Section/Account.js.map +1 -0
- package/lib/cjs/components/UserProfileEdit/Section/AccountCredentials.d.ts +18 -0
- package/lib/cjs/components/UserProfileEdit/Section/AccountCredentials.d.ts.map +1 -0
- package/lib/cjs/components/UserProfileEdit/Section/AccountCredentials.js +260 -0
- package/lib/cjs/components/UserProfileEdit/Section/AccountCredentials.js.map +1 -0
- package/lib/cjs/components/UserProfileEdit/Section/PublicInfo.d.ts +1 -1
- package/lib/cjs/components/UserProfileEdit/Section/PublicInfo.d.ts.map +1 -1
- package/lib/cjs/components/UserProfileEdit/Section/PublicInfo.js +17 -8
- package/lib/cjs/components/UserProfileEdit/Section/PublicInfo.js.map +1 -1
- package/lib/cjs/components/UserProfileEdit/UserProfileEdit.d.ts +6 -0
- package/lib/cjs/components/UserProfileEdit/UserProfileEdit.d.ts.map +1 -1
- package/lib/cjs/components/UserProfileEdit/UserProfileEdit.js +8 -1
- package/lib/cjs/components/UserProfileEdit/UserProfileEdit.js.map +1 -1
- 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.map +1 -1
- package/lib/cjs/components/UserProfileInfo/UserProfileInfo.js +56 -2
- 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 +160 -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/index.d.ts +6 -3
- package/lib/cjs/index.d.ts.map +1 -1
- package/lib/cjs/index.js +10 -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/PasswordTextField/index.d.ts.map +1 -1
- package/lib/cjs/shared/PasswordTextField/index.js +5 -2
- package/lib/cjs/shared/PasswordTextField/index.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/headerMenuUrls.d.ts +4 -0
- package/lib/cjs/types/headerMenuUrls.d.ts.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 +56 -31
- 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/Header/Header.js +2 -2
- package/lib/esm/components/Header/Header.js.map +1 -1
- package/lib/esm/components/Header/HeaderMenu.d.ts.map +1 -1
- package/lib/esm/components/Header/HeaderMenu.js +3 -0
- package/lib/esm/components/Header/HeaderMenu.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/LoyaltyProgram/Skeleton.d.ts +4 -0
- package/lib/esm/components/LoyaltyProgram/Skeleton.d.ts.map +1 -1
- package/lib/esm/components/LoyaltyProgram/Skeleton.js +40 -5
- package/lib/esm/components/LoyaltyProgram/Skeleton.js.map +1 -1
- package/lib/esm/components/LoyaltyProgramDetail/Skeleton.d.ts +29 -0
- package/lib/esm/components/LoyaltyProgramDetail/Skeleton.d.ts.map +1 -1
- package/lib/esm/components/LoyaltyProgramDetail/Skeleton.js +93 -5
- package/lib/esm/components/LoyaltyProgramDetail/Skeleton.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/Account.d.ts +28 -0
- package/lib/esm/components/UserProfileEdit/Section/Account.d.ts.map +1 -0
- package/lib/esm/components/UserProfileEdit/Section/Account.js +89 -0
- package/lib/esm/components/UserProfileEdit/Section/Account.js.map +1 -0
- package/lib/esm/components/UserProfileEdit/Section/AccountCredentials.d.ts +18 -0
- package/lib/esm/components/UserProfileEdit/Section/AccountCredentials.d.ts.map +1 -0
- package/lib/esm/components/UserProfileEdit/Section/AccountCredentials.js +231 -0
- package/lib/esm/components/UserProfileEdit/Section/AccountCredentials.js.map +1 -0
- package/lib/esm/components/UserProfileEdit/Section/PublicInfo.d.ts +1 -1
- package/lib/esm/components/UserProfileEdit/Section/PublicInfo.d.ts.map +1 -1
- package/lib/esm/components/UserProfileEdit/Section/PublicInfo.js +18 -9
- package/lib/esm/components/UserProfileEdit/Section/PublicInfo.js.map +1 -1
- package/lib/esm/components/UserProfileEdit/UserProfileEdit.d.ts +6 -0
- package/lib/esm/components/UserProfileEdit/UserProfileEdit.d.ts.map +1 -1
- package/lib/esm/components/UserProfileEdit/UserProfileEdit.js +8 -1
- package/lib/esm/components/UserProfileEdit/UserProfileEdit.js.map +1 -1
- 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.map +1 -1
- package/lib/esm/components/UserProfileInfo/UserProfileInfo.js +60 -6
- 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 +131 -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/index.d.ts +6 -3
- package/lib/esm/index.d.ts.map +1 -1
- package/lib/esm/index.js +8 -5
- 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/PasswordTextField/index.d.ts.map +1 -1
- package/lib/esm/shared/PasswordTextField/index.js +5 -2
- package/lib/esm/shared/PasswordTextField/index.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/headerMenuUrls.d.ts +4 -0
- package/lib/esm/types/headerMenuUrls.d.ts.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
|
@@ -57,6 +57,8 @@ const system_1 = require("@mui/system");
|
|
|
57
57
|
const Widget_1 = __importDefault(require("../Widget"));
|
|
58
58
|
const CreateIncubatorDialog_1 = __importDefault(require("./CreateIncubatorDialog"));
|
|
59
59
|
const IncubatorDetail_1 = __importDefault(require("../IncubatorDetail"));
|
|
60
|
+
const tools_1 = require("../../utils/tools");
|
|
61
|
+
const react_core_1 = require("@selfcommunity/react-core");
|
|
60
62
|
const PREFIX = 'SCIncubatorsList';
|
|
61
63
|
const classes = {
|
|
62
64
|
root: `${PREFIX}-root`,
|
|
@@ -125,17 +127,19 @@ function IncubatorsList(inProps) {
|
|
|
125
127
|
props: inProps,
|
|
126
128
|
name: PREFIX
|
|
127
129
|
});
|
|
128
|
-
const { autoHide = true, className, IncubatorProps = {} } = props, rest = __rest(props, ["autoHide", "className", "IncubatorProps"]);
|
|
130
|
+
const { autoHide = true, className, IncubatorProps = {}, cacheStrategy = utils_1.CacheStrategies.NETWORK_ONLY, onHeightChange, onStateChange } = props, rest = __rest(props, ["autoHide", "className", "IncubatorProps", "cacheStrategy", "onHeightChange", "onStateChange"]);
|
|
131
|
+
// REFS
|
|
132
|
+
const isMountedRef = (0, react_core_1.useIsComponentMountedRef)();
|
|
129
133
|
// STATE
|
|
130
|
-
const [
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
134
|
+
const [state, dispatch] = (0, react_1.useReducer)(tools_1.dataToolsReducer, {
|
|
135
|
+
isLoadingNext: true,
|
|
136
|
+
next: `${api_services_1.Endpoints.GetAllIncubators.url()}?limit=10`,
|
|
137
|
+
cacheKey: react_core_1.SCCache.getToolsStateCacheKey(react_core_1.SCCache.INCUBATORS_LIST_TOOLS_STATE_CACHE_PREFIX_KEY),
|
|
138
|
+
cacheStrategy
|
|
139
|
+
}, tools_1.stateToolsInitializer);
|
|
135
140
|
const [openIncubatorsDialog, setOpenIncubatorsDialog] = (0, react_1.useState)(false);
|
|
136
141
|
const [openCreateIncubatorDialog, setOpenCreateIncubatorDialog] = (0, react_1.useState)(false);
|
|
137
142
|
const [openIncubatorDetailDialog, setOpenIncubatorDetailDialog] = (0, react_1.useState)(false);
|
|
138
|
-
const [next, setNext] = (0, react_1.useState)(`${api_services_1.Endpoints.GetAllIncubators.url()}?limit=10`);
|
|
139
143
|
const [anchorEl, setAnchorEl] = react_1.default.useState(null);
|
|
140
144
|
const isOpen = Boolean(anchorEl);
|
|
141
145
|
const [detailObj, setDetailObj] = (0, react_1.useState)(null);
|
|
@@ -160,39 +164,52 @@ function IncubatorsList(inProps) {
|
|
|
160
164
|
/**
|
|
161
165
|
* Fetches incubators list
|
|
162
166
|
*/
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
167
|
+
const fetchIncubators = (0, react_1.useMemo)(() => () => {
|
|
168
|
+
return api_services_1.http.request({
|
|
169
|
+
url: state.next,
|
|
170
|
+
method: api_services_1.Endpoints.GetAllIncubators.method
|
|
171
|
+
});
|
|
172
|
+
}, [dispatch, state.next, state.isLoadingNext]);
|
|
173
|
+
(0, react_1.useEffect)(() => {
|
|
174
|
+
if (cacheStrategy === utils_1.CacheStrategies.NETWORK_ONLY) {
|
|
175
|
+
onStateChange && onStateChange({ cacheStrategy: utils_1.CacheStrategies.CACHE_FIRST });
|
|
176
|
+
}
|
|
177
|
+
}, []);
|
|
178
|
+
/**
|
|
179
|
+
* On mount, fetches incubators list
|
|
180
|
+
*/
|
|
181
|
+
(0, react_1.useEffect)(() => {
|
|
182
|
+
let ignore = false;
|
|
183
|
+
if (state.next) {
|
|
184
|
+
fetchIncubators()
|
|
170
185
|
.then((res) => {
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
186
|
+
if (res.status < 300 && isMountedRef.current && !ignore) {
|
|
187
|
+
const data = res.data;
|
|
188
|
+
dispatch({
|
|
189
|
+
type: tools_1.actionToolsTypes.LOAD_NEXT_SUCCESS,
|
|
190
|
+
payload: {
|
|
191
|
+
results: data.results,
|
|
192
|
+
count: data.count,
|
|
193
|
+
next: data.next
|
|
194
|
+
}
|
|
195
|
+
});
|
|
196
|
+
}
|
|
177
197
|
})
|
|
178
198
|
.catch((error) => {
|
|
179
|
-
|
|
199
|
+
dispatch({ type: tools_1.actionToolsTypes.LOAD_NEXT_FAILURE, payload: { errorLoadNext: error } });
|
|
180
200
|
utils_1.Logger.error(Errors_1.SCOPE_SC_UI, error);
|
|
181
201
|
});
|
|
202
|
+
return () => {
|
|
203
|
+
ignore = true;
|
|
204
|
+
};
|
|
182
205
|
}
|
|
183
|
-
}
|
|
184
|
-
/**
|
|
185
|
-
* On mount, fetches incubators list
|
|
186
|
-
*/
|
|
187
|
-
(0, react_1.useEffect)(() => {
|
|
188
|
-
fetchIncubators();
|
|
189
|
-
}, []);
|
|
206
|
+
}, [state.next]);
|
|
190
207
|
/**
|
|
191
208
|
* Handles subscriptions counter update on subscribe/unsubscribe action.
|
|
192
209
|
* @param incubator
|
|
193
210
|
*/
|
|
194
211
|
function handleSubscriptionsUpdate(incubator) {
|
|
195
|
-
const newIncubators = [...
|
|
212
|
+
const newIncubators = [...state.results];
|
|
196
213
|
const index = newIncubators.findIndex((i) => i.id === incubator.id);
|
|
197
214
|
if (index !== -1) {
|
|
198
215
|
if (incubator.subscribed) {
|
|
@@ -203,13 +220,19 @@ function IncubatorsList(inProps) {
|
|
|
203
220
|
newIncubators[index].subscribers_count = incubator.subscribers_count + 1;
|
|
204
221
|
newIncubators[index].subscribed = !incubator.subscribed;
|
|
205
222
|
}
|
|
206
|
-
|
|
223
|
+
dispatch({
|
|
224
|
+
type: tools_1.actionToolsTypes.SET_RESULTS,
|
|
225
|
+
payload: { results: newIncubators }
|
|
226
|
+
});
|
|
207
227
|
}
|
|
208
228
|
}
|
|
209
229
|
/**
|
|
210
230
|
* Renders incubators list
|
|
211
231
|
*/
|
|
212
|
-
|
|
232
|
+
if (state.isLoadingNext) {
|
|
233
|
+
return react_1.default.createElement(Skeleton_1.default, { elevation: 0 });
|
|
234
|
+
}
|
|
235
|
+
const c = (react_1.default.createElement(CardContent_1.default, null,
|
|
213
236
|
react_1.default.createElement(material_1.Box, { className: classes.header },
|
|
214
237
|
react_1.default.createElement(material_1.Typography, { className: classes.title, variant: 'h5' },
|
|
215
238
|
react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.incubatorsList.title", defaultMessage: "ui.incubatorsList.title" })),
|
|
@@ -222,26 +245,26 @@ function IncubatorsList(inProps) {
|
|
|
222
245
|
react_1.default.createElement(material_1.Box, { sx: { p: '10px' } },
|
|
223
246
|
react_1.default.createElement(material_1.Typography, { component: 'span', sx: { whiteSpace: 'pre-line' } },
|
|
224
247
|
react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.incubatorsList.popover", defaultMessage: "ui.incubatorsList.popover" })))))),
|
|
225
|
-
!
|
|
248
|
+
!state.count ? (react_1.default.createElement(material_1.Typography, { className: classes.noResults, variant: "body2" },
|
|
226
249
|
react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.incubatorsList.noResults", defaultMessage: "ui.incubatorsList.noResults" }))) : (react_1.default.createElement(react_1.default.Fragment, null,
|
|
227
|
-
react_1.default.createElement(material_1.List, null,
|
|
250
|
+
react_1.default.createElement(material_1.List, null, state.results.slice(0, limit).map((incubator) => (react_1.default.createElement(material_1.ListItem, { key: incubator.id },
|
|
228
251
|
react_1.default.createElement(Incubator_1.default, Object.assign({ elevation: 0, incubator: incubator, className: classes.incubatorItem, subscribeButtonProps: { onSubscribe: handleSubscriptionsUpdate }, ButtonProps: { onClick: () => handleIncubatorDetailDialogOpening(incubator) } }, IncubatorProps)))))),
|
|
229
252
|
react_1.default.createElement(material_1.Box, { className: classes.actions },
|
|
230
|
-
|
|
253
|
+
limit < state.count && (react_1.default.createElement(material_1.Button, { size: "small", onClick: () => setOpenIncubatorsDialog(true) },
|
|
231
254
|
react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.incubatorsList.ShowAll", defaultMessage: "ui.incubatorsList.ShowAll" }))),
|
|
232
255
|
react_1.default.createElement(material_1.Button, { size: "small", onClick: () => setOpenCreateIncubatorDialog(true) },
|
|
233
256
|
react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.incubatorsList.SuggestNewTopic", defaultMessage: "ui.incubatorsList.SuggestNewTopic" }))))),
|
|
234
|
-
openIncubatorsDialog && (react_1.default.createElement(BaseDialog_1.default, { title: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.incubatorsList.title", defaultMessage: "ui.incubatorsList.title" }), onClose: () => setOpenIncubatorsDialog(false), open: openIncubatorsDialog },
|
|
257
|
+
openIncubatorsDialog && (react_1.default.createElement(BaseDialog_1.default, { title: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.incubatorsList.title", defaultMessage: "ui.incubatorsList.title" }), onClose: () => setOpenIncubatorsDialog(false), open: openIncubatorsDialog }, state.isLoadingNext ? (react_1.default.createElement(CentralProgress_1.default, { size: 50 })) : (react_1.default.createElement(InfiniteScroll_1.default, { dataLength: state.results.length, next: fetchIncubators, hasMoreNext: Boolean(state.next), loaderNext: react_1.default.createElement(CentralProgress_1.default, { size: 30 }), height: 400, endMessage: react_1.default.createElement("p", { style: { textAlign: 'center' } },
|
|
235
258
|
react_1.default.createElement("b", null,
|
|
236
259
|
react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.incubatorsList.noMoreIncubators", defaultMessage: "ui.incubatorsList.noMoreIncubators" }))) },
|
|
237
|
-
react_1.default.createElement(material_1.List, null,
|
|
260
|
+
react_1.default.createElement(material_1.List, null, state.results.map((i) => (react_1.default.createElement(material_1.ListItem, { key: i.id, sx: { display: 'block', padding: 0 } },
|
|
238
261
|
react_1.default.createElement(Incubator_1.default, Object.assign({ elevation: 0, incubator: i, className: classes.incubatorItem, subscribeButtonProps: { onSubscribe: handleSubscriptionsUpdate }, ButtonProps: { onClick: () => handleIncubatorDetailDialogOpening(i) } }, IncubatorProps)))))))))),
|
|
239
262
|
openCreateIncubatorDialog && react_1.default.createElement(CreateIncubatorDialog_1.default, { open: openCreateIncubatorDialog, onClose: handleCreateIncubatorDialogClose }),
|
|
240
|
-
openIncubatorDetailDialog && (react_1.default.createElement(IncubatorDetail_1.default, { open: openIncubatorDetailDialog, onClose: handleIncubatorDetailDialogClose, incubator: detailObj, onSubscriptionsUpdate: handleSubscriptionsUpdate }))))
|
|
263
|
+
openIncubatorDetailDialog && (react_1.default.createElement(IncubatorDetail_1.default, { open: openIncubatorDetailDialog, onClose: handleIncubatorDetailDialogClose, incubator: detailObj, onSubscriptionsUpdate: handleSubscriptionsUpdate }))));
|
|
241
264
|
/**
|
|
242
265
|
* Renders root object (if results and autoHide prop is set to false, otherwise component is hidden)
|
|
243
266
|
*/
|
|
244
|
-
if (autoHide && !
|
|
267
|
+
if (autoHide && !state.count) {
|
|
245
268
|
return null;
|
|
246
269
|
}
|
|
247
270
|
return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest), c));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IncubatorsList.js","sourceRoot":"","sources":["../../../../src/components/IncubatorsList/IncubatorsList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"IncubatorsList.js","sourceRoot":"","sources":["../../../../src/components/IncubatorsList/IncubatorsList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -16,6 +16,10 @@
|
|
|
16
16
|
|Rule Name|Global class|Description|
|
|
17
17
|
|---|---|---|
|
|
18
18
|
|root|.SCLoyaltyProgramSkeleton-root|Styles applied to the root element.|
|
|
19
|
+
|header|.SCLoyaltyProgramSkeleton-header|Styles applied to the card header element.|
|
|
20
|
+
|title|.SCLoyaltyProgramSkeleton-title|Styles applied to the title element.|
|
|
21
|
+
|content|.SCLoyaltyProgramSkeleton-content|Styles applied to the card content section.|
|
|
22
|
+
|actions|.SCLoyaltyProgramSkeleton-actions|Styles applied to the action section.|
|
|
19
23
|
*
|
|
20
24
|
*/
|
|
21
25
|
export default function LoyaltyProgramSkeleton(): JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/LoyaltyProgram/Skeleton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/LoyaltyProgram/Skeleton.tsx"],"names":[],"mappings":"AAiCA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,OAAO,UAAU,sBAAsB,IAAI,GAAG,CAAC,OAAO,CAwB5D"}
|
|
@@ -4,17 +4,35 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
const react_1 = __importDefault(require("react"));
|
|
7
|
-
const Skeleton_1 = require("../Skeleton");
|
|
8
7
|
const styles_1 = require("@mui/material/styles");
|
|
8
|
+
const material_1 = require("@mui/material");
|
|
9
|
+
const Widget_1 = __importDefault(require("../Widget"));
|
|
9
10
|
const PREFIX = 'SCLoyaltyProgramSkeleton';
|
|
10
11
|
const classes = {
|
|
11
|
-
root: `${PREFIX}-root
|
|
12
|
+
root: `${PREFIX}-root`,
|
|
13
|
+
header: `${PREFIX}-header`,
|
|
14
|
+
title: `${PREFIX}-title`,
|
|
15
|
+
content: `${PREFIX}-content`,
|
|
16
|
+
actions: `${PREFIX}-actions`
|
|
12
17
|
};
|
|
13
|
-
const Root = (0, styles_1.styled)(
|
|
18
|
+
const Root = (0, styles_1.styled)(Widget_1.default, {
|
|
14
19
|
name: PREFIX,
|
|
15
20
|
slot: 'Root',
|
|
16
21
|
overridesResolver: (props, styles) => styles.root
|
|
17
|
-
})(({ theme }) => ({
|
|
22
|
+
})(({ theme }) => ({
|
|
23
|
+
[`& .${classes.header}`]: {
|
|
24
|
+
display: 'flex',
|
|
25
|
+
alignItems: 'start',
|
|
26
|
+
flexWrap: 'wrap',
|
|
27
|
+
marginTop: theme.spacing(2)
|
|
28
|
+
},
|
|
29
|
+
[`& .${classes.title}`]: {
|
|
30
|
+
display: 'flex'
|
|
31
|
+
},
|
|
32
|
+
[`& .${classes.actions}`]: {
|
|
33
|
+
justifyContent: 'space-between'
|
|
34
|
+
}
|
|
35
|
+
}));
|
|
18
36
|
/**
|
|
19
37
|
* > API documentation for the Community-JS Loyalty Program Skeleton component. Learn about the available props and the CSS API.
|
|
20
38
|
|
|
@@ -33,10 +51,27 @@ const Root = (0, styles_1.styled)(Skeleton_1.GenericSkeleton, {
|
|
|
33
51
|
|Rule Name|Global class|Description|
|
|
34
52
|
|---|---|---|
|
|
35
53
|
|root|.SCLoyaltyProgramSkeleton-root|Styles applied to the root element.|
|
|
54
|
+
|header|.SCLoyaltyProgramSkeleton-header|Styles applied to the card header element.|
|
|
55
|
+
|title|.SCLoyaltyProgramSkeleton-title|Styles applied to the title element.|
|
|
56
|
+
|content|.SCLoyaltyProgramSkeleton-content|Styles applied to the card content section.|
|
|
57
|
+
|actions|.SCLoyaltyProgramSkeleton-actions|Styles applied to the action section.|
|
|
36
58
|
*
|
|
37
59
|
*/
|
|
38
60
|
function LoyaltyProgramSkeleton() {
|
|
39
|
-
return react_1.default.createElement(Root, { className: classes.root }
|
|
61
|
+
return (react_1.default.createElement(Root, { className: classes.root },
|
|
62
|
+
react_1.default.createElement(material_1.CardContent, { className: classes.content },
|
|
63
|
+
react_1.default.createElement(material_1.Typography, { className: classes.title },
|
|
64
|
+
react_1.default.createElement(material_1.Skeleton, { animation: "wave", height: 40, width: "50%", variant: "text" })),
|
|
65
|
+
react_1.default.createElement(material_1.Grid, { container: true, spacing: 2, className: classes.header },
|
|
66
|
+
react_1.default.createElement(material_1.Grid, { item: true },
|
|
67
|
+
react_1.default.createElement(material_1.Skeleton, { animation: "wave", variant: "rectangular", width: 40, height: 40 })),
|
|
68
|
+
react_1.default.createElement(material_1.Grid, { item: true, xs: 12, sm: true, container: true },
|
|
69
|
+
react_1.default.createElement(material_1.Skeleton, { animation: "wave", height: 20, width: "50%", variant: "text" }),
|
|
70
|
+
react_1.default.createElement(material_1.Skeleton, { animation: "wave", height: 10, width: "100%", variant: "text" }),
|
|
71
|
+
react_1.default.createElement(material_1.Skeleton, { animation: "wave", height: 10, width: "70%", variant: "text" })))),
|
|
72
|
+
react_1.default.createElement(material_1.CardActions, { className: classes.actions },
|
|
73
|
+
react_1.default.createElement(material_1.Skeleton, { animation: "wave", height: 30, width: "30%", variant: "rectangular" }),
|
|
74
|
+
react_1.default.createElement(material_1.Skeleton, { animation: "wave", height: 20, width: "30%", variant: "rectangular" }))));
|
|
40
75
|
}
|
|
41
76
|
exports.default = LoyaltyProgramSkeleton;
|
|
42
77
|
//# sourceMappingURL=Skeleton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/components/LoyaltyProgram/Skeleton.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,
|
|
1
|
+
{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/components/LoyaltyProgram/Skeleton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,28 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* > API documentation for the Community-JS Loyalty Program Detail Skeleton Prize component. Learn about the available props and the CSS API.
|
|
3
|
+
|
|
4
|
+
#### Import
|
|
5
|
+
|
|
6
|
+
```jsx
|
|
7
|
+
import {LoyaltyProgramDetailSkeletonPrize} from '@selfcommunity/react-ui';
|
|
8
|
+
```
|
|
9
|
+
|
|
10
|
+
#### Component Name
|
|
11
|
+
|
|
12
|
+
The name `SCLoyaltyProgramDetailSkeletonPrize` can be used when providing style overrides in the theme.
|
|
13
|
+
|
|
14
|
+
#### CSS
|
|
15
|
+
|
|
16
|
+
|Rule Name|Global class|Description|
|
|
17
|
+
|---|---|---|
|
|
18
|
+
|root|.SCLoyaltyProgramDetailSkeletonPrize-root|Styles applied to the root element.|
|
|
19
|
+
|chip|.SCLoyaltyProgramDetailSkeletonPrize-chip|Styles applied to the chip element.|
|
|
20
|
+
|content|.SCLoyaltyProgramDetailSkeletonPrize-content|Styles applied to the card content section.|
|
|
21
|
+
|title|.SCLoyaltyProgramDetailSkeletonPrize-title|Styles applied to the title element.|
|
|
22
|
+
|actions|.SCLoyaltyProgramDetailSkeletonPrize-actions|Styles applied to the action section.|
|
|
23
|
+
*
|
|
24
|
+
*/
|
|
25
|
+
export declare function PrizeSkeleton(): JSX.Element;
|
|
1
26
|
/**
|
|
2
27
|
* > API documentation for the Community-JS Loyalty Program Detail Skeleton component. Learn about the available props and the CSS API.
|
|
3
28
|
|
|
@@ -16,6 +41,10 @@
|
|
|
16
41
|
|Rule Name|Global class|Description|
|
|
17
42
|
|---|---|---|
|
|
18
43
|
|root|.SCLoyaltyProgramDetailSkeleton-root|Styles applied to the root element.|
|
|
44
|
+
|header|.SCLoyaltyProgramDetailSkeleton-header|Styles applied to the card header element.|
|
|
45
|
+
|content|.SCLoyaltyProgramDetailSkeleton-content|Styles applied to the card content section.|
|
|
46
|
+
|list|.SCLoyaltyProgramDetailSkeleton-list|Styles applied to the list section.|
|
|
47
|
+
|listItem|.SCLoyaltyProgramDetailSkeleton-list-item|Styles applied to the list item elements.|
|
|
19
48
|
*
|
|
20
49
|
*/
|
|
21
50
|
export default function LoyaltyProgramDetailSkeleton(): JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/LoyaltyProgramDetail/Skeleton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/LoyaltyProgramDetail/Skeleton.tsx"],"names":[],"mappings":"AA8CA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,aAAa,IAAI,GAAG,CAAC,OAAO,CAoB3C;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,OAAO,UAAU,4BAA4B,IAAI,GAAG,CAAC,OAAO,CAwClE"}
|
|
@@ -3,18 +3,88 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.PrizeSkeleton = void 0;
|
|
6
7
|
const react_1 = __importDefault(require("react"));
|
|
7
|
-
const Skeleton_1 = require("../Skeleton");
|
|
8
8
|
const styles_1 = require("@mui/material/styles");
|
|
9
|
+
const material_1 = require("@mui/material");
|
|
10
|
+
const Widget_1 = __importDefault(require("../Widget"));
|
|
9
11
|
const PREFIX = 'SCLoyaltyProgramDetailSkeleton';
|
|
10
12
|
const classes = {
|
|
11
|
-
root: `${PREFIX}-root
|
|
13
|
+
root: `${PREFIX}-root`,
|
|
14
|
+
header: `${PREFIX}-header`,
|
|
15
|
+
title: `${PREFIX}-title`,
|
|
16
|
+
content: `${PREFIX}-content`,
|
|
17
|
+
actions: `${PREFIX}-actions`,
|
|
18
|
+
list: `${PREFIX}-list`,
|
|
19
|
+
listItem: `${PREFIX}-list-item`,
|
|
20
|
+
chip: `${PREFIX}-chip`
|
|
12
21
|
};
|
|
13
|
-
const Root = (0, styles_1.styled)(
|
|
22
|
+
const Root = (0, styles_1.styled)(Widget_1.default, {
|
|
14
23
|
name: PREFIX,
|
|
15
24
|
slot: 'Root',
|
|
16
25
|
overridesResolver: (props, styles) => styles.root
|
|
17
|
-
})(({ theme }) => ({
|
|
26
|
+
})(({ theme }) => ({
|
|
27
|
+
[`& .${classes.list}`]: {
|
|
28
|
+
display: 'flex',
|
|
29
|
+
flexDirection: 'row'
|
|
30
|
+
}
|
|
31
|
+
}));
|
|
32
|
+
const PrizeRoot = (0, styles_1.styled)(Widget_1.default, {
|
|
33
|
+
name: `${PREFIX}-Prize`,
|
|
34
|
+
slot: 'Root',
|
|
35
|
+
overridesResolver: (props, styles) => styles.root
|
|
36
|
+
})(({ theme }) => ({
|
|
37
|
+
[`& .${classes.root}`]: {
|
|
38
|
+
flexDirection: 'column',
|
|
39
|
+
justifyContent: 'space-between'
|
|
40
|
+
},
|
|
41
|
+
[`& .${classes.chip}`]: {
|
|
42
|
+
display: 'flex',
|
|
43
|
+
alignItems: 'center',
|
|
44
|
+
justifyContent: 'center'
|
|
45
|
+
},
|
|
46
|
+
[`& .${classes.actions}`]: {
|
|
47
|
+
justifyContent: 'center'
|
|
48
|
+
}
|
|
49
|
+
}));
|
|
50
|
+
/**
|
|
51
|
+
* > API documentation for the Community-JS Loyalty Program Detail Skeleton Prize component. Learn about the available props and the CSS API.
|
|
52
|
+
|
|
53
|
+
#### Import
|
|
54
|
+
|
|
55
|
+
```jsx
|
|
56
|
+
import {LoyaltyProgramDetailSkeletonPrize} from '@selfcommunity/react-ui';
|
|
57
|
+
```
|
|
58
|
+
|
|
59
|
+
#### Component Name
|
|
60
|
+
|
|
61
|
+
The name `SCLoyaltyProgramDetailSkeletonPrize` can be used when providing style overrides in the theme.
|
|
62
|
+
|
|
63
|
+
#### CSS
|
|
64
|
+
|
|
65
|
+
|Rule Name|Global class|Description|
|
|
66
|
+
|---|---|---|
|
|
67
|
+
|root|.SCLoyaltyProgramDetailSkeletonPrize-root|Styles applied to the root element.|
|
|
68
|
+
|chip|.SCLoyaltyProgramDetailSkeletonPrize-chip|Styles applied to the chip element.|
|
|
69
|
+
|content|.SCLoyaltyProgramDetailSkeletonPrize-content|Styles applied to the card content section.|
|
|
70
|
+
|title|.SCLoyaltyProgramDetailSkeletonPrize-title|Styles applied to the title element.|
|
|
71
|
+
|actions|.SCLoyaltyProgramDetailSkeletonPrize-actions|Styles applied to the action section.|
|
|
72
|
+
*
|
|
73
|
+
*/
|
|
74
|
+
function PrizeSkeleton() {
|
|
75
|
+
return (react_1.default.createElement(PrizeRoot, { className: classes.root },
|
|
76
|
+
react_1.default.createElement(material_1.Skeleton, { animation: "wave", variant: "rectangular", width: "100%", height: 40 }),
|
|
77
|
+
react_1.default.createElement(material_1.Box, { className: classes.chip },
|
|
78
|
+
react_1.default.createElement(material_1.Skeleton, { animation: "wave", variant: "circular", width: 30, height: 15 })),
|
|
79
|
+
react_1.default.createElement(material_1.CardContent, { className: classes.content },
|
|
80
|
+
react_1.default.createElement(material_1.Typography, { gutterBottom: true, variant: "body1", component: "div", className: classes.title },
|
|
81
|
+
react_1.default.createElement(material_1.Skeleton, { animation: "wave", height: 15, width: "70%", variant: "text" })),
|
|
82
|
+
react_1.default.createElement(material_1.Typography, { variant: "body2" },
|
|
83
|
+
react_1.default.createElement(material_1.Skeleton, { animation: "wave", height: 10, width: "100%", variant: "text" }))),
|
|
84
|
+
react_1.default.createElement(material_1.CardActions, { className: classes.actions },
|
|
85
|
+
react_1.default.createElement(material_1.Skeleton, { animation: "wave", height: 20, width: 50, variant: "rectangular" }))));
|
|
86
|
+
}
|
|
87
|
+
exports.PrizeSkeleton = PrizeSkeleton;
|
|
18
88
|
/**
|
|
19
89
|
* > API documentation for the Community-JS Loyalty Program Detail Skeleton component. Learn about the available props and the CSS API.
|
|
20
90
|
|
|
@@ -33,10 +103,30 @@ const Root = (0, styles_1.styled)(Skeleton_1.GenericSkeleton, {
|
|
|
33
103
|
|Rule Name|Global class|Description|
|
|
34
104
|
|---|---|---|
|
|
35
105
|
|root|.SCLoyaltyProgramDetailSkeleton-root|Styles applied to the root element.|
|
|
106
|
+
|header|.SCLoyaltyProgramDetailSkeleton-header|Styles applied to the card header element.|
|
|
107
|
+
|content|.SCLoyaltyProgramDetailSkeleton-content|Styles applied to the card content section.|
|
|
108
|
+
|list|.SCLoyaltyProgramDetailSkeleton-list|Styles applied to the list section.|
|
|
109
|
+
|listItem|.SCLoyaltyProgramDetailSkeleton-list-item|Styles applied to the list item elements.|
|
|
36
110
|
*
|
|
37
111
|
*/
|
|
38
112
|
function LoyaltyProgramDetailSkeleton() {
|
|
39
|
-
return react_1.default.createElement(Root, { className: classes.root }
|
|
113
|
+
return (react_1.default.createElement(Root, { className: classes.root },
|
|
114
|
+
react_1.default.createElement(material_1.CardHeader, { className: classes.header, avatar: react_1.default.createElement(material_1.Skeleton, { animation: "wave", variant: "rectangular", width: 40, height: 40 }), title: react_1.default.createElement(material_1.Skeleton, { animation: "wave", variant: "circular", width: 30, height: 15 }) }),
|
|
115
|
+
react_1.default.createElement(material_1.CardContent, { className: classes.content },
|
|
116
|
+
react_1.default.createElement(react_1.default.Fragment, null,
|
|
117
|
+
react_1.default.createElement(material_1.Skeleton, { animation: "wave", height: 15, width: "70%", variant: "text" }),
|
|
118
|
+
react_1.default.createElement(material_1.Skeleton, { animation: "wave", height: 10, width: "90%", variant: "text" })),
|
|
119
|
+
react_1.default.createElement(material_1.Typography, { mt: 1, className: classes.title },
|
|
120
|
+
react_1.default.createElement(material_1.Skeleton, { animation: "wave", height: 10, width: "40%" })),
|
|
121
|
+
react_1.default.createElement(material_1.Grid, { container: true, spacing: 0, mt: 0.5, mb: 1, className: classes.list }, [...Array(8)].map((prize, index) => (react_1.default.createElement(material_1.Grid, { item: true, xs: 6, key: index, className: classes.listItem },
|
|
122
|
+
react_1.default.createElement(material_1.Skeleton, { animation: "wave", height: 10, width: "50%" }))))),
|
|
123
|
+
react_1.default.createElement(material_1.Typography, { mb: 1 },
|
|
124
|
+
react_1.default.createElement(material_1.Skeleton, { animation: "wave", height: 15, width: "60%", variant: "text", className: classes.title }),
|
|
125
|
+
react_1.default.createElement(material_1.Skeleton, { animation: "wave", height: 10, width: "80%", variant: "text" }),
|
|
126
|
+
react_1.default.createElement(material_1.Skeleton, { animation: "wave", height: 10, width: "100%", variant: "text" })),
|
|
127
|
+
react_1.default.createElement(material_1.Grid, { container: true, spacing: { xs: 2 }, columns: { xs: 4 }, className: classes.list }, [...Array(4)].map((prize, index) => (react_1.default.createElement(material_1.Grid, { item: true, xs: 2, key: index, className: classes.listItem },
|
|
128
|
+
react_1.default.createElement(PrizeRoot, null,
|
|
129
|
+
react_1.default.createElement(PrizeSkeleton, null)))))))));
|
|
40
130
|
}
|
|
41
131
|
exports.default = LoyaltyProgramDetailSkeleton;
|
|
42
132
|
//# sourceMappingURL=Skeleton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/components/LoyaltyProgramDetail/Skeleton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/components/LoyaltyProgramDetail/Skeleton.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"}
|
|
@@ -136,7 +136,7 @@ function Message(inProps) {
|
|
|
136
136
|
props: inProps,
|
|
137
137
|
name: PREFIX
|
|
138
138
|
});
|
|
139
|
-
const {
|
|
139
|
+
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"]);
|
|
140
140
|
// INTL
|
|
141
141
|
const intl = (0, react_intl_1.useIntl)();
|
|
142
142
|
// STATE
|
|
@@ -185,34 +185,37 @@ function Message(inProps) {
|
|
|
185
185
|
return react_1.default.createElement(react_1.default.Fragment, null, section);
|
|
186
186
|
};
|
|
187
187
|
/**
|
|
188
|
-
* Renders
|
|
188
|
+
* Renders thread type message object
|
|
189
189
|
*/
|
|
190
|
-
const
|
|
191
|
-
react_1.default.createElement(material_1.ListItem,
|
|
192
|
-
|
|
193
|
-
react_1.default.createElement(material_1.ListItemText, { primary: react_1.default.createElement(material_1.Box, { className: classes.info },
|
|
194
|
-
scUserContext['user'] && scUserContext['user'].username === message.receiver.username ? (react_1.default.createElement(material_1.Typography, { component: "span" }, message.sender.username)) : (react_1.default.createElement(material_1.Typography, { component: "span" }, message.receiver.username)),
|
|
195
|
-
react_1.default.createElement(material_1.Typography, { component: "span" }, `${intl.formatDate(message.last_message_at, {
|
|
196
|
-
weekday: 'long',
|
|
197
|
-
day: 'numeric'
|
|
198
|
-
})}`)), secondary: react_1.default.createElement(material_1.Box, { component: "span", className: classes.info },
|
|
199
|
-
react_1.default.createElement(material_1.Typography, { component: "span", dangerouslySetInnerHTML: { __html: message.headline } }),
|
|
200
|
-
isNew && (react_1.default.createElement(Icon_1.default, { fontSize: "small", className: classes.unread }, "fiber_manual_record"))) })))) : (react_1.default.createElement(react_lazyload_1.default, { once: true, offset: LazyLoad_1.DEFAULT_PRELOAD_OFFSET_VIEWPORT },
|
|
201
|
-
react_1.default.createElement(material_1.ListItem, { onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onTouchStart: onTouchStart, onTouchMove: onTouchEnd },
|
|
202
|
-
!snippetType && isHovering && loggedUser === message.sender.id && message.status !== 'hidden' && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
190
|
+
const threadMessage = (react_1.default.createElement(react_lazyload_1.default, { once: true, offset: LazyLoad_1.DEFAULT_PRELOAD_OFFSET_VIEWPORT },
|
|
191
|
+
react_1.default.createElement(material_1.ListItem, { onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onTouchStart: onMouseEnter, onTouchMove: onMouseLeave },
|
|
192
|
+
isHovering && showDeleteIcon && message.status !== 'hidden' && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
203
193
|
react_1.default.createElement(material_1.IconButton, { sx: { marginBottom: '25px' }, onClick: onDeleteIconClick },
|
|
204
194
|
react_1.default.createElement(Icon_1.default, { fontSize: "small" }, "delete")))),
|
|
205
195
|
react_1.default.createElement(material_1.ListItemText, { primary: react_1.default.createElement(material_1.Box, { className: classes.messageBox }, hasFile ? renderMessageFile(message) : react_1.default.createElement(material_1.Typography, { component: "span", dangerouslySetInnerHTML: { __html: message.message } })), secondary: react_1.default.createElement(material_1.Box, { component: "span", className: classes.messageTime },
|
|
206
196
|
react_1.default.createElement(material_1.Typography, { component: "span" }, `${intl.formatDate(message.created_at, {
|
|
207
197
|
hour: 'numeric',
|
|
208
198
|
minute: 'numeric'
|
|
209
|
-
})}`)) }))))
|
|
199
|
+
})}`)) }))));
|
|
200
|
+
/**
|
|
201
|
+
* Renders snippet type message object
|
|
202
|
+
*/
|
|
203
|
+
const snippetMessage = (react_1.default.createElement(material_1.ListItem, null,
|
|
204
|
+
react_1.default.createElement(material_1.ListItemAvatar, null, scUserContext['user'] && scUserContext['user'].username === message.receiver.username ? (react_1.default.createElement(material_1.Avatar, { alt: message.sender.username, src: message.sender.avatar })) : (react_1.default.createElement(material_1.Avatar, { alt: message.receiver.username, src: message.receiver.avatar }))),
|
|
205
|
+
react_1.default.createElement(material_1.ListItemText, { primary: react_1.default.createElement(material_1.Box, { className: classes.info },
|
|
206
|
+
scUserContext['user'] && scUserContext['user'].username === message.receiver.username ? (react_1.default.createElement(material_1.Typography, { component: "span" }, message.sender.username)) : (react_1.default.createElement(material_1.Typography, { component: "span" }, message.receiver.username)),
|
|
207
|
+
react_1.default.createElement(material_1.Typography, { component: "span" }, `${intl.formatDate(message.last_message_at, {
|
|
208
|
+
weekday: 'long',
|
|
209
|
+
day: 'numeric'
|
|
210
|
+
})}`)), secondary: react_1.default.createElement(material_1.Box, { component: "span", className: classes.info },
|
|
211
|
+
react_1.default.createElement(material_1.Typography, { component: "span", dangerouslySetInnerHTML: { __html: message.headline } }),
|
|
212
|
+
isNew && (react_1.default.createElement(Icon_1.default, { fontSize: "small", className: classes.unread }, "fiber_manual_record"))) })));
|
|
210
213
|
/**
|
|
211
214
|
* Renders root object (if not hidden by autoHide prop)
|
|
212
215
|
*/
|
|
213
216
|
if (!autoHide) {
|
|
214
217
|
return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest),
|
|
215
|
-
react_1.default.createElement(List_1.default, null,
|
|
218
|
+
react_1.default.createElement(List_1.default, null, snippetType ? snippetMessage : threadMessage)));
|
|
216
219
|
}
|
|
217
220
|
return null;
|
|
218
221
|
}
|