@selfcommunity/react-ui 0.7.50-events.39 → 0.7.50-events.40
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/BottomNavigation/BottomNavigation.js +14 -5
- package/lib/cjs/components/CreateEventButton/CreateEventButton.js +5 -6
- package/lib/cjs/components/EventInfoWidget/EventInfoWidget.d.ts +24 -0
- package/lib/cjs/components/EventInfoWidget/EventInfoWidget.js +74 -0
- package/lib/cjs/components/EventInfoWidget/constants.d.ts +1 -0
- package/lib/cjs/components/EventInfoWidget/constants.js +4 -0
- package/lib/cjs/components/EventInfoWidget/index.d.ts +3 -0
- package/lib/cjs/components/EventInfoWidget/index.js +6 -0
- package/lib/cjs/components/EventInviteButton/EventInviteButton.js +11 -11
- package/lib/cjs/components/Events/Events.js +10 -10
- package/lib/cjs/components/NavigationToolbar/NavigationToolbar.d.ts +2 -0
- package/lib/cjs/components/NavigationToolbar/NavigationToolbar.js +9 -1
- package/lib/cjs/components/NavigationToolbarMobile/NavigationToolbarMobile.js +12 -2
- package/lib/cjs/components/User/User.d.ts +2 -1
- package/lib/cjs/components/User/User.js +9 -9
- package/lib/cjs/index.d.ts +104 -103
- package/lib/cjs/index.js +270 -267
- package/lib/cjs/shared/Bullet/index.js +1 -2
- package/lib/cjs/shared/Calendar/index.d.ts +1 -2
- package/lib/cjs/shared/Calendar/index.js +3 -5
- package/lib/cjs/shared/EventInfoDetails/index.d.ts +6 -0
- package/lib/cjs/shared/EventInfoDetails/index.js +67 -0
- package/lib/esm/components/BottomNavigation/BottomNavigation.js +14 -5
- package/lib/esm/components/CreateEventButton/CreateEventButton.js +5 -6
- package/lib/esm/components/EventInfoWidget/EventInfoWidget.d.ts +24 -0
- package/lib/esm/components/EventInfoWidget/EventInfoWidget.js +71 -0
- package/lib/esm/components/EventInfoWidget/constants.d.ts +1 -0
- package/lib/esm/components/EventInfoWidget/constants.js +1 -0
- package/lib/esm/components/EventInfoWidget/index.d.ts +3 -0
- package/lib/esm/components/EventInfoWidget/index.js +3 -0
- package/lib/esm/components/EventInviteButton/EventInviteButton.js +11 -11
- package/lib/esm/components/Events/Events.js +10 -10
- package/lib/esm/components/NavigationToolbar/NavigationToolbar.d.ts +2 -0
- package/lib/esm/components/NavigationToolbar/NavigationToolbar.js +9 -1
- package/lib/esm/components/NavigationToolbarMobile/NavigationToolbarMobile.js +13 -3
- package/lib/esm/components/User/User.d.ts +2 -1
- package/lib/esm/components/User/User.js +9 -9
- package/lib/esm/index.d.ts +104 -103
- package/lib/esm/index.js +109 -108
- package/lib/esm/shared/Bullet/index.js +0 -1
- package/lib/esm/shared/Calendar/index.d.ts +1 -2
- package/lib/esm/shared/Calendar/index.js +0 -1
- package/lib/esm/shared/EventInfoDetails/index.d.ts +6 -0
- package/lib/esm/shared/EventInfoDetails/index.js +64 -0
- package/lib/umd/84.js +2 -0
- package/lib/umd/react-ui.js +1 -1
- package/package.json +8 -7
- package/lib/umd/204.js +0 -2
- /package/lib/umd/{204.js.LICENSE.txt → 84.js.LICENSE.txt} +0 -0
package/lib/esm/index.js
CHANGED
|
@@ -1,158 +1,159 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Components
|
|
3
3
|
*/
|
|
4
|
+
import AccountChangeMailValidation from './components/AccountChangeMailValidation';
|
|
4
5
|
import AccountDataPortability from './components/AccountDataPortability';
|
|
5
6
|
import AccountDataPortabilityButton from './components/AccountDataPortabilityButton';
|
|
6
7
|
import AccountDelete from './components/AccountDelete';
|
|
7
8
|
import AccountDeleteButton from './components/AccountDeleteButton';
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import NavigationMenuIconButton, { NavigationMenuContent, NavigationMenuHeader } from './components/NavigationMenuIconButton';
|
|
9
|
+
import AccountRecover from './components/AccountRecover';
|
|
10
|
+
import AccountReset from './components/AccountReset';
|
|
11
|
+
import AccountVerify from './components/AccountVerify';
|
|
12
12
|
import BottomNavigation from './components/BottomNavigation';
|
|
13
13
|
import BroadcastMessages, { BroadcastMessagesSkeleton } from './components/BroadcastMessages';
|
|
14
|
+
import Categories, { CategoriesSkeleton } from './components/Categories';
|
|
15
|
+
import CategoriesPopularWidget, { CategoriesPopularWidgetSkeleton } from './components/CategoriesPopularWidget';
|
|
16
|
+
import CategoriesSuggestionWidget, { CategoriesSuggestionWidgetSkeleton } from './components/CategoriesSuggestionWidget';
|
|
14
17
|
import Category, { CategorySkeleton } from './components/Category';
|
|
15
18
|
import CategoryAutocomplete from './components/CategoryAutocomplete';
|
|
19
|
+
import CategoryFollowButton from './components/CategoryFollowButton';
|
|
16
20
|
import CategoryFollowersButton from './components/CategoryFollowersButton';
|
|
17
21
|
import CategoryHeader, { CategoryHeaderSkeleton } from './components/CategoryHeader';
|
|
18
|
-
import
|
|
19
|
-
import
|
|
20
|
-
import CategoriesPopularWidget, { CategoriesPopularWidgetSkeleton } from './components/CategoriesPopularWidget';
|
|
21
|
-
import CategoriesSuggestionWidget, { CategoriesSuggestionWidgetSkeleton } from './components/CategoriesSuggestionWidget';
|
|
22
|
+
import CategoryTrendingFeedWidget, { CategoryTrendingFeedWidgetSkeleton } from './components/CategoryTrendingFeedWidget';
|
|
23
|
+
import CategoryTrendingUsersWidget, { CategoryTrendingPeopleWidgetSkeleton } from './components/CategoryTrendingUsersWidget';
|
|
22
24
|
import ChangeCover from './components/ChangeCover';
|
|
25
|
+
import ChangeGroupCover from './components/ChangeGroupCover';
|
|
26
|
+
import ChangeGroupPicture from './components/ChangeGroupPicture';
|
|
23
27
|
import ChangePicture from './components/ChangePicture';
|
|
24
|
-
import
|
|
28
|
+
import CommentObject, { CommentObjectSkeleton } from './components/CommentObject';
|
|
29
|
+
import { default as CommentObjectReply, default as ReplyComment } from './components/CommentObjectReply';
|
|
30
|
+
import CommentsFeedObject, { CommentsFeedObjectSkeleton } from './components/CommentsFeedObject';
|
|
31
|
+
import CommentsObject, { CommentsObjectSkeleton } from './components/CommentsObject';
|
|
25
32
|
import Composer from './components/Composer';
|
|
26
33
|
import ComposerIconButton from './components/ComposerIconButton';
|
|
34
|
+
import ConnectionUserButton from './components/ConnectionUserButton';
|
|
35
|
+
import ConsentSolution, { ConsentSolutionSkeleton } from './components/ConsentSolution';
|
|
36
|
+
import ConsentSolutionButton from './components/ConsentSolutionButton';
|
|
37
|
+
import CreateEventButton from './components/CreateEventButton';
|
|
38
|
+
import CreateGroupButton from './components/CreateGroupButton';
|
|
39
|
+
import CustomAdv, { CustomAdvSkeleton } from './components/CustomAdv';
|
|
40
|
+
import EditEventButton from './components/EditEventButton';
|
|
41
|
+
import EditGroupButton from './components/EditGroupButton';
|
|
27
42
|
import Editor, { EditorSkeleton } from './components/Editor';
|
|
28
|
-
import
|
|
43
|
+
import Event, { EventSkeleton } from './components/Event';
|
|
44
|
+
import EventHeader, { EventHeaderSkeleton } from './components/EventHeader';
|
|
45
|
+
import EventInfoWidget from './components/EventInfoWidget';
|
|
46
|
+
import EventInviteButton from './components/EventInviteButton';
|
|
47
|
+
import EventLocationWidget, { EventLocationWidgetSkeleton } from './components/EventLocationWidget';
|
|
48
|
+
import Events, { EventsSkeleton } from './components/Events';
|
|
29
49
|
import Feed, { FeedSkeleton } from './components/Feed';
|
|
30
50
|
import FeedObject, { FeedObjectSkeleton } from './components/FeedObject';
|
|
31
51
|
import FeedUpdatesWidget, { FeedUpdatesWidgetSkeleton } from './components/FeedUpdatesWidget';
|
|
32
|
-
import CategoryFollowButton from './components/CategoryFollowButton';
|
|
33
52
|
import FollowUserButton from './components/FollowUserButton';
|
|
34
|
-
import
|
|
53
|
+
import Footer, { FooterSkeleton } from './components/Footer';
|
|
54
|
+
import FriendshipUserButton from './components/FriendshipUserButton';
|
|
55
|
+
import Group, { GroupSkeleton } from './components/Group';
|
|
56
|
+
import GroupForm from './components/GroupForm';
|
|
57
|
+
import GroupHeader, { GroupHeaderSkeleton } from './components/GroupHeader';
|
|
58
|
+
import GroupInfoWidget, { GroupInfoWidgetSkeleton } from './components/GroupInfoWidget';
|
|
59
|
+
import GroupInviteButton from './components/GroupInviteButton';
|
|
60
|
+
import GroupInvitedWidget, { GroupInvitedWidgetSkeleton } from './components/GroupInvitedWidget';
|
|
61
|
+
import GroupMembersButton from './components/GroupMembersButton';
|
|
62
|
+
import GroupMembersWidget, { GroupMembersWidgetSkeleton } from './components/GroupMembersWidget';
|
|
63
|
+
import GroupRequestsWidget, { GroupRequestsWidgetSkeleton } from './components/GroupRequestsWidget';
|
|
64
|
+
import Groups, { GroupsSkeleton } from './components/Groups';
|
|
65
|
+
import GroupSettingsIconButton from './components/GroupSettingsIconButton';
|
|
66
|
+
import GroupSubscribeButton from './components/GroupSubscribeButton';
|
|
67
|
+
import Incubator from './components/Incubator';
|
|
68
|
+
import IncubatorDetail from './components/IncubatorDetail';
|
|
69
|
+
import IncubatorListWidget from './components/IncubatorListWidget';
|
|
70
|
+
import IncubatorSubscribeButton from './components/IncubatorSubscribeButton';
|
|
71
|
+
import IncubatorSuggestionWidget from './components/IncubatorSuggestionWidget';
|
|
35
72
|
import InlineComposerWidget, { InlineComposerWidgetSkeleton } from './components/InlineComposerWidget';
|
|
36
|
-
import UserSuggestionWidget, { UserSuggestionWidgetSkeleton } from './components/UserSuggestionWidget';
|
|
37
|
-
import PlatformWidget, { PlatformWidgetSkeleton } from './components/PlatformWidget';
|
|
38
|
-
import PrivateMessageSnippets, { PrivateMessageSnippetsSkeleton } from './components/PrivateMessageSnippets';
|
|
39
73
|
import LocationAutocomplete from './components/LocationAutocomplete';
|
|
40
74
|
import LoyaltyProgramWidget, { LoyaltyProgramWidgetSkeleton } from './components/LoyaltyProgramWidget';
|
|
41
|
-
import
|
|
42
|
-
import
|
|
75
|
+
import NavigationMenuIconButton, { NavigationMenuContent, NavigationMenuHeader } from './components/NavigationMenuIconButton';
|
|
76
|
+
import DefaultDrawerContent from './components/NavigationMenuIconButton/DefaultDrawerContent';
|
|
77
|
+
import DefaultHeaderContent from './components/NavigationMenuIconButton/DefaultHeaderContent';
|
|
78
|
+
import NavigationSettingsIconButton from './components/NavigationSettingsIconButton';
|
|
79
|
+
import NavigationToolbar, { NavigationToolbarSkeleton } from './components/NavigationToolbar';
|
|
80
|
+
import NavigationToolbarMobile, { NavigationToolbarMobileSkeleton } from './components/NavigationToolbarMobile';
|
|
81
|
+
import Notification, { NotificationSkeleton } from './components/Notification';
|
|
82
|
+
import PlatformWidget, { PlatformWidgetSkeleton } from './components/PlatformWidget';
|
|
83
|
+
import PollSuggestionWidget from './components/PollSuggestionWidget';
|
|
84
|
+
import PrivateMessageComponent, { PrivateMessageComponentSkeleton } from './components/PrivateMessageComponent';
|
|
85
|
+
import PrivateMessageEditor, { PrivateMessageEditorSkeleton } from './components/PrivateMessageEditor';
|
|
86
|
+
import PrivateMessageSettingsIconButton from './components/PrivateMessageSettingsIconButton';
|
|
87
|
+
import PrivateMessageSnippetItem, { PrivateMessageSnippetItemSkeleton } from './components/PrivateMessageSnippetItem';
|
|
88
|
+
import PrivateMessageSnippets, { PrivateMessageSnippetsSkeleton } from './components/PrivateMessageSnippets';
|
|
89
|
+
import PrivateMessageThread, { PrivateMessageThreadSkeleton } from './components/PrivateMessageThread';
|
|
90
|
+
import PrivateMessageThreadItem, { PrivateMessageThreadItemSkeleton } from './components/PrivateMessageThreadItem';
|
|
91
|
+
import RelatedFeedObjectsWidget, { RelatedFeedObjectsWidgetSkeleton } from './components/RelatedFeedObjectsWidget';
|
|
92
|
+
import SearchAutocomplete from './components/SearchAutocomplete';
|
|
93
|
+
import SearchDialog from './components/SearchDialog';
|
|
94
|
+
import { AvatarGroupSkeleton, GenericSkeleton } from './components/Skeleton';
|
|
95
|
+
import SnippetNotifications, { SnippetNotificationsSkeleton } from './components/SnippetNotifications';
|
|
96
|
+
import ToastNotifications, { ToastNotificationsSkeleton } from './components/ToastNotifications';
|
|
97
|
+
import User, { UserSkeleton } from './components/User';
|
|
43
98
|
import UserActionIconButton from './components/UserActionIconButton';
|
|
99
|
+
import UserConnectionsRequestsSentWidget, { UserConnectionsRequestsSentWidgetSkeleton } from './components/UserConnectionsRequestsSentWidget';
|
|
100
|
+
import UserConnectionsRequestsWidget, { UserConnectionsRequestsWidgetSkeleton } from './components/UserConnectionsRequestsWidget';
|
|
101
|
+
import UserConnectionsWidget, { UserConnectionsWidgetSkeleton } from './components/UserConnectionsWidget';
|
|
44
102
|
import UserCounters from './components/UserCounters';
|
|
45
|
-
import
|
|
46
|
-
import
|
|
103
|
+
import UserFollowedCategoriesWidget, { UserFollowedCategoriesWidgetSkeleton } from './components/UserFollowedCategoriesWidget';
|
|
104
|
+
import UserFollowedUsersWidget, { UserFollowedUsersWidgetSkeleton } from './components/UserFollowedUsersWidget';
|
|
105
|
+
import UserFollowersWidget, { UserFollowersWidgetSkeleton } from './components/UserFollowersWidget';
|
|
47
106
|
import UserInfo, { UserInfoSkeleton } from './components/UserInfo';
|
|
107
|
+
import UserInfoDialog from './components/UserInfoDialog';
|
|
48
108
|
import UserProfileBlocked from './components/UserProfileBlocked';
|
|
49
109
|
import UserProfileEdit, { UserProfileEditSectionAccount, UserProfileEditSectionPublicInfo, UserProfileEditSectionSettings, UserProfileEditSkeleton } from './components/UserProfileEdit';
|
|
50
|
-
import
|
|
110
|
+
import UserProfileHeader, { UserProfileHeaderSkeleton } from './components/UserProfileHeader';
|
|
51
111
|
import UserSocialAssociation from './components/UserSocialAssociation';
|
|
52
|
-
import
|
|
53
|
-
import
|
|
54
|
-
import UserConnectionsRequestsWidget, { UserConnectionsRequestsWidgetSkeleton } from './components/UserConnectionsRequestsWidget';
|
|
55
|
-
import UserConnectionsRequestsSentWidget, { UserConnectionsRequestsSentWidgetSkeleton } from './components/UserConnectionsRequestsSentWidget';
|
|
56
|
-
import RelatedFeedObjectsWidget, { RelatedFeedObjectsWidgetSkeleton } from './components/RelatedFeedObjectsWidget';
|
|
57
|
-
import CommentObject, { CommentObjectSkeleton } from './components/CommentObject';
|
|
58
|
-
import CommentObjectReply from './components/CommentObjectReply';
|
|
59
|
-
import ReplyComment from './components/CommentObjectReply';
|
|
60
|
-
import CommentsObject, { CommentsObjectSkeleton } from './components/CommentsObject';
|
|
61
|
-
import CommentsFeedObject, { CommentsFeedObjectSkeleton } from './components/CommentsFeedObject';
|
|
62
|
-
import CustomAdv, { CustomAdvSkeleton } from './components/CustomAdv';
|
|
63
|
-
import { AvatarGroupSkeleton, GenericSkeleton } from './components/Skeleton';
|
|
64
|
-
import PrivateMessageSnippetItem, { PrivateMessageSnippetItemSkeleton } from './components/PrivateMessageSnippetItem';
|
|
65
|
-
import PrivateMessageThreadItem, { PrivateMessageThreadItemSkeleton } from './components/PrivateMessageThreadItem';
|
|
66
|
-
import PrivateMessageEditor, { PrivateMessageEditorSkeleton } from './components/PrivateMessageEditor';
|
|
67
|
-
import PrivateMessageThread, { PrivateMessageThreadSkeleton } from './components/PrivateMessageThread';
|
|
68
|
-
import ToastNotifications, { ToastNotificationsSkeleton } from './components/ToastNotifications';
|
|
69
|
-
import SnippetNotifications, { SnippetNotificationsSkeleton } from './components/SnippetNotifications';
|
|
70
|
-
import Notification, { NotificationSkeleton } from './components/Notification';
|
|
71
|
-
import AccountRecover from './components/AccountRecover';
|
|
72
|
-
import AccountReset from './components/AccountReset';
|
|
73
|
-
import AccountVerify from './components/AccountVerify';
|
|
74
|
-
import AccountChangeMailValidation from './components/AccountChangeMailValidation';
|
|
75
|
-
import { SCBroadcastMessageTemplateType, SCCommentsOrderBy, SCFeedObjectActivitiesType, SCFeedObjectTemplateType, SCNotificationObjectTemplateType, SCUserProfileFields, SCUserProfileSettings, SCUserSocialAssociations } from './types';
|
|
112
|
+
import UserSubscribedGroupsWidget, { UserSubscribedGroupsWidgetSkeleton } from './components/UserSubscribedGroupsWidget';
|
|
113
|
+
import UserSuggestionWidget, { UserSuggestionWidgetSkeleton } from './components/UserSuggestionWidget';
|
|
76
114
|
import Widget from './components/Widget';
|
|
115
|
+
import { MEDIA_TYPE_EMBED } from './constants/Media';
|
|
116
|
+
import BaseDialog from './shared/BaseDialog';
|
|
117
|
+
import BaseItem from './shared/BaseItem';
|
|
118
|
+
import Calendar from './shared/Calendar';
|
|
77
119
|
import ConfirmDialog from './shared/ConfirmDialog/ConfirmDialog';
|
|
120
|
+
import EmailTextField from './shared/EmailTextField';
|
|
121
|
+
import EventInfoDetails from './shared/EventInfoDetails';
|
|
122
|
+
import HiddenPlaceholder from './shared/HiddenPlaceholder';
|
|
78
123
|
import LanguageSwitcher from './shared/LanguageSwitcher';
|
|
79
|
-
import
|
|
80
|
-
import BaseDialog from './shared/BaseDialog';
|
|
81
|
-
import MediaChunkUploader from './shared/MediaChunkUploader';
|
|
124
|
+
import Lightbox from './shared/Lightbox';
|
|
82
125
|
import { File, Link, Share } from './shared/Media';
|
|
83
|
-
import
|
|
84
|
-
import UrlTextField from './shared/UrlTextField';
|
|
85
|
-
import UsernameTextField from './shared/UsernameTextField';
|
|
86
|
-
import EmailTextField from './shared/EmailTextField';
|
|
126
|
+
import MediaChunkUploader from './shared/MediaChunkUploader';
|
|
87
127
|
import PasswordTextField from './shared/PasswordTextField';
|
|
88
128
|
import PhoneTextField from './shared/PhoneTextField';
|
|
89
129
|
import StickyBox, { useStickyBox } from './shared/StickyBox';
|
|
90
130
|
import TagChip from './shared/TagChip';
|
|
91
|
-
import
|
|
131
|
+
import UrlTextField from './shared/UrlTextField';
|
|
92
132
|
import UserAvatar from './shared/UserAvatar';
|
|
93
|
-
import
|
|
94
|
-
import
|
|
95
|
-
import {
|
|
96
|
-
import PollSuggestionWidget from './components/PollSuggestionWidget';
|
|
97
|
-
import ConsentSolution, { ConsentSolutionSkeleton } from './components/ConsentSolution';
|
|
98
|
-
import ConsentSolutionButton from './components/ConsentSolutionButton';
|
|
99
|
-
import Incubator from './components/Incubator';
|
|
100
|
-
import IncubatorSubscribeButton from './components/IncubatorSubscribeButton';
|
|
101
|
-
import IncubatorListWidget from './components/IncubatorListWidget';
|
|
102
|
-
import IncubatorDetail from './components/IncubatorDetail';
|
|
103
|
-
import IncubatorSuggestionWidget from './components/IncubatorSuggestionWidget';
|
|
104
|
-
import Footer, { FooterSkeleton } from './components/Footer';
|
|
105
|
-
import SearchAutocomplete from './components/SearchAutocomplete';
|
|
106
|
-
import SearchDialog from './components/SearchDialog';
|
|
107
|
-
import PrivateMessageSettingsIconButton from './components/PrivateMessageSettingsIconButton';
|
|
108
|
-
import PrivateMessageComponent, { PrivateMessageComponentSkeleton } from './components/PrivateMessageComponent';
|
|
109
|
-
import ChangeGroupCover from './components/ChangeGroupCover';
|
|
110
|
-
import ChangeGroupPicture from './components/ChangeGroupPicture';
|
|
111
|
-
import GroupHeader, { GroupHeaderSkeleton } from './components/GroupHeader';
|
|
112
|
-
import GroupMembersButton from './components/GroupMembersButton';
|
|
113
|
-
import CreateGroupButton from './components/CreateGroupButton';
|
|
114
|
-
import EditGroupButton from './components/EditGroupButton';
|
|
115
|
-
import GroupInviteButton from './components/GroupInviteButton';
|
|
116
|
-
import GroupInfoWidget, { GroupInfoWidgetSkeleton } from './components/GroupInfoWidget';
|
|
117
|
-
import Group, { GroupSkeleton } from './components/Group';
|
|
118
|
-
import GroupSubscribeButton from './components/GroupSubscribeButton';
|
|
119
|
-
import GroupMembersWidget, { GroupMembersWidgetSkeleton } from './components/GroupMembersWidget';
|
|
120
|
-
import GroupRequestsWidget, { GroupRequestsWidgetSkeleton } from './components/GroupRequestsWidget';
|
|
121
|
-
import Groups, { GroupsSkeleton } from './components/Groups';
|
|
122
|
-
import GroupForm from './components/GroupForm';
|
|
123
|
-
import GroupSettingsIconButton from './components/GroupSettingsIconButton';
|
|
124
|
-
import GroupInvitedWidget, { GroupInvitedWidgetSkeleton } from './components/GroupInvitedWidget';
|
|
125
|
-
import UserSubscribedGroupsWidget, { UserSubscribedGroupsWidgetSkeleton } from './components/UserSubscribedGroupsWidget';
|
|
126
|
-
import DefaultDrawerContent from './components/NavigationMenuIconButton/DefaultDrawerContent';
|
|
127
|
-
import DefaultHeaderContent from './components/NavigationMenuIconButton/DefaultHeaderContent';
|
|
128
|
-
import CreateEventButton from './components/CreateEventButton';
|
|
129
|
-
import EventLocationWidget, { EventLocationWidgetSkeleton } from './components/EventLocationWidget';
|
|
130
|
-
import Event, { EventSkeleton } from './components/Event';
|
|
131
|
-
import Events, { EventsSkeleton } from './components/Events';
|
|
132
|
-
import EventInviteButton from './components/EventInviteButton';
|
|
133
|
-
import EventHeader, { EventHeaderSkeleton } from './components/EventHeader';
|
|
134
|
-
import EditEventButton from './components/EditEventButton';
|
|
133
|
+
import UserDeletedSnackBar from './shared/UserDeletedSnackBar';
|
|
134
|
+
import UsernameTextField from './shared/UsernameTextField';
|
|
135
|
+
import { SCBroadcastMessageTemplateType, SCCommentsOrderBy, SCFeedObjectActivitiesType, SCFeedObjectTemplateType, SCNotificationObjectTemplateType, SCUserProfileFields, SCUserProfileSettings, SCUserSocialAssociations } from './types';
|
|
135
136
|
/**
|
|
136
137
|
* Constants
|
|
137
138
|
*/
|
|
138
139
|
import { DEFAULT_WIDGETS_NUMBER } from './constants/Feed';
|
|
139
|
-
import { DEFAULT_PAGINATION_LIMIT, DEFAULT_PAGINATION_OFFSET, DEFAULT_PAGINATION_QUERY_PARAM_NAME } from './constants/Pagination';
|
|
140
|
-
import { FACEBOOK_SHARE, LINKEDIN_SHARE, X_SHARE } from './constants/SocialShare';
|
|
141
140
|
import { DEFAULT_PRELOAD_OFFSET_VIEWPORT, MAX_PRELOAD_OFFSET_VIEWPORT, MIN_PRELOAD_OFFSET_VIEWPORT } from './constants/LazyLoad';
|
|
142
141
|
import { LEGAL_POLICIES } from './constants/LegalPolicies';
|
|
142
|
+
import { DEFAULT_PAGINATION_LIMIT, DEFAULT_PAGINATION_OFFSET, DEFAULT_PAGINATION_QUERY_PARAM_NAME } from './constants/Pagination';
|
|
143
|
+
import { FACEBOOK_SHARE, LINKEDIN_SHARE, X_SHARE } from './constants/SocialShare';
|
|
143
144
|
import { DEFAULT_FIELDS } from './constants/UserProfile';
|
|
144
145
|
/**
|
|
145
146
|
* Utilities
|
|
146
147
|
*/
|
|
147
|
-
import
|
|
148
|
-
import MetadataField from './shared/MetadataField';
|
|
149
|
-
import InfiniteScroll from './shared/InfiniteScroll';
|
|
148
|
+
import FeedObjectMediaPreview from './components/FeedObjectMediaPreview';
|
|
150
149
|
import CentralProgress from './shared/CentralProgress';
|
|
151
|
-
import
|
|
150
|
+
import InfiniteScroll from './shared/InfiniteScroll';
|
|
151
|
+
import MetadataField from './shared/MetadataField';
|
|
152
|
+
import * as ContributionUtils from './utils/contribution';
|
|
152
153
|
import { getUnseenNotification, getUnseenNotificationCounter } from './utils/feed';
|
|
153
|
-
import * as MessageUploaderUtils from './utils/thumbnailCoverter';
|
|
154
154
|
import { getRelativeTime } from './utils/formatRelativeTime';
|
|
155
|
-
import
|
|
155
|
+
import { bytesToSize } from './utils/sizeCoverter';
|
|
156
|
+
import * as MessageUploaderUtils from './utils/thumbnailCoverter';
|
|
156
157
|
/**
|
|
157
158
|
* Import Assets
|
|
158
159
|
*/
|
|
@@ -160,12 +161,12 @@ import LogoSelfCommunity from './assets/logo';
|
|
|
160
161
|
/**
|
|
161
162
|
* List all exports
|
|
162
163
|
*/
|
|
163
|
-
export { AccountDataPortability, AccountDataPortabilityButton, AccountDelete, AccountDeleteButton, AccountRecover, AccountReset, AccountVerify,
|
|
164
|
-
/* SC UI SHARED */
|
|
165
|
-
HiddenPlaceholder, UrlTextField, UsernameTextField, EmailTextField, PasswordTextField, PhoneTextField, MetadataField, InfiniteScroll, StickyBox, useStickyBox, TagChip, UserDeletedSnackBar, UserAvatar, Lightbox, Calendar, CentralProgress, ConfirmDialog, LanguageSwitcher, MediaChunkUploader, File, Link, Share, MEDIA_TYPE_EMBED, FACEBOOK_SHARE, X_SHARE, LINKEDIN_SHARE, DEFAULT_PRELOAD_OFFSET_VIEWPORT, MIN_PRELOAD_OFFSET_VIEWPORT, MAX_PRELOAD_OFFSET_VIEWPORT,
|
|
164
|
+
export { AccountChangeMailValidation, AccountDataPortability, AccountDataPortabilityButton, AccountDelete, AccountDeleteButton, AccountRecover, AccountReset, AccountVerify, AvatarGroupSkeleton, BaseDialog, BaseItem, BottomNavigation, BroadcastMessages, BroadcastMessagesSkeleton, bytesToSize, Calendar, Categories, CategoriesPopularWidget, CategoriesPopularWidgetSkeleton, CategoriesSkeleton, CategoriesSuggestionWidget, CategoriesSuggestionWidgetSkeleton, Category, CategoryAutocomplete, CategoryFollowButton, CategoryFollowersButton, CategoryHeader, CategoryHeaderSkeleton, CategorySkeleton, CategoryTrendingFeedWidget, CategoryTrendingFeedWidgetSkeleton, CategoryTrendingPeopleWidgetSkeleton, CategoryTrendingUsersWidget, CentralProgress, ChangeCover, ChangeGroupCover, ChangeGroupPicture, ChangePicture, CommentObject, CommentObjectReply, CommentObjectSkeleton, CommentsFeedObject, CommentsFeedObjectSkeleton, CommentsObject, CommentsObjectSkeleton, Composer, ComposerIconButton, ConfirmDialog, ConnectionUserButton,
|
|
166
165
|
/* SC CONSENT SOLUTION */
|
|
167
|
-
ConsentSolution, ConsentSolutionSkeleton,
|
|
166
|
+
ConsentSolution, ConsentSolutionButton, ConsentSolutionSkeleton, ContributionUtils, CreateEventButton, CreateGroupButton, CustomAdv, CustomAdvSkeleton, DEFAULT_FIELDS, DEFAULT_PAGINATION_LIMIT, DEFAULT_PAGINATION_OFFSET,
|
|
168
167
|
/* SC UI PAGINATION */
|
|
169
|
-
DEFAULT_PAGINATION_QUERY_PARAM_NAME,
|
|
168
|
+
DEFAULT_PAGINATION_QUERY_PARAM_NAME, DEFAULT_PRELOAD_OFFSET_VIEWPORT, DEFAULT_WIDGETS_NUMBER, DefaultDrawerContent, DefaultHeaderContent, EditEventButton, EditGroupButton, Editor, EditorSkeleton, EmailTextField, Event, EventHeader, EventHeaderSkeleton, EventInfoDetails, EventInfoWidget, EventInviteButton, EventLocationWidget, EventLocationWidgetSkeleton, Events, EventSkeleton, EventsSkeleton, FACEBOOK_SHARE, Feed, FeedObject, FeedObjectMediaPreview, FeedObjectSkeleton, FeedSkeleton, FeedUpdatesWidget, FeedUpdatesWidgetSkeleton, File, FollowUserButton, Footer, FooterSkeleton, FriendshipUserButton, GenericSkeleton, getRelativeTime, getUnseenNotification, getUnseenNotificationCounter, Group, GroupForm, GroupHeader, GroupHeaderSkeleton, GroupInfoWidget, GroupInfoWidgetSkeleton, GroupInviteButton, GroupInvitedWidget, GroupInvitedWidgetSkeleton, GroupMembersButton, GroupMembersWidget, GroupMembersWidgetSkeleton, GroupRequestsWidget, GroupRequestsWidgetSkeleton, Groups, GroupSettingsIconButton, GroupSkeleton, GroupsSkeleton, GroupSubscribeButton,
|
|
169
|
+
/* SC UI SHARED */
|
|
170
|
+
HiddenPlaceholder, Incubator, IncubatorDetail, IncubatorListWidget, IncubatorSubscribeButton, IncubatorSuggestionWidget, InfiniteScroll, InlineComposerWidget, InlineComposerWidgetSkeleton, LanguageSwitcher, LEGAL_POLICIES, Lightbox, Link, LINKEDIN_SHARE, LocationAutocomplete,
|
|
170
171
|
/* Assets */
|
|
171
|
-
LogoSelfCommunity };
|
|
172
|
+
LogoSelfCommunity, LoyaltyProgramWidget, LoyaltyProgramWidgetSkeleton, MAX_PRELOAD_OFFSET_VIEWPORT, MEDIA_TYPE_EMBED, MediaChunkUploader, MessageUploaderUtils, MetadataField, MIN_PRELOAD_OFFSET_VIEWPORT, NavigationMenuContent, NavigationMenuHeader, NavigationMenuIconButton, NavigationSettingsIconButton, NavigationToolbar, NavigationToolbarMobile, NavigationToolbarMobileSkeleton, NavigationToolbarSkeleton, Notification, NotificationSkeleton, PasswordTextField, PhoneTextField, PlatformWidget, PlatformWidgetSkeleton, PollSuggestionWidget, PrivateMessageComponent, PrivateMessageComponentSkeleton, PrivateMessageEditor, PrivateMessageEditorSkeleton, PrivateMessageSettingsIconButton, PrivateMessageSnippetItem, PrivateMessageSnippetItemSkeleton, PrivateMessageSnippets, PrivateMessageSnippetsSkeleton, PrivateMessageThread, PrivateMessageThreadItem, PrivateMessageThreadItemSkeleton, PrivateMessageThreadSkeleton, RelatedFeedObjectsWidget, RelatedFeedObjectsWidgetSkeleton, ReplyComment, SCBroadcastMessageTemplateType, SCCommentsOrderBy, SCFeedObjectActivitiesType, SCFeedObjectTemplateType, SCNotificationObjectTemplateType, SCUserProfileFields, SCUserProfileSettings, SCUserSocialAssociations, SearchAutocomplete, SearchDialog, Share, SnippetNotifications, SnippetNotificationsSkeleton, StickyBox, TagChip, ToastNotifications, ToastNotificationsSkeleton, UrlTextField, User, UserActionIconButton, UserAvatar, UserConnectionsRequestsSentWidget, UserConnectionsRequestsSentWidgetSkeleton, UserConnectionsRequestsWidget, UserConnectionsRequestsWidgetSkeleton, UserConnectionsWidget, UserConnectionsWidgetSkeleton, UserCounters, UserDeletedSnackBar, UserFollowedCategoriesWidget, UserFollowedCategoriesWidgetSkeleton, UserFollowedUsersWidget, UserFollowedUsersWidgetSkeleton, UserFollowersWidget, UserFollowersWidgetSkeleton, UserInfo, UserInfoDialog, UserInfoSkeleton, UsernameTextField, UserProfileBlocked, UserProfileEdit, UserProfileEditSectionAccount, UserProfileEditSectionPublicInfo, UserProfileEditSectionSettings, UserProfileEditSkeleton, UserProfileHeader, UserProfileHeaderSkeleton, UserSkeleton, UserSocialAssociation, UserSubscribedGroupsWidget, UserSubscribedGroupsWidgetSkeleton, UserSuggestionWidget, UserSuggestionWidgetSkeleton, useStickyBox, Widget, X_SHARE };
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import { Icon, Stack, styled, Typography, useThemeProps } from '@mui/material';
|
|
2
|
+
import { Link } from '@selfcommunity/react-core';
|
|
3
|
+
import { format } from 'date-fns';
|
|
4
|
+
import { enUS, it } from 'date-fns/locale';
|
|
5
|
+
import { Fragment } from 'react';
|
|
6
|
+
import { FormattedMessage, useIntl } from 'react-intl';
|
|
7
|
+
const LOCALE_MAP = {
|
|
8
|
+
en: enUS,
|
|
9
|
+
it
|
|
10
|
+
};
|
|
11
|
+
const PREFIX = 'SCEventInfoDetails';
|
|
12
|
+
const classes = {
|
|
13
|
+
root: `${PREFIX}-root`,
|
|
14
|
+
iconTextWrapper: `${PREFIX}-icon-text-wrapper`,
|
|
15
|
+
link: `${PREFIX}-link`,
|
|
16
|
+
url: `${PREFIX}-url`,
|
|
17
|
+
creationWrapper: `${PREFIX}-creation-wrapper`
|
|
18
|
+
};
|
|
19
|
+
const Root = styled(Stack, {
|
|
20
|
+
name: PREFIX,
|
|
21
|
+
slot: 'Root',
|
|
22
|
+
overridesResolver: (_props, styles) => styles.root
|
|
23
|
+
})();
|
|
24
|
+
export default function EventInfoDetails(inProps) {
|
|
25
|
+
// PROPS
|
|
26
|
+
const props = useThemeProps({
|
|
27
|
+
props: inProps,
|
|
28
|
+
name: PREFIX
|
|
29
|
+
});
|
|
30
|
+
const { event, hasCreatedInfo } = props;
|
|
31
|
+
// HOOKS
|
|
32
|
+
const intl = useIntl();
|
|
33
|
+
const privacy = event.privacy === 'public' ? 'ui.eventInfoDetails.privacy.public' : 'ui.eventInfoDetails.privacy.private';
|
|
34
|
+
const location = event.location === 'virtual' ? 'ui.eventInfoDetails.location.virtual' : 'ui.eventInfoDetails.location.inPerson';
|
|
35
|
+
const LocationComponent = event.location === 'virtual' ? Link : Fragment;
|
|
36
|
+
const formatDateEventDate = (date) => {
|
|
37
|
+
return format(new Date(date), "EEEE d MMMM' - Ore 'H:mm", {
|
|
38
|
+
locale: LOCALE_MAP[intl.locale]
|
|
39
|
+
}).replace(/([a-z/ì]+) (\d{2}) ([a-z]+) - Ore (\d{2}):(\d{2})/, (_, weekDay, day, month, hour, minute) => `${weekDay.charAt(0).toUpperCase() + weekDay.slice(1)} ${day} ${month.charAt(0).toUpperCase() + month.slice(1)} - Ore ${hour}:${minute}`);
|
|
40
|
+
};
|
|
41
|
+
const formatDateCreateDate = (date) => {
|
|
42
|
+
return format(new Date(date), "'Creato il 'd MMMM y", {
|
|
43
|
+
locale: LOCALE_MAP[intl.locale]
|
|
44
|
+
}).replace(/Creato il (\d{1})+ ([a-z]+) (\d{4})/, (_, day, month, year) => `Creato il ${day} ${month.charAt(0).toUpperCase() + month.slice(1)} ${year}`);
|
|
45
|
+
};
|
|
46
|
+
return (React.createElement(Root, { className: classes.root },
|
|
47
|
+
React.createElement(Stack, { className: classes.iconTextWrapper },
|
|
48
|
+
React.createElement(Icon, { fontSize: "small" }, "CalendarIcon"),
|
|
49
|
+
React.createElement(Typography, { variant: "body1" }, formatDateEventDate(event.start_date))),
|
|
50
|
+
React.createElement(Stack, { className: classes.iconTextWrapper },
|
|
51
|
+
React.createElement(Icon, { fontSize: "small" }, event.privacy === 'public' ? 'public' : 'private'),
|
|
52
|
+
React.createElement(Typography, { variant: "body1" },
|
|
53
|
+
React.createElement(FormattedMessage, { id: privacy, defaultMessage: privacy })),
|
|
54
|
+
"-",
|
|
55
|
+
React.createElement(Typography, { variant: "body1" },
|
|
56
|
+
React.createElement(FormattedMessage, { id: location, defaultMessage: location }))),
|
|
57
|
+
React.createElement(Stack, { className: classes.iconTextWrapper },
|
|
58
|
+
React.createElement(Icon, { fontSize: "small" }, event.location === 'virtual' ? 'play_circle_outline' : 'add_location_alt'),
|
|
59
|
+
React.createElement(LocationComponent, { to: event.link, target: "_blank", className: classes.link },
|
|
60
|
+
React.createElement(Typography, { variant: "body1", className: classes.url }, event.location === 'virtual' ? event.link : event.geolocation))),
|
|
61
|
+
hasCreatedInfo && (React.createElement(Stack, { className: classes.creationWrapper },
|
|
62
|
+
React.createElement(Icon, { fontSize: "small" }, "create"),
|
|
63
|
+
React.createElement(Typography, { variant: "body1" }, formatDateCreateDate(event.created_at))))));
|
|
64
|
+
}
|