@selfcommunity/react-ui 0.7.50-events.65 → 0.7.50-events.66

package/lib/esm/components/InviteEventButton/InviteEventButton.js

@@ -18,7 +18,7 @@ const InviteButton = styled(LoadingButton, {
     name: PREFIX,
     slot: 'Root',
     overridesResolver: (_props, styles) => styles.root
-})();
+})(() => ({}));
 /**
  * > API documentation for the Community-JS Invite Event Button component. Learn about the available props and the CSS API.
 
@@ -57,7 +57,7 @@ export default function InviteEventButton(inProps) {
         if (invited) {
             EventService.removeInviteEvent(scEvent.id, { users: [scUser.id] })
                 .then(() => {
-                setInvited(!invited);
+                setInvited(false);
                 setInvitedNumber((prev) => prev - 1);
             })
                 .catch((_error) => {
@@ -67,13 +67,13 @@ export default function InviteEventButton(inProps) {
         else {
             EventService.inviteOrAcceptEventRequest(scEvent.id, { users: [scUser.id] })
                 .then(() => {
-                setInvited(!invited);
+                setInvited(true);
                 setInvitedNumber((prev) => prev + 1);
             })
                 .catch((_error) => {
                 Logger.error(SCOPE_SC_UI, _error);
             });
         }
-    }, [scEvent, scUser]);
+    }, [scEvent, scUser, invited]);
     return (_jsx(InviteButton, Object.assign({ size: "small", variant: "outlined", onClick: handleInviteAction, loading: invited === null, className: classNames(classes.root, className) }, rest, { children: invited ? (_jsx(FormattedMessage, { defaultMessage: "ui.inviteEventButton.remove", id: "ui.inviteEventButton.remove" })) : (_jsx(FormattedMessage, { defaultMessage: "ui.inviteEventButton.invite", id: "ui.inviteEventButton.invite" })) })));
 }

package/lib/esm/components/RelatedEventsWidget/RelatedEventsWidget.js

@@ -27,6 +27,7 @@ const messages = defineMessages({
 const classes = {
     root: `${PREFIX}-root`,
     content: `${PREFIX}-content`,
+    header: `${PREFIX}-header`,
     avatarWrapper: `${PREFIX}-avatar-wrapper`,
     avatar: `${PREFIX}-avatar`,
     eventWrapper: `${PREFIX}-event-wrapper`,
@@ -41,12 +42,12 @@ const Root = styled(Widget, {
     name: PREFIX,
     slot: 'Root',
     overridesResolver: (_props, styles) => styles.root
-})();
+})(() => ({}));
 const DialogRoot = styled(BaseDialog, {
     name: PREFIX,
     slot: 'DialogRoot',
     overridesResolver: (_props, styles) => styles.dialogRoot
-})();
+})(() => ({}));
 export default function RelatedEventsWidget(inProps) {
     var _a;
     // PROPS
@@ -115,8 +116,8 @@ export default function RelatedEventsWidget(inProps) {
         return _jsx(Skeleton, {});
     }
     // RENDER
-    if (!scEvent) {
+    if (!scEvent || (state === null || state === void 0 ? void 0 : state.count) === 0) {
         return _jsx(HiddenPlaceholder, {});
     }
-    return (_jsxs(Root, Object.assign({ className: classes.root }, rest, { children: [_jsxs(CardContent, Object.assign({ className: classes.content }, { children: [_jsxs(Button, Object.assign({ component: Link, to: scRoutingContext.url(SCRoutes.USER_PROFILE_ROUTE_NAME, { id: (_a = scUserContext.user) === null || _a === void 0 ? void 0 : _a.id }), className: classes.avatarWrapper }, { children: [_jsx(Avatar, { variant: "rounded", src: scEvent.managed_by.avatar, alt: scEvent.managed_by.username, className: classes.avatar }), _jsx(Typography, Object.assign({ variant: "h3" }, { children: intl.formatMessage(messages.title, { user: scEvent.managed_by.username }) }))] })), _jsx(Stack, Object.assign({ className: classes.eventWrapper }, { children: state === null || state === void 0 ? void 0 : state.results.map((_event, i, array) => (_jsxs(_Fragment, { children: [_jsx(Event, Object.assign({ event: _event, eventId: _event.id }, eventComponentProps, { className: classes.event }), i), i < array.length - 1 && _jsx(Divider, {})] }))) }))] })), state.count > state.visibleItems && (_jsx(CardActions, Object.assign({ className: classes.actions }, { children: _jsx(Button, Object.assign({ onClick: handleToggleDialogOpen, className: classes.actionButton }, { children: _jsx(Typography, Object.assign({ variant: "caption" }, { children: _jsx(FormattedMessage, { id: "ui.relatedEventsWidget.showAll", defaultMessage: "ui.relatedEventsWidget.showAll" }) })) })) }))), openDialog && (_jsx(DialogRoot, Object.assign({ className: classes.dialogRoot, title: intl.formatMessage(messages.title, { user: scEvent.managed_by.username }), onClose: handleToggleDialogOpen, open: openDialog }, dialogProps, { children: _jsx(InfiniteScroll, Object.assign({ dataLength: state.results.length, next: handleNext, hasMoreNext: Boolean(state.next), loaderNext: _jsx(EventSkeleton, Object.assign({ elevation: 0 }, eventComponentProps)), className: classes.infiniteScroll, endMessage: _jsx(Typography, Object.assign({ className: classes.endMessage }, { children: _jsx(FormattedMessage, { id: "ui.relatedEventsWidget.noMoreResults", defaultMessage: "ui.eventMembersWidget.noMoreResults" }) })) }, { children: _jsx(List, { children: state.results.map((event) => (_jsx(ListItem, { children: _jsx(Event, Object.assign({ elevation: 0, event: event }, eventComponentProps)) }, event.id))) }) })) })))] })));
+    return (_jsxs(Root, Object.assign({ className: classes.root }, rest, { children: [_jsxs(CardContent, Object.assign({ className: classes.content }, { children: [_jsxs(Stack, Object.assign({ className: classes.header }, { children: [_jsx(Button, Object.assign({ component: Link, to: scRoutingContext.url(SCRoutes.USER_PROFILE_ROUTE_NAME, { id: (_a = scUserContext.user) === null || _a === void 0 ? void 0 : _a.id }), className: classes.avatarWrapper }, { children: _jsx(Avatar, { variant: "rounded", src: scEvent.managed_by.avatar, alt: scEvent.managed_by.username, className: classes.avatar }) })), _jsx(Typography, Object.assign({ variant: "h4" }, { children: _jsx("b", { children: intl.formatMessage(messages.title, { user: scEvent.managed_by.username }) }) }))] })), _jsx(Stack, Object.assign({ className: classes.eventWrapper }, { children: state === null || state === void 0 ? void 0 : state.results.map((_event, i, array) => (_jsxs(_Fragment, { children: [_jsx(Event, Object.assign({ event: _event, eventId: _event.id }, eventComponentProps, { className: classes.event }), i), i < array.length - 1 && _jsx(Divider, {})] }))) }))] })), state.count > state.visibleItems && (_jsx(CardActions, Object.assign({ className: classes.actions }, { children: _jsx(Button, Object.assign({ onClick: handleToggleDialogOpen, className: classes.actionButton }, { children: _jsx(Typography, Object.assign({ variant: "caption" }, { children: _jsx(FormattedMessage, { id: "ui.relatedEventsWidget.showAll", defaultMessage: "ui.relatedEventsWidget.showAll" }) })) })) }))), openDialog && (_jsx(DialogRoot, Object.assign({ className: classes.dialogRoot, title: intl.formatMessage(messages.title, { user: scEvent.managed_by.username }), onClose: handleToggleDialogOpen, open: openDialog }, dialogProps, { children: _jsx(InfiniteScroll, Object.assign({ dataLength: state.results.length, next: handleNext, hasMoreNext: Boolean(state.next), loaderNext: _jsx(EventSkeleton, Object.assign({ elevation: 0 }, eventComponentProps)), className: classes.infiniteScroll, endMessage: _jsx(Typography, Object.assign({ className: classes.endMessage }, { children: _jsx(FormattedMessage, { id: "ui.relatedEventsWidget.noMoreResults", defaultMessage: "ui.eventMembersWidget.noMoreResults" }) })) }, { children: _jsx(List, { children: state.results.map((event) => (_jsx(ListItem, { children: _jsx(Event, Object.assign({ elevation: 0, event: event }, eventComponentProps)) }, event.id))) }) })) })))] })));
 }

package/lib/esm/components/RelatedEventsWidget/Skeleton.js

@@ -18,7 +18,7 @@ const Root = styled(Widget, {
     name: PREFIX,
     slot: 'SkeletonRoot',
     overridesResolver: (_props, styles) => styles.skeletonRoot
-})();
+})(() => ({}));
 export default function RelatedEventsWidgetSkeleton() {
     return (_jsxs(Root, Object.assign({ className: classes.root }, { children: [_jsxs(CardContent, Object.assign({ className: classes.content }, { children: [_jsx(UserSkeleton, { className: classes.user, elevation: 0 }), _jsx(Stack, Object.assign({ className: classes.eventWrapper }, { children: [1, 2, 3, 4].map((_event, i, array) => (_jsxs(_Fragment, { children: [_jsx(EventSkeleton, { elevation: 0, className: classes.event }, i), i < array.length - 1 && _jsx(Divider, {})] }))) }))] })), _jsx(CardActions, Object.assign({ className: classes.actions }, { children: _jsx(Skeleton, { animation: "wave", width: "52px", height: "20px" }) }))] })));
 }