@selfcommunity/react-ui 0.7.50-events.62 → 0.7.50-events.63
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/Event/Event.d.ts +6 -0
- package/lib/cjs/components/Event/Event.js +4 -4
- package/lib/cjs/components/EventMembersWidget/EventMembersWidget.d.ts +1 -0
- package/lib/cjs/components/EventMembersWidget/EventMembersWidget.js +15 -15
- package/lib/cjs/components/{EventPartecipantsButton/EventPartecipantsButton.d.ts → EventParticipantsButton/EventParticipantsButton.d.ts} +13 -8
- package/lib/cjs/components/{EventPartecipantsButton/EventPartecipantsButton.js → EventParticipantsButton/EventParticipantsButton.js} +12 -12
- package/lib/cjs/components/EventParticipantsButton/index.d.ts +3 -0
- package/lib/cjs/components/EventParticipantsButton/index.js +5 -0
- package/lib/cjs/components/RelatedEventsWidget/RelatedEventsWidget.d.ts +1 -0
- package/lib/cjs/components/RelatedEventsWidget/RelatedEventsWidget.js +4 -4
- package/lib/cjs/components/SuggestedEventsWidget/Arrow.js +2 -2
- package/lib/cjs/components/SuggestedEventsWidget/SuggestedEventsWidget.js +18 -10
- package/lib/cjs/index.d.ts +2 -2
- package/lib/cjs/index.js +3 -3
- package/lib/esm/components/Event/Event.d.ts +6 -0
- package/lib/esm/components/Event/Event.js +4 -4
- package/lib/esm/components/EventMembersWidget/EventMembersWidget.d.ts +1 -0
- package/lib/esm/components/EventMembersWidget/EventMembersWidget.js +15 -15
- package/lib/esm/components/{EventPartecipantsButton/EventPartecipantsButton.d.ts → EventParticipantsButton/EventParticipantsButton.d.ts} +13 -8
- package/lib/esm/components/{EventPartecipantsButton/EventPartecipantsButton.js → EventParticipantsButton/EventParticipantsButton.js} +11 -11
- package/lib/esm/components/EventParticipantsButton/index.d.ts +3 -0
- package/lib/esm/components/EventParticipantsButton/index.js +2 -0
- package/lib/esm/components/RelatedEventsWidget/RelatedEventsWidget.d.ts +1 -0
- package/lib/esm/components/RelatedEventsWidget/RelatedEventsWidget.js +4 -4
- package/lib/esm/components/SuggestedEventsWidget/Arrow.js +3 -3
- package/lib/esm/components/SuggestedEventsWidget/SuggestedEventsWidget.js +19 -11
- package/lib/esm/index.d.ts +2 -2
- package/lib/esm/index.js +2 -2
- package/lib/umd/react-ui.js +1 -1
- package/package.json +7 -7
- package/lib/cjs/components/EventPartecipantsButton/index.d.ts +0 -3
- package/lib/cjs/components/EventPartecipantsButton/index.js +0 -5
- package/lib/esm/components/EventPartecipantsButton/index.d.ts +0 -3
- package/lib/esm/components/EventPartecipantsButton/index.js +0 -2
|
@@ -11,7 +11,7 @@ import BaseItem from '../../shared/BaseItem';
|
|
|
11
11
|
import Calendar from '../../shared/Calendar';
|
|
12
12
|
import EventInfoDetails from '../../shared/EventInfoDetails';
|
|
13
13
|
import { SCEventTemplateType } from '../../types/event';
|
|
14
|
-
import
|
|
14
|
+
import EventParticipantsButton from '../EventParticipantsButton';
|
|
15
15
|
import User from '../User';
|
|
16
16
|
import Widget from '../Widget';
|
|
17
17
|
import { PREFIX } from './constants';
|
|
@@ -99,7 +99,7 @@ export default function Event(inProps) {
|
|
|
99
99
|
props: inProps,
|
|
100
100
|
name: PREFIX
|
|
101
101
|
});
|
|
102
|
-
const { id = `event_object_${props.eventId ? props.eventId : props.event ? props.event.id : ''}`, eventId = null, event = null, className = null, template = SCEventTemplateType.SNIPPET, hideEventParticipants = false, hideEventPlanner = false, actions, EventSkeletonComponentProps = {} } = props, rest = __rest(props, ["id", "eventId", "event", "className", "template", "hideEventParticipants", "hideEventPlanner", "actions", "EventSkeletonComponentProps"]);
|
|
102
|
+
const { id = `event_object_${props.eventId ? props.eventId : props.event ? props.event.id : ''}`, eventId = null, event = null, className = null, template = SCEventTemplateType.SNIPPET, hideEventParticipants = false, hideEventPlanner = false, actions, EventParticipantsButtonComponentProps = {}, EventSkeletonComponentProps = {} } = props, rest = __rest(props, ["id", "eventId", "event", "className", "template", "hideEventParticipants", "hideEventPlanner", "actions", "EventParticipantsButtonComponentProps", "EventSkeletonComponentProps"]);
|
|
103
103
|
// STATE
|
|
104
104
|
const { scEvent } = useSCFetchEvent({ id: eventId, event });
|
|
105
105
|
// CONTEXT
|
|
@@ -117,10 +117,10 @@ export default function Event(inProps) {
|
|
|
117
117
|
*/
|
|
118
118
|
let contentObj;
|
|
119
119
|
if (template === SCEventTemplateType.DETAIL) {
|
|
120
|
-
contentObj = (_jsxs(DetailRoot, Object.assign({ className: classes.detailRoot }, { children: [_jsxs(Box, Object.assign({ className: classes.detailImageWrapper }, { children: [_jsx(CardMedia, { component: "img", image: scEvent.image_medium, alt: scEvent.name, className: classes.detailImage }), _jsx(Calendar, { day: new Date(scEvent.start_date).getDate() })] })), _jsxs(CardContent, Object.assign({ className: classes.detailContent }, { children: [_jsx(Link, Object.assign({ to: scRoutingContext.url(SCRoutes.EVENT_ROUTE_NAME, scEvent), className: classes.detailNameWrapper }, { children: _jsx(Typography, Object.assign({ variant: "h3", className: classes.detailName }, { children: scEvent.name })) })), _jsx(EventInfoDetails, { event: scEvent }), !hideEventPlanner && (_jsx(User, { user: scEvent.managed_by, elevation: 0, secondary: _jsx(Typography, Object.assign({ variant: "caption" }, { children: _jsx(FormattedMessage, { id: "ui.myEventsWidget.planner", defaultMessage: "ui.myEventsWidget.planner" }) })), actions: _jsx(_Fragment, {}), className: classes.detailUser })), !hideEventParticipants && (_jsxs(_Fragment, { children: [_jsx(Divider, { className: classes.detailFirstDivider }), _jsx(
|
|
120
|
+
contentObj = (_jsxs(DetailRoot, Object.assign({ className: classes.detailRoot }, { children: [_jsxs(Box, Object.assign({ className: classes.detailImageWrapper }, { children: [_jsx(CardMedia, { component: "img", image: scEvent.image_medium, alt: scEvent.name, className: classes.detailImage }), _jsx(Calendar, { day: new Date(scEvent.start_date).getDate() })] })), _jsxs(CardContent, Object.assign({ className: classes.detailContent }, { children: [_jsx(Link, Object.assign({ to: scRoutingContext.url(SCRoutes.EVENT_ROUTE_NAME, scEvent), className: classes.detailNameWrapper }, { children: _jsx(Typography, Object.assign({ variant: "h3", className: classes.detailName }, { children: scEvent.name })) })), _jsx(EventInfoDetails, { event: scEvent }), !hideEventPlanner && (_jsx(User, { user: scEvent.managed_by, elevation: 0, secondary: _jsx(Typography, Object.assign({ variant: "caption" }, { children: _jsx(FormattedMessage, { id: "ui.myEventsWidget.planner", defaultMessage: "ui.myEventsWidget.planner" }) })), actions: _jsx(_Fragment, {}), className: classes.detailUser })), !hideEventParticipants && (_jsxs(_Fragment, { children: [_jsx(Divider, { className: classes.detailFirstDivider }), _jsx(EventParticipantsButton, Object.assign({ event: scEvent, eventId: scEvent.id }, EventParticipantsButtonComponentProps))] })), _jsx(Divider, { className: classes.detailSecondDivider })] })), actions !== null && actions !== void 0 ? actions : (_jsx(CardActions, Object.assign({ className: classes.detailActions }, { children: _jsx(Button, Object.assign({ size: "small", variant: "outlined", component: Link, to: scRoutingContext.url(SCRoutes.EVENT_ROUTE_NAME, scEvent) }, { children: _jsx(FormattedMessage, { defaultMessage: "ui.event.see", id: "ui.event.see" }) })) })))] })));
|
|
121
121
|
}
|
|
122
122
|
else if (template === SCEventTemplateType.PREVIEW) {
|
|
123
|
-
contentObj = (_jsxs(PreviewRoot, Object.assign({ className: classes.previewRoot }, { children: [_jsx(Box, Object.assign({ position: "relative", className: classes.previewImageWrapper }, { children: _jsx(CardMedia, { component: "img", height: "100px", image: scEvent.image_medium, alt: scEvent.name, className: classes.previewImage }) })), _jsxs(CardContent, Object.assign({ className: classes.previewContent }, { children: [_jsx(EventInfoDetails, { event: scEvent, hidePrivacyIcon: true, hasLocationInfo: false, beforePrivacyInfo: _jsx(Link, Object.assign({ to: scRoutingContext.url(SCRoutes.EVENT_ROUTE_NAME, scEvent), className: classes.previewNameWrapper }, { children: _jsx(Typography, Object.assign({ variant: "h5", className: classes.previewName }, { children: scEvent.name })) })) }), !hideEventParticipants && _jsx(
|
|
123
|
+
contentObj = (_jsxs(PreviewRoot, Object.assign({ className: classes.previewRoot }, { children: [_jsx(Box, Object.assign({ position: "relative", className: classes.previewImageWrapper }, { children: _jsx(CardMedia, { component: "img", height: "100px", image: scEvent.image_medium, alt: scEvent.name, className: classes.previewImage }) })), _jsxs(CardContent, Object.assign({ className: classes.previewContent }, { children: [_jsx(EventInfoDetails, { event: scEvent, hidePrivacyIcon: true, hasLocationInfo: false, beforePrivacyInfo: _jsx(Link, Object.assign({ to: scRoutingContext.url(SCRoutes.EVENT_ROUTE_NAME, scEvent), className: classes.previewNameWrapper }, { children: _jsx(Typography, Object.assign({ variant: "h5", className: classes.previewName }, { children: scEvent.name })) })) }), !hideEventParticipants && _jsx(EventParticipantsButton, Object.assign({ event: scEvent, hideCaption: true }, EventParticipantsButtonComponentProps))] })), actions !== null && actions !== void 0 ? actions : (_jsx(CardActions, Object.assign({ className: classes.previewActions }, { children: _jsx(Button, Object.assign({ size: "small", variant: "outlined", component: Link, to: scRoutingContext.url(SCRoutes.EVENT_ROUTE_NAME, scEvent) }, { children: _jsx(FormattedMessage, { defaultMessage: "ui.event.see", id: "ui.event.see" }) })) })))] })));
|
|
124
124
|
}
|
|
125
125
|
else {
|
|
126
126
|
contentObj = (_jsx(SnippetRoot, { elevation: 0, square: true, disableTypography: true, className: classes.snippetRoot, image: _jsx(Avatar, { variant: "square", alt: scEvent.name, src: scEvent.image_medium, className: classes.snippetAvatar }), primary: _jsxs(Link, Object.assign({ to: scRoutingContext.url(SCRoutes.EVENT_ROUTE_NAME, scEvent), className: classes.snippetPrimary }, { children: [_jsx(Typography, Object.assign({ component: "span" }, { children: `${intl.formatDate(scEvent.start_date, {
|
|
@@ -49,44 +49,44 @@ export default function EventMembersWidget(inProps) {
|
|
|
49
49
|
props: inProps,
|
|
50
50
|
name: PREFIX
|
|
51
51
|
});
|
|
52
|
-
const { event, eventId, userProps = {}, endpointQueryParams = { limit: DEFAULT_PAGINATION_LIMIT, offset: DEFAULT_PAGINATION_OFFSET }, cacheStrategy, dialogProps } = props, rest = __rest(props, ["event", "eventId", "userProps", "endpointQueryParams", "cacheStrategy", "dialogProps"]);
|
|
52
|
+
const { event, eventId, userProps = {}, endpointQueryParams = { limit: DEFAULT_PAGINATION_LIMIT, offset: DEFAULT_PAGINATION_OFFSET }, cacheStrategy, dialogProps, limit } = props, rest = __rest(props, ["event", "eventId", "userProps", "endpointQueryParams", "cacheStrategy", "dialogProps", "limit"]);
|
|
53
53
|
// STATE
|
|
54
|
-
const [
|
|
54
|
+
const [participants, dispatchParticipants] = useReducer(dataWidgetReducer, {
|
|
55
55
|
isLoadingNext: false,
|
|
56
56
|
next: null,
|
|
57
|
-
cacheKey: SCCache.getWidgetStateCacheKey(SCCache.
|
|
57
|
+
cacheKey: SCCache.getWidgetStateCacheKey(SCCache.USER_PARTECIPANTS_EVENTS_STATE_CACHE_PREFIX_KEY, eventId || event.id),
|
|
58
58
|
cacheStrategy,
|
|
59
|
-
visibleItems:
|
|
59
|
+
visibleItems: limit
|
|
60
60
|
}, stateWidgetInitializer);
|
|
61
61
|
const [invited, dispatchInvited] = useReducer(dataWidgetReducer, {
|
|
62
62
|
isLoadingNext: false,
|
|
63
63
|
next: null,
|
|
64
|
-
cacheKey: SCCache.getWidgetStateCacheKey(SCCache.
|
|
64
|
+
cacheKey: SCCache.getWidgetStateCacheKey(SCCache.USER_INVITED_EVENTS_STATE_CACHE_PREFIX_KEY, eventId || event.id),
|
|
65
65
|
cacheStrategy,
|
|
66
66
|
visibleItems: DEFAULT_PAGINATION_LIMIT
|
|
67
67
|
}, stateWidgetInitializer);
|
|
68
68
|
const [openDialog, setOpenDialog] = useState(false);
|
|
69
69
|
const [invitedNumber, setInvitedNumber] = useState(0);
|
|
70
70
|
const [tabValue, setTabValue] = useState('1');
|
|
71
|
-
const state = useMemo(() => (tabValue === '1' ?
|
|
72
|
-
const dispatch = useCallback((value) => (tabValue === '1' ?
|
|
71
|
+
const state = useMemo(() => (tabValue === '1' ? participants : invited), [tabValue, participants, invited]);
|
|
72
|
+
const dispatch = useCallback((value) => (tabValue === '1' ? dispatchParticipants(value) : dispatchInvited(value)), [tabValue, dispatchParticipants, dispatchInvited]);
|
|
73
73
|
// CONTEXT
|
|
74
74
|
const scUserContext = useSCUser();
|
|
75
75
|
// HOOKS
|
|
76
76
|
const { scEvent } = useSCFetchEvent({ id: eventId, event });
|
|
77
|
-
const
|
|
78
|
-
if (!
|
|
79
|
-
|
|
77
|
+
const _initParticipants = useCallback(() => {
|
|
78
|
+
if (!participants.initialized && !participants.isLoadingNext) {
|
|
79
|
+
dispatchParticipants({ type: actionWidgetTypes.LOADING_NEXT });
|
|
80
80
|
EventService.getUsersGoingToEvent(scEvent.id, Object.assign({}, endpointQueryParams))
|
|
81
81
|
.then((payload) => {
|
|
82
|
-
|
|
82
|
+
dispatchParticipants({ type: actionWidgetTypes.LOAD_NEXT_SUCCESS, payload: Object.assign(Object.assign({}, payload), { initialized: true }) });
|
|
83
83
|
})
|
|
84
84
|
.catch((error) => {
|
|
85
|
-
|
|
85
|
+
dispatchParticipants({ type: actionWidgetTypes.LOAD_NEXT_FAILURE, payload: { errorLoadNext: error } });
|
|
86
86
|
Logger.error(SCOPE_SC_UI, error);
|
|
87
87
|
});
|
|
88
88
|
}
|
|
89
|
-
}, [
|
|
89
|
+
}, [participants.isLoadingNext, participants.initialized, dispatchParticipants, scEvent]);
|
|
90
90
|
const _initInvited = useCallback(() => {
|
|
91
91
|
var _a;
|
|
92
92
|
if (!invited.initialized && !invited.isLoadingNext && ((_a = scUserContext.user) === null || _a === void 0 ? void 0 : _a.id) === scEvent.managed_by.id) {
|
|
@@ -107,7 +107,7 @@ export default function EventMembersWidget(inProps) {
|
|
|
107
107
|
let _t;
|
|
108
108
|
if (scUserContext.user && scEvent) {
|
|
109
109
|
_t = setTimeout(() => {
|
|
110
|
-
|
|
110
|
+
_initParticipants();
|
|
111
111
|
_initInvited();
|
|
112
112
|
});
|
|
113
113
|
return () => {
|
|
@@ -143,5 +143,5 @@ export default function EventMembersWidget(inProps) {
|
|
|
143
143
|
if (!scEvent) {
|
|
144
144
|
return _jsx(HiddenPlaceholder, {});
|
|
145
145
|
}
|
|
146
|
-
return (_jsxs(Root, Object.assign({ className: classes.root }, rest, { children: [_jsxs(CardContent, Object.assign({ className: classes.content }, { children: [_jsx(Typography, Object.assign({ variant: "h5", className: classes.title }, { children: _jsx(FormattedMessage, { id: "ui.eventMembersWidget.invited", defaultMessage: "ui.eventMembersWidget.invited" }) })), _jsxs(TabContext, Object.assign({ value: tabValue }, { children: [_jsx(Box, Object.assign({ className: classes.tabsWrapper }, { children: _jsxs(TabList, Object.assign({ onChange: handleTabChange, textColor: "secondary", indicatorColor: "secondary", variant: "fullWidth" }, { children: [_jsx(Tab, { label: _jsxs(Stack, Object.assign({ className: classes.tabLabelWrapper }, { children: [_jsx(Typography, Object.assign({ variant: "h3" }, { children:
|
|
146
|
+
return (_jsxs(Root, Object.assign({ className: classes.root }, rest, { children: [_jsxs(CardContent, Object.assign({ className: classes.content }, { children: [_jsx(Typography, Object.assign({ variant: "h5", className: classes.title }, { children: _jsx(FormattedMessage, { id: "ui.eventMembersWidget.invited", defaultMessage: "ui.eventMembersWidget.invited" }) })), _jsxs(TabContext, Object.assign({ value: tabValue }, { children: [_jsx(Box, Object.assign({ className: classes.tabsWrapper }, { children: _jsxs(TabList, Object.assign({ onChange: handleTabChange, textColor: "secondary", indicatorColor: "secondary", variant: "fullWidth" }, { children: [_jsx(Tab, { label: _jsxs(Stack, Object.assign({ className: classes.tabLabelWrapper }, { children: [_jsx(Typography, Object.assign({ variant: "h3" }, { children: participants.count })), _jsx(Typography, Object.assign({ variant: "subtitle2" }, { children: _jsx(FormattedMessage, { id: "ui.eventMembersWidget.participants", defaultMessage: "ui.eventMembersWidget.participants" }) }))] })), value: "1" }), invited && (_jsx(Tab, { label: _jsxs(Stack, Object.assign({ className: classes.tabLabelWrapper }, { children: [_jsx(Typography, Object.assign({ variant: "h3" }, { children: invitedNumber })), _jsx(Typography, Object.assign({ variant: "subtitle2" }, { children: _jsx(FormattedMessage, { id: "ui.eventMembersWidget.invited", defaultMessage: "ui.eventMembersWidget.invited" }) }))] })), value: "2" }))] })) })), _jsx(TabPanel, Object.assign({ value: "1", className: classes.tabPanel }, { children: _jsx(List, { children: participants.results.map((user) => (_jsx(ListItem, { children: _jsx(User, Object.assign({ elevation: 0, user: user }, userProps)) }, user.id))) }) })), invited && (_jsx(TabPanel, Object.assign({ value: "2", className: classes.tabPanel }, { children: _jsx(List, { children: invited.results.map((user) => (_jsx(ListItem, { children: _jsx(User, Object.assign({ elevation: 0, user: user }, userProps, { actions: _jsx(InviteEventButton, { event: scEvent, userId: user.id, setInvitedNumber: setInvitedNumber }) })) }, user.id))) }) })))] }))] })), state.count > state.visibleItems && (_jsx(CardActions, Object.assign({ className: classes.actions }, { children: _jsx(Button, Object.assign({ onClick: handleToggleDialogOpen, className: classes.actionButton }, { children: _jsx(Typography, Object.assign({ variant: "caption" }, { children: _jsx(FormattedMessage, { id: "ui.eventMembersWidget.showAll", defaultMessage: "ui.eventMembersWidget.showAll" }) })) })) }))), openDialog && (_jsx(DialogRoot, Object.assign({ className: classes.dialogRoot, title: _jsx(FormattedMessage, { defaultMessage: "ui.eventMembersWidget.title", id: "ui.eventMembersWidget.title" }), onClose: handleToggleDialogOpen, open: openDialog }, dialogProps, { children: _jsx(InfiniteScroll, Object.assign({ dataLength: state.results.length, next: handleNext, hasMoreNext: Boolean(state.next), loaderNext: _jsx(UserSkeleton, Object.assign({ elevation: 0 }, userProps)), className: classes.infiniteScroll, endMessage: _jsx(Typography, Object.assign({ className: classes.endMessage }, { children: _jsx(FormattedMessage, { id: "ui.eventMembersWidget.noMoreResults", defaultMessage: "ui.eventMembersWidget.noMoreResults" }) })) }, { children: _jsx(List, { children: state.results.map((user) => (_jsx(ListItem, { children: _jsx(User, Object.assign({ elevation: 0, user: user }, userProps)) }, user.id))) }) })) })))] })));
|
|
147
147
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ButtonProps } from '@mui/material/Button/Button';
|
|
2
2
|
import { SCEventType } from '@selfcommunity/types';
|
|
3
3
|
import { BaseDialogProps } from '../../shared/BaseDialog';
|
|
4
|
-
export interface
|
|
4
|
+
export interface EventParticipantsButtonProps extends Pick<ButtonProps, Exclude<keyof ButtonProps, 'onClick' | 'disabled'>> {
|
|
5
5
|
/**
|
|
6
6
|
* Event Object
|
|
7
7
|
* @default null
|
|
@@ -12,6 +12,11 @@ export interface EventPartecipantsButtonProps extends Pick<ButtonProps, Exclude<
|
|
|
12
12
|
* @default null
|
|
13
13
|
*/
|
|
14
14
|
eventId?: number;
|
|
15
|
+
/**
|
|
16
|
+
* Hide button label
|
|
17
|
+
* @default false
|
|
18
|
+
*/
|
|
19
|
+
hideCaption?: boolean;
|
|
15
20
|
/**
|
|
16
21
|
* Props to spread to followedBy dialog
|
|
17
22
|
* @default {}
|
|
@@ -23,24 +28,24 @@ export interface EventPartecipantsButtonProps extends Pick<ButtonProps, Exclude<
|
|
|
23
28
|
[p: string]: any;
|
|
24
29
|
}
|
|
25
30
|
/**
|
|
26
|
-
*> API documentation for the Community-JS Event
|
|
31
|
+
*> API documentation for the Community-JS Event Participants Button component. Learn about the available props and the CSS API.
|
|
27
32
|
*
|
|
28
33
|
#### Import
|
|
29
34
|
```jsx
|
|
30
|
-
import {
|
|
35
|
+
import {EventParticipantsButton} from '@selfcommunity/react-ui';
|
|
31
36
|
```
|
|
32
37
|
#### Component Name
|
|
33
38
|
|
|
34
|
-
The name `
|
|
39
|
+
The name `SCEventParticipantsButton` can be used when providing style overrides in the theme.
|
|
35
40
|
|
|
36
41
|
* #### CSS
|
|
37
42
|
*
|
|
38
43
|
|Rule Name|Global class|Description|
|
|
39
44
|
|---|---|---|
|
|
40
|
-
|root|.
|
|
41
|
-
|dialogRoot|.
|
|
42
|
-
|endMessage|.
|
|
45
|
+
|root|.SCEventParticipantsButton-root|Styles applied to the root element.|
|
|
46
|
+
|dialogRoot|.SCEventParticipantsButton-dialog-root|Styles applied to the root element.|
|
|
47
|
+
|endMessage|.SCEventParticipantsButton-end-message|Styles applied to the end message element.|
|
|
43
48
|
|
|
44
49
|
* @param inProps
|
|
45
50
|
*/
|
|
46
|
-
export default function
|
|
51
|
+
export default function EventParticipantsButton(inProps: EventParticipantsButtonProps): JSX.Element;
|
|
@@ -15,11 +15,11 @@ import BaseDialog from '../../shared/BaseDialog';
|
|
|
15
15
|
import InfiniteScroll from '../../shared/InfiniteScroll';
|
|
16
16
|
import AvatarGroupSkeleton from '../Skeleton/AvatarGroupSkeleton';
|
|
17
17
|
import User, { UserSkeleton } from '../User';
|
|
18
|
-
const PREFIX = '
|
|
18
|
+
const PREFIX = 'SCEventParticipantsButton';
|
|
19
19
|
const classes = {
|
|
20
20
|
root: `${PREFIX}-root`,
|
|
21
21
|
avatar: `${PREFIX}-avatar`,
|
|
22
|
-
|
|
22
|
+
participants: `${PREFIX}-participants`,
|
|
23
23
|
dialogRoot: `${PREFIX}-dialog-root`,
|
|
24
24
|
infiniteScroll: `${PREFIX}-infinite-scroll`,
|
|
25
25
|
endMessage: `${PREFIX}-end-message`
|
|
@@ -35,33 +35,33 @@ const DialogRoot = styled(BaseDialog, {
|
|
|
35
35
|
overridesResolver: (_props, styles) => styles.dialogRoot
|
|
36
36
|
})(() => ({}));
|
|
37
37
|
/**
|
|
38
|
-
*> API documentation for the Community-JS Event
|
|
38
|
+
*> API documentation for the Community-JS Event Participants Button component. Learn about the available props and the CSS API.
|
|
39
39
|
*
|
|
40
40
|
#### Import
|
|
41
41
|
```jsx
|
|
42
|
-
import {
|
|
42
|
+
import {EventParticipantsButton} from '@selfcommunity/react-ui';
|
|
43
43
|
```
|
|
44
44
|
#### Component Name
|
|
45
45
|
|
|
46
|
-
The name `
|
|
46
|
+
The name `SCEventParticipantsButton` can be used when providing style overrides in the theme.
|
|
47
47
|
|
|
48
48
|
* #### CSS
|
|
49
49
|
*
|
|
50
50
|
|Rule Name|Global class|Description|
|
|
51
51
|
|---|---|---|
|
|
52
|
-
|root|.
|
|
53
|
-
|dialogRoot|.
|
|
54
|
-
|endMessage|.
|
|
52
|
+
|root|.SCEventParticipantsButton-root|Styles applied to the root element.|
|
|
53
|
+
|dialogRoot|.SCEventParticipantsButton-dialog-root|Styles applied to the root element.|
|
|
54
|
+
|endMessage|.SCEventParticipantsButton-end-message|Styles applied to the end message element.|
|
|
55
55
|
|
|
56
56
|
* @param inProps
|
|
57
57
|
*/
|
|
58
|
-
export default function
|
|
58
|
+
export default function EventParticipantsButton(inProps) {
|
|
59
59
|
// PROPS
|
|
60
60
|
const props = useThemeProps({
|
|
61
61
|
props: inProps,
|
|
62
62
|
name: PREFIX
|
|
63
63
|
});
|
|
64
|
-
const { className, eventId, event, DialogProps = {} } = props, rest = __rest(props, ["className", "eventId", "event", "DialogProps"]);
|
|
64
|
+
const { className, eventId, event, hideCaption = false, DialogProps = {} } = props, rest = __rest(props, ["className", "eventId", "event", "hideCaption", "DialogProps"]);
|
|
65
65
|
// STATE
|
|
66
66
|
const [loading, setLoading] = useState(true);
|
|
67
67
|
const [next, setNext] = useState(null);
|
|
@@ -122,5 +122,5 @@ export default function EventPartecipantsButton(inProps) {
|
|
|
122
122
|
const handleToggleDialogOpen = useCallback(() => {
|
|
123
123
|
setOpen((prev) => !prev);
|
|
124
124
|
}, [setOpen]);
|
|
125
|
-
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({ className: classes.
|
|
125
|
+
return (_jsxs(_Fragment, { children: [_jsxs(Root, Object.assign({ className: classNames(classes.root, className), onClick: handleToggleDialogOpen, disabled: loading || !scEvent || scEvent.goings_counter === 0 }, rest, { children: [!hideCaption && (_jsx(Typography, Object.assign({ className: classes.participants, variant: "caption" }, { children: _jsx(FormattedMessage, { defaultMessage: "ui.eventParticipantsButton.participants", id: "ui.eventParticipantsButton.participants" }) }))), 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, className: classes.avatar }, c.id))) })))] })), open && (_jsx(DialogRoot, Object.assign({ className: classes.dialogRoot, title: _jsx(FormattedMessage, { defaultMessage: "ui.eventParticipantsButton.dialogTitle", id: "ui.eventParticipantsButton.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 }), className: classes.infiniteScroll, endMessage: _jsx(Typography, Object.assign({ className: classes.endMessage }, { children: _jsx(FormattedMessage, { id: "ui.eventParticipantsButton.noOtherParticipants", defaultMessage: "ui.eventParticipantsButton.noOtherParticipants" }) })) }, { children: _jsx(List, { children: followers.map((follower) => (_jsx(ListItem, { children: _jsx(User, { elevation: 0, user: follower }) }, follower.id))) }) })) })))] }));
|
|
126
126
|
}
|
|
@@ -54,14 +54,14 @@ export default function RelatedEventsWidget(inProps) {
|
|
|
54
54
|
props: inProps,
|
|
55
55
|
name: PREFIX
|
|
56
56
|
});
|
|
57
|
-
const { event, eventId, eventComponentProps = { elevation: 0, square: true }, endpointQueryParams = { limit: DEFAULT_PAGINATION_LIMIT, offset: DEFAULT_PAGINATION_OFFSET }, cacheStrategy, dialogProps } = props, rest = __rest(props, ["event", "eventId", "eventComponentProps", "endpointQueryParams", "cacheStrategy", "dialogProps"]);
|
|
57
|
+
const { event, eventId, eventComponentProps = { elevation: 0, square: true }, endpointQueryParams = { limit: DEFAULT_PAGINATION_LIMIT, offset: DEFAULT_PAGINATION_OFFSET }, cacheStrategy, dialogProps, limit = 5 } = props, rest = __rest(props, ["event", "eventId", "eventComponentProps", "endpointQueryParams", "cacheStrategy", "dialogProps", "limit"]);
|
|
58
58
|
// STATE
|
|
59
59
|
const [state, dispatch] = useReducer(dataWidgetReducer, {
|
|
60
60
|
isLoadingNext: false,
|
|
61
61
|
next: null,
|
|
62
|
-
cacheKey: SCCache.getWidgetStateCacheKey(SCCache.
|
|
62
|
+
cacheKey: SCCache.getWidgetStateCacheKey(SCCache.USER_OTHER_EVENTS_STATE_CACHE_PREFIX_KEY, eventId || event.id),
|
|
63
63
|
cacheStrategy,
|
|
64
|
-
visibleItems:
|
|
64
|
+
visibleItems: limit
|
|
65
65
|
}, stateWidgetInitializer);
|
|
66
66
|
const [openDialog, setOpenDialog] = useState(false);
|
|
67
67
|
// CONTEXT
|
|
@@ -102,7 +102,7 @@ export default function RelatedEventsWidget(inProps) {
|
|
|
102
102
|
http
|
|
103
103
|
.request({
|
|
104
104
|
url: state.next,
|
|
105
|
-
method: Endpoints.
|
|
105
|
+
method: Endpoints.GetEventRelated.method
|
|
106
106
|
})
|
|
107
107
|
.then((res) => {
|
|
108
108
|
dispatch({ type: actionWidgetTypes.LOAD_NEXT_SUCCESS, payload: res.data });
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { Button, Icon } from '@mui/material';
|
|
3
3
|
import { useCallback, useEffect, useState } from 'react';
|
|
4
4
|
import { useSwiper } from 'swiper/react';
|
|
5
5
|
export default function Arrow(props) {
|
|
@@ -21,7 +21,7 @@ export default function Arrow(props) {
|
|
|
21
21
|
setCurrentItem(swiper.snapIndex);
|
|
22
22
|
}, [type]);
|
|
23
23
|
if (type === 'prev') {
|
|
24
|
-
return (currentItem > 0 && (_jsx(
|
|
24
|
+
return (currentItem > 0 && (_jsx(Button, Object.assign({ variant: "contained", className: className, size: "medium", onClick: () => handleChange('prev') }, { children: _jsx(Icon, { children: "chevron_left" }) }))));
|
|
25
25
|
}
|
|
26
|
-
return (currentItem < itemsLength - 1 && (_jsx(
|
|
26
|
+
return (currentItem < itemsLength - 1 && (_jsx(Button, Object.assign({ variant: "contained", className: className, size: "medium", onClick: () => handleChange('next') }, { children: _jsx(Icon, { children: "chevron_right" }) }))));
|
|
27
27
|
}
|
|
@@ -5,11 +5,12 @@ import { styled } from '@mui/system';
|
|
|
5
5
|
import { Endpoints, http, SuggestionService } from '@selfcommunity/api-services';
|
|
6
6
|
import { Link, SCRoutes, useSCRouting } from '@selfcommunity/react-core';
|
|
7
7
|
import { Logger } from '@selfcommunity/utils';
|
|
8
|
+
import classNames from 'classnames';
|
|
8
9
|
import { useCallback, useEffect, useState } from 'react';
|
|
9
10
|
import { FormattedMessage } from 'react-intl';
|
|
10
11
|
import { Swiper, SwiperSlide } from 'swiper/react';
|
|
11
12
|
import { SCOPE_SC_UI } from '../../constants/Errors';
|
|
12
|
-
import {
|
|
13
|
+
import { DEFAULT_PAGINATION_OFFSET } from '../../constants/Pagination';
|
|
13
14
|
import HiddenPlaceholder from '../../shared/HiddenPlaceholder';
|
|
14
15
|
import { SCEventTemplateType } from '../../types/event';
|
|
15
16
|
import Event from '../Event';
|
|
@@ -23,6 +24,7 @@ const classes = {
|
|
|
23
24
|
title: `${PREFIX}-title`,
|
|
24
25
|
swiper: `${PREFIX}-swiper`,
|
|
25
26
|
swiperSlide: `${PREFIX}-swiper-slide`,
|
|
27
|
+
swiperArrow: `${PREFIX}-swiper-arrow`,
|
|
26
28
|
swiperPrevArrow: `${PREFIX}-swiper-prev-arrow`,
|
|
27
29
|
swiperNextArrow: `${PREFIX}-swiper-next-arrow`,
|
|
28
30
|
event: `${PREFIX}-event`,
|
|
@@ -40,9 +42,11 @@ export default function SuggestedEventsWidget(inProps) {
|
|
|
40
42
|
props: inProps,
|
|
41
43
|
name: PREFIX
|
|
42
44
|
});
|
|
43
|
-
const { endpointQueryParams = { limit:
|
|
45
|
+
const { endpointQueryParams = { limit: 3, offset: DEFAULT_PAGINATION_OFFSET } } = props, rest = __rest(props, ["endpointQueryParams"]);
|
|
44
46
|
// STATE
|
|
45
|
-
const [
|
|
47
|
+
const [count, setCount] = useState(null);
|
|
48
|
+
const [next, setNext] = useState(null);
|
|
49
|
+
const [events, setEvents] = useState(null);
|
|
46
50
|
const [loading, setLoading] = useState(true);
|
|
47
51
|
const [showSkeleton, setShowSkeleton] = useState(false);
|
|
48
52
|
const [currentItem, setCurrentItem] = useState(0);
|
|
@@ -51,7 +55,9 @@ export default function SuggestedEventsWidget(inProps) {
|
|
|
51
55
|
useEffect(() => {
|
|
52
56
|
SuggestionService.getEventSuggestion(Object.assign({}, endpointQueryParams))
|
|
53
57
|
.then((payload) => {
|
|
54
|
-
|
|
58
|
+
setCount(payload.count);
|
|
59
|
+
setNext(payload.next);
|
|
60
|
+
setEvents(payload.results);
|
|
55
61
|
setLoading(false);
|
|
56
62
|
})
|
|
57
63
|
.catch((error) => {
|
|
@@ -59,28 +65,30 @@ export default function SuggestedEventsWidget(inProps) {
|
|
|
59
65
|
});
|
|
60
66
|
}, []);
|
|
61
67
|
const handleReachEnd = useCallback(() => {
|
|
62
|
-
if (
|
|
68
|
+
if (count > events.length && next) {
|
|
63
69
|
setShowSkeleton(true);
|
|
64
70
|
http
|
|
65
71
|
.request({
|
|
66
|
-
url:
|
|
72
|
+
url: next,
|
|
67
73
|
method: Endpoints.GetEventSuggestedUsers.method
|
|
68
74
|
})
|
|
69
75
|
.then((res) => {
|
|
70
|
-
|
|
76
|
+
setCount(res.data.count);
|
|
77
|
+
setNext(res.data.next);
|
|
78
|
+
setEvents((prevEvents) => [...prevEvents, ...res.data.results]);
|
|
71
79
|
setShowSkeleton(false);
|
|
72
80
|
})
|
|
73
81
|
.catch((error) => {
|
|
74
82
|
Logger.error(SCOPE_SC_UI, error);
|
|
75
83
|
});
|
|
76
84
|
}
|
|
77
|
-
}, [
|
|
85
|
+
}, [count, events, next]);
|
|
78
86
|
// RENDER
|
|
79
|
-
if (!
|
|
87
|
+
if (!events && loading) {
|
|
80
88
|
return _jsx(Skeleton, {});
|
|
81
89
|
}
|
|
82
|
-
if (!
|
|
90
|
+
if (!events || count === 0) {
|
|
83
91
|
return _jsx(HiddenPlaceholder, {});
|
|
84
92
|
}
|
|
85
|
-
return (_jsxs(Root, Object.assign({ className: classes.root }, rest, { children: [_jsxs(CardContent, Object.assign({ className: classes.content }, { children: [_jsx(Typography, Object.assign({ variant: "h5", className: classes.title }, { children: _jsx(FormattedMessage, { id: "ui.suggestedEventsWidget.title", defaultMessage: "ui.suggestedEventsWidget.title" }) })), _jsxs(Swiper, Object.assign({ spaceBetween: 8, slidesPerView: "auto", grabCursor: true, onReachEnd: handleReachEnd, onSlideChange: (swiper) => setCurrentItem(swiper.snapIndex), className: classes.swiper }, { children: [(showSkeleton ? [...
|
|
93
|
+
return (_jsxs(Root, Object.assign({ className: classes.root }, rest, { children: [_jsxs(CardContent, Object.assign({ className: classes.content }, { children: [_jsx(Typography, Object.assign({ variant: "h5", className: classes.title }, { children: _jsx(FormattedMessage, { id: "ui.suggestedEventsWidget.title", defaultMessage: "ui.suggestedEventsWidget.title" }) })), _jsxs(Swiper, Object.assign({ spaceBetween: 8, slidesPerView: "auto", grabCursor: true, onReachEnd: handleReachEnd, onSlideChange: (swiper) => setCurrentItem(swiper.snapIndex), className: classes.swiper }, { children: [(showSkeleton ? [...events, undefined] : events).map((event, i) => (_jsx(SwiperSlide, Object.assign({ className: classes.swiperSlide }, { children: _jsx(Event, { event: event, template: SCEventTemplateType.PREVIEW, actions: _jsx(_Fragment, {}), variant: "outlined", className: classes.event }) }), i))), _jsx(Arrow, { className: classNames(classes.swiperArrow, classes.swiperPrevArrow), type: "prev", currentItem: currentItem, setCurrentItem: setCurrentItem }), _jsx(Arrow, { className: classNames(classes.swiperArrow, classes.swiperNextArrow), type: "next", currentItem: currentItem, setCurrentItem: setCurrentItem })] }))] })), _jsx(CardActions, Object.assign({ className: classes.actions }, { children: _jsx(Button, Object.assign({ component: Link, to: scRoutingContext.url(SCRoutes.EVENTS_SUGGESTED_ROUTE_NAME, {}), className: classes.actionButton }, { children: _jsx(Typography, Object.assign({ variant: "caption" }, { children: _jsx(FormattedMessage, { id: "ui.suggestedEventsWidget.showAll", defaultMessage: "ui.suggestedEventsWidget.showAll" }) })) })) }))] })));
|
|
86
94
|
}
|
package/lib/esm/index.d.ts
CHANGED
|
@@ -47,7 +47,7 @@ import EventInfoWidget, { EventInfoWidgetProps } from './components/EventInfoWid
|
|
|
47
47
|
import EventInviteButton, { EventInviteButtonProps } from './components/EventInviteButton';
|
|
48
48
|
import EventLocationWidget, { EventLocationWidgetProps, EventLocationWidgetSkeleton } from './components/EventLocationWidget';
|
|
49
49
|
import EventMembersWidget, { EventMembersWidgetProps, EventMembersWidgetSkeleton } from './components/EventMembersWidget';
|
|
50
|
-
import
|
|
50
|
+
import EventParticipantsButton, { EventParticipantsButtonProps } from './components/EventParticipantsButton';
|
|
51
51
|
import Events, { EventsProps, EventsSkeleton, EventsSkeletonProps } from './components/Events';
|
|
52
52
|
import Feed, { FeedProps, FeedRef, FeedSidebarProps, FeedSkeleton } from './components/Feed';
|
|
53
53
|
import FeedObject, { FeedObjectProps, FeedObjectSkeleton } from './components/FeedObject';
|
|
@@ -169,4 +169,4 @@ import LogoSelfCommunity from './assets/logo';
|
|
|
169
169
|
/**
|
|
170
170
|
* List all exports
|
|
171
171
|
*/
|
|
172
|
-
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, EventActionsMenu, EventActionsMenuProps, EventHeader, EventHeaderProps, EventHeaderSkeleton, EventInfoDetails, EventInfoDetailsProps, EventInfoWidget, EventInfoWidgetProps, EventInviteButton, EventInviteButtonProps, EventLocationWidget, EventLocationWidgetProps, EventLocationWidgetSkeleton, EventMembersWidget, EventMembersWidgetProps, EventMembersWidgetSkeleton,
|
|
172
|
+
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, EventActionsMenu, EventActionsMenuProps, EventHeader, EventHeaderProps, EventHeaderSkeleton, EventInfoDetails, EventInfoDetailsProps, EventInfoWidget, EventInfoWidgetProps, EventInviteButton, EventInviteButtonProps, EventLocationWidget, EventLocationWidgetProps, EventLocationWidgetSkeleton, EventMembersWidget, EventMembersWidgetProps, EventMembersWidgetSkeleton, EventParticipantsButton, EventParticipantsButtonProps, 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, InviteEventButton, InviteEventButtonProps, LanguageSwitcher, LEGAL_POLICIES, Lightbox, Link, LINKEDIN_SHARE, LocationAutocomplete, LocationAutocompleteProps, LogoSelfCommunity, LoyaltyProgramWidget, LoyaltyProgramWidgetProps, LoyaltyProgramWidgetSkeleton, MAX_PRELOAD_OFFSET_VIEWPORT, MEDIA_EMBED_SC_LINK_TYPE, MEDIA_EMBED_SC_SHARED_EVENT, MEDIA_EMBED_SC_SHARED_OBJECT, MEDIA_TYPE_DOCUMENT, MEDIA_TYPE_EMBED, MEDIA_TYPE_EVENT, MEDIA_TYPE_IMAGE, MEDIA_TYPE_LINK, MEDIA_TYPE_SHARE, MEDIA_TYPE_URL, MEDIA_TYPE_VIDEO, 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, RelatedEventsWidget, RelatedEventsWidgetProps, RelatedEventsWidgetSkeleton, 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, SuggestedEventsWidget, SuggestedEventsWidgetProps, SuggestedEventsWidgetSkeleton, 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/esm/index.js
CHANGED
|
@@ -47,7 +47,7 @@ import EventInfoWidget from './components/EventInfoWidget';
|
|
|
47
47
|
import EventInviteButton from './components/EventInviteButton';
|
|
48
48
|
import EventLocationWidget, { EventLocationWidgetSkeleton } from './components/EventLocationWidget';
|
|
49
49
|
import EventMembersWidget, { EventMembersWidgetSkeleton } from './components/EventMembersWidget';
|
|
50
|
-
import
|
|
50
|
+
import EventParticipantsButton from './components/EventParticipantsButton';
|
|
51
51
|
import Events, { EventsSkeleton } from './components/Events';
|
|
52
52
|
import Feed, { FeedSkeleton } from './components/Feed';
|
|
53
53
|
import FeedObject, { FeedObjectSkeleton } from './components/FeedObject';
|
|
@@ -173,7 +173,7 @@ export { AccountChangeMailValidation, AccountDataPortability, AccountDataPortabi
|
|
|
173
173
|
/* SC CONSENT SOLUTION */
|
|
174
174
|
ConsentSolution, ConsentSolutionButton, ConsentSolutionSkeleton, ContributionUtils, CreateEventButton, CreateEventWidget, CreateEventWidgetSkeleton, CreateGroupButton, CustomAdv, CustomAdvSkeleton, DEFAULT_FIELDS, DEFAULT_PAGINATION_LIMIT, DEFAULT_PAGINATION_OFFSET,
|
|
175
175
|
/* SC UI PAGINATION */
|
|
176
|
-
DEFAULT_PAGINATION_QUERY_PARAM_NAME, DEFAULT_PRELOAD_OFFSET_VIEWPORT, DEFAULT_WIDGETS_NUMBER, DefaultDrawerContent, DefaultHeaderContent, EditEventButton, EditGroupButton, Editor, EditorSkeleton, EmailTextField, Event, EventActionsMenu, EventHeader, EventHeaderSkeleton, EventInfoDetails, EventInfoWidget, EventInviteButton, EventLocationWidget, EventLocationWidgetSkeleton, EventMembersWidget, EventMembersWidgetSkeleton,
|
|
176
|
+
DEFAULT_PAGINATION_QUERY_PARAM_NAME, DEFAULT_PRELOAD_OFFSET_VIEWPORT, DEFAULT_WIDGETS_NUMBER, DefaultDrawerContent, DefaultHeaderContent, EditEventButton, EditGroupButton, Editor, EditorSkeleton, EmailTextField, Event, EventActionsMenu, EventHeader, EventHeaderSkeleton, EventInfoDetails, EventInfoWidget, EventInviteButton, EventLocationWidget, EventLocationWidgetSkeleton, EventMembersWidget, EventMembersWidgetSkeleton, EventParticipantsButton, 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,
|
|
177
177
|
/* SC UI SHARED */
|
|
178
178
|
HiddenPlaceholder, Incubator, IncubatorDetail, IncubatorListWidget, IncubatorSubscribeButton, IncubatorSuggestionWidget, InfiniteScroll, InlineComposerWidget, InlineComposerWidgetSkeleton, InviteEventButton, LanguageSwitcher, LEGAL_POLICIES, Lightbox, Link, LINKEDIN_SHARE, LocationAutocomplete,
|
|
179
179
|
/* Assets */
|