@selfcommunity/react-ui 0.7.50-events.43 → 0.7.50-events.46
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/CreateEventButton/CreateEventButton.js +6 -4
- package/lib/cjs/components/CreateEventWidget/CreateEventWidget.d.ts +8 -0
- package/lib/cjs/components/CreateEventWidget/CreateEventWidget.js +62 -0
- package/lib/cjs/components/CreateEventWidget/Skeleton.d.ts +1 -0
- package/lib/cjs/components/CreateEventWidget/Skeleton.js +25 -0
- package/lib/cjs/components/CreateEventWidget/constants.d.ts +1 -0
- package/lib/cjs/components/CreateEventWidget/constants.js +4 -0
- package/lib/cjs/components/CreateEventWidget/index.d.ts +4 -0
- package/lib/cjs/components/CreateEventWidget/index.js +8 -0
- package/lib/cjs/components/EventPartecipantsButton/EventPartecipantsButton.d.ts +46 -0
- package/lib/cjs/components/EventPartecipantsButton/EventPartecipantsButton.js +130 -0
- package/lib/cjs/components/EventPartecipantsButton/index.d.ts +3 -0
- package/lib/cjs/components/EventPartecipantsButton/index.js +5 -0
- package/lib/cjs/components/Events/Events.js +1 -2
- package/lib/cjs/components/MyEventsWidget/MyEventsWidget.d.ts +19 -0
- package/lib/cjs/components/MyEventsWidget/MyEventsWidget.js +129 -0
- package/lib/cjs/components/MyEventsWidget/Skeleton.d.ts +1 -0
- package/lib/cjs/components/MyEventsWidget/Skeleton.js +25 -0
- package/lib/cjs/components/MyEventsWidget/constants.d.ts +1 -0
- package/lib/cjs/components/MyEventsWidget/constants.js +4 -0
- package/lib/cjs/components/MyEventsWidget/index.d.ts +4 -0
- package/lib/cjs/components/MyEventsWidget/index.js +8 -0
- package/lib/cjs/components/User/User.js +1 -1
- package/lib/cjs/index.d.ts +4 -1
- package/lib/cjs/index.js +12 -4
- package/lib/cjs/shared/Calendar/index.js +5 -1
- package/lib/esm/components/CreateEventButton/CreateEventButton.js +6 -4
- package/lib/esm/components/CreateEventWidget/CreateEventWidget.d.ts +8 -0
- package/lib/esm/components/CreateEventWidget/CreateEventWidget.js +59 -0
- package/lib/esm/components/CreateEventWidget/Skeleton.d.ts +1 -0
- package/lib/esm/components/CreateEventWidget/Skeleton.js +21 -0
- package/lib/esm/components/CreateEventWidget/constants.d.ts +1 -0
- package/lib/esm/components/CreateEventWidget/constants.js +1 -0
- package/lib/esm/components/CreateEventWidget/index.d.ts +4 -0
- package/lib/esm/components/CreateEventWidget/index.js +4 -0
- package/lib/esm/components/EventPartecipantsButton/EventPartecipantsButton.d.ts +46 -0
- package/lib/esm/components/EventPartecipantsButton/EventPartecipantsButton.js +127 -0
- package/lib/esm/components/EventPartecipantsButton/index.d.ts +3 -0
- package/lib/esm/components/EventPartecipantsButton/index.js +2 -0
- package/lib/esm/components/Events/Events.js +1 -2
- package/lib/esm/components/MyEventsWidget/MyEventsWidget.d.ts +19 -0
- package/lib/esm/components/MyEventsWidget/MyEventsWidget.js +126 -0
- package/lib/esm/components/MyEventsWidget/Skeleton.d.ts +1 -0
- package/lib/esm/components/MyEventsWidget/Skeleton.js +21 -0
- package/lib/esm/components/MyEventsWidget/constants.d.ts +1 -0
- package/lib/esm/components/MyEventsWidget/constants.js +1 -0
- package/lib/esm/components/MyEventsWidget/index.d.ts +4 -0
- package/lib/esm/components/MyEventsWidget/index.js +4 -0
- package/lib/esm/components/User/User.js +1 -1
- package/lib/esm/index.d.ts +4 -1
- package/lib/esm/index.js +6 -3
- package/lib/esm/shared/Calendar/index.js +5 -1
- package/lib/umd/react-ui.js +1 -1
- package/package.json +7 -7
package/lib/cjs/index.d.ts
CHANGED
|
@@ -35,6 +35,7 @@ import ConnectionUserButton from './components/ConnectionUserButton';
|
|
|
35
35
|
import ConsentSolution, { ConsentSolutionProps, ConsentSolutionSkeleton } from './components/ConsentSolution';
|
|
36
36
|
import ConsentSolutionButton, { ConsentSolutionButtonProps } from './components/ConsentSolutionButton';
|
|
37
37
|
import CreateEventButton, { CreateEventButtonProps } from './components/CreateEventButton';
|
|
38
|
+
import CreateEventWidget, { CreateEventWidgetProps, CreateEventWidgetSkeleton } from './components/CreateEventWidget';
|
|
38
39
|
import CreateGroupButton, { CreateGroupButtonProps } from './components/CreateGroupButton';
|
|
39
40
|
import CustomAdv, { CustomAdvProps, CustomAdvSkeleton } from './components/CustomAdv';
|
|
40
41
|
import EditEventButton, { EditEventButtonProps } from './components/EditEventButton';
|
|
@@ -45,6 +46,7 @@ import EventHeader, { EventHeaderProps, EventHeaderSkeleton } from './components
|
|
|
45
46
|
import EventInfoWidget, { EventInfoWidgetProps } from './components/EventInfoWidget';
|
|
46
47
|
import EventInviteButton, { EventInviteButtonProps } from './components/EventInviteButton';
|
|
47
48
|
import EventLocationWidget, { EventLocationWidgetProps, EventLocationWidgetSkeleton } from './components/EventLocationWidget';
|
|
49
|
+
import EventPartecipantsButton, { EventPartecipantsButtonProps } from './components/EventPartecipantsButton';
|
|
48
50
|
import Events, { EventsProps, EventsSkeleton, EventsSkeletonProps } from './components/Events';
|
|
49
51
|
import Feed, { FeedProps, FeedRef, FeedSidebarProps, FeedSkeleton } from './components/Feed';
|
|
50
52
|
import FeedObject, { FeedObjectProps, FeedObjectSkeleton } from './components/FeedObject';
|
|
@@ -72,6 +74,7 @@ import IncubatorSuggestionWidget, { IncubatorSuggestionWidgetProps } from './com
|
|
|
72
74
|
import InlineComposerWidget, { InlineComposerWidgetProps, InlineComposerWidgetSkeleton } from './components/InlineComposerWidget';
|
|
73
75
|
import LocationAutocomplete, { LocationAutocompleteProps } from './components/LocationAutocomplete';
|
|
74
76
|
import LoyaltyProgramWidget, { LoyaltyProgramWidgetProps, LoyaltyProgramWidgetSkeleton } from './components/LoyaltyProgramWidget';
|
|
77
|
+
import MyEventsWidget, { MyEventsWidgetProps, MyEventsWidgetSkeleton } from './components/MyEventsWidget';
|
|
75
78
|
import NavigationMenuIconButton, { NavigationMenuContent, NavigationMenuHeader, NavigationMenuIconButtonProps } from './components/NavigationMenuIconButton';
|
|
76
79
|
import DefaultDrawerContent, { DefaultDrawerContentProps } from './components/NavigationMenuIconButton/DefaultDrawerContent';
|
|
77
80
|
import DefaultHeaderContent, { DefaultHeaderContentProps } from './components/NavigationMenuIconButton/DefaultHeaderContent';
|
|
@@ -161,4 +164,4 @@ import LogoSelfCommunity from './assets/logo';
|
|
|
161
164
|
/**
|
|
162
165
|
* List all exports
|
|
163
166
|
*/
|
|
164
|
-
export { AccountChangeMailValidation, AccountChangeMailValidationProps, AccountDataPortability, AccountDataPortabilityButton, AccountDataPortabilityButtonProps, AccountDataPortabilityProps, AccountDelete, AccountDeleteButton, AccountDeleteButtonProps, AccountDeleteProps, AccountRecover, AccountRecoverProps, AccountReset, AccountResetProps, AccountVerify, AccountVerifyProps, AvatarGroupSkeleton, BaseDialog, BaseDialogProps, BaseItem, BaseItemProps, BottomNavigation, BottomNavigationProps, BroadcastMessages, BroadcastMessagesProps, BroadcastMessagesSkeleton, bytesToSize, Calendar, CalendarProps, Categories, CategoriesPopularWidget, CategoriesPopularWidgetSkeleton, CategoriesProps, CategoriesSkeleton, CategoriesSkeletonProps, CategoriesSuggestionWidget, CategoriesSuggestionWidgetProps, CategoriesSuggestionWidgetSkeleton, Category, CategoryAutocomplete, CategoryAutocompleteProps, CategoryFollowButton, CategoryFollowButtonProps, CategoryFollowersButton, CategoryFollowersButtonProps, CategoryHeader, CategoryHeaderProps, CategoryHeaderSkeleton, CategoryProps, CategorySkeleton, CategoryTrendingFeedWidget, CategoryTrendingFeedWidgetProps, CategoryTrendingFeedWidgetSkeleton, CategoryTrendingPeopleWidgetSkeleton, CategoryTrendingUsersWidget, CategoryTrendingUsersWidgetProps, CentralProgress, ChangeCover, ChangeCoverProps, ChangeGroupCover, ChangeGroupCoverProps, ChangeGroupPicture, ChangeGroupPictureProps, ChangePicture, ChangePictureProps, CommentObject, CommentObjectProps, CommentObjectReply, CommentObjectReplyProps, CommentObjectSkeleton, CommentsFeedObject, CommentsFeedObjectProps, CommentsFeedObjectSkeleton, CommentsObject, CommentsObjectProps, CommentsObjectSkeleton, Composer, ComposerIconButton, ComposerIconButtonProps, ComposerProps, ConfirmDialog, ConnectionUserButton, ConsentSolution, ConsentSolutionButton, ConsentSolutionButtonProps, ConsentSolutionProps, ConsentSolutionSkeleton, ContributionUtils, CreateEventButton, CreateEventButtonProps, CreateGroupButton, CreateGroupButtonProps, CustomAdv, CustomAdvProps, CustomAdvSkeleton, DEFAULT_FIELDS, DEFAULT_PAGINATION_LIMIT, DEFAULT_PAGINATION_OFFSET, DEFAULT_PAGINATION_QUERY_PARAM_NAME, DEFAULT_PRELOAD_OFFSET_VIEWPORT, DEFAULT_WIDGETS_NUMBER, DefaultDrawerContent, DefaultDrawerContentProps, DefaultHeaderContent, DefaultHeaderContentProps, EditEventButton, EditEventButtonProps, EditGroupButton, EditGroupButtonProps, EditMediaProps, Editor, EditorProps, EditorSkeleton, EmailTextField, Event, EventHeader, EventHeaderProps, EventHeaderSkeleton, EventInfoDetails, EventInfoDetailsProps, EventInfoWidget, EventInfoWidgetProps, EventInviteButton, EventInviteButtonProps, EventLocationWidget, EventLocationWidgetProps, EventLocationWidgetSkeleton, EventProps, Events, EventSkeleton, EventSkeletonProps, EventsProps, EventsSkeleton, EventsSkeletonProps, FACEBOOK_SHARE, Feed, FeedObject, FeedObjectMediaPreview, FeedObjectMediaPreviewProps, FeedObjectProps, FeedObjectSkeleton, FeedProps, FeedRef, FeedSidebarProps, FeedSkeleton, FeedUpdatesWidget, FeedUpdatesWidgetProps, FeedUpdatesWidgetSkeleton, File, FollowUserButton, FollowUserButtonProps, Footer, FooterProps, FooterSkeleton, FriendshipButtonProps, FriendshipUserButton, GenericSkeleton, getRelativeTime, getUnseenNotification, getUnseenNotificationCounter, Group, GroupForm, GroupFormProps, GroupHeader, GroupHeaderProps, GroupHeaderSkeleton, GroupInfoWidget, GroupInfoWidgetProps, GroupInfoWidgetSkeleton, GroupInviteButton, GroupInviteButtonProps, GroupInvitedWidget, GroupInvitedWidgetProps, GroupInvitedWidgetSkeleton, GroupMembersButton, GroupMembersButtonProps, GroupMembersWidget, GroupMembersWidgetProps, GroupMembersWidgetSkeleton, GroupProps, GroupRequestsWidget, GroupRequestsWidgetProps, GroupRequestsWidgetSkeleton, Groups, GroupSettingsIconButton, GroupSettingsIconButtonProps, GroupSkeleton, GroupsProps, GroupsSkeleton, GroupSubscribeButton, GroupSubscribeButtonProps, HiddenPlaceholder, Incubator, IncubatorDetail, IncubatorDetailProps, IncubatorListWidget, IncubatorListWidgetProps, IncubatorProps, IncubatorSubscribeButton, IncubatorSubscribeButtonProps, IncubatorSuggestionWidget, IncubatorSuggestionWidgetProps, InfiniteScroll, InlineComposerWidget, InlineComposerWidgetProps, InlineComposerWidgetSkeleton, LanguageSwitcher, LEGAL_POLICIES, Lightbox, Link, LINKEDIN_SHARE, LocationAutocomplete, LocationAutocompleteProps, LogoSelfCommunity, LoyaltyProgramWidget, LoyaltyProgramWidgetProps, LoyaltyProgramWidgetSkeleton, MAX_PRELOAD_OFFSET_VIEWPORT, MEDIA_TYPE_EMBED, MediaChunkUploader, MediaChunkUploaderProps, MessageUploaderUtils, MetadataField, MetadataFieldProps, MIN_PRELOAD_OFFSET_VIEWPORT, NavigationMenuContent, NavigationMenuHeader, NavigationMenuIconButton, NavigationMenuIconButtonProps, NavigationSettingsIconButton, NavigationSettingsIconButtonProps, NavigationSettingsItem, NavigationToolbar, NavigationToolbarMobile, NavigationToolbarMobileProps, NavigationToolbarMobileSkeleton, NavigationToolbarProps, NavigationToolbarSkeleton, Notification, NotificationProps, NotificationSkeleton, PasswordTextField, PhoneTextField, PlatformWidget, PlatformWidgetActionType, PlatformWidgetProps, PlatformWidgetSkeleton, PollSuggestionWidget, PollSuggestionWidgetProps, PrivateMessageComponent, PrivateMessageComponentProps, PrivateMessageComponentSkeleton, PrivateMessageEditor, PrivateMessageEditorProps, PrivateMessageEditorSkeleton, PrivateMessageSettingsIconButton, PrivateMessageSettingsIconButtonProps, PrivateMessageSnippetItem, PrivateMessageSnippetItemProps, PrivateMessageSnippetItemSkeleton, PrivateMessageSnippets, PrivateMessageSnippetsProps, PrivateMessageSnippetsSkeleton, PrivateMessageThread, PrivateMessageThreadItem, PrivateMessageThreadItemProps, PrivateMessageThreadItemSkeleton, PrivateMessageThreadProps, PrivateMessageThreadSkeleton, RelatedFeedObjectsWidget, RelatedFeedObjectsWidgetSkeleton, RelatedFeedObjectWidgetProps, ReplyComment, SCBroadcastMessageTemplateType, SCCommentsOrderBy, SCFeedObjectActivitiesType, SCFeedObjectTemplateType, SCFeedWidgetType, SCMediaChunkType, SCMediaObjectType, SCNotificationObjectTemplateType, SCUserProfileFields, SCUserProfileSettings, SCUserSocialAssociations, SearchAutocomplete, SearchAutocompleteProps, SearchDialog, SearchDialogProps, Share, SnippetNotifications, SnippetNotificationsProps, SnippetNotificationsSkeleton, StickyBox, StickyBoxComponent, StickyBoxProps, TagChip, TagChipProps, ToastNotifications, ToastNotificationsProps, ToastNotificationsSkeleton, UrlTextField, User, UserActionIconButton, UserActionIconButtonProps, UserAvatar, UserAvatarProps, UserConnectionsRequestsSentWidget, UserConnectionsRequestsSentWidgetProps, UserConnectionsRequestsSentWidgetSkeleton, UserConnectionsRequestsWidget, UserConnectionsRequestsWidgetProps, UserConnectionsRequestsWidgetSkeleton, UserConnectionsWidget, UserConnectionsWidgetProps, UserConnectionsWidgetSkeleton, UserCounters, UserCountersProps, UserDeletedSnackBar, UserDeletedSnackBarProps, UserFollowedCategoriesWidget, UserFollowedCategoriesWidgetProps, UserFollowedCategoriesWidgetSkeleton, UserFollowedUsersWidget, UserFollowedUsersWidgetProps, UserFollowedUsersWidgetSkeleton, UserFollowersWidget, UserFollowersWidgetProps, UserFollowersWidgetSkeleton, UserInfo, UserInfoDialog, UserInfoDialogProps, UserInfoProps, UserInfoSkeleton, UsernameTextField, UserProfileBlocked, UserProfileBlockedProps, UserProfileEdit, UserProfileEditProps, UserProfileEditSectionAccount, UserProfileEditSectionAccountProps, UserProfileEditSectionPublicInfo, UserProfileEditSectionPublicInfoProps, UserProfileEditSectionSettings, UserProfileEditSectionSettingsProps, UserProfileEditSkeleton, UserProfileHeader, UserProfileHeaderProps, UserProfileHeaderSkeleton, UserProps, UserSkeleton, UserSocialAssociation, UserSocialAssociationProps, UserSubscribedGroupsWidget, UserSubscribedGroupsWidgetProps, UserSubscribedGroupsWidgetSkeleton, UserSuggestionWidget, UserSuggestionWidgetProps, UserSuggestionWidgetSkeleton, useStickyBox, UseStickyBoxProps, VirtualScrollerItemProps, Widget, WidgetProps, X_SHARE };
|
|
167
|
+
export { AccountChangeMailValidation, AccountChangeMailValidationProps, AccountDataPortability, AccountDataPortabilityButton, AccountDataPortabilityButtonProps, AccountDataPortabilityProps, AccountDelete, AccountDeleteButton, AccountDeleteButtonProps, AccountDeleteProps, AccountRecover, AccountRecoverProps, AccountReset, AccountResetProps, AccountVerify, AccountVerifyProps, AvatarGroupSkeleton, BaseDialog, BaseDialogProps, BaseItem, BaseItemProps, BottomNavigation, BottomNavigationProps, BroadcastMessages, BroadcastMessagesProps, BroadcastMessagesSkeleton, bytesToSize, Calendar, CalendarProps, Categories, CategoriesPopularWidget, CategoriesPopularWidgetSkeleton, CategoriesProps, CategoriesSkeleton, CategoriesSkeletonProps, CategoriesSuggestionWidget, CategoriesSuggestionWidgetProps, CategoriesSuggestionWidgetSkeleton, Category, CategoryAutocomplete, CategoryAutocompleteProps, CategoryFollowButton, CategoryFollowButtonProps, CategoryFollowersButton, CategoryFollowersButtonProps, CategoryHeader, CategoryHeaderProps, CategoryHeaderSkeleton, CategoryProps, CategorySkeleton, CategoryTrendingFeedWidget, CategoryTrendingFeedWidgetProps, CategoryTrendingFeedWidgetSkeleton, CategoryTrendingPeopleWidgetSkeleton, CategoryTrendingUsersWidget, CategoryTrendingUsersWidgetProps, CentralProgress, ChangeCover, ChangeCoverProps, ChangeGroupCover, ChangeGroupCoverProps, ChangeGroupPicture, ChangeGroupPictureProps, ChangePicture, ChangePictureProps, CommentObject, CommentObjectProps, CommentObjectReply, CommentObjectReplyProps, CommentObjectSkeleton, CommentsFeedObject, CommentsFeedObjectProps, CommentsFeedObjectSkeleton, CommentsObject, CommentsObjectProps, CommentsObjectSkeleton, Composer, ComposerIconButton, ComposerIconButtonProps, ComposerProps, ConfirmDialog, ConnectionUserButton, ConsentSolution, ConsentSolutionButton, ConsentSolutionButtonProps, ConsentSolutionProps, ConsentSolutionSkeleton, ContributionUtils, CreateEventButton, CreateEventButtonProps, CreateEventWidget, CreateEventWidgetProps, CreateEventWidgetSkeleton, CreateGroupButton, CreateGroupButtonProps, CustomAdv, CustomAdvProps, CustomAdvSkeleton, DEFAULT_FIELDS, DEFAULT_PAGINATION_LIMIT, DEFAULT_PAGINATION_OFFSET, DEFAULT_PAGINATION_QUERY_PARAM_NAME, DEFAULT_PRELOAD_OFFSET_VIEWPORT, DEFAULT_WIDGETS_NUMBER, DefaultDrawerContent, DefaultDrawerContentProps, DefaultHeaderContent, DefaultHeaderContentProps, EditEventButton, EditEventButtonProps, EditGroupButton, EditGroupButtonProps, EditMediaProps, Editor, EditorProps, EditorSkeleton, EmailTextField, Event, EventHeader, EventHeaderProps, EventHeaderSkeleton, EventInfoDetails, EventInfoDetailsProps, EventInfoWidget, EventInfoWidgetProps, EventInviteButton, EventInviteButtonProps, EventLocationWidget, EventLocationWidgetProps, EventLocationWidgetSkeleton, EventPartecipantsButton, EventPartecipantsButtonProps, EventProps, Events, EventSkeleton, EventSkeletonProps, EventsProps, EventsSkeleton, EventsSkeletonProps, FACEBOOK_SHARE, Feed, FeedObject, FeedObjectMediaPreview, FeedObjectMediaPreviewProps, FeedObjectProps, FeedObjectSkeleton, FeedProps, FeedRef, FeedSidebarProps, FeedSkeleton, FeedUpdatesWidget, FeedUpdatesWidgetProps, FeedUpdatesWidgetSkeleton, File, FollowUserButton, FollowUserButtonProps, Footer, FooterProps, FooterSkeleton, FriendshipButtonProps, FriendshipUserButton, GenericSkeleton, getRelativeTime, getUnseenNotification, getUnseenNotificationCounter, Group, GroupForm, GroupFormProps, GroupHeader, GroupHeaderProps, GroupHeaderSkeleton, GroupInfoWidget, GroupInfoWidgetProps, GroupInfoWidgetSkeleton, GroupInviteButton, GroupInviteButtonProps, GroupInvitedWidget, GroupInvitedWidgetProps, GroupInvitedWidgetSkeleton, GroupMembersButton, GroupMembersButtonProps, GroupMembersWidget, GroupMembersWidgetProps, GroupMembersWidgetSkeleton, GroupProps, GroupRequestsWidget, GroupRequestsWidgetProps, GroupRequestsWidgetSkeleton, Groups, GroupSettingsIconButton, GroupSettingsIconButtonProps, GroupSkeleton, GroupsProps, GroupsSkeleton, GroupSubscribeButton, GroupSubscribeButtonProps, HiddenPlaceholder, Incubator, IncubatorDetail, IncubatorDetailProps, IncubatorListWidget, IncubatorListWidgetProps, IncubatorProps, IncubatorSubscribeButton, IncubatorSubscribeButtonProps, IncubatorSuggestionWidget, IncubatorSuggestionWidgetProps, InfiniteScroll, InlineComposerWidget, InlineComposerWidgetProps, InlineComposerWidgetSkeleton, LanguageSwitcher, LEGAL_POLICIES, Lightbox, Link, LINKEDIN_SHARE, LocationAutocomplete, LocationAutocompleteProps, LogoSelfCommunity, LoyaltyProgramWidget, LoyaltyProgramWidgetProps, LoyaltyProgramWidgetSkeleton, MAX_PRELOAD_OFFSET_VIEWPORT, MEDIA_TYPE_EMBED, MediaChunkUploader, MediaChunkUploaderProps, MessageUploaderUtils, MetadataField, MetadataFieldProps, MIN_PRELOAD_OFFSET_VIEWPORT, MyEventsWidget, MyEventsWidgetProps, MyEventsWidgetSkeleton, NavigationMenuContent, NavigationMenuHeader, NavigationMenuIconButton, NavigationMenuIconButtonProps, NavigationSettingsIconButton, NavigationSettingsIconButtonProps, NavigationSettingsItem, NavigationToolbar, NavigationToolbarMobile, NavigationToolbarMobileProps, NavigationToolbarMobileSkeleton, NavigationToolbarProps, NavigationToolbarSkeleton, Notification, NotificationProps, NotificationSkeleton, PasswordTextField, PhoneTextField, PlatformWidget, PlatformWidgetActionType, PlatformWidgetProps, PlatformWidgetSkeleton, PollSuggestionWidget, PollSuggestionWidgetProps, PrivateMessageComponent, PrivateMessageComponentProps, PrivateMessageComponentSkeleton, PrivateMessageEditor, PrivateMessageEditorProps, PrivateMessageEditorSkeleton, PrivateMessageSettingsIconButton, PrivateMessageSettingsIconButtonProps, PrivateMessageSnippetItem, PrivateMessageSnippetItemProps, PrivateMessageSnippetItemSkeleton, PrivateMessageSnippets, PrivateMessageSnippetsProps, PrivateMessageSnippetsSkeleton, PrivateMessageThread, PrivateMessageThreadItem, PrivateMessageThreadItemProps, PrivateMessageThreadItemSkeleton, PrivateMessageThreadProps, PrivateMessageThreadSkeleton, RelatedFeedObjectsWidget, RelatedFeedObjectsWidgetSkeleton, RelatedFeedObjectWidgetProps, ReplyComment, SCBroadcastMessageTemplateType, SCCommentsOrderBy, SCFeedObjectActivitiesType, SCFeedObjectTemplateType, SCFeedWidgetType, SCMediaChunkType, SCMediaObjectType, SCNotificationObjectTemplateType, SCUserProfileFields, SCUserProfileSettings, SCUserSocialAssociations, SearchAutocomplete, SearchAutocompleteProps, SearchDialog, SearchDialogProps, Share, SnippetNotifications, SnippetNotificationsProps, SnippetNotificationsSkeleton, StickyBox, StickyBoxComponent, StickyBoxProps, TagChip, TagChipProps, ToastNotifications, ToastNotificationsProps, ToastNotificationsSkeleton, UrlTextField, User, UserActionIconButton, UserActionIconButtonProps, UserAvatar, UserAvatarProps, UserConnectionsRequestsSentWidget, UserConnectionsRequestsSentWidgetProps, UserConnectionsRequestsSentWidgetSkeleton, UserConnectionsRequestsWidget, UserConnectionsRequestsWidgetProps, UserConnectionsRequestsWidgetSkeleton, UserConnectionsWidget, UserConnectionsWidgetProps, UserConnectionsWidgetSkeleton, UserCounters, UserCountersProps, UserDeletedSnackBar, UserDeletedSnackBarProps, UserFollowedCategoriesWidget, UserFollowedCategoriesWidgetProps, UserFollowedCategoriesWidgetSkeleton, UserFollowedUsersWidget, UserFollowedUsersWidgetProps, UserFollowedUsersWidgetSkeleton, UserFollowersWidget, UserFollowersWidgetProps, UserFollowersWidgetSkeleton, UserInfo, UserInfoDialog, UserInfoDialogProps, UserInfoProps, UserInfoSkeleton, UsernameTextField, UserProfileBlocked, UserProfileBlockedProps, UserProfileEdit, UserProfileEditProps, UserProfileEditSectionAccount, UserProfileEditSectionAccountProps, UserProfileEditSectionPublicInfo, UserProfileEditSectionPublicInfoProps, UserProfileEditSectionSettings, UserProfileEditSectionSettingsProps, UserProfileEditSkeleton, UserProfileHeader, UserProfileHeaderProps, UserProfileHeaderSkeleton, UserProps, UserSkeleton, UserSocialAssociation, UserSocialAssociationProps, UserSubscribedGroupsWidget, UserSubscribedGroupsWidgetProps, UserSubscribedGroupsWidgetSkeleton, UserSuggestionWidget, UserSuggestionWidgetProps, UserSuggestionWidgetSkeleton, useStickyBox, UseStickyBoxProps, VirtualScrollerItemProps, Widget, WidgetProps, X_SHARE };
|
package/lib/cjs/index.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.ConsentSolution = exports.ConnectionUserButton = exports.ConfirmDialog = exports.ComposerIconButton = exports.Composer = exports.CommentsObjectSkeleton = exports.CommentsObject = exports.CommentsFeedObjectSkeleton = exports.CommentsFeedObject = exports.CommentObjectSkeleton = exports.CommentObjectReply = exports.CommentObject = exports.ChangePicture = exports.ChangeGroupPicture = exports.ChangeGroupCover = exports.ChangeCover = exports.CentralProgress = exports.CategoryTrendingUsersWidget = exports.CategoryTrendingPeopleWidgetSkeleton = exports.CategoryTrendingFeedWidgetSkeleton = exports.CategoryTrendingFeedWidget = exports.CategorySkeleton = exports.CategoryHeaderSkeleton = exports.CategoryHeader = exports.CategoryFollowersButton = exports.CategoryFollowButton = exports.CategoryAutocomplete = exports.Category = exports.CategoriesSuggestionWidgetSkeleton = exports.CategoriesSuggestionWidget = exports.CategoriesSkeleton = exports.CategoriesPopularWidgetSkeleton = exports.CategoriesPopularWidget = exports.Categories = exports.Calendar = exports.bytesToSize = exports.BroadcastMessagesSkeleton = exports.BroadcastMessages = exports.BottomNavigation = exports.BaseItem = exports.BaseDialog = exports.AvatarGroupSkeleton = exports.AccountVerify = exports.AccountReset = exports.AccountRecover = exports.AccountDeleteButton = exports.AccountDelete = exports.AccountDataPortabilityButton = exports.AccountDataPortability = exports.AccountChangeMailValidation = void 0;
|
|
4
|
-
exports.
|
|
5
|
-
exports.
|
|
6
|
-
exports.
|
|
7
|
-
exports.X_SHARE = exports.Widget = exports.useStickyBox = exports.UserSuggestionWidgetSkeleton = exports.UserSuggestionWidget = exports.UserSubscribedGroupsWidgetSkeleton = exports.UserSubscribedGroupsWidget = exports.UserSocialAssociation = exports.UserSkeleton = exports.UserProfileHeaderSkeleton = exports.UserProfileHeader = exports.UserProfileEditSkeleton = exports.UserProfileEditSectionSettings = exports.UserProfileEditSectionPublicInfo = exports.UserProfileEditSectionAccount = exports.UserProfileEdit = exports.UserProfileBlocked = exports.UsernameTextField = exports.UserInfoSkeleton = exports.UserInfoDialog = exports.UserInfo = exports.UserFollowersWidgetSkeleton = exports.UserFollowersWidget = exports.UserFollowedUsersWidgetSkeleton = exports.UserFollowedUsersWidget = exports.UserFollowedCategoriesWidgetSkeleton = exports.UserFollowedCategoriesWidget = exports.UserDeletedSnackBar = void 0;
|
|
4
|
+
exports.getUnseenNotification = exports.getRelativeTime = exports.GenericSkeleton = exports.FriendshipUserButton = exports.FooterSkeleton = exports.Footer = exports.FollowUserButton = exports.File = exports.FeedUpdatesWidgetSkeleton = exports.FeedUpdatesWidget = exports.FeedSkeleton = exports.FeedObjectSkeleton = exports.FeedObjectMediaPreview = exports.FeedObject = exports.Feed = exports.FACEBOOK_SHARE = exports.EventsSkeleton = exports.EventSkeleton = exports.Events = exports.EventPartecipantsButton = exports.EventLocationWidgetSkeleton = exports.EventLocationWidget = exports.EventInviteButton = exports.EventInfoWidget = exports.EventInfoDetails = exports.EventHeaderSkeleton = exports.EventHeader = exports.Event = exports.EmailTextField = exports.EditorSkeleton = exports.Editor = exports.EditGroupButton = exports.EditEventButton = exports.DefaultHeaderContent = exports.DefaultDrawerContent = exports.DEFAULT_WIDGETS_NUMBER = exports.DEFAULT_PRELOAD_OFFSET_VIEWPORT = exports.DEFAULT_PAGINATION_QUERY_PARAM_NAME = exports.DEFAULT_PAGINATION_OFFSET = exports.DEFAULT_PAGINATION_LIMIT = exports.DEFAULT_FIELDS = exports.CustomAdvSkeleton = exports.CustomAdv = exports.CreateGroupButton = exports.CreateEventWidgetSkeleton = exports.CreateEventWidget = exports.CreateEventButton = exports.ContributionUtils = exports.ConsentSolutionSkeleton = exports.ConsentSolutionButton = void 0;
|
|
5
|
+
exports.NavigationSettingsIconButton = exports.NavigationMenuIconButton = exports.NavigationMenuHeader = exports.NavigationMenuContent = exports.MyEventsWidgetSkeleton = exports.MyEventsWidget = exports.MIN_PRELOAD_OFFSET_VIEWPORT = exports.MetadataField = exports.MessageUploaderUtils = exports.MediaChunkUploader = exports.MEDIA_TYPE_EMBED = exports.MAX_PRELOAD_OFFSET_VIEWPORT = exports.LoyaltyProgramWidgetSkeleton = exports.LoyaltyProgramWidget = exports.LogoSelfCommunity = exports.LocationAutocomplete = exports.LINKEDIN_SHARE = exports.Link = exports.Lightbox = exports.LEGAL_POLICIES = exports.LanguageSwitcher = exports.InlineComposerWidgetSkeleton = exports.InlineComposerWidget = exports.InfiniteScroll = exports.IncubatorSuggestionWidget = exports.IncubatorSubscribeButton = exports.IncubatorListWidget = exports.IncubatorDetail = exports.Incubator = exports.HiddenPlaceholder = exports.GroupSubscribeButton = exports.GroupsSkeleton = exports.GroupSkeleton = exports.GroupSettingsIconButton = exports.Groups = exports.GroupRequestsWidgetSkeleton = exports.GroupRequestsWidget = exports.GroupMembersWidgetSkeleton = exports.GroupMembersWidget = exports.GroupMembersButton = exports.GroupInvitedWidgetSkeleton = exports.GroupInvitedWidget = exports.GroupInviteButton = exports.GroupInfoWidgetSkeleton = exports.GroupInfoWidget = exports.GroupHeaderSkeleton = exports.GroupHeader = exports.GroupForm = exports.Group = exports.getUnseenNotificationCounter = void 0;
|
|
6
|
+
exports.UserConnectionsRequestsSentWidgetSkeleton = exports.UserConnectionsRequestsSentWidget = exports.UserAvatar = exports.UserActionIconButton = exports.User = exports.UrlTextField = exports.ToastNotificationsSkeleton = exports.ToastNotifications = exports.TagChip = exports.StickyBox = exports.SnippetNotificationsSkeleton = exports.SnippetNotifications = exports.Share = exports.SearchDialog = exports.SearchAutocomplete = exports.SCUserSocialAssociations = exports.SCUserProfileSettings = exports.SCUserProfileFields = exports.SCNotificationObjectTemplateType = exports.SCFeedObjectTemplateType = exports.SCFeedObjectActivitiesType = exports.SCCommentsOrderBy = exports.SCBroadcastMessageTemplateType = exports.ReplyComment = exports.RelatedFeedObjectsWidgetSkeleton = exports.RelatedFeedObjectsWidget = exports.PrivateMessageThreadSkeleton = exports.PrivateMessageThreadItemSkeleton = exports.PrivateMessageThreadItem = exports.PrivateMessageThread = exports.PrivateMessageSnippetsSkeleton = exports.PrivateMessageSnippets = exports.PrivateMessageSnippetItemSkeleton = exports.PrivateMessageSnippetItem = exports.PrivateMessageSettingsIconButton = exports.PrivateMessageEditorSkeleton = exports.PrivateMessageEditor = exports.PrivateMessageComponentSkeleton = exports.PrivateMessageComponent = exports.PollSuggestionWidget = exports.PlatformWidgetSkeleton = exports.PlatformWidget = exports.PhoneTextField = exports.PasswordTextField = exports.NotificationSkeleton = exports.Notification = exports.NavigationToolbarSkeleton = exports.NavigationToolbarMobileSkeleton = exports.NavigationToolbarMobile = exports.NavigationToolbar = void 0;
|
|
7
|
+
exports.X_SHARE = exports.Widget = exports.useStickyBox = exports.UserSuggestionWidgetSkeleton = exports.UserSuggestionWidget = exports.UserSubscribedGroupsWidgetSkeleton = exports.UserSubscribedGroupsWidget = exports.UserSocialAssociation = exports.UserSkeleton = exports.UserProfileHeaderSkeleton = exports.UserProfileHeader = exports.UserProfileEditSkeleton = exports.UserProfileEditSectionSettings = exports.UserProfileEditSectionPublicInfo = exports.UserProfileEditSectionAccount = exports.UserProfileEdit = exports.UserProfileBlocked = exports.UsernameTextField = exports.UserInfoSkeleton = exports.UserInfoDialog = exports.UserInfo = exports.UserFollowersWidgetSkeleton = exports.UserFollowersWidget = exports.UserFollowedUsersWidgetSkeleton = exports.UserFollowedUsersWidget = exports.UserFollowedCategoriesWidgetSkeleton = exports.UserFollowedCategoriesWidget = exports.UserDeletedSnackBar = exports.UserCounters = exports.UserConnectionsWidgetSkeleton = exports.UserConnectionsWidget = exports.UserConnectionsRequestsWidgetSkeleton = exports.UserConnectionsRequestsWidget = void 0;
|
|
8
8
|
const tslib_1 = require("tslib");
|
|
9
9
|
/**
|
|
10
10
|
* Components
|
|
@@ -90,6 +90,9 @@ const ConsentSolutionButton_1 = tslib_1.__importDefault(require("./components/Co
|
|
|
90
90
|
exports.ConsentSolutionButton = ConsentSolutionButton_1.default;
|
|
91
91
|
const CreateEventButton_1 = tslib_1.__importDefault(require("./components/CreateEventButton"));
|
|
92
92
|
exports.CreateEventButton = CreateEventButton_1.default;
|
|
93
|
+
const CreateEventWidget_1 = tslib_1.__importStar(require("./components/CreateEventWidget"));
|
|
94
|
+
exports.CreateEventWidget = CreateEventWidget_1.default;
|
|
95
|
+
Object.defineProperty(exports, "CreateEventWidgetSkeleton", { enumerable: true, get: function () { return CreateEventWidget_1.CreateEventWidgetSkeleton; } });
|
|
93
96
|
const CreateGroupButton_1 = tslib_1.__importDefault(require("./components/CreateGroupButton"));
|
|
94
97
|
exports.CreateGroupButton = CreateGroupButton_1.default;
|
|
95
98
|
const CustomAdv_1 = tslib_1.__importStar(require("./components/CustomAdv"));
|
|
@@ -115,6 +118,8 @@ exports.EventInviteButton = EventInviteButton_1.default;
|
|
|
115
118
|
const EventLocationWidget_1 = tslib_1.__importStar(require("./components/EventLocationWidget"));
|
|
116
119
|
exports.EventLocationWidget = EventLocationWidget_1.default;
|
|
117
120
|
Object.defineProperty(exports, "EventLocationWidgetSkeleton", { enumerable: true, get: function () { return EventLocationWidget_1.EventLocationWidgetSkeleton; } });
|
|
121
|
+
const EventPartecipantsButton_1 = tslib_1.__importDefault(require("./components/EventPartecipantsButton"));
|
|
122
|
+
exports.EventPartecipantsButton = EventPartecipantsButton_1.default;
|
|
118
123
|
const Events_1 = tslib_1.__importStar(require("./components/Events"));
|
|
119
124
|
exports.Events = Events_1.default;
|
|
120
125
|
Object.defineProperty(exports, "EventsSkeleton", { enumerable: true, get: function () { return Events_1.EventsSkeleton; } });
|
|
@@ -183,6 +188,9 @@ exports.LocationAutocomplete = LocationAutocomplete_1.default;
|
|
|
183
188
|
const LoyaltyProgramWidget_1 = tslib_1.__importStar(require("./components/LoyaltyProgramWidget"));
|
|
184
189
|
exports.LoyaltyProgramWidget = LoyaltyProgramWidget_1.default;
|
|
185
190
|
Object.defineProperty(exports, "LoyaltyProgramWidgetSkeleton", { enumerable: true, get: function () { return LoyaltyProgramWidget_1.LoyaltyProgramWidgetSkeleton; } });
|
|
191
|
+
const MyEventsWidget_1 = tslib_1.__importStar(require("./components/MyEventsWidget"));
|
|
192
|
+
exports.MyEventsWidget = MyEventsWidget_1.default;
|
|
193
|
+
Object.defineProperty(exports, "MyEventsWidgetSkeleton", { enumerable: true, get: function () { return MyEventsWidget_1.MyEventsWidgetSkeleton; } });
|
|
186
194
|
const NavigationMenuIconButton_1 = tslib_1.__importStar(require("./components/NavigationMenuIconButton"));
|
|
187
195
|
exports.NavigationMenuIconButton = NavigationMenuIconButton_1.default;
|
|
188
196
|
Object.defineProperty(exports, "NavigationMenuContent", { enumerable: true, get: function () { return NavigationMenuIconButton_1.NavigationMenuContent; } });
|
|
@@ -3,6 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
4
|
const material_1 = require("@mui/material");
|
|
5
5
|
const PREFIX = 'SCCalendar';
|
|
6
|
+
const classes = {
|
|
7
|
+
root: `${PREFIX}-root`,
|
|
8
|
+
header: `${PREFIX}-header`
|
|
9
|
+
};
|
|
6
10
|
const Root = (0, material_1.styled)(material_1.Stack, {
|
|
7
11
|
name: PREFIX,
|
|
8
12
|
slot: 'Root',
|
|
@@ -10,6 +14,6 @@ const Root = (0, material_1.styled)(material_1.Stack, {
|
|
|
10
14
|
})();
|
|
11
15
|
function Calendar(props) {
|
|
12
16
|
const day = props.day;
|
|
13
|
-
return ((0, jsx_runtime_1.jsxs)(Root, Object.assign({
|
|
17
|
+
return ((0, jsx_runtime_1.jsxs)(Root, Object.assign({ className: classes.root }, { children: [(0, jsx_runtime_1.jsx)(material_1.Box, { className: classes.header }), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "h2", textAlign: "center" }, { children: day }))] })));
|
|
14
18
|
}
|
|
15
19
|
exports.default = Calendar;
|
|
@@ -8,6 +8,7 @@ import classNames from 'classnames';
|
|
|
8
8
|
import React, { useContext, useMemo } from 'react';
|
|
9
9
|
import { FormattedMessage } from 'react-intl';
|
|
10
10
|
import EventForm from '../EventForm';
|
|
11
|
+
import { SCFeatureName } from '@selfcommunity/types';
|
|
11
12
|
const PREFIX = 'SCCreateEventButton';
|
|
12
13
|
const classes = {
|
|
13
14
|
root: `${PREFIX}-root`
|
|
@@ -50,11 +51,12 @@ export default function CreateEventButton(inProps) {
|
|
|
50
51
|
const [open, setOpen] = React.useState(false);
|
|
51
52
|
// CONST
|
|
52
53
|
const authUserId = scUserContext.user ? scUserContext.user.id : null;
|
|
53
|
-
const preferences = useSCPreferences();
|
|
54
|
-
const
|
|
54
|
+
const { preferences, features } = useSCPreferences();
|
|
55
|
+
const eventsEnabled = useMemo(() => features && features.includes(SCFeatureName.EVENT) && features.includes(SCFeatureName.TAGGING), [features]);
|
|
56
|
+
const onlyStaffEnabled = useMemo(() => preferences[SCPreferences.CONFIGURATIONS_EVENTS_ONLY_STAFF_ENABLED].value, [preferences]);
|
|
55
57
|
// eslint-disable-next-line @typescript-eslint/ban-ts-ignore
|
|
56
58
|
// @ts-ignore
|
|
57
|
-
const canCreateEvent = useMemo(() => { var _a, _b; return (_b = (_a = scUserContext === null || scUserContext === void 0 ? void 0 : scUserContext.user) === null || _a === void 0 ? void 0 : _a.permission) === null || _b === void 0 ? void 0 : _b.
|
|
59
|
+
const canCreateEvent = useMemo(() => { var _a, _b; return (_b = (_a = scUserContext === null || scUserContext === void 0 ? void 0 : scUserContext.user) === null || _a === void 0 ? void 0 : _a.permission) === null || _b === void 0 ? void 0 : _b.create_event; }, [(_a = scUserContext === null || scUserContext === void 0 ? void 0 : scUserContext.user) === null || _a === void 0 ? void 0 : _a.permission]);
|
|
58
60
|
/**
|
|
59
61
|
* Handle click on button
|
|
60
62
|
*/
|
|
@@ -64,7 +66,7 @@ export default function CreateEventButton(inProps) {
|
|
|
64
66
|
/**
|
|
65
67
|
* If there's no authUserId, component is hidden.
|
|
66
68
|
*/
|
|
67
|
-
if ((!canCreateEvent && onlyStaffEnabled) || !authUserId) {
|
|
69
|
+
if (!eventsEnabled || (!canCreateEvent && onlyStaffEnabled) || !authUserId) {
|
|
68
70
|
return null;
|
|
69
71
|
}
|
|
70
72
|
/**
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { __rest } from "tslib";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { Box, CardActions, CardContent, CardMedia, Divider, Icon, styled, Typography, useThemeProps } from '@mui/material';
|
|
4
|
+
import { SCPreferences, SCUserContext, useSCPreferences } from '@selfcommunity/react-core';
|
|
5
|
+
import { useContext, useEffect, useMemo, useState } from 'react';
|
|
6
|
+
import { FormattedMessage } from 'react-intl';
|
|
7
|
+
import HiddenPlaceholder from '../../shared/HiddenPlaceholder';
|
|
8
|
+
import CreateEventButton from '../CreateEventButton';
|
|
9
|
+
import Widget from '../Widget';
|
|
10
|
+
import { PREFIX } from './constants';
|
|
11
|
+
import Skeleton from './Skeleton';
|
|
12
|
+
import { SCFeatureName } from '@selfcommunity/types';
|
|
13
|
+
const classes = {
|
|
14
|
+
root: `${PREFIX}-root`,
|
|
15
|
+
image: `${PREFIX}-image`,
|
|
16
|
+
calendar: `${PREFIX}-calendar`,
|
|
17
|
+
content: `${PREFIX}-content`,
|
|
18
|
+
title: `${PREFIX}-title`,
|
|
19
|
+
spaging: `${PREFIX}-spacing`,
|
|
20
|
+
actions: `${PREFIX}-actions`
|
|
21
|
+
};
|
|
22
|
+
const Root = styled(Widget, {
|
|
23
|
+
name: PREFIX,
|
|
24
|
+
slot: 'Root'
|
|
25
|
+
})();
|
|
26
|
+
export default function CreateEventWidget(inProps) {
|
|
27
|
+
var _a;
|
|
28
|
+
// PROPS
|
|
29
|
+
const props = useThemeProps({
|
|
30
|
+
props: inProps,
|
|
31
|
+
name: PREFIX
|
|
32
|
+
});
|
|
33
|
+
const rest = __rest(props, []);
|
|
34
|
+
// STATE
|
|
35
|
+
const [loading, setLoading] = useState(true);
|
|
36
|
+
// CONTEXT
|
|
37
|
+
const scUserContext = useContext(SCUserContext);
|
|
38
|
+
// HOOK
|
|
39
|
+
const { preferences, features } = useSCPreferences();
|
|
40
|
+
const eventsEnabled = useMemo(() => features && features.includes(SCFeatureName.EVENT) && features.includes(SCFeatureName.TAGGING), [features]);
|
|
41
|
+
const authUserId = scUserContext.user ? scUserContext.user.id : null;
|
|
42
|
+
const onlyStaffEnabled = useMemo(() => preferences[SCPreferences.CONFIGURATIONS_GROUPS_ONLY_STAFF_ENABLED].value, [preferences]);
|
|
43
|
+
// eslint-disable-next-line @typescript-eslint/ban-ts-ignore
|
|
44
|
+
// @ts-ignore
|
|
45
|
+
const canCreateEvent = useMemo(() => { var _a, _b; return (_b = (_a = scUserContext === null || scUserContext === void 0 ? void 0 : scUserContext.user) === null || _a === void 0 ? void 0 : _a.permission) === null || _b === void 0 ? void 0 : _b.create_group; }, [(_a = scUserContext === null || scUserContext === void 0 ? void 0 : scUserContext.user) === null || _a === void 0 ? void 0 : _a.permission]);
|
|
46
|
+
useEffect(() => {
|
|
47
|
+
setLoading(false);
|
|
48
|
+
}, []);
|
|
49
|
+
if (loading) {
|
|
50
|
+
return _jsx(Skeleton, {});
|
|
51
|
+
}
|
|
52
|
+
/**
|
|
53
|
+
* If there's no authUserId, component is hidden.
|
|
54
|
+
*/
|
|
55
|
+
if (!eventsEnabled || (!canCreateEvent && onlyStaffEnabled) || !authUserId) {
|
|
56
|
+
return _jsx(HiddenPlaceholder, {});
|
|
57
|
+
}
|
|
58
|
+
return (_jsxs(Root, Object.assign({ className: classes.root }, rest, { children: [_jsxs(Box, Object.assign({ position: "relative" }, { children: [_jsx(CardMedia, { component: "img", image: `${preferences[SCPreferences.IMAGES_USER_DEFAULT_COVER].value}`, alt: "placeholder image", className: classes.image }), _jsx(Icon, Object.assign({ className: classes.calendar, fontSize: "large" }, { children: "CalendarIcon" }))] })), _jsxs(CardContent, Object.assign({ className: classes.content }, { children: [_jsx(Typography, Object.assign({ variant: "h5", className: classes.title }, { children: _jsx(FormattedMessage, { id: "ui.createEvent.title", defaultMessage: "ui.createEvent.title" }) })), _jsx(Typography, Object.assign({ variant: "body1", className: classes.spaging }, { children: _jsx(FormattedMessage, { id: "ui.createEvent.description", defaultMessage: "ui.createEvent.description" }) })), _jsx(Divider, { className: classes.spaging })] })), _jsx(CardActions, Object.assign({ className: classes.actions }, { children: _jsx(CreateEventButton, {}) }))] })));
|
|
59
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function CreateEventWidgetSkeleton(): JSX.Element;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Box, CardActions, CardContent, Divider } from '@mui/material';
|
|
3
|
+
import Skeleton from '@mui/material/Skeleton';
|
|
4
|
+
import { styled } from '@mui/material/styles';
|
|
5
|
+
import Widget from '../Widget';
|
|
6
|
+
import { PREFIX } from './constants';
|
|
7
|
+
const classes = {
|
|
8
|
+
root: `${PREFIX}-skeleton-root`,
|
|
9
|
+
calendar: `${PREFIX}-calendar`,
|
|
10
|
+
content: `${PREFIX}-content`,
|
|
11
|
+
title: `${PREFIX}-title`,
|
|
12
|
+
spacing: `${PREFIX}-spacing`,
|
|
13
|
+
actions: `${PREFIX}-actions`
|
|
14
|
+
};
|
|
15
|
+
const Root = styled(Widget, {
|
|
16
|
+
name: PREFIX,
|
|
17
|
+
slot: 'SkeletonRoot'
|
|
18
|
+
})();
|
|
19
|
+
export default function CreateEventWidgetSkeleton() {
|
|
20
|
+
return (_jsxs(Root, Object.assign({ className: classes.root }, { children: [_jsxs(Box, Object.assign({ position: "relative" }, { children: [_jsx(Skeleton, { variant: "rectangular", animation: "wave", width: "100%", height: "110px" }), _jsx(Skeleton, { className: classes.calendar, variant: "rounded", animation: "wave", width: "50px", height: "50px" })] })), _jsxs(CardContent, Object.assign({ className: classes.content }, { children: [_jsx(Skeleton, { className: classes.title, animation: "wave", width: "26%", height: "30px" }), _jsx(Skeleton, { className: classes.spacing, animation: "wave", width: "100%", height: "20px" }), _jsx(Divider, { className: classes.spacing })] })), _jsx(CardActions, Object.assign({ className: classes.actions }, { children: _jsx(Skeleton, { animation: "wave", variant: "rounded", width: "138px", height: "36px" }) }))] })));
|
|
21
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const PREFIX = "SCCreateEventWidget";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const PREFIX = 'SCCreateEventWidget';
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { ButtonProps } from '@mui/material/Button/Button';
|
|
2
|
+
import { SCEventType } from '@selfcommunity/types';
|
|
3
|
+
import { BaseDialogProps } from '../../shared/BaseDialog';
|
|
4
|
+
export interface EventPartecipantsButtonProps extends Pick<ButtonProps, Exclude<keyof ButtonProps, 'onClick' | 'disabled'>> {
|
|
5
|
+
/**
|
|
6
|
+
* Event Object
|
|
7
|
+
* @default null
|
|
8
|
+
*/
|
|
9
|
+
event?: SCEventType;
|
|
10
|
+
/**
|
|
11
|
+
* Id of event object
|
|
12
|
+
* @default null
|
|
13
|
+
*/
|
|
14
|
+
eventId?: number;
|
|
15
|
+
/**
|
|
16
|
+
* Props to spread to followedBy dialog
|
|
17
|
+
* @default {}
|
|
18
|
+
*/
|
|
19
|
+
DialogProps?: BaseDialogProps;
|
|
20
|
+
/**
|
|
21
|
+
* Any other properties
|
|
22
|
+
*/
|
|
23
|
+
[p: string]: any;
|
|
24
|
+
}
|
|
25
|
+
/**
|
|
26
|
+
*> API documentation for the Community-JS Event Partecipants Button component. Learn about the available props and the CSS API.
|
|
27
|
+
*
|
|
28
|
+
#### Import
|
|
29
|
+
```jsx
|
|
30
|
+
import {EventPartecipantsButton} from '@selfcommunity/react-ui';
|
|
31
|
+
```
|
|
32
|
+
#### Component Name
|
|
33
|
+
|
|
34
|
+
The name `SCEventPartecipantsButton` can be used when providing style overrides in the theme.
|
|
35
|
+
|
|
36
|
+
* #### CSS
|
|
37
|
+
*
|
|
38
|
+
|Rule Name|Global class|Description|
|
|
39
|
+
|---|---|---|
|
|
40
|
+
|root|.SCEventPartecipantsButton-root|Styles applied to the root element.|
|
|
41
|
+
|dialogRoot|.SCEventPartecipantsButton-dialog-root|Styles applied to the root element.|
|
|
42
|
+
|endMessage|.SCEventPartecipantsButton-end-message|Styles applied to the end message element.|
|
|
43
|
+
|
|
44
|
+
* @param inProps
|
|
45
|
+
*/
|
|
46
|
+
export default function EventPartecipantsButton(inProps: EventPartecipantsButtonProps): JSX.Element;
|
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
import { __rest } from "tslib";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
|
+
import { Avatar, AvatarGroup, Button, List, ListItem, Typography, useTheme } from '@mui/material';
|
|
4
|
+
import { styled } from '@mui/material/styles';
|
|
5
|
+
import useMediaQuery from '@mui/material/useMediaQuery';
|
|
6
|
+
import { useThemeProps } from '@mui/system';
|
|
7
|
+
import { Endpoints, EventService, http } from '@selfcommunity/api-services';
|
|
8
|
+
import { useSCFetchEvent } from '@selfcommunity/react-core';
|
|
9
|
+
import { Logger } from '@selfcommunity/utils';
|
|
10
|
+
import classNames from 'classnames';
|
|
11
|
+
import { useCallback, useEffect, useState } from 'react';
|
|
12
|
+
import { FormattedMessage } from 'react-intl';
|
|
13
|
+
import { useDeepCompareEffectNoCheck } from 'use-deep-compare-effect';
|
|
14
|
+
import { SCOPE_SC_UI } from '../../constants/Errors';
|
|
15
|
+
import BaseDialog from '../../shared/BaseDialog';
|
|
16
|
+
import InfiniteScroll from '../../shared/InfiniteScroll';
|
|
17
|
+
import AvatarGroupSkeleton from '../Skeleton/AvatarGroupSkeleton';
|
|
18
|
+
import User, { UserSkeleton } from '../User';
|
|
19
|
+
const PREFIX = 'SCEventPartecipantsButton';
|
|
20
|
+
const classes = {
|
|
21
|
+
root: `${PREFIX}-root`,
|
|
22
|
+
dialogRoot: `${PREFIX}-dialog-root`,
|
|
23
|
+
endMessage: `${PREFIX}-end-message`
|
|
24
|
+
};
|
|
25
|
+
const Root = styled(Button, {
|
|
26
|
+
name: PREFIX,
|
|
27
|
+
slot: 'Root',
|
|
28
|
+
overridesResolver: (_props, styles) => styles.root
|
|
29
|
+
})();
|
|
30
|
+
const DialogRoot = styled(BaseDialog, {
|
|
31
|
+
name: PREFIX,
|
|
32
|
+
slot: 'Root',
|
|
33
|
+
overridesResolver: (_props, styles) => styles.dialogRoot
|
|
34
|
+
})();
|
|
35
|
+
/**
|
|
36
|
+
*> API documentation for the Community-JS Event Partecipants Button component. Learn about the available props and the CSS API.
|
|
37
|
+
*
|
|
38
|
+
#### Import
|
|
39
|
+
```jsx
|
|
40
|
+
import {EventPartecipantsButton} from '@selfcommunity/react-ui';
|
|
41
|
+
```
|
|
42
|
+
#### Component Name
|
|
43
|
+
|
|
44
|
+
The name `SCEventPartecipantsButton` can be used when providing style overrides in the theme.
|
|
45
|
+
|
|
46
|
+
* #### CSS
|
|
47
|
+
*
|
|
48
|
+
|Rule Name|Global class|Description|
|
|
49
|
+
|---|---|---|
|
|
50
|
+
|root|.SCEventPartecipantsButton-root|Styles applied to the root element.|
|
|
51
|
+
|dialogRoot|.SCEventPartecipantsButton-dialog-root|Styles applied to the root element.|
|
|
52
|
+
|endMessage|.SCEventPartecipantsButton-end-message|Styles applied to the end message element.|
|
|
53
|
+
|
|
54
|
+
* @param inProps
|
|
55
|
+
*/
|
|
56
|
+
export default function EventPartecipantsButton(inProps) {
|
|
57
|
+
// PROPS
|
|
58
|
+
const props = useThemeProps({
|
|
59
|
+
props: inProps,
|
|
60
|
+
name: PREFIX
|
|
61
|
+
});
|
|
62
|
+
const { className, eventId, event, DialogProps = {} } = props, rest = __rest(props, ["className", "eventId", "event", "DialogProps"]);
|
|
63
|
+
// STATE
|
|
64
|
+
const [loading, setLoading] = useState(true);
|
|
65
|
+
const [next, setNext] = useState(null);
|
|
66
|
+
const [offset, setOffset] = useState(null);
|
|
67
|
+
const [followers, setFollowers] = useState([]);
|
|
68
|
+
const [open, setOpen] = useState(false);
|
|
69
|
+
// HOOKS
|
|
70
|
+
const { scEvent } = useSCFetchEvent({ id: eventId, event });
|
|
71
|
+
// FETCH FIRST FOLLOWERS
|
|
72
|
+
useDeepCompareEffectNoCheck(() => {
|
|
73
|
+
if (!scEvent) {
|
|
74
|
+
return;
|
|
75
|
+
}
|
|
76
|
+
if (followers.length === 0) {
|
|
77
|
+
EventService.getUsersGoingToEvent(scEvent.id, { limit: 3 }).then((res) => {
|
|
78
|
+
setFollowers([...res.results]);
|
|
79
|
+
setOffset(4);
|
|
80
|
+
setLoading(false);
|
|
81
|
+
});
|
|
82
|
+
}
|
|
83
|
+
else {
|
|
84
|
+
setOffset(0);
|
|
85
|
+
}
|
|
86
|
+
}, [scEvent]);
|
|
87
|
+
useEffect(() => {
|
|
88
|
+
if (open && offset !== null) {
|
|
89
|
+
setLoading(true);
|
|
90
|
+
EventService.getUsersGoingToEvent(scEvent.id, { offset, limit: 20 }).then((res) => {
|
|
91
|
+
setFollowers([...(offset === 0 ? [] : followers), ...res.results]);
|
|
92
|
+
setNext(res.next);
|
|
93
|
+
setLoading(false);
|
|
94
|
+
setOffset(null);
|
|
95
|
+
});
|
|
96
|
+
}
|
|
97
|
+
}, [open, followers, offset]);
|
|
98
|
+
/**
|
|
99
|
+
* Memoized fetchFollowers
|
|
100
|
+
*/
|
|
101
|
+
const fetchFollowers = useCallback(() => {
|
|
102
|
+
if (!next) {
|
|
103
|
+
return;
|
|
104
|
+
}
|
|
105
|
+
http
|
|
106
|
+
.request({
|
|
107
|
+
url: next,
|
|
108
|
+
method: Endpoints.GetUsersGoingToEvent.method
|
|
109
|
+
})
|
|
110
|
+
.then((res) => {
|
|
111
|
+
setFollowers([...followers, ...res.data.results]);
|
|
112
|
+
setNext(res.data.next);
|
|
113
|
+
})
|
|
114
|
+
.catch((error) => Logger.error(SCOPE_SC_UI, error))
|
|
115
|
+
.then(() => setLoading(false));
|
|
116
|
+
}, [followers, scEvent, next]);
|
|
117
|
+
/**
|
|
118
|
+
* Opens dialog votes
|
|
119
|
+
*/
|
|
120
|
+
const handleToggleDialogOpen = useCallback(() => {
|
|
121
|
+
setOpen((prev) => !prev);
|
|
122
|
+
}, [setOpen]);
|
|
123
|
+
// RENDER
|
|
124
|
+
const theme = useTheme();
|
|
125
|
+
const isMobile = useMediaQuery(theme.breakpoints.down('md'));
|
|
126
|
+
return (_jsxs(_Fragment, { children: [_jsxs(Root, Object.assign({ className: classNames(classes.root, className), onClick: handleToggleDialogOpen, disabled: loading || !scEvent || scEvent.goings_counter === 0 }, rest, { children: [_jsx(Typography, Object.assign({ color: "primary", variant: "caption" }, { children: _jsx(FormattedMessage, { defaultMessage: "ui.eventPartecipantsButton.partecipants", id: "ui.eventPartecipantsButton.partecipants" }) })), loading || !scEvent ? (_jsx(AvatarGroupSkeleton, Object.assign({}, rest))) : (_jsx(AvatarGroup, Object.assign({ total: scEvent.goings_counter }, { children: followers.map((c) => (_jsx(Avatar, { alt: c.username, src: c.avatar }, c.id))) })))] })), open && (_jsx(DialogRoot, Object.assign({ className: classes.dialogRoot, title: _jsx(FormattedMessage, { defaultMessage: "ui.eventPartecipantsButton.dialogTitle", id: "ui.eventPartecipantsButton.dialogTitle", values: { total: scEvent.goings_counter } }), onClose: handleToggleDialogOpen, open: open }, DialogProps, { children: _jsx(InfiniteScroll, Object.assign({ dataLength: followers.length, next: fetchFollowers, hasMoreNext: next !== null || loading, loaderNext: _jsx(UserSkeleton, { elevation: 0 }), height: isMobile ? '100%' : 400, endMessage: _jsx(Typography, Object.assign({ className: classes.endMessage }, { children: _jsx(FormattedMessage, { id: "ui.eventPartecipantsButton.noOtherPartecipants", defaultMessage: "ui.eventPartecipantsButton.noOtherPartecipants" }) })) }, { children: _jsx(List, { children: followers.map((follower) => (_jsx(ListItem, { children: _jsx(User, { elevation: 0, user: follower }) }, follower.id))) }) })) })))] }));
|
|
127
|
+
}
|
|
@@ -12,7 +12,6 @@ import { useContext, useEffect, useMemo, useState } from 'react';
|
|
|
12
12
|
import { FormattedMessage } from 'react-intl';
|
|
13
13
|
import { SCOPE_SC_UI } from '../../constants/Errors';
|
|
14
14
|
import { DEFAULT_PAGINATION_OFFSET } from '../../constants/Pagination';
|
|
15
|
-
import HiddenPlaceholder from '../../shared/HiddenPlaceholder';
|
|
16
15
|
import CreateEventButton from '../CreateEventButton';
|
|
17
16
|
import Event, { EventSkeleton } from '../Event';
|
|
18
17
|
import Skeleton from '../Events/Skeleton';
|
|
@@ -192,7 +191,7 @@ export default function Events(inProps) {
|
|
|
192
191
|
* Renders root object (if content availability community option is false and user is anonymous, component is hidden)
|
|
193
192
|
*/
|
|
194
193
|
if (!contentAvailability && !scUserContext.user) {
|
|
195
|
-
return
|
|
194
|
+
return null;
|
|
196
195
|
}
|
|
197
196
|
if (loading) {
|
|
198
197
|
return _jsx(Skeleton, {});
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { CacheStrategies } from '@selfcommunity/utils';
|
|
2
|
+
import { WidgetProps } from '../Widget';
|
|
3
|
+
export interface MyEventsWidgetProps extends WidgetProps {
|
|
4
|
+
/**
|
|
5
|
+
* Feed API Query Params
|
|
6
|
+
* @default [{'limit': 20, 'offset': 0}]
|
|
7
|
+
*/
|
|
8
|
+
endpointQueryParams?: Record<string, string | number>;
|
|
9
|
+
/**
|
|
10
|
+
* Caching strategies
|
|
11
|
+
* @default CacheStrategies.CACHE_FIRST
|
|
12
|
+
*/
|
|
13
|
+
cacheStrategy?: CacheStrategies;
|
|
14
|
+
/**
|
|
15
|
+
* Other props
|
|
16
|
+
*/
|
|
17
|
+
[p: string]: any;
|
|
18
|
+
}
|
|
19
|
+
export default function MyEventsWidget(inProps: MyEventsWidgetProps): JSX.Element;
|