@selfcommunity/react-ui 0.7.50-event.29 → 0.7.50-events.28
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/Category/Category.d.ts +1 -1
- package/lib/cjs/components/Category/Category.js +1 -1
- package/lib/cjs/components/Event/Event.d.ts +0 -6
- package/lib/cjs/components/Event/Event.js +4 -4
- package/lib/cjs/components/Event/Skeleton.d.ts +16 -2
- package/lib/cjs/components/Event/Skeleton.js +16 -8
- package/lib/cjs/components/Event/index.d.ts +2 -2
- package/lib/cjs/components/EventForm/EventForm.js +30 -17
- package/lib/cjs/components/EventInviteButton/EventInviteButton.d.ts +57 -0
- package/lib/cjs/components/EventInviteButton/EventInviteButton.js +284 -0
- package/lib/cjs/components/EventInviteButton/index.d.ts +3 -0
- package/lib/cjs/components/EventInviteButton/index.js +5 -0
- package/lib/cjs/components/Events/Events.d.ts +64 -0
- package/lib/cjs/components/Events/Events.js +230 -0
- package/lib/cjs/components/Events/Skeleton.d.ts +38 -0
- package/lib/cjs/components/Events/Skeleton.js +45 -0
- package/lib/cjs/components/Events/constants.d.ts +1 -0
- package/lib/cjs/components/Events/constants.js +4 -0
- package/lib/cjs/components/Events/index.d.ts +4 -0
- package/lib/cjs/components/Events/index.js +8 -0
- package/lib/cjs/components/Events/prefetchedEvents.d.ts +271 -0
- package/lib/cjs/components/Events/prefetchedEvents.js +278 -0
- package/lib/cjs/components/FeedObject/FeedObject.d.ts +1 -0
- package/lib/cjs/components/FeedObject/FeedObject.js +16 -4
- package/lib/cjs/constants/PubSub.d.ts +3 -8
- package/lib/cjs/constants/PubSub.js +2 -1
- package/lib/cjs/index.d.ts +4 -2
- package/lib/cjs/index.js +7 -2
- package/lib/esm/components/Category/Category.d.ts +1 -1
- package/lib/esm/components/Category/Category.js +1 -1
- package/lib/esm/components/Event/Event.d.ts +0 -6
- package/lib/esm/components/Event/Event.js +4 -4
- package/lib/esm/components/Event/Skeleton.d.ts +16 -2
- package/lib/esm/components/Event/Skeleton.js +17 -9
- package/lib/esm/components/Event/index.d.ts +2 -2
- package/lib/esm/components/EventForm/EventForm.js +30 -17
- package/lib/esm/components/EventInviteButton/EventInviteButton.d.ts +57 -0
- package/lib/esm/components/EventInviteButton/EventInviteButton.js +281 -0
- package/lib/esm/components/EventInviteButton/index.d.ts +3 -0
- package/lib/esm/components/EventInviteButton/index.js +2 -0
- package/lib/esm/components/Events/Events.d.ts +64 -0
- package/lib/esm/components/Events/Events.js +227 -0
- package/lib/esm/components/Events/Skeleton.d.ts +38 -0
- package/lib/esm/components/Events/Skeleton.js +42 -0
- package/lib/esm/components/Events/constants.d.ts +1 -0
- package/lib/esm/components/Events/constants.js +1 -0
- package/lib/esm/components/Events/index.d.ts +4 -0
- package/lib/esm/components/Events/index.js +4 -0
- package/lib/esm/components/Events/prefetchedEvents.d.ts +271 -0
- package/lib/esm/components/Events/prefetchedEvents.js +275 -0
- package/lib/esm/components/FeedObject/FeedObject.d.ts +1 -0
- package/lib/esm/components/FeedObject/FeedObject.js +16 -4
- package/lib/esm/constants/PubSub.d.ts +3 -8
- package/lib/esm/constants/PubSub.js +2 -1
- package/lib/esm/index.d.ts +4 -2
- package/lib/esm/index.js +3 -1
- package/lib/umd/react-ui.js +1 -1
- package/package.json +6 -6
|
@@ -0,0 +1,278 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.prefetchedEvents = void 0;
|
|
4
|
+
exports.prefetchedEvents = [
|
|
5
|
+
{
|
|
6
|
+
id: 105,
|
|
7
|
+
name: 'Evento di prova',
|
|
8
|
+
description: 'Questo è un evento di prova',
|
|
9
|
+
slug: 'evento-di-prova',
|
|
10
|
+
color: '#DBDBDB',
|
|
11
|
+
privacy: 'public',
|
|
12
|
+
visible: true,
|
|
13
|
+
active: true,
|
|
14
|
+
show_on_feed: false,
|
|
15
|
+
subscription_status: null,
|
|
16
|
+
image_bigger: 'https://static.stage.quentrix.com/wioggmfc/upfiles/events/bigger/evento-di-prova_6850.jpg',
|
|
17
|
+
image_big: 'https://static.stage.quentrix.com/wioggmfc/upfiles/events/big/evento-di-prova_0152.jpg',
|
|
18
|
+
image_medium: 'https://static.stage.quentrix.com/wioggmfc/upfiles/events/medium/evento-di-prova_3635.jpg',
|
|
19
|
+
image_small: 'https://static.stage.quentrix.com/wioggmfc/upfiles/events/small/evento-di-prova_6424.jpg',
|
|
20
|
+
subscribers_counter: 1,
|
|
21
|
+
goings_counter: 0,
|
|
22
|
+
start_date: '2024-08-13T16:00:00+02:00',
|
|
23
|
+
end_date: '2024-08-13T17:00:00+02:00',
|
|
24
|
+
recurring: 'never',
|
|
25
|
+
location: 'virtual',
|
|
26
|
+
geolocation: null,
|
|
27
|
+
geolocation_lat: null,
|
|
28
|
+
geolocation_lng: null,
|
|
29
|
+
link: 'https://www.youtube.com/?app=desktop&hl=it',
|
|
30
|
+
created_at: '2024-08-08T10:26:36.309587+02:00',
|
|
31
|
+
created_by: {
|
|
32
|
+
id: 1,
|
|
33
|
+
username: 'admin',
|
|
34
|
+
real_name: '',
|
|
35
|
+
avatar: 'https://internal.stage.quentrix.com/wioggmfc/avatar/admin',
|
|
36
|
+
ext_id: null,
|
|
37
|
+
deleted: false,
|
|
38
|
+
followings_counter: 1,
|
|
39
|
+
followers_counter: 1,
|
|
40
|
+
posts_counter: 4,
|
|
41
|
+
discussions_counter: 0,
|
|
42
|
+
polls_counter: 0,
|
|
43
|
+
categories_counter: 6,
|
|
44
|
+
date_joined: '2024-04-10T13:23:59.754335+02:00',
|
|
45
|
+
bio: '',
|
|
46
|
+
location: '',
|
|
47
|
+
location_lat_lng: null,
|
|
48
|
+
position_lat_lng: null,
|
|
49
|
+
date_of_birth: null,
|
|
50
|
+
description: '',
|
|
51
|
+
gender: 'Unspecified',
|
|
52
|
+
website: '',
|
|
53
|
+
cover: null,
|
|
54
|
+
tags: [],
|
|
55
|
+
reputation: 75,
|
|
56
|
+
language: 'it',
|
|
57
|
+
community_badge: false,
|
|
58
|
+
reg_approved: true,
|
|
59
|
+
job: 'Commessa Adv',
|
|
60
|
+
store: 'Erbusco',
|
|
61
|
+
brand: 'Sede'
|
|
62
|
+
},
|
|
63
|
+
managed_by: {
|
|
64
|
+
id: 1,
|
|
65
|
+
username: 'admin',
|
|
66
|
+
real_name: '',
|
|
67
|
+
avatar: 'https://internal.stage.quentrix.com/wioggmfc/avatar/admin',
|
|
68
|
+
ext_id: null,
|
|
69
|
+
deleted: false,
|
|
70
|
+
followings_counter: 1,
|
|
71
|
+
followers_counter: 1,
|
|
72
|
+
posts_counter: 4,
|
|
73
|
+
discussions_counter: 0,
|
|
74
|
+
polls_counter: 0,
|
|
75
|
+
categories_counter: 6,
|
|
76
|
+
date_joined: '2024-04-10T13:23:59.754335+02:00',
|
|
77
|
+
bio: '',
|
|
78
|
+
location: '',
|
|
79
|
+
location_lat_lng: null,
|
|
80
|
+
position_lat_lng: null,
|
|
81
|
+
date_of_birth: null,
|
|
82
|
+
description: '',
|
|
83
|
+
gender: 'Unspecified',
|
|
84
|
+
website: '',
|
|
85
|
+
cover: null,
|
|
86
|
+
tags: [],
|
|
87
|
+
reputation: 75,
|
|
88
|
+
language: 'it',
|
|
89
|
+
community_badge: false,
|
|
90
|
+
reg_approved: true,
|
|
91
|
+
job: 'Commessa Adv',
|
|
92
|
+
store: 'Erbusco',
|
|
93
|
+
brand: 'Sede'
|
|
94
|
+
}
|
|
95
|
+
},
|
|
96
|
+
{
|
|
97
|
+
id: 107,
|
|
98
|
+
name: 'Evento di persona',
|
|
99
|
+
description: 'Questo è un evento di persona',
|
|
100
|
+
slug: 'evento-di-persona',
|
|
101
|
+
color: '#DBDBDB',
|
|
102
|
+
privacy: 'public',
|
|
103
|
+
visible: true,
|
|
104
|
+
active: true,
|
|
105
|
+
show_on_feed: false,
|
|
106
|
+
subscription_status: null,
|
|
107
|
+
image_bigger: 'https://static.stage.quentrix.com/wioggmfc/upfiles/events/bigger/evento-di-persona_1481.jpg',
|
|
108
|
+
image_big: 'https://static.stage.quentrix.com/wioggmfc/upfiles/events/big/evento-di-persona_6521.jpg',
|
|
109
|
+
image_medium: 'https://static.stage.quentrix.com/wioggmfc/upfiles/events/medium/evento-di-persona_4765.jpg',
|
|
110
|
+
image_small: 'https://static.stage.quentrix.com/wioggmfc/upfiles/events/small/evento-di-persona_4536.jpg',
|
|
111
|
+
subscribers_counter: 1,
|
|
112
|
+
goings_counter: 0,
|
|
113
|
+
start_date: '2024-08-09T17:00:00+02:00',
|
|
114
|
+
end_date: null,
|
|
115
|
+
recurring: 'never',
|
|
116
|
+
location: 'in person',
|
|
117
|
+
geolocation: 'P.za del Duomo, 20122 Milano MI, Italia',
|
|
118
|
+
geolocation_lat: 45.4640976,
|
|
119
|
+
geolocation_lng: 9.1919265,
|
|
120
|
+
link: null,
|
|
121
|
+
created_at: '2024-08-08T10:51:50.692540+02:00',
|
|
122
|
+
created_by: {
|
|
123
|
+
id: 1,
|
|
124
|
+
username: 'admin',
|
|
125
|
+
real_name: '',
|
|
126
|
+
avatar: 'https://internal.stage.quentrix.com/wioggmfc/avatar/admin',
|
|
127
|
+
ext_id: null,
|
|
128
|
+
deleted: false,
|
|
129
|
+
followings_counter: 1,
|
|
130
|
+
followers_counter: 1,
|
|
131
|
+
posts_counter: 4,
|
|
132
|
+
discussions_counter: 0,
|
|
133
|
+
polls_counter: 0,
|
|
134
|
+
categories_counter: 6,
|
|
135
|
+
date_joined: '2024-04-10T13:23:59.754335+02:00',
|
|
136
|
+
bio: '',
|
|
137
|
+
location: '',
|
|
138
|
+
location_lat_lng: null,
|
|
139
|
+
position_lat_lng: null,
|
|
140
|
+
date_of_birth: null,
|
|
141
|
+
description: '',
|
|
142
|
+
gender: 'Unspecified',
|
|
143
|
+
website: '',
|
|
144
|
+
cover: null,
|
|
145
|
+
tags: [],
|
|
146
|
+
reputation: 75,
|
|
147
|
+
language: 'it',
|
|
148
|
+
community_badge: false,
|
|
149
|
+
reg_approved: true,
|
|
150
|
+
job: 'Commessa Adv',
|
|
151
|
+
store: 'Erbusco',
|
|
152
|
+
brand: 'Sede'
|
|
153
|
+
},
|
|
154
|
+
managed_by: {
|
|
155
|
+
id: 1,
|
|
156
|
+
username: 'admin',
|
|
157
|
+
real_name: '',
|
|
158
|
+
avatar: 'https://internal.stage.quentrix.com/wioggmfc/avatar/admin',
|
|
159
|
+
ext_id: null,
|
|
160
|
+
deleted: false,
|
|
161
|
+
followings_counter: 1,
|
|
162
|
+
followers_counter: 1,
|
|
163
|
+
posts_counter: 4,
|
|
164
|
+
discussions_counter: 0,
|
|
165
|
+
polls_counter: 0,
|
|
166
|
+
categories_counter: 6,
|
|
167
|
+
date_joined: '2024-04-10T13:23:59.754335+02:00',
|
|
168
|
+
bio: '',
|
|
169
|
+
location: '',
|
|
170
|
+
location_lat_lng: null,
|
|
171
|
+
position_lat_lng: null,
|
|
172
|
+
date_of_birth: null,
|
|
173
|
+
description: '',
|
|
174
|
+
gender: 'Unspecified',
|
|
175
|
+
website: '',
|
|
176
|
+
cover: null,
|
|
177
|
+
tags: [],
|
|
178
|
+
reputation: 75,
|
|
179
|
+
language: 'it',
|
|
180
|
+
community_badge: false,
|
|
181
|
+
reg_approved: true,
|
|
182
|
+
job: 'Commessa Adv',
|
|
183
|
+
store: 'Erbusco',
|
|
184
|
+
brand: 'Sede'
|
|
185
|
+
}
|
|
186
|
+
},
|
|
187
|
+
{
|
|
188
|
+
id: 111,
|
|
189
|
+
name: 'Tour Cagliari',
|
|
190
|
+
description: '',
|
|
191
|
+
slug: 'tour-cagliari',
|
|
192
|
+
color: '#DBDBDB',
|
|
193
|
+
privacy: 'public',
|
|
194
|
+
visible: true,
|
|
195
|
+
active: true,
|
|
196
|
+
show_on_feed: true,
|
|
197
|
+
subscription_status: 'subscribed',
|
|
198
|
+
image_bigger: 'https://static.stage.quentrix.com/wioggmfc/upfiles/events/bigger/tour-cagliari_4613.jpg',
|
|
199
|
+
image_big: 'https://static.stage.quentrix.com/wioggmfc/upfiles/events/big/tour-cagliari_5634.jpg',
|
|
200
|
+
image_medium: 'https://static.stage.quentrix.com/wioggmfc/upfiles/events/medium/tour-cagliari_6311.jpg',
|
|
201
|
+
image_small: 'https://static.stage.quentrix.com/wioggmfc/upfiles/events/small/tour-cagliari_3043.jpg',
|
|
202
|
+
subscribers_counter: 1,
|
|
203
|
+
goings_counter: 0,
|
|
204
|
+
start_date: '2024-08-11T09:15:00+02:00',
|
|
205
|
+
end_date: null,
|
|
206
|
+
recurring: 'never',
|
|
207
|
+
location: 'in person',
|
|
208
|
+
geolocation: 'Piazza Costituzione, Cagliari CA, Italy',
|
|
209
|
+
geolocation_lat: 39.2153291,
|
|
210
|
+
geolocation_lng: 9.1171268,
|
|
211
|
+
link: null,
|
|
212
|
+
created_at: '2024-08-08T11:33:33.586626+02:00',
|
|
213
|
+
created_by: {
|
|
214
|
+
id: 642,
|
|
215
|
+
username: 'simonester',
|
|
216
|
+
real_name: '',
|
|
217
|
+
avatar: 'https://static.stage.quentrix.com/wioggmfc/upfiles/avatars/642/resized/209/209/56ca76ca6a31a337972026011f597cec.png',
|
|
218
|
+
ext_id: null,
|
|
219
|
+
deleted: false,
|
|
220
|
+
followings_counter: 0,
|
|
221
|
+
followers_counter: 0,
|
|
222
|
+
posts_counter: 14,
|
|
223
|
+
discussions_counter: 1,
|
|
224
|
+
polls_counter: 0,
|
|
225
|
+
categories_counter: 6,
|
|
226
|
+
date_joined: '2024-07-08T10:59:03.296820+02:00',
|
|
227
|
+
bio: '',
|
|
228
|
+
location: '',
|
|
229
|
+
location_lat_lng: null,
|
|
230
|
+
position_lat_lng: null,
|
|
231
|
+
date_of_birth: null,
|
|
232
|
+
description: '',
|
|
233
|
+
gender: 'Unspecified',
|
|
234
|
+
website: '',
|
|
235
|
+
cover: null,
|
|
236
|
+
tags: [],
|
|
237
|
+
reputation: 52,
|
|
238
|
+
language: 'it',
|
|
239
|
+
community_badge: false,
|
|
240
|
+
reg_approved: true,
|
|
241
|
+
job: null,
|
|
242
|
+
store: 'Cagliari',
|
|
243
|
+
brand: null
|
|
244
|
+
},
|
|
245
|
+
managed_by: {
|
|
246
|
+
id: 642,
|
|
247
|
+
username: 'simonester',
|
|
248
|
+
real_name: '',
|
|
249
|
+
avatar: 'https://static.stage.quentrix.com/wioggmfc/upfiles/avatars/642/resized/209/209/56ca76ca6a31a337972026011f597cec.png',
|
|
250
|
+
ext_id: null,
|
|
251
|
+
deleted: false,
|
|
252
|
+
followings_counter: 0,
|
|
253
|
+
followers_counter: 0,
|
|
254
|
+
posts_counter: 14,
|
|
255
|
+
discussions_counter: 1,
|
|
256
|
+
polls_counter: 0,
|
|
257
|
+
categories_counter: 6,
|
|
258
|
+
date_joined: '2024-07-08T10:59:03.296820+02:00',
|
|
259
|
+
bio: '',
|
|
260
|
+
location: '',
|
|
261
|
+
location_lat_lng: null,
|
|
262
|
+
position_lat_lng: null,
|
|
263
|
+
date_of_birth: null,
|
|
264
|
+
description: '',
|
|
265
|
+
gender: 'Unspecified',
|
|
266
|
+
website: '',
|
|
267
|
+
cover: null,
|
|
268
|
+
tags: [],
|
|
269
|
+
reputation: 52,
|
|
270
|
+
language: 'it',
|
|
271
|
+
community_badge: false,
|
|
272
|
+
reg_approved: true,
|
|
273
|
+
job: null,
|
|
274
|
+
store: 'Cagliari',
|
|
275
|
+
brand: null
|
|
276
|
+
}
|
|
277
|
+
}
|
|
278
|
+
];
|
|
@@ -188,6 +188,7 @@ export interface FeedObjectProps extends CardProps, VirtualScrollerItemProps {
|
|
|
188
188
|
|deleted|.SCFeedObject-deleted|Styles applied to the feed obj when is deleted (visible only for admin and moderator).|
|
|
189
189
|
|header|.SCFeedObject-header|Styles applied to the header of the card.|
|
|
190
190
|
|category|.SCFeedObject-category|Styles applied to the category element.|
|
|
191
|
+
|event|.SCFeedObject-event|Styles applied to the event element.|
|
|
191
192
|
|group|.SCFeedObject-group|Styles applied to the group element.|
|
|
192
193
|
|avatar|.SCFeedObject-avatar|Styles applied to the avatar element.|
|
|
193
194
|
|username|.SCFeedObject-username|Styles applied to the username element.|
|
|
@@ -53,6 +53,7 @@ const classes = {
|
|
|
53
53
|
deleted: `${constants_1.PREFIX}-deleted`,
|
|
54
54
|
header: `${constants_1.PREFIX}-header`,
|
|
55
55
|
category: `${constants_1.PREFIX}-category`,
|
|
56
|
+
event: `${constants_1.PREFIX}-event`,
|
|
56
57
|
group: `${constants_1.PREFIX}-group`,
|
|
57
58
|
avatar: `${constants_1.PREFIX}-avatar`,
|
|
58
59
|
username: `${constants_1.PREFIX}-username`,
|
|
@@ -107,6 +108,7 @@ const Root = (0, styles_1.styled)(Widget_1.default, {
|
|
|
107
108
|
|deleted|.SCFeedObject-deleted|Styles applied to the feed obj when is deleted (visible only for admin and moderator).|
|
|
108
109
|
|header|.SCFeedObject-header|Styles applied to the header of the card.|
|
|
109
110
|
|category|.SCFeedObject-category|Styles applied to the category element.|
|
|
111
|
+
|event|.SCFeedObject-event|Styles applied to the event element.|
|
|
110
112
|
|group|.SCFeedObject-group|Styles applied to the group element.|
|
|
111
113
|
|avatar|.SCFeedObject-avatar|Styles applied to the avatar element.|
|
|
112
114
|
|username|.SCFeedObject-username|Styles applied to the username element.|
|
|
@@ -434,12 +436,17 @@ function FeedObject(inProps) {
|
|
|
434
436
|
template === feedObject_1.SCFeedObjectTemplateType.SEARCH) {
|
|
435
437
|
objElement = (react_1.default.createElement(react_1.default.Fragment, null, obj ? (react_1.default.createElement(material_1.Box, { className: (0, classnames_1.default)({ [classes.deleted]: obj && obj.deleted }) },
|
|
436
438
|
obj.categories.length > 0 && (react_1.default.createElement("div", { className: classes.category },
|
|
437
|
-
react_1.default.createElement(react_1.default.Fragment, null,
|
|
438
|
-
|
|
439
|
+
react_1.default.createElement(react_1.default.Fragment, null,
|
|
440
|
+
obj.group && (react_1.default.createElement("div", { className: classes.group },
|
|
441
|
+
react_1.default.createElement(material_1.Chip, { color: "secondary", size: "small", key: obj.group.id, icon: react_1.default.createElement(Icon_1.default, null, "groups"), component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.GROUP_ROUTE_NAME, obj.group), clickable: true }))),
|
|
442
|
+
obj.event && (react_1.default.createElement("div", { className: classes.event },
|
|
443
|
+
react_1.default.createElement(material_1.Chip, { color: "secondary", size: "small", key: obj.event.id, icon: react_1.default.createElement(Icon_1.default, null, "CalendarIcon"), component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.EVENT_ROUTE_NAME, obj.event), clickable: true })))),
|
|
439
444
|
obj.categories.map((c) => (react_1.default.createElement(react_core_1.Link, { to: scRoutingContext.url(react_core_1.SCRoutes.CATEGORY_ROUTE_NAME, c), key: c.id },
|
|
440
445
|
react_1.default.createElement(material_1.Typography, { variant: "overline" }, c.name)))))),
|
|
441
446
|
obj.group && !obj.categories.length && (react_1.default.createElement("div", { className: classes.group },
|
|
442
447
|
react_1.default.createElement(material_1.Chip, { color: "secondary", size: "small", key: obj.group.id, icon: react_1.default.createElement(Icon_1.default, null, "groups"), label: obj.group.name, component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.GROUP_ROUTE_NAME, obj.group), clickable: true }))),
|
|
448
|
+
obj.event && !obj.categories.length && (react_1.default.createElement("div", { className: classes.event },
|
|
449
|
+
react_1.default.createElement(material_1.Chip, { color: "secondary", size: "small", key: obj.event.id, icon: react_1.default.createElement(Icon_1.default, null, "CalendarIcon"), label: obj.event.name, component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.EVENT_ROUTE_NAME, obj.event), clickable: true }))),
|
|
443
450
|
react_1.default.createElement(material_1.CardHeader, { className: classes.header, avatar: react_1.default.createElement(react_core_1.Link, Object.assign({}, (!obj.author.deleted && { to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_ROUTE_NAME, obj.author) }), { onClick: obj.author.deleted ? () => setOpenAlert(true) : null }),
|
|
444
451
|
react_1.default.createElement(UserAvatar_1.default, { hide: !obj.author.community_badge },
|
|
445
452
|
react_1.default.createElement(material_1.Avatar, { "aria-label": "recipe", src: obj.author.avatar, className: classes.avatar }, obj.author.username))), title: react_1.default.createElement(react_core_1.Link, Object.assign({}, (!obj.author.deleted && { to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_ROUTE_NAME, obj.author) }), { onClick: obj.author.deleted ? () => setOpenAlert(true) : null, className: classes.username }), obj.author.username), subheader: react_1.default.createElement(react_1.default.Fragment, null,
|
|
@@ -482,12 +489,17 @@ function FeedObject(inProps) {
|
|
|
482
489
|
else if (template === feedObject_1.SCFeedObjectTemplateType.SHARE) {
|
|
483
490
|
objElement = (react_1.default.createElement(react_1.default.Fragment, null, obj ? (react_1.default.createElement(react_1.default.Fragment, null,
|
|
484
491
|
obj.categories.length > 0 && (react_1.default.createElement("div", { className: classes.category },
|
|
485
|
-
react_1.default.createElement(react_1.default.Fragment, null,
|
|
486
|
-
|
|
492
|
+
react_1.default.createElement(react_1.default.Fragment, null,
|
|
493
|
+
obj.group && (react_1.default.createElement("div", { className: classes.group },
|
|
494
|
+
react_1.default.createElement(material_1.Chip, { color: "secondary", size: "small", key: obj.group.id, icon: react_1.default.createElement(Icon_1.default, null, "groups"), component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.GROUP_ROUTE_NAME, obj.group), clickable: true }))),
|
|
495
|
+
obj.event && (react_1.default.createElement("div", { className: classes.event },
|
|
496
|
+
react_1.default.createElement(material_1.Chip, { color: "secondary", size: "small", key: obj.event.id, icon: react_1.default.createElement(Icon_1.default, null, "CalendarIcon"), component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.EVENT_ROUTE_NAME, obj.event), clickable: true })))),
|
|
487
497
|
obj.categories.map((c) => (react_1.default.createElement(react_core_1.Link, { to: scRoutingContext.url(react_core_1.SCRoutes.CATEGORY_ROUTE_NAME, c), key: c.id },
|
|
488
498
|
react_1.default.createElement(material_1.Typography, { variant: "overline" }, c.name)))))),
|
|
489
499
|
obj.group && !obj.categories.length && (react_1.default.createElement("div", { className: classes.group },
|
|
490
500
|
react_1.default.createElement(material_1.Chip, { color: "secondary", size: "small", key: obj.group.id, icon: react_1.default.createElement(Icon_1.default, null, "groups"), label: obj.group.name, component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.GROUP_ROUTE_NAME, obj.group), clickable: true }))),
|
|
501
|
+
obj.event && !obj.categories.length && (react_1.default.createElement("div", { className: classes.event },
|
|
502
|
+
react_1.default.createElement(material_1.Chip, { color: "secondary", size: "small", key: obj.event.id, icon: react_1.default.createElement(Icon_1.default, null, "groups"), label: obj.event.name, component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.EVENT_ROUTE_NAME, obj.event), clickable: true }))),
|
|
491
503
|
react_1.default.createElement(material_1.CardHeader, { classes: { root: classes.header }, avatar: react_1.default.createElement(react_core_1.Link, Object.assign({}, (!obj.author.deleted && { to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_ROUTE_NAME, obj.author) }), { onClick: obj.author.deleted ? () => setOpenAlert(true) : null, className: classes.username }),
|
|
492
504
|
react_1.default.createElement(UserAvatar_1.default, { hide: !obj.author.community_badge },
|
|
493
505
|
react_1.default.createElement(material_1.Avatar, { "aria-label": "recipe", src: obj.author.avatar, className: classes.avatar }, obj.author.username))), title: react_1.default.createElement(react_core_1.Link, Object.assign({}, (!obj.author.deleted && { to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_ROUTE_NAME, obj.author) }), { onClick: obj.author.deleted ? () => setOpenAlert(true) : null, className: classes.username }), obj.author.username), subheader: react_1.default.createElement(react_core_1.Link, { to: scRoutingContext.url((0, contribution_1.getContributionRouteName)(obj), (0, contribution_1.getRouteData)(obj)), className: classes.activityAt },
|
|
@@ -3,10 +3,11 @@ import { SCUserType, SCGroupType } from '@selfcommunity/types';
|
|
|
3
3
|
* Define topics for pubsub
|
|
4
4
|
*/
|
|
5
5
|
export declare enum SCTopicType {
|
|
6
|
-
GROUP = "group"
|
|
6
|
+
GROUP = "group",
|
|
7
|
+
EVENT = "event"
|
|
7
8
|
}
|
|
8
9
|
/**
|
|
9
|
-
* Event types
|
|
10
|
+
* Group/Event event types
|
|
10
11
|
*/
|
|
11
12
|
export declare enum SCGroupEventType {
|
|
12
13
|
CREATE = "create",
|
|
@@ -16,12 +17,6 @@ export declare enum SCGroupEventType {
|
|
|
16
17
|
INVITE_MEMBER = "members.invite_member",
|
|
17
18
|
REMOVE_MEMBER = "members.remove_member"
|
|
18
19
|
}
|
|
19
|
-
/**
|
|
20
|
-
* Event structure
|
|
21
|
-
*/
|
|
22
|
-
export interface SCGroupChangeEventType {
|
|
23
|
-
group: SCGroupType;
|
|
24
|
-
}
|
|
25
20
|
export interface SCGroupMembersEventType {
|
|
26
21
|
group: SCGroupType;
|
|
27
22
|
user?: SCUserType;
|
|
@@ -7,9 +7,10 @@ exports.SCGroupEventType = exports.SCTopicType = void 0;
|
|
|
7
7
|
var SCTopicType;
|
|
8
8
|
(function (SCTopicType) {
|
|
9
9
|
SCTopicType["GROUP"] = "group";
|
|
10
|
+
SCTopicType["EVENT"] = "event";
|
|
10
11
|
})(SCTopicType = exports.SCTopicType || (exports.SCTopicType = {}));
|
|
11
12
|
/**
|
|
12
|
-
* Event types
|
|
13
|
+
* Group/Event event types
|
|
13
14
|
*/
|
|
14
15
|
var SCGroupEventType;
|
|
15
16
|
(function (SCGroupEventType) {
|
package/lib/cjs/index.d.ts
CHANGED
|
@@ -126,7 +126,9 @@ import DefaultDrawerContent, { DefaultDrawerContentProps } from './components/Na
|
|
|
126
126
|
import DefaultHeaderContent, { DefaultHeaderContentProps } from './components/NavigationMenuIconButton/DefaultHeaderContent';
|
|
127
127
|
import CreateEventButton, { CreateEventButtonProps } from './components/CreateEventButton';
|
|
128
128
|
import EventLocationWidget, { EventLocationWidgetProps, EventLocationWidgetSkeleton } from './components/EventLocationWidget';
|
|
129
|
-
import Event, { EventProps, EventSkeleton } from './components/Event';
|
|
129
|
+
import Event, { EventProps, EventSkeleton, EventSkeletonProps } from './components/Event';
|
|
130
|
+
import Events, { EventsProps, EventsSkeleton, EventsSkeletonProps } from './components/Events';
|
|
131
|
+
import EventInviteButton, { EventInviteButtonProps } from './components/EventInviteButton';
|
|
130
132
|
/**
|
|
131
133
|
* Constants
|
|
132
134
|
*/
|
|
@@ -155,4 +157,4 @@ import LogoSelfCommunity from './assets/logo';
|
|
|
155
157
|
/**
|
|
156
158
|
* List all exports
|
|
157
159
|
*/
|
|
158
|
-
export { AccountDataPortability, AccountDataPortabilityProps, AccountDataPortabilityButton, AccountDataPortabilityButtonProps, AccountDelete, AccountDeleteProps, AccountDeleteButton, AccountDeleteButtonProps, AccountRecover, AccountRecoverProps, AccountReset, AccountResetProps, AccountVerify, AccountVerifyProps, AccountChangeMailValidation, AccountChangeMailValidationProps, NavigationSettingsIconButton, NavigationSettingsIconButtonProps, NavigationSettingsItem, NavigationToolbarMobile, NavigationToolbarMobileProps, NavigationToolbarMobileSkeleton, NavigationToolbar, NavigationToolbarProps, NavigationToolbarSkeleton, NavigationMenuIconButton, NavigationMenuContent, NavigationMenuHeader, NavigationMenuIconButtonProps, BottomNavigation, BottomNavigationProps, BroadcastMessages, BroadcastMessagesProps, BroadcastMessagesSkeleton, Category, CategoryProps, CategorySkeleton, CategoryAutocomplete, CategoryAutocompleteProps, CategoryFollowersButton, CategoryFollowersButtonProps, CategoryHeader, CategoryHeaderProps, CategoryHeaderSkeleton, Categories, CategoriesProps, CategoriesSkeleton, CategoriesSkeletonProps, UserFollowedCategoriesWidget, UserFollowedCategoriesWidgetProps, UserFollowedCategoriesWidgetSkeleton, CategoriesPopularWidget, CategoriesPopularWidgetSkeleton, CategoriesSuggestionWidget, CategoriesSuggestionWidgetProps, CategoriesSuggestionWidgetSkeleton, ChangeCover, ChangePicture, ChangePictureProps, ChangeCoverProps, Composer, ComposerProps, ComposerIconButton, ComposerIconButtonProps, Editor, EditorProps, EditorSkeleton, FriendshipUserButton, FriendshipButtonProps, Feed, FeedRef, FeedProps, FeedSidebarProps, FeedSkeleton, CategoryFollowButton, CategoryFollowButtonProps, FollowUserButton, FollowUserButtonProps, ConnectionUserButton, FeedObject, FeedObjectProps, FeedObjectSkeleton, FeedObjectMediaPreview, FeedObjectMediaPreviewProps, FeedUpdatesWidget, FeedUpdatesWidgetProps, FeedUpdatesWidgetSkeleton, GenericSkeleton, AvatarGroupSkeleton, CommentObject, CommentsObject, CommentsObjectProps, CommentObjectProps, CommentsObjectSkeleton, CommentObjectSkeleton, CommentObjectReply, CommentObjectReplyProps, CommentsFeedObject, CommentsFeedObjectProps, CommentsFeedObjectSkeleton, ReplyComment, InlineComposerWidget, InlineComposerWidgetProps, InlineComposerWidgetSkeleton, Notification, NotificationProps, NotificationSkeleton, UserSuggestionWidget, UserSuggestionWidgetProps, UserSuggestionWidgetSkeleton, PlatformWidget, PlatformWidgetProps, PlatformWidgetSkeleton, LocationAutocomplete, LocationAutocompleteProps, LoyaltyProgramWidget, LoyaltyProgramWidgetProps, LoyaltyProgramWidgetSkeleton, CategoryTrendingFeedWidget, CategoryTrendingFeedWidgetProps, CategoryTrendingFeedWidgetSkeleton, CategoryTrendingUsersWidget, CategoryTrendingUsersWidgetProps, CategoryTrendingPeopleWidgetSkeleton, RelatedFeedObjectsWidget, RelatedFeedObjectWidgetProps, RelatedFeedObjectsWidgetSkeleton, UserActionIconButton, UserActionIconButtonProps, UserCounters, UserCountersProps, UserProfileHeader, UserProfileHeaderProps, UserProfileHeaderSkeleton, UserInfoDialog, UserInfoDialogProps, UserInfo, UserInfoProps, UserInfoSkeleton, UserProfileBlocked, UserProfileBlockedProps, SCUserProfileFields, SCUserProfileSettings, UserProfileEdit, UserProfileEditProps, UserProfileEditSkeleton, UserProfileEditSectionPublicInfo, UserProfileEditSectionPublicInfoProps, UserProfileEditSectionSettings, UserProfileEditSectionSettingsProps, UserProfileEditSectionAccount, UserProfileEditSectionAccountProps, UserFollowedUsersWidget, UserFollowedUsersWidgetProps, UserFollowedUsersWidgetSkeleton, UserFollowersWidget, UserFollowersWidgetProps, UserFollowersWidgetSkeleton, UserConnectionsWidget, UserConnectionsWidgetProps, UserConnectionsWidgetSkeleton, UserConnectionsRequestsWidget, UserConnectionsRequestsWidgetProps, UserConnectionsRequestsWidgetSkeleton, UserConnectionsRequestsSentWidget, UserConnectionsRequestsSentWidgetProps, UserConnectionsRequestsSentWidgetSkeleton, UserSocialAssociation, UserSocialAssociationProps, SCUserSocialAssociations, VirtualScrollerItemProps, PlatformWidgetActionType, CustomAdv, CustomAdvProps, CustomAdvSkeleton, User, UserProps, UserSkeleton, PrivateMessageThread, PrivateMessageThreadProps, PrivateMessageThreadSkeleton, PrivateMessageThreadItem, PrivateMessageThreadItemProps, PrivateMessageThreadItemSkeleton, PrivateMessageSnippetItem, PrivateMessageSnippetItemProps, PrivateMessageSnippetItemSkeleton, PrivateMessageEditor, PrivateMessageEditorProps, PrivateMessageEditorSkeleton, PrivateMessageSnippets, PrivateMessageSnippetsProps, PrivateMessageSnippetsSkeleton, PrivateMessageComponent, PrivateMessageComponentProps, PrivateMessageComponentSkeleton, PrivateMessageSettingsIconButton, PrivateMessageSettingsIconButtonProps, ToastNotifications, ToastNotificationsProps, ToastNotificationsSkeleton, SnippetNotifications, SnippetNotificationsProps, SnippetNotificationsSkeleton, SearchAutocomplete, SearchAutocompleteProps, SearchDialog, SearchDialogProps, Widget, WidgetProps, SCFeedWidgetType, SCFeedObjectTemplateType, SCCommentsOrderBy, SCFeedObjectActivitiesType, SCMediaObjectType, SCMediaChunkType, SCNotificationObjectTemplateType, SCBroadcastMessageTemplateType, ChangeGroupCover, ChangeGroupCoverProps, ChangeGroupPicture, ChangeGroupPictureProps, GroupHeader, GroupHeaderProps, GroupHeaderSkeleton, GroupMembersButton, GroupMembersButtonProps, CreateGroupButton, CreateGroupButtonProps, EditGroupButton, EditGroupButtonProps, GroupInviteButton, GroupInviteButtonProps, GroupInfoWidget, GroupInfoWidgetProps, GroupInfoWidgetSkeleton, Group, GroupProps, GroupSkeleton, GroupSubscribeButton, GroupSubscribeButtonProps, GroupMembersWidget, GroupMembersWidgetProps, GroupMembersWidgetSkeleton, GroupRequestsWidget, GroupRequestsWidgetProps, GroupRequestsWidgetSkeleton, Groups, GroupsProps, GroupsSkeleton, GroupForm, GroupFormProps, GroupInvitedWidget, GroupInvitedWidgetProps, GroupInvitedWidgetSkeleton, UserSubscribedGroupsWidget, UserSubscribedGroupsWidgetProps, UserSubscribedGroupsWidgetSkeleton, DefaultDrawerContent, DefaultDrawerContentProps, DefaultHeaderContent, DefaultHeaderContentProps, CreateEventButton, CreateEventButtonProps, EventLocationWidget, EventLocationWidgetProps, EventLocationWidgetSkeleton, Event, EventProps, EventSkeleton, HiddenPlaceholder, UrlTextField, UsernameTextField, EmailTextField, PasswordTextField, PhoneTextField, MetadataField, MetadataFieldProps, InfiniteScroll, StickyBox, useStickyBox, StickyBoxProps, StickyBoxComponent, UseStickyBoxProps, TagChip, TagChipProps, UserDeletedSnackBar, UserDeletedSnackBarProps, UserAvatar, UserAvatarProps, Lightbox, CentralProgress, ConfirmDialog, LanguageSwitcher, MediaChunkUploader, MediaChunkUploaderProps, File, Link, Share, EditMediaProps, MEDIA_TYPE_EMBED, FACEBOOK_SHARE, X_SHARE, LINKEDIN_SHARE, DEFAULT_PRELOAD_OFFSET_VIEWPORT, MIN_PRELOAD_OFFSET_VIEWPORT, MAX_PRELOAD_OFFSET_VIEWPORT, ConsentSolution, ConsentSolutionProps, ConsentSolutionSkeleton, ConsentSolutionButton, ConsentSolutionButtonProps, LEGAL_POLICIES, DEFAULT_FIELDS, DEFAULT_PAGINATION_QUERY_PARAM_NAME, DEFAULT_PAGINATION_OFFSET, DEFAULT_PAGINATION_LIMIT, DEFAULT_WIDGETS_NUMBER, PollSuggestionWidget, PollSuggestionWidgetProps, Incubator, IncubatorSubscribeButton, IncubatorSubscribeButtonProps, IncubatorProps, IncubatorListWidget, IncubatorListWidgetProps, IncubatorDetail, IncubatorDetailProps, IncubatorSuggestionWidget, IncubatorSuggestionWidgetProps, ContributionUtils, bytesToSize, getUnseenNotification, getUnseenNotificationCounter, MessageUploaderUtils, getRelativeTime, Footer, FooterProps, FooterSkeleton, BaseItem, BaseItemProps, BaseDialog, BaseDialogProps, GroupSettingsIconButton, GroupSettingsIconButtonProps, LogoSelfCommunity };
|
|
160
|
+
export { AccountDataPortability, AccountDataPortabilityProps, AccountDataPortabilityButton, AccountDataPortabilityButtonProps, AccountDelete, AccountDeleteProps, AccountDeleteButton, AccountDeleteButtonProps, AccountRecover, AccountRecoverProps, AccountReset, AccountResetProps, AccountVerify, AccountVerifyProps, AccountChangeMailValidation, AccountChangeMailValidationProps, NavigationSettingsIconButton, NavigationSettingsIconButtonProps, NavigationSettingsItem, NavigationToolbarMobile, NavigationToolbarMobileProps, NavigationToolbarMobileSkeleton, NavigationToolbar, NavigationToolbarProps, NavigationToolbarSkeleton, NavigationMenuIconButton, NavigationMenuContent, NavigationMenuHeader, NavigationMenuIconButtonProps, BottomNavigation, BottomNavigationProps, BroadcastMessages, BroadcastMessagesProps, BroadcastMessagesSkeleton, Category, CategoryProps, CategorySkeleton, CategoryAutocomplete, CategoryAutocompleteProps, CategoryFollowersButton, CategoryFollowersButtonProps, CategoryHeader, CategoryHeaderProps, CategoryHeaderSkeleton, Categories, CategoriesProps, CategoriesSkeleton, CategoriesSkeletonProps, UserFollowedCategoriesWidget, UserFollowedCategoriesWidgetProps, UserFollowedCategoriesWidgetSkeleton, CategoriesPopularWidget, CategoriesPopularWidgetSkeleton, CategoriesSuggestionWidget, CategoriesSuggestionWidgetProps, CategoriesSuggestionWidgetSkeleton, ChangeCover, ChangePicture, ChangePictureProps, ChangeCoverProps, Composer, ComposerProps, ComposerIconButton, ComposerIconButtonProps, Editor, EditorProps, EditorSkeleton, FriendshipUserButton, FriendshipButtonProps, Feed, FeedRef, FeedProps, FeedSidebarProps, FeedSkeleton, CategoryFollowButton, CategoryFollowButtonProps, FollowUserButton, FollowUserButtonProps, ConnectionUserButton, FeedObject, FeedObjectProps, FeedObjectSkeleton, FeedObjectMediaPreview, FeedObjectMediaPreviewProps, FeedUpdatesWidget, FeedUpdatesWidgetProps, FeedUpdatesWidgetSkeleton, GenericSkeleton, AvatarGroupSkeleton, CommentObject, CommentsObject, CommentsObjectProps, CommentObjectProps, CommentsObjectSkeleton, CommentObjectSkeleton, CommentObjectReply, CommentObjectReplyProps, CommentsFeedObject, CommentsFeedObjectProps, CommentsFeedObjectSkeleton, ReplyComment, InlineComposerWidget, InlineComposerWidgetProps, InlineComposerWidgetSkeleton, Notification, NotificationProps, NotificationSkeleton, UserSuggestionWidget, UserSuggestionWidgetProps, UserSuggestionWidgetSkeleton, PlatformWidget, PlatformWidgetProps, PlatformWidgetSkeleton, LocationAutocomplete, LocationAutocompleteProps, LoyaltyProgramWidget, LoyaltyProgramWidgetProps, LoyaltyProgramWidgetSkeleton, CategoryTrendingFeedWidget, CategoryTrendingFeedWidgetProps, CategoryTrendingFeedWidgetSkeleton, CategoryTrendingUsersWidget, CategoryTrendingUsersWidgetProps, CategoryTrendingPeopleWidgetSkeleton, RelatedFeedObjectsWidget, RelatedFeedObjectWidgetProps, RelatedFeedObjectsWidgetSkeleton, UserActionIconButton, UserActionIconButtonProps, UserCounters, UserCountersProps, UserProfileHeader, UserProfileHeaderProps, UserProfileHeaderSkeleton, UserInfoDialog, UserInfoDialogProps, UserInfo, UserInfoProps, UserInfoSkeleton, UserProfileBlocked, UserProfileBlockedProps, SCUserProfileFields, SCUserProfileSettings, UserProfileEdit, UserProfileEditProps, UserProfileEditSkeleton, UserProfileEditSectionPublicInfo, UserProfileEditSectionPublicInfoProps, UserProfileEditSectionSettings, UserProfileEditSectionSettingsProps, UserProfileEditSectionAccount, UserProfileEditSectionAccountProps, UserFollowedUsersWidget, UserFollowedUsersWidgetProps, UserFollowedUsersWidgetSkeleton, UserFollowersWidget, UserFollowersWidgetProps, UserFollowersWidgetSkeleton, UserConnectionsWidget, UserConnectionsWidgetProps, UserConnectionsWidgetSkeleton, UserConnectionsRequestsWidget, UserConnectionsRequestsWidgetProps, UserConnectionsRequestsWidgetSkeleton, UserConnectionsRequestsSentWidget, UserConnectionsRequestsSentWidgetProps, UserConnectionsRequestsSentWidgetSkeleton, UserSocialAssociation, UserSocialAssociationProps, SCUserSocialAssociations, VirtualScrollerItemProps, PlatformWidgetActionType, CustomAdv, CustomAdvProps, CustomAdvSkeleton, User, UserProps, UserSkeleton, PrivateMessageThread, PrivateMessageThreadProps, PrivateMessageThreadSkeleton, PrivateMessageThreadItem, PrivateMessageThreadItemProps, PrivateMessageThreadItemSkeleton, PrivateMessageSnippetItem, PrivateMessageSnippetItemProps, PrivateMessageSnippetItemSkeleton, PrivateMessageEditor, PrivateMessageEditorProps, PrivateMessageEditorSkeleton, PrivateMessageSnippets, PrivateMessageSnippetsProps, PrivateMessageSnippetsSkeleton, PrivateMessageComponent, PrivateMessageComponentProps, PrivateMessageComponentSkeleton, PrivateMessageSettingsIconButton, PrivateMessageSettingsIconButtonProps, ToastNotifications, ToastNotificationsProps, ToastNotificationsSkeleton, SnippetNotifications, SnippetNotificationsProps, SnippetNotificationsSkeleton, SearchAutocomplete, SearchAutocompleteProps, SearchDialog, SearchDialogProps, Widget, WidgetProps, SCFeedWidgetType, SCFeedObjectTemplateType, SCCommentsOrderBy, SCFeedObjectActivitiesType, SCMediaObjectType, SCMediaChunkType, SCNotificationObjectTemplateType, SCBroadcastMessageTemplateType, ChangeGroupCover, ChangeGroupCoverProps, ChangeGroupPicture, ChangeGroupPictureProps, GroupHeader, GroupHeaderProps, GroupHeaderSkeleton, GroupMembersButton, GroupMembersButtonProps, CreateGroupButton, CreateGroupButtonProps, EditGroupButton, EditGroupButtonProps, GroupInviteButton, GroupInviteButtonProps, GroupInfoWidget, GroupInfoWidgetProps, GroupInfoWidgetSkeleton, Group, GroupProps, GroupSkeleton, GroupSubscribeButton, GroupSubscribeButtonProps, GroupMembersWidget, GroupMembersWidgetProps, GroupMembersWidgetSkeleton, GroupRequestsWidget, GroupRequestsWidgetProps, GroupRequestsWidgetSkeleton, Groups, GroupsProps, GroupsSkeleton, GroupForm, GroupFormProps, GroupInvitedWidget, GroupInvitedWidgetProps, GroupInvitedWidgetSkeleton, UserSubscribedGroupsWidget, UserSubscribedGroupsWidgetProps, UserSubscribedGroupsWidgetSkeleton, DefaultDrawerContent, DefaultDrawerContentProps, DefaultHeaderContent, DefaultHeaderContentProps, CreateEventButton, CreateEventButtonProps, EventLocationWidget, EventLocationWidgetProps, EventLocationWidgetSkeleton, Event, EventProps, EventSkeleton, Events, EventsProps, EventsSkeleton, EventSkeletonProps, EventsSkeletonProps, EventInviteButton, EventInviteButtonProps, HiddenPlaceholder, UrlTextField, UsernameTextField, EmailTextField, PasswordTextField, PhoneTextField, MetadataField, MetadataFieldProps, InfiniteScroll, StickyBox, useStickyBox, StickyBoxProps, StickyBoxComponent, UseStickyBoxProps, TagChip, TagChipProps, UserDeletedSnackBar, UserDeletedSnackBarProps, UserAvatar, UserAvatarProps, Lightbox, CentralProgress, ConfirmDialog, LanguageSwitcher, MediaChunkUploader, MediaChunkUploaderProps, File, Link, Share, EditMediaProps, MEDIA_TYPE_EMBED, FACEBOOK_SHARE, X_SHARE, LINKEDIN_SHARE, DEFAULT_PRELOAD_OFFSET_VIEWPORT, MIN_PRELOAD_OFFSET_VIEWPORT, MAX_PRELOAD_OFFSET_VIEWPORT, ConsentSolution, ConsentSolutionProps, ConsentSolutionSkeleton, ConsentSolutionButton, ConsentSolutionButtonProps, LEGAL_POLICIES, DEFAULT_FIELDS, DEFAULT_PAGINATION_QUERY_PARAM_NAME, DEFAULT_PAGINATION_OFFSET, DEFAULT_PAGINATION_LIMIT, DEFAULT_WIDGETS_NUMBER, PollSuggestionWidget, PollSuggestionWidgetProps, Incubator, IncubatorSubscribeButton, IncubatorSubscribeButtonProps, IncubatorProps, IncubatorListWidget, IncubatorListWidgetProps, IncubatorDetail, IncubatorDetailProps, IncubatorSuggestionWidget, IncubatorSuggestionWidgetProps, ContributionUtils, bytesToSize, getUnseenNotification, getUnseenNotificationCounter, MessageUploaderUtils, getRelativeTime, Footer, FooterProps, FooterSkeleton, BaseItem, BaseItemProps, BaseDialog, BaseDialogProps, GroupSettingsIconButton, GroupSettingsIconButtonProps, LogoSelfCommunity };
|
package/lib/cjs/index.js
CHANGED
|
@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.FeedUpdatesWidgetSkeleton = exports.FeedUpdatesWidget = exports.FeedObjectMediaPreview = exports.FeedObjectSkeleton = exports.FeedObject = exports.ConnectionUserButton = exports.FollowUserButton = exports.CategoryFollowButton = exports.FeedSkeleton = exports.Feed = exports.FriendshipUserButton = exports.EditorSkeleton = exports.Editor = exports.ComposerIconButton = exports.Composer = exports.ChangePicture = exports.ChangeCover = exports.CategoriesSuggestionWidgetSkeleton = exports.CategoriesSuggestionWidget = exports.CategoriesPopularWidgetSkeleton = exports.CategoriesPopularWidget = exports.UserFollowedCategoriesWidgetSkeleton = exports.UserFollowedCategoriesWidget = exports.CategoriesSkeleton = exports.Categories = exports.CategoryHeaderSkeleton = exports.CategoryHeader = exports.CategoryFollowersButton = exports.CategoryAutocomplete = exports.CategorySkeleton = exports.Category = exports.BroadcastMessagesSkeleton = exports.BroadcastMessages = exports.BottomNavigation = exports.NavigationMenuHeader = exports.NavigationMenuContent = exports.NavigationMenuIconButton = exports.NavigationToolbarSkeleton = exports.NavigationToolbar = exports.NavigationToolbarMobileSkeleton = exports.NavigationToolbarMobile = exports.NavigationSettingsIconButton = exports.AccountChangeMailValidation = exports.AccountVerify = exports.AccountReset = exports.AccountRecover = exports.AccountDeleteButton = exports.AccountDelete = exports.AccountDataPortabilityButton = exports.AccountDataPortability = void 0;
|
|
4
4
|
exports.UserConnectionsRequestsWidgetSkeleton = exports.UserConnectionsRequestsWidget = exports.UserConnectionsWidgetSkeleton = exports.UserConnectionsWidget = exports.UserFollowersWidgetSkeleton = exports.UserFollowersWidget = exports.UserFollowedUsersWidgetSkeleton = exports.UserFollowedUsersWidget = exports.UserProfileEditSectionAccount = exports.UserProfileEditSectionSettings = exports.UserProfileEditSectionPublicInfo = exports.UserProfileEditSkeleton = exports.UserProfileEdit = exports.SCUserProfileSettings = exports.SCUserProfileFields = exports.UserProfileBlocked = exports.UserInfoSkeleton = exports.UserInfo = exports.UserInfoDialog = exports.UserProfileHeaderSkeleton = exports.UserProfileHeader = exports.UserCounters = exports.UserActionIconButton = exports.RelatedFeedObjectsWidgetSkeleton = exports.RelatedFeedObjectsWidget = exports.CategoryTrendingPeopleWidgetSkeleton = exports.CategoryTrendingUsersWidget = exports.CategoryTrendingFeedWidgetSkeleton = exports.CategoryTrendingFeedWidget = exports.LoyaltyProgramWidgetSkeleton = exports.LoyaltyProgramWidget = exports.LocationAutocomplete = exports.PlatformWidgetSkeleton = exports.PlatformWidget = exports.UserSuggestionWidgetSkeleton = exports.UserSuggestionWidget = exports.NotificationSkeleton = exports.Notification = exports.InlineComposerWidgetSkeleton = exports.InlineComposerWidget = exports.ReplyComment = exports.CommentsFeedObjectSkeleton = exports.CommentsFeedObject = exports.CommentObjectReply = exports.CommentObjectSkeleton = exports.CommentsObjectSkeleton = exports.CommentsObject = exports.CommentObject = exports.AvatarGroupSkeleton = exports.GenericSkeleton = void 0;
|
|
5
5
|
exports.GroupRequestsWidgetSkeleton = exports.GroupRequestsWidget = exports.GroupMembersWidgetSkeleton = exports.GroupMembersWidget = exports.GroupSubscribeButton = exports.GroupSkeleton = exports.Group = exports.GroupInfoWidgetSkeleton = exports.GroupInfoWidget = exports.GroupInviteButton = exports.EditGroupButton = exports.CreateGroupButton = exports.GroupMembersButton = exports.GroupHeaderSkeleton = exports.GroupHeader = exports.ChangeGroupPicture = exports.ChangeGroupCover = exports.SCBroadcastMessageTemplateType = exports.SCNotificationObjectTemplateType = exports.SCFeedObjectActivitiesType = exports.SCCommentsOrderBy = exports.SCFeedObjectTemplateType = exports.Widget = exports.SearchDialog = exports.SearchAutocomplete = exports.SnippetNotificationsSkeleton = exports.SnippetNotifications = exports.ToastNotificationsSkeleton = exports.ToastNotifications = exports.PrivateMessageSettingsIconButton = exports.PrivateMessageComponentSkeleton = exports.PrivateMessageComponent = exports.PrivateMessageSnippetsSkeleton = exports.PrivateMessageSnippets = exports.PrivateMessageEditorSkeleton = exports.PrivateMessageEditor = exports.PrivateMessageSnippetItemSkeleton = exports.PrivateMessageSnippetItem = exports.PrivateMessageThreadItemSkeleton = exports.PrivateMessageThreadItem = exports.PrivateMessageThreadSkeleton = exports.PrivateMessageThread = exports.UserSkeleton = exports.User = exports.CustomAdvSkeleton = exports.CustomAdv = exports.SCUserSocialAssociations = exports.UserSocialAssociation = exports.UserConnectionsRequestsSentWidgetSkeleton = exports.UserConnectionsRequestsSentWidget = void 0;
|
|
6
|
-
exports.
|
|
7
|
-
exports.LogoSelfCommunity = exports.GroupSettingsIconButton = exports.BaseDialog = exports.BaseItem = exports.FooterSkeleton = exports.Footer = exports.getRelativeTime = exports.MessageUploaderUtils = exports.getUnseenNotificationCounter = exports.getUnseenNotification = exports.bytesToSize = exports.ContributionUtils = exports.IncubatorSuggestionWidget = exports.IncubatorDetail = exports.IncubatorListWidget = exports.IncubatorSubscribeButton = exports.Incubator = exports.PollSuggestionWidget = exports.DEFAULT_WIDGETS_NUMBER = void 0;
|
|
6
|
+
exports.DEFAULT_FIELDS = exports.LEGAL_POLICIES = exports.ConsentSolutionButton = exports.ConsentSolutionSkeleton = exports.ConsentSolution = exports.MAX_PRELOAD_OFFSET_VIEWPORT = exports.MIN_PRELOAD_OFFSET_VIEWPORT = exports.DEFAULT_PRELOAD_OFFSET_VIEWPORT = exports.LINKEDIN_SHARE = exports.X_SHARE = exports.FACEBOOK_SHARE = exports.MEDIA_TYPE_EMBED = exports.Share = exports.Link = exports.File = exports.MediaChunkUploader = exports.LanguageSwitcher = exports.ConfirmDialog = exports.CentralProgress = exports.Lightbox = exports.UserAvatar = exports.UserDeletedSnackBar = exports.TagChip = exports.useStickyBox = exports.StickyBox = exports.InfiniteScroll = exports.MetadataField = exports.PhoneTextField = exports.PasswordTextField = exports.EmailTextField = exports.UsernameTextField = exports.UrlTextField = exports.HiddenPlaceholder = exports.EventInviteButton = exports.EventsSkeleton = exports.Events = exports.EventSkeleton = exports.Event = exports.EventLocationWidgetSkeleton = exports.EventLocationWidget = exports.CreateEventButton = exports.DefaultHeaderContent = exports.DefaultDrawerContent = exports.UserSubscribedGroupsWidgetSkeleton = exports.UserSubscribedGroupsWidget = exports.GroupInvitedWidgetSkeleton = exports.GroupInvitedWidget = exports.GroupForm = exports.GroupsSkeleton = exports.Groups = void 0;
|
|
7
|
+
exports.LogoSelfCommunity = exports.GroupSettingsIconButton = exports.BaseDialog = exports.BaseItem = exports.FooterSkeleton = exports.Footer = exports.getRelativeTime = exports.MessageUploaderUtils = exports.getUnseenNotificationCounter = exports.getUnseenNotification = exports.bytesToSize = exports.ContributionUtils = exports.IncubatorSuggestionWidget = exports.IncubatorDetail = exports.IncubatorListWidget = exports.IncubatorSubscribeButton = exports.Incubator = exports.PollSuggestionWidget = exports.DEFAULT_WIDGETS_NUMBER = exports.DEFAULT_PAGINATION_LIMIT = exports.DEFAULT_PAGINATION_OFFSET = exports.DEFAULT_PAGINATION_QUERY_PARAM_NAME = void 0;
|
|
8
8
|
const tslib_1 = require("tslib");
|
|
9
9
|
/**
|
|
10
10
|
* Components
|
|
@@ -331,6 +331,11 @@ Object.defineProperty(exports, "EventLocationWidgetSkeleton", { enumerable: true
|
|
|
331
331
|
const Event_1 = tslib_1.__importStar(require("./components/Event"));
|
|
332
332
|
exports.Event = Event_1.default;
|
|
333
333
|
Object.defineProperty(exports, "EventSkeleton", { enumerable: true, get: function () { return Event_1.EventSkeleton; } });
|
|
334
|
+
const Events_1 = tslib_1.__importStar(require("./components/Events"));
|
|
335
|
+
exports.Events = Events_1.default;
|
|
336
|
+
Object.defineProperty(exports, "EventsSkeleton", { enumerable: true, get: function () { return Events_1.EventsSkeleton; } });
|
|
337
|
+
const EventInviteButton_1 = tslib_1.__importDefault(require("./components/EventInviteButton"));
|
|
338
|
+
exports.EventInviteButton = EventInviteButton_1.default;
|
|
334
339
|
/**
|
|
335
340
|
* Constants
|
|
336
341
|
*/
|
|
@@ -70,7 +70,7 @@ export default function Category(inProps) {
|
|
|
70
70
|
// CONTEXT
|
|
71
71
|
const scRoutingContext = useSCRouting();
|
|
72
72
|
// STATE
|
|
73
|
-
const { scCategory } = useSCFetchCategory({ id: categoryId, category });
|
|
73
|
+
const { scCategory, setSCCategory } = useSCFetchCategory({ id: categoryId, category });
|
|
74
74
|
// MEMO
|
|
75
75
|
const _ButtonBaseProps = useMemo(() => (ButtonBaseProps ? ButtonBaseProps : { component: Link, to: scRoutingContext.url(SCRoutes.CATEGORY_ROUTE_NAME, scCategory) }), [ButtonBaseProps, scRoutingContext, scCategory]);
|
|
76
76
|
// HOOKS
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { ButtonBaseProps } from '@mui/material';
|
|
2
1
|
import { SCEventType } from '@selfcommunity/types';
|
|
3
2
|
import { WidgetProps } from '../Widget';
|
|
4
3
|
export interface EventProps extends WidgetProps {
|
|
@@ -12,11 +11,6 @@ export interface EventProps extends WidgetProps {
|
|
|
12
11
|
* @default null
|
|
13
12
|
*/
|
|
14
13
|
eventId?: number;
|
|
15
|
-
/**
|
|
16
|
-
* Props to spread to the button
|
|
17
|
-
* @default {}
|
|
18
|
-
*/
|
|
19
|
-
buttonProps?: ButtonBaseProps;
|
|
20
14
|
/**
|
|
21
15
|
* Any other properties
|
|
22
16
|
*/
|
|
@@ -7,7 +7,7 @@ import { Link, SCRoutes, useSCFetchEvent, useSCRouting } from '@selfcommunity/re
|
|
|
7
7
|
import { FormattedMessage, useIntl } from 'react-intl';
|
|
8
8
|
import classNames from 'classnames';
|
|
9
9
|
import { useThemeProps } from '@mui/system';
|
|
10
|
-
import
|
|
10
|
+
import BaseItem from '../../shared/BaseItem';
|
|
11
11
|
import { PREFIX } from './constants';
|
|
12
12
|
import EventSkeleton from './Skeleton';
|
|
13
13
|
const classes = {
|
|
@@ -17,7 +17,7 @@ const classes = {
|
|
|
17
17
|
secondary: `${PREFIX}-secondary`,
|
|
18
18
|
actions: `${PREFIX}-actions`
|
|
19
19
|
};
|
|
20
|
-
const Root = styled(
|
|
20
|
+
const Root = styled(BaseItem, {
|
|
21
21
|
name: PREFIX,
|
|
22
22
|
slot: 'Root',
|
|
23
23
|
overridesResolver: (props, styles) => styles.root
|
|
@@ -60,7 +60,7 @@ export default function Event(inProps) {
|
|
|
60
60
|
props: inProps,
|
|
61
61
|
name: PREFIX
|
|
62
62
|
});
|
|
63
|
-
const { eventId = null, event = null, className = null, elevation } = props, rest = __rest(props, ["eventId", "event", "className", "elevation"]);
|
|
63
|
+
const { eventId = null, event = null, className = null, elevation = 0 } = props, rest = __rest(props, ["eventId", "event", "className", "elevation"]);
|
|
64
64
|
// STATE
|
|
65
65
|
const { scEvent } = useSCFetchEvent({ id: eventId, event });
|
|
66
66
|
// CONTEXT
|
|
@@ -76,7 +76,7 @@ export default function Event(inProps) {
|
|
|
76
76
|
/**
|
|
77
77
|
* Renders root object
|
|
78
78
|
*/
|
|
79
|
-
return (React.createElement(Root, Object.assign({ elevation: elevation, disableTypography: true }, rest, { className: classNames(classes.root, className),
|
|
79
|
+
return (React.createElement(Root, Object.assign({ elevation: elevation, disableTypography: true }, rest, { className: classNames(classes.root, className), image: React.createElement(Avatar, { variant: "square", alt: scEvent.name, src: scEvent.image_medium, className: classes.avatar }), primary: React.createElement(Typography, { component: "div", className: classes.primary },
|
|
80
80
|
React.createElement(Typography, { component: "span" }, `${intl.formatDate(scEvent.start_date, { weekday: 'long', month: 'long', day: 'numeric' })}`),
|
|
81
81
|
React.createElement(Typography, { variant: "body1" }, scEvent.name)), secondary: React.createElement(Typography, { component: "p", variant: "body2", className: classes.secondary },
|
|
82
82
|
React.createElement(FormattedMessage, { id: `ui.eventForm.privacy.${scEvent.privacy}`, defaultMessage: `ui.eventForm.privacy.${scEvent.privacy}` }),
|
|
@@ -1,4 +1,16 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { BaseItemProps } from '../../shared/BaseItem';
|
|
3
|
+
export interface EventSkeletonProps extends BaseItemProps {
|
|
4
|
+
/**
|
|
5
|
+
* Overrides or extends the styles applied to the component.
|
|
6
|
+
* @default null
|
|
7
|
+
*/
|
|
8
|
+
className?: string;
|
|
9
|
+
/**
|
|
10
|
+
* Prop to pass an action to be rendered next to the skeleton
|
|
11
|
+
*/
|
|
12
|
+
action?: React.ReactNode;
|
|
13
|
+
}
|
|
2
14
|
/**
|
|
3
15
|
* > API documentation for the Community-JS Event Skeleton component. Learn about the available props and the CSS API.
|
|
4
16
|
|
|
@@ -17,6 +29,8 @@ import { WidgetProps } from '../Widget';
|
|
|
17
29
|
|Rule Name|Global class|Description|
|
|
18
30
|
|---|---|---|
|
|
19
31
|
|root|.SCEvent-skeleton-root|Styles applied to the root element.|
|
|
32
|
+
|image|.SCEvent-skeleton-image|Styles applied to the image element.|
|
|
33
|
+
|action|.SCEvent-skeleton-action|Styles applied to action section.|
|
|
20
34
|
*
|
|
21
35
|
*/
|
|
22
|
-
export default function EventSkeleton(
|
|
36
|
+
export default function EventSkeleton(inProps: EventSkeletonProps): JSX.Element;
|
|
@@ -1,11 +1,14 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { Button } from '@mui/material';
|
|
2
|
+
import { Box, Button, Icon } from '@mui/material';
|
|
3
3
|
import { styled } from '@mui/material/styles';
|
|
4
4
|
import Skeleton from '@mui/material/Skeleton';
|
|
5
|
-
import BaseItem from '../../shared/BaseItem';
|
|
6
5
|
import { PREFIX } from './constants';
|
|
6
|
+
import classNames from 'classnames';
|
|
7
|
+
import BaseItem from '../../shared/BaseItem';
|
|
7
8
|
const classes = {
|
|
8
|
-
root: `${PREFIX}-skeleton-root
|
|
9
|
+
root: `${PREFIX}-skeleton-root`,
|
|
10
|
+
image: `${PREFIX}-skeleton-image`,
|
|
11
|
+
action: `${PREFIX}-skeleton-action`
|
|
9
12
|
};
|
|
10
13
|
const Root = styled(BaseItem, {
|
|
11
14
|
name: PREFIX,
|
|
@@ -29,12 +32,17 @@ const Root = styled(BaseItem, {
|
|
|
29
32
|
|Rule Name|Global class|Description|
|
|
30
33
|
|---|---|---|
|
|
31
34
|
|root|.SCEvent-skeleton-root|Styles applied to the root element.|
|
|
35
|
+
|image|.SCEvent-skeleton-image|Styles applied to the image element.|
|
|
36
|
+
|action|.SCEvent-skeleton-action|Styles applied to action section.|
|
|
32
37
|
*
|
|
33
38
|
*/
|
|
34
|
-
export default function EventSkeleton(
|
|
35
|
-
|
|
36
|
-
return (React.createElement(Root,
|
|
37
|
-
React.createElement(Skeleton, { animation: "wave",
|
|
38
|
-
|
|
39
|
-
React.createElement(Skeleton, { animation: "wave", height: 10, width:
|
|
39
|
+
export default function EventSkeleton(inProps) {
|
|
40
|
+
const { className, action } = inProps;
|
|
41
|
+
return (React.createElement(Root, { elevation: 0, className: classNames(classes.root, className), image: React.createElement(Box, { className: classes.image },
|
|
42
|
+
React.createElement(Skeleton, { animation: "wave", variant: "rectangular", width: 100, height: 60 }),
|
|
43
|
+
" ",
|
|
44
|
+
React.createElement(Icon, { fontSize: "large" }, "CalendarIcon")), primary: React.createElement(Skeleton, { animation: "wave", variant: "rectangular", height: 10, width: 100, style: { marginBottom: 12 } }), secondary: React.createElement(React.Fragment, null,
|
|
45
|
+
React.createElement(Skeleton, { animation: "wave", variant: "rectangular", height: 10, width: 160, style: { marginBottom: 10 } }),
|
|
46
|
+
React.createElement(Skeleton, { animation: "wave", variant: "rectangular", height: 10, width: 90 })), actions: React.createElement(React.Fragment, null, action !== null && action !== void 0 ? action : (React.createElement(Button, { size: "small", variant: "outlined", disabled: true },
|
|
47
|
+
React.createElement(Skeleton, { animation: "wave", height: 10, width: 30, style: { marginTop: 5, marginBottom: 5 } })))) }));
|
|
40
48
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import Event, { EventProps } from './Event';
|
|
2
|
-
import EventSkeleton from './Skeleton';
|
|
2
|
+
import EventSkeleton, { EventSkeletonProps } from './Skeleton';
|
|
3
3
|
export default Event;
|
|
4
|
-
export { EventProps, EventSkeleton };
|
|
4
|
+
export { EventProps, EventSkeleton, EventSkeletonProps };
|