@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.
Files changed (58) hide show
  1. package/lib/cjs/components/Category/Category.d.ts +1 -1
  2. package/lib/cjs/components/Category/Category.js +1 -1
  3. package/lib/cjs/components/Event/Event.d.ts +0 -6
  4. package/lib/cjs/components/Event/Event.js +4 -4
  5. package/lib/cjs/components/Event/Skeleton.d.ts +16 -2
  6. package/lib/cjs/components/Event/Skeleton.js +16 -8
  7. package/lib/cjs/components/Event/index.d.ts +2 -2
  8. package/lib/cjs/components/EventForm/EventForm.js +30 -17
  9. package/lib/cjs/components/EventInviteButton/EventInviteButton.d.ts +57 -0
  10. package/lib/cjs/components/EventInviteButton/EventInviteButton.js +284 -0
  11. package/lib/cjs/components/EventInviteButton/index.d.ts +3 -0
  12. package/lib/cjs/components/EventInviteButton/index.js +5 -0
  13. package/lib/cjs/components/Events/Events.d.ts +64 -0
  14. package/lib/cjs/components/Events/Events.js +230 -0
  15. package/lib/cjs/components/Events/Skeleton.d.ts +38 -0
  16. package/lib/cjs/components/Events/Skeleton.js +45 -0
  17. package/lib/cjs/components/Events/constants.d.ts +1 -0
  18. package/lib/cjs/components/Events/constants.js +4 -0
  19. package/lib/cjs/components/Events/index.d.ts +4 -0
  20. package/lib/cjs/components/Events/index.js +8 -0
  21. package/lib/cjs/components/Events/prefetchedEvents.d.ts +271 -0
  22. package/lib/cjs/components/Events/prefetchedEvents.js +278 -0
  23. package/lib/cjs/components/FeedObject/FeedObject.d.ts +1 -0
  24. package/lib/cjs/components/FeedObject/FeedObject.js +16 -4
  25. package/lib/cjs/constants/PubSub.d.ts +3 -8
  26. package/lib/cjs/constants/PubSub.js +2 -1
  27. package/lib/cjs/index.d.ts +4 -2
  28. package/lib/cjs/index.js +7 -2
  29. package/lib/esm/components/Category/Category.d.ts +1 -1
  30. package/lib/esm/components/Category/Category.js +1 -1
  31. package/lib/esm/components/Event/Event.d.ts +0 -6
  32. package/lib/esm/components/Event/Event.js +4 -4
  33. package/lib/esm/components/Event/Skeleton.d.ts +16 -2
  34. package/lib/esm/components/Event/Skeleton.js +17 -9
  35. package/lib/esm/components/Event/index.d.ts +2 -2
  36. package/lib/esm/components/EventForm/EventForm.js +30 -17
  37. package/lib/esm/components/EventInviteButton/EventInviteButton.d.ts +57 -0
  38. package/lib/esm/components/EventInviteButton/EventInviteButton.js +281 -0
  39. package/lib/esm/components/EventInviteButton/index.d.ts +3 -0
  40. package/lib/esm/components/EventInviteButton/index.js +2 -0
  41. package/lib/esm/components/Events/Events.d.ts +64 -0
  42. package/lib/esm/components/Events/Events.js +227 -0
  43. package/lib/esm/components/Events/Skeleton.d.ts +38 -0
  44. package/lib/esm/components/Events/Skeleton.js +42 -0
  45. package/lib/esm/components/Events/constants.d.ts +1 -0
  46. package/lib/esm/components/Events/constants.js +1 -0
  47. package/lib/esm/components/Events/index.d.ts +4 -0
  48. package/lib/esm/components/Events/index.js +4 -0
  49. package/lib/esm/components/Events/prefetchedEvents.d.ts +271 -0
  50. package/lib/esm/components/Events/prefetchedEvents.js +275 -0
  51. package/lib/esm/components/FeedObject/FeedObject.d.ts +1 -0
  52. package/lib/esm/components/FeedObject/FeedObject.js +16 -4
  53. package/lib/esm/constants/PubSub.d.ts +3 -8
  54. package/lib/esm/constants/PubSub.js +2 -1
  55. package/lib/esm/index.d.ts +4 -2
  56. package/lib/esm/index.js +3 -1
  57. package/lib/umd/react-ui.js +1 -1
  58. 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, obj.group && (react_1.default.createElement("div", { className: classes.group },
438
- 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 })))),
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, obj.group && (react_1.default.createElement("div", { className: classes.group },
486
- 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 })))),
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) {
@@ -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.DEFAULT_PAGINATION_LIMIT = exports.DEFAULT_PAGINATION_OFFSET = exports.DEFAULT_PAGINATION_QUERY_PARAM_NAME = 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.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 = 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
  */
@@ -3,7 +3,7 @@ import { CategoryFollowButtonProps } from '../CategoryFollowButton';
3
3
  import { WidgetProps } from '../Widget';
4
4
  export interface CategoryProps extends WidgetProps {
5
5
  /**
6
- * Category id
6
+ * Category Id
7
7
  * @default null
8
8
  */
9
9
  categoryId?: number;
@@ -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 BaseItemButton from '../../shared/BaseItemButton';
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(BaseItemButton, {
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), ButtonBaseProps: { component: Link, to: scRoutingContext.url(SCRoutes.EVENT_ROUTE_NAME, scEvent) }, 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 },
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 { WidgetProps } from '../Widget';
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(props: WidgetProps): JSX.Element;
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(props) {
35
- //const theme = useTheme<SCThemeType>();
36
- return (React.createElement(Root, Object.assign({ className: classes.root }, props, { image: React.createElement(Skeleton, { animation: "wave", variant: "rectangular", width: 100, height: 60 }), primary: React.createElement(Skeleton, { animation: "wave", height: 10, width: 120, style: { marginBottom: 10 } }), secondary: React.createElement(React.Fragment, null,
37
- React.createElement(Skeleton, { animation: "wave", height: 10, width: 120, style: { marginBottom: 10 } }),
38
- React.createElement(Skeleton, { animation: "wave", height: 10, width: 120, style: { marginBottom: 10 } })), actions: React.createElement(Button, { size: "small", variant: "outlined", disabled: true },
39
- React.createElement(Skeleton, { animation: "wave", height: 10, width: 30, style: { marginTop: 5, marginBottom: 5 } })) })));
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 };