@selfcommunity/react-ui 0.7.56-alpha.0 → 0.8.0-alpha.0

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Widget from '../Widget';
 import { styled } from '@mui/material/styles';
 import { CardContent, ListItem } from '@mui/material';
@@ -34,9 +34,5 @@ const Root = styled(Widget, {
  *
  */
 export default function UserSubscribedGroupsWidgetSkeleton(props) {
-    return (React.createElement(Root, Object.assign({ className: classes.root }, props),
-        React.createElement(CardContent, null,
-            React.createElement(List, { className: classes.list }, [...Array(3)].map((category, index) => (React.createElement(ListItem, { key: index },
-                React.createElement(GroupSkeleton, { elevation: 0 })))))),
-        ");"));
+    return (_jsxs(Root, Object.assign({ className: classes.root }, props, { children: [_jsx(CardContent, { children: _jsx(List, Object.assign({ className: classes.list }, { children: [...Array(3)].map((category, index) => (_jsx(ListItem, { children: _jsx(GroupSkeleton, { elevation: 0 }) }, index))) })) }), ");"] })));
 }

package/lib/esm/components/UserSubscribedGroupsWidget/UserSubscribedGroupsWidget.js

@@ -1,4 +1,5 @@
 import { __rest } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useEffect, useMemo, useReducer, useState } from 'react';
 import { styled } from '@mui/material/styles';
 import List from '@mui/material/List';
@@ -152,29 +153,13 @@ export default function UserSubscribedGroupsWidget(inProps) {
     };
     // RENDER
     if (!groupsEnabled || (autoHide && !state.count && state.initialized) || !userId) {
-        return React.createElement(HiddenPlaceholder, null);
+        return _jsx(HiddenPlaceholder, {});
     }
     if (!state.initialized) {
-        return React.createElement(Skeleton, null);
+        return _jsx(Skeleton, {});
     }
-    const content = (React.createElement(CardContent, null,
-        React.createElement(Typography, { className: classes.title, variant: "h5" },
-            React.createElement(FormattedMessage, { id: "ui.userSubscribedGroupsWidget.title", defaultMessage: "ui.userSubscribedGroupsWidget.title", values: {
-                    total: isMe ? state.results.filter((g) => g.subscription_status === SCGroupSubscriptionStatusType.SUBSCRIBED).length : state.count
-                } })),
-        !state.count ? (React.createElement(Typography, { className: classes.noResults, variant: "body2" },
-            React.createElement(FormattedMessage, { id: "ui.userSubscribedGroupsWidget.subtitle.noResults", defaultMessage: "ui.userSubscribedGroupsWidget.subtitle.noResults" }))) : (React.createElement(React.Fragment, null,
-            React.createElement(List, null, state.results.slice(0, limit).map((group) => (React.createElement(ListItem, { key: group.id },
-                React.createElement(Group, Object.assign({ elevation: 0, group: group, groupSubscribeButtonProps: { onSubscribe: handleOnSubscribe } }, GroupProps)))))),
-            limit < state.count && (React.createElement(Button, { className: classes.showMore, onClick: handleToggleDialogOpen },
-                React.createElement(FormattedMessage, { id: "ui.userSubscribedGroupsWidget.button.showAll", defaultMessage: "ui.userSubscribedGroupsWidget.button.showAll" }))),
-            openDialog && (React.createElement(DialogRoot, Object.assign({ className: classes.dialogRoot, title: React.createElement(FormattedMessage, { id: "ui.userSubscribedGroupsWidget.title", defaultMessage: "ui.userSubscribedGroupsWidget.title", values: { total: state.count } }), onClose: handleToggleDialogOpen, open: openDialog, scroll: "paper" }, DialogProps),
-                React.createElement(List, null,
-                    state.results.map((g) => (React.createElement(ListItem, { key: g.id },
-                        React.createElement(Group, Object.assign({ elevation: 0, group: g, groupSubscribeButtonProps: { onSubscribe: handleOnSubscribe } }, GroupProps))))),
-                    state.isLoadingNext && (React.createElement(ListItem, null,
-                        React.createElement(GroupSkeleton, Object.assign({ elevation: 0 }, GroupProps))))),
-                React.createElement(Typography, { className: classes.endMessage },
-                    React.createElement(FormattedMessage, { id: "ui.userSubscribedGroupsWidget.noMoreResults", defaultMessage: "ui.userSubscribedGroupsWidget.noMoreResults" }))))))));
-    return (React.createElement(Root, Object.assign({ className: classNames(classes.root, className) }, rest), content));
+    const content = (_jsxs(CardContent, { children: [_jsx(Typography, Object.assign({ className: classes.title, variant: "h5" }, { children: _jsx(FormattedMessage, { id: "ui.userSubscribedGroupsWidget.title", defaultMessage: "ui.userSubscribedGroupsWidget.title", values: {
+                        total: isMe ? state.results.filter((g) => g.subscription_status === SCGroupSubscriptionStatusType.SUBSCRIBED).length : state.count
+                    } }) })), !state.count ? (_jsx(Typography, Object.assign({ className: classes.noResults, variant: "body2" }, { children: _jsx(FormattedMessage, { id: "ui.userSubscribedGroupsWidget.subtitle.noResults", defaultMessage: "ui.userSubscribedGroupsWidget.subtitle.noResults" }) }))) : (_jsxs(React.Fragment, { children: [_jsx(List, { children: state.results.slice(0, limit).map((group) => (_jsx(ListItem, { children: _jsx(Group, Object.assign({ elevation: 0, group: group, groupSubscribeButtonProps: { onSubscribe: handleOnSubscribe } }, GroupProps)) }, group.id))) }), limit < state.count && (_jsx(Button, Object.assign({ className: classes.showMore, onClick: handleToggleDialogOpen }, { children: _jsx(FormattedMessage, { id: "ui.userSubscribedGroupsWidget.button.showAll", defaultMessage: "ui.userSubscribedGroupsWidget.button.showAll" }) }))), openDialog && (_jsxs(DialogRoot, Object.assign({ className: classes.dialogRoot, title: _jsx(FormattedMessage, { id: "ui.userSubscribedGroupsWidget.title", defaultMessage: "ui.userSubscribedGroupsWidget.title", values: { total: state.count } }), onClose: handleToggleDialogOpen, open: openDialog, scroll: "paper" }, DialogProps, { children: [_jsxs(List, { children: [state.results.map((g) => (_jsx(ListItem, { children: _jsx(Group, Object.assign({ elevation: 0, group: g, groupSubscribeButtonProps: { onSubscribe: handleOnSubscribe } }, GroupProps)) }, g.id))), state.isLoadingNext && (_jsx(ListItem, { children: _jsx(GroupSkeleton, Object.assign({ elevation: 0 }, GroupProps)) }))] }), _jsx(Typography, Object.assign({ className: classes.endMessage }, { children: _jsx(FormattedMessage, { id: "ui.userSubscribedGroupsWidget.noMoreResults", defaultMessage: "ui.userSubscribedGroupsWidget.noMoreResults" }) }))] })))] }))] }));
+    return (_jsx(Root, Object.assign({ className: classNames(classes.root, className) }, rest, { children: content })));
 }

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { styled } from '@mui/material/styles';
 import UserSkeleton from '../User/Skeleton';
 import Widget from '../Widget';
@@ -34,9 +34,6 @@ const Root = styled(Widget, {
  *
  */
 function UserSuggestionWidgetSkeleton(props) {
-    return (React.createElement(Root, Object.assign({ className: classes.root }, props),
-        React.createElement(CardContent, null,
-            React.createElement(List, { className: classes.list }, [...Array(4)].map((user, index) => (React.createElement(ListItem, { key: index },
-                React.createElement(UserSkeleton, { elevation: 0 }))))))));
+    return (_jsx(Root, Object.assign({ className: classes.root }, props, { children: _jsx(CardContent, { children: _jsx(List, Object.assign({ className: classes.list }, { children: [...Array(4)].map((user, index) => (_jsx(ListItem, { children: _jsx(UserSkeleton, { elevation: 0 }) }, index))) })) }) })));
 }
 export default UserSuggestionWidgetSkeleton;

package/lib/esm/components/UserSuggestionWidget/UserSuggestionWidget.js

@@ -1,4 +1,5 @@
 import { __rest } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useEffect, useMemo, useReducer, useState } from 'react';
 import { styled } from '@mui/material/styles';
 import { Button, CardContent, List, ListItem, Typography, useMediaQuery, useTheme } from '@mui/material';
@@ -159,24 +160,11 @@ export default function UserSuggestionWidget(inProps) {
     };
     // RENDER
     if ((autoHide && !state.count && state.initialized) || !scUserContext.user) {
-        return React.createElement(HiddenPlaceholder, null);
+        return _jsx(HiddenPlaceholder, {});
     }
     if (!state.initialized) {
-        return React.createElement(Skeleton, null);
+        return _jsx(Skeleton, {});
     }
-    const content = (React.createElement(CardContent, null,
-        React.createElement(Typography, { className: classes.title, variant: "h5" },
-            React.createElement(FormattedMessage, { id: "ui.userSuggestionWidget.title", defaultMessage: "ui.userSuggestionWidget.title" })),
-        !state.count ? (React.createElement(Typography, { className: classes.noResults, variant: "body2" },
-            React.createElement(FormattedMessage, { id: "ui.userSuggestionWidget.noResults", defaultMessage: "ui.userSuggestionWidget.noResults" }))) : (React.createElement(React.Fragment, null,
-            React.createElement(List, null, state.results.slice(0, state.visibleItems).map((user) => (React.createElement(ListItem, { key: user.id },
-                React.createElement(User, Object.assign({ elevation: 0, user: user }, UserProps)))))),
-            state.count > state.visibleItems && (React.createElement(Button, { className: classes.showMore, onClick: handleToggleDialogOpen },
-                React.createElement(FormattedMessage, { id: "ui.userSuggestionWidget.button.showAll", defaultMessage: "ui.userSuggestionWidget.button.showAll" }))))),
-        openDialog && (React.createElement(DialogRoot, Object.assign({ className: classes.dialogRoot, title: React.createElement(FormattedMessage, { defaultMessage: "ui.userSuggestionWidget.title", id: "ui.userSuggestionWidget.title" }), onClose: handleToggleDialogOpen, open: openDialog }, DialogProps),
-            React.createElement(InfiniteScroll, { dataLength: state.results.length, next: handleNext, hasMoreNext: Boolean(state.next), loaderNext: React.createElement(UserSkeleton, Object.assign({ elevation: 0 }, UserProps)), height: isMobile ? '100%' : 400, endMessage: React.createElement(Typography, { className: classes.endMessage },
-                    React.createElement(FormattedMessage, { id: "ui.userSuggestionWidget.noMoreResults", defaultMessage: "ui.userSuggestionWidget.noMoreResults" })) },
-                React.createElement(List, null, state.results.map((user) => (React.createElement(ListItem, { key: user.id },
-                    React.createElement(User, Object.assign({ elevation: 0, user: user }, UserProps)))))))))));
-    return (React.createElement(Root, Object.assign({ className: classNames(classes.root, className) }, rest), content));
+    const content = (_jsxs(CardContent, { children: [_jsx(Typography, Object.assign({ className: classes.title, variant: "h5" }, { children: _jsx(FormattedMessage, { id: "ui.userSuggestionWidget.title", defaultMessage: "ui.userSuggestionWidget.title" }) })), !state.count ? (_jsx(Typography, Object.assign({ className: classes.noResults, variant: "body2" }, { children: _jsx(FormattedMessage, { id: "ui.userSuggestionWidget.noResults", defaultMessage: "ui.userSuggestionWidget.noResults" }) }))) : (_jsxs(React.Fragment, { children: [_jsx(List, { children: state.results.slice(0, state.visibleItems).map((user) => (_jsx(ListItem, { children: _jsx(User, Object.assign({ elevation: 0, user: user }, UserProps)) }, user.id))) }), state.count > state.visibleItems && (_jsx(Button, Object.assign({ className: classes.showMore, onClick: handleToggleDialogOpen }, { children: _jsx(FormattedMessage, { id: "ui.userSuggestionWidget.button.showAll", defaultMessage: "ui.userSuggestionWidget.button.showAll" }) })))] })), openDialog && (_jsx(DialogRoot, Object.assign({ className: classes.dialogRoot, title: _jsx(FormattedMessage, { defaultMessage: "ui.userSuggestionWidget.title", id: "ui.userSuggestionWidget.title" }), onClose: handleToggleDialogOpen, open: openDialog }, DialogProps, { children: _jsx(InfiniteScroll, Object.assign({ dataLength: state.results.length, next: handleNext, hasMoreNext: Boolean(state.next), loaderNext: _jsx(UserSkeleton, Object.assign({ elevation: 0 }, UserProps)), height: isMobile ? '100%' : 400, endMessage: _jsx(Typography, Object.assign({ className: classes.endMessage }, { children: _jsx(FormattedMessage, { id: "ui.userSuggestionWidget.noMoreResults", defaultMessage: "ui.userSuggestionWidget.noMoreResults" }) })) }, { children: _jsx(List, { children: state.results.map((user) => (_jsx(ListItem, { children: _jsx(User, Object.assign({ elevation: 0, user: user }, UserProps)) }, user.id))) }) })) })))] }));
+    return (_jsx(Root, Object.assign({ className: classNames(classes.root, className) }, rest, { children: content })));
 }

package/lib/esm/components/VoteAudienceButton/VoteAudienceButton.js

@@ -1,5 +1,6 @@
 import { __rest } from "tslib";
-import React, { useEffect, useMemo, useState } from 'react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from 'react';
 import { styled } from '@mui/material/styles';
 import { LoadingButton } from '@mui/lab';
 import classNames from 'classnames';
@@ -103,34 +104,19 @@ export default function VoteAudienceButton(inProps) {
     // RENDER
     const audienceIcon = useMemo(() => {
         if (reactions.default && !isLoading && !error) {
-            return (React.createElement(Box, { className: classes.reactionList }, contributionReactionsCount &&
-                contributionReactionsCount.slice(0, 3).map((count, i) => (React.createElement(Icon, { key: count.reaction.id },
-                    React.createElement("img", { alt: count.reaction.label, src: count.reaction.image, width: "100%", height: "100%" }))))));
+            return (_jsx(Box, Object.assign({ className: classes.reactionList }, { children: contributionReactionsCount &&
+                    contributionReactionsCount.slice(0, 3).map((count, i) => (_jsx(Icon, { children: _jsx("img", { alt: count.reaction.label, src: count.reaction.image, width: "100%", height: "100%" }) }, count.reaction.id))) })));
         }
-        return scUserContext.user && contributionVoted ? React.createElement(Icon, null, "thumb_up") : React.createElement(Icon, null, "thumb_up_off_alt");
+        return scUserContext.user && contributionVoted ? _jsx(Icon, { children: "thumb_up" }) : _jsx(Icon, { children: "thumb_up_off_alt" });
     }, [reactions.default, isLoading, error, contributionReactionsCount, scUserContext.user, contributionVoted]);
     const dialogTitle = useMemo(() => {
         if (reactions.default && !isLoading) {
-            return (React.createElement(Tabs, { className: classes.dialogTabs, value: tab, onChange: handleChangeTab, "aria-label": "reactions" },
-                React.createElement(Tab, { label: React.createElement(FormattedMessage, { defaultMessage: "ui.voteAudienceButton.dialog.tab.all", id: "ui.voteAudienceButton.dialog.tab.all" }) }),
-                contributionReactionsCount &&
-                    contributionReactionsCount.map((count) => (React.createElement(Tab, { key: count.reaction.id, label: React.createElement(React.Fragment, null,
-                            React.createElement(Icon, null,
-                                React.createElement("img", { alt: count.reaction.label, src: count.reaction.image, width: "100%", height: "100%" })),
-                            count.count) })))));
+            return (_jsxs(Tabs, Object.assign({ className: classes.dialogTabs, value: tab, onChange: handleChangeTab, "aria-label": "reactions" }, { children: [_jsx(Tab, { label: _jsx(FormattedMessage, { defaultMessage: "ui.voteAudienceButton.dialog.tab.all", id: "ui.voteAudienceButton.dialog.tab.all" }) }), contributionReactionsCount &&
+                        contributionReactionsCount.map((count) => (_jsx(Tab, { label: _jsxs(_Fragment, { children: [_jsx(Icon, { children: _jsx("img", { alt: count.reaction.label, src: count.reaction.image, width: "100%", height: "100%" }) }), count.count] }) }, count.reaction.id)))] })));
         }
         else {
-            return React.createElement(FormattedMessage, { defaultMessage: "ui.voteAudienceButton.dialog.title", id: "ui.voteAudienceButton.dialog.title" });
+            return _jsx(FormattedMessage, { defaultMessage: "ui.voteAudienceButton.dialog.title", id: "ui.voteAudienceButton.dialog.title" });
         }
     }, [tab, reactions, contributionReactionsCount]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Root, Object.assign({ onClick: handleOpen, disabled: isLoading || Boolean(error) || contributionVoteCount === 0, loading: isLoading, className: classNames(classes.root, className) }, rest),
-            audienceIcon,
-            "\u00A0",
-            scUserContext.user && contributionVoted ? (contributionVoteCount === 1 ? (React.createElement(FormattedMessage, { id: "ui.voteAudienceButton.votedOnlyByMe", defaultMessage: "ui.voteAudienceButton.votedOnlyByMe" })) : (React.createElement(FormattedMessage, { id: "ui.voteAudienceButton.votedByMe", defaultMessage: "ui.voteAudienceButton.votedByMe", values: { total: contributionVoteCount - 1 } }))) : (React.createElement(FormattedMessage, { id: "ui.voteAudienceButton.votes", defaultMessage: "ui.voteAudienceButton.votes", values: { total: contributionVoteCount } }))),
-        open && (React.createElement(DialogRoot, { title: dialogTitle, onClose: handleClose, open: open, DialogContentProps: {} }, isLoadingVoteList && !voteList ? (React.createElement(CentralProgress, { size: 50 })) : (React.createElement(InfiniteScroll, { dataLength: voteList.length, next: () => handleFetchVoteList({}), hasMoreNext: voteListHasNext, loaderNext: React.createElement(CentralProgress, { size: 30 }), height: 400, endMessage: React.createElement(Typography, { variant: "body2", align: "center", fontWeight: "bold" },
-                React.createElement(FormattedMessage, { id: "ui.voteAudienceButton.dialog.end", defaultMessage: "ui.voteAudienceButton.dialog.end" })) },
-            React.createElement(List, null, voteList.map((vote) => (React.createElement(ListItem, { key: vote.user.id },
-                React.createElement(User, { elevation: 0, user: vote.user, badgeContent: React.createElement(Avatar, { className: classes.dialogVoteBadge }, vote.reaction ? (React.createElement(Icon, null,
-                        React.createElement("img", { alt: vote.reaction.label, src: vote.reaction.image, width: "100%", height: "100%" }))) : (React.createElement(Icon, null, "thumb_up"))), onClick: handleClose })))))))))));
+    return (_jsxs(_Fragment, { children: [_jsxs(Root, Object.assign({ onClick: handleOpen, disabled: isLoading || Boolean(error) || contributionVoteCount === 0, loading: isLoading, className: classNames(classes.root, className) }, rest, { children: [audienceIcon, "\u00A0", scUserContext.user && contributionVoted ? (contributionVoteCount === 1 ? (_jsx(FormattedMessage, { id: "ui.voteAudienceButton.votedOnlyByMe", defaultMessage: "ui.voteAudienceButton.votedOnlyByMe" })) : (_jsx(FormattedMessage, { id: "ui.voteAudienceButton.votedByMe", defaultMessage: "ui.voteAudienceButton.votedByMe", values: { total: contributionVoteCount - 1 } }))) : (_jsx(FormattedMessage, { id: "ui.voteAudienceButton.votes", defaultMessage: "ui.voteAudienceButton.votes", values: { total: contributionVoteCount } }))] })), open && (_jsx(DialogRoot, Object.assign({ title: dialogTitle, onClose: handleClose, open: open, DialogContentProps: {} }, { children: isLoadingVoteList && !voteList ? (_jsx(CentralProgress, { size: 50 })) : (_jsx(InfiniteScroll, Object.assign({ dataLength: voteList.length, next: () => handleFetchVoteList({}), hasMoreNext: voteListHasNext, loaderNext: _jsx(CentralProgress, { size: 30 }), height: 400, endMessage: _jsx(Typography, Object.assign({ variant: "body2", align: "center", fontWeight: "bold" }, { children: _jsx(FormattedMessage, { id: "ui.voteAudienceButton.dialog.end", defaultMessage: "ui.voteAudienceButton.dialog.end" }) })) }, { children: _jsx(List, { children: voteList.map((vote) => (_jsx(ListItem, { children: _jsx(User, { elevation: 0, user: vote.user, badgeContent: _jsx(Avatar, Object.assign({ className: classes.dialogVoteBadge }, { children: vote.reaction ? (_jsx(Icon, { children: _jsx("img", { alt: vote.reaction.label, src: vote.reaction.image, width: "100%", height: "100%" }) })) : (_jsx(Icon, { children: "thumb_up" })) })), onClick: handleClose }) }, vote.user.id))) }) }))) })))] }));
 }

package/lib/esm/components/VoteButton/VoteButton.js

@@ -1,5 +1,6 @@
 import { __rest } from "tslib";
-import React, { useMemo, useRef, useState } from 'react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useRef, useState } from 'react';
 import { styled } from '@mui/material/styles';
 import { LoadingButton } from '@mui/lab';
 import classNames from 'classnames';
@@ -88,7 +89,7 @@ export default function VoteButton(inProps) {
             scContext.settings.handleAnonymousAction();
         }
         else if (UserUtils.isBlocked(scUserContext.user)) {
-            enqueueSnackbar(React.createElement(FormattedMessage, { id: "ui.common.userBlocked", defaultMessage: "ui.common.userBlocked" }), {
+            enqueueSnackbar(_jsx(FormattedMessage, { id: "ui.common.userBlocked", defaultMessage: "ui.common.userBlocked" }), {
                 variant: 'warning',
                 autoHideDuration: 3000
             });
@@ -106,7 +107,7 @@ export default function VoteButton(inProps) {
         setAnchorEl(null);
         if (error) {
             if (!catchUnauthorizedActionByBlockedUser(error, scUserContext.managers.blockedUsers.isBlocked(contribution.author), enqueueSnackbar)) {
-                enqueueSnackbar(React.createElement(FormattedMessage, { id: "ui.common.error.action", defaultMessage: "ui.common.error.action" }), {
+                enqueueSnackbar(_jsx(FormattedMessage, { id: "ui.common.error.action", defaultMessage: "ui.common.error.action" }), {
                     variant: 'error',
                     autoHideDuration: 3000
                 });
@@ -136,19 +137,12 @@ export default function VoteButton(inProps) {
         };
     }, [reactions]);
     // RENDER
-    const button = (React.createElement(Root, Object.assign({ onClick: isMobile && reactions.reactions
+    const button = (_jsx(Root, Object.assign({ onClick: isMobile && reactions.reactions
             ? handleMouseEnter
             : () => handleVoteAction(contributionReaction ? contributionReaction : reactions.default ? reactions.default : null), disabled: isLoading || Boolean(error), loading: isVoting, className: classNames(classes.root, className, {
             [classes.voted]: scUserContext.user && contributionVoted
-        }) }, rest, rootProps), scUserContext.user && contributionVoted ? (contributionReaction ? (React.createElement(Icon, null,
-        React.createElement("img", { alt: contributionReaction.label, src: contributionReaction.image, width: "100%", height: "100%" }))) : (React.createElement(Icon, null, "thumb_up"))) : (React.createElement(Icon, null, "thumb_up_off_alt"))));
-    return (React.createElement(React.Fragment, null,
-        reactions.default ? (button) : (React.createElement(Tooltip, { title: contributionVoted ? (React.createElement(FormattedMessage, { id: "ui.voteButton.voteDown", defaultMessage: "ui.voteButton.voteDown" })) : (React.createElement(FormattedMessage, { id: "ui.voteButton.voteUp", defaultMessage: "ui.voteButton.voteUp" })) },
-            React.createElement("span", null, button))),
-        reactions.default && (React.createElement(PopperRoot, { id: `vote_${contributionId}_${contributionType}_popper`, className: classes.popperRoot, open: Boolean(anchorEl) && !isVoting && !isLoading, anchorEl: anchorEl, placement: "top", keepMounted: true },
-            React.createElement(Paper, { className: classes.reactionList, onMouseEnter: handleClearTimeout, onMouseLeave: handleMouseLeave }, reactions.reactions
-                .filter((reaction) => !contributionVoted || (contributionVoted && contributionReaction.id !== reaction.id) ? reaction.active : reaction)
-                .map((reaction) => (React.createElement(IconButton, { key: reaction.id, className: classes.reaction, onClick: () => handleVoteAction(reaction) },
-                React.createElement(Icon, null,
-                    React.createElement("img", { alt: reaction.label, src: reaction.image, width: "100%", height: "100%" }))))))))));
+        }) }, rest, rootProps, { children: scUserContext.user && contributionVoted ? (contributionReaction ? (_jsx(Icon, { children: _jsx("img", { alt: contributionReaction.label, src: contributionReaction.image, width: "100%", height: "100%" }) })) : (_jsx(Icon, { children: "thumb_up" }))) : (_jsx(Icon, { children: "thumb_up_off_alt" })) })));
+    return (_jsxs(_Fragment, { children: [reactions.default ? (button) : (_jsx(Tooltip, Object.assign({ title: contributionVoted ? (_jsx(FormattedMessage, { id: "ui.voteButton.voteDown", defaultMessage: "ui.voteButton.voteDown" })) : (_jsx(FormattedMessage, { id: "ui.voteButton.voteUp", defaultMessage: "ui.voteButton.voteUp" })) }, { children: _jsx("span", { children: button }) }))), reactions.default && (_jsx(PopperRoot, Object.assign({ id: `vote_${contributionId}_${contributionType}_popper`, className: classes.popperRoot, open: Boolean(anchorEl) && !isVoting && !isLoading, anchorEl: anchorEl, placement: "top", keepMounted: true }, { children: _jsx(Paper, Object.assign({ className: classes.reactionList, onMouseEnter: handleClearTimeout, onMouseLeave: handleMouseLeave }, { children: reactions.reactions
+                        .filter((reaction) => !contributionVoted || (contributionVoted && contributionReaction.id !== reaction.id) ? reaction.active : reaction)
+                        .map((reaction) => (_jsx(IconButton, Object.assign({ className: classes.reaction, onClick: () => handleVoteAction(reaction) }, { children: _jsx(Icon, { children: _jsx("img", { alt: reaction.label, src: reaction.image, width: "100%", height: "100%" }) }) }), reaction.id))) })) })))] }));
 }

package/lib/esm/components/Widget/index.js

@@ -1,5 +1,6 @@
 import { __rest } from "tslib";
-import React, { forwardRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
 import { styled } from '@mui/material/styles';
 import { Card } from '@mui/material';
 import classNames from 'classnames';
@@ -14,6 +15,6 @@ const Root = styled(Card, {
 })(({ theme }) => ({}));
 const Widget = (props, ref) => {
     const { className, onHeightChange, onStateChange } = props, rest = __rest(props, ["className", "onHeightChange", "onStateChange"]);
-    return React.createElement(Root, Object.assign({ className: classNames(classes.root, className) }, rest, { ref: ref }));
+    return _jsx(Root, Object.assign({ className: classNames(classes.root, className) }, rest, { ref: ref }));
 };
 export default forwardRef(Widget);

package/lib/esm/constants/ContributionsActionsMenu.d.ts

@@ -14,5 +14,6 @@ export declare const EDIT_CONTRIBUTION = "_edit_contribution";
 export declare const DELETE_CONTRIBUTION = "_delete_contribution";
 export declare const RESTORE_CONTRIBUTION = "_restore_contribution";
 export declare const SUSPEND_NOTIFICATION_CONTRIBUTION = "_suspend_notification_contribution";
+export declare const SUSPEND_NOTIFICATION_EVENT = "_suspend_notification_event";
 export declare const MODERATE_CONTRIBUTION_HIDDEN = "_moderate_contribution_hidden";
 export declare const MODERATE_CONTRIBUTION_DELETED = "_moderate_contribution_deleted";

package/lib/esm/constants/ContributionsActionsMenu.js

@@ -14,5 +14,6 @@ export const EDIT_CONTRIBUTION = '_edit_contribution';
 export const DELETE_CONTRIBUTION = '_delete_contribution';
 export const RESTORE_CONTRIBUTION = '_restore_contribution';
 export const SUSPEND_NOTIFICATION_CONTRIBUTION = '_suspend_notification_contribution';
+export const SUSPEND_NOTIFICATION_EVENT = '_suspend_notification_event';
 export const MODERATE_CONTRIBUTION_HIDDEN = '_moderate_contribution_hidden';
 export const MODERATE_CONTRIBUTION_DELETED = '_moderate_contribution_deleted';

package/lib/esm/constants/Event.d.ts

@@ -0,0 +1,2 @@
+export declare const EVENT_TITLE_MAX_LENGTH = 50;
+export declare const EVENT_DESCRIPTION_MAX_LENGTH = 500;

package/lib/esm/constants/Event.js

@@ -0,0 +1,2 @@
+export const EVENT_TITLE_MAX_LENGTH = 50;
+export const EVENT_DESCRIPTION_MAX_LENGTH = 500;

package/lib/esm/constants/EventActionsMenu.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Actions
+ */
+export declare const GET_EVENT_LINK = "_get_link";
+export declare const CANCEL_EVENT = "_cancel_event";
+export declare const ADD_EVENT_TO_CALENDAR = "_add_event_to_calendar";

package/lib/esm/constants/EventActionsMenu.js

@@ -0,0 +1,6 @@
+/**
+ * Actions
+ */
+export const GET_EVENT_LINK = '_get_link';
+export const CANCEL_EVENT = '_cancel_event';
+export const ADD_EVENT_TO_CALENDAR = '_add_event_to_calendar';

package/lib/esm/constants/Media.d.ts

@@ -5,10 +5,13 @@ export declare const MEDIA_TYPE_LINK = "link";
 export declare const MEDIA_TYPE_URL = "url";
 export declare const MEDIA_TYPE_SHARE = "share";
 export declare const MEDIA_TYPE_EMBED = "embed";
+export declare const MEDIA_TYPE_EVENT = "event";
 /**
  * Embed types
  **/
 export declare const MEDIA_EMBED_SC_LINK_TYPE = "sc_link";
+export declare const MEDIA_EMBED_SC_SHARED_OBJECT = "sc_shared_object";
+export declare const MEDIA_EMBED_SC_SHARED_EVENT = "sc_shared_event";
 /**
  * Grid Images
  * MAX_GRID_IMAGES: max number of box rendered in feed preview

package/lib/esm/constants/Media.js

@@ -5,10 +5,13 @@ export const MEDIA_TYPE_LINK = 'link';
 export const MEDIA_TYPE_URL = 'url';
 export const MEDIA_TYPE_SHARE = 'share';
 export const MEDIA_TYPE_EMBED = 'embed';
+export const MEDIA_TYPE_EVENT = 'event';
 /**
  * Embed types
  **/
 export const MEDIA_EMBED_SC_LINK_TYPE = 'sc_link';
+export const MEDIA_EMBED_SC_SHARED_OBJECT = 'sc_shared_object';
+export const MEDIA_EMBED_SC_SHARED_EVENT = 'sc_shared_event';
 /**
  * Grid Images
  * MAX_GRID_IMAGES: max number of box rendered in feed preview

package/lib/esm/constants/PubSub.d.ts

@@ -1,14 +1,15 @@
-import { SCUserType, SCGroupType } from '@selfcommunity/types';
+import { SCUserType, SCGroupType, SCEventType } from '@selfcommunity/types';
 /**
  * Define topics for pubsub
  */
 export declare enum SCTopicType {
-    GROUP = "group"
+    GROUP = "group",
+    EVENT = "event"
 }
 /**
- * Event types
+ * Group/Event event types
  */
-export declare enum SCEventType {
+export declare enum SCGroupEventType {
     CREATE = "create",
     EDIT = "edit",
     MEMBERS = "members",
@@ -16,13 +17,11 @@ export declare enum SCEventType {
     INVITE_MEMBER = "members.invite_member",
     REMOVE_MEMBER = "members.remove_member"
 }
-/**
- * Event structure
- */
-export interface SCGroupChangeEventType {
-    group: SCGroupType;
-}
 export interface SCGroupMembersEventType {
     group: SCGroupType;
     user?: SCUserType;
 }
+export interface SCEventMembersEventType {
+    event: SCEventType;
+    user?: SCUserType;
+}

package/lib/esm/constants/PubSub.js

@@ -4,16 +4,17 @@
 export var SCTopicType;
 (function (SCTopicType) {
     SCTopicType["GROUP"] = "group";
+    SCTopicType["EVENT"] = "event";
 })(SCTopicType || (SCTopicType = {}));
 /**
- * Event types
+ * Group/Event event types
  */
-export var SCEventType;
-(function (SCEventType) {
-    SCEventType["CREATE"] = "create";
-    SCEventType["EDIT"] = "edit";
-    SCEventType["MEMBERS"] = "members";
-    SCEventType["ADD_MEMBER"] = "members.add_member";
-    SCEventType["INVITE_MEMBER"] = "members.invite_member";
-    SCEventType["REMOVE_MEMBER"] = "members.remove_member";
-})(SCEventType || (SCEventType = {}));
+export var SCGroupEventType;
+(function (SCGroupEventType) {
+    SCGroupEventType["CREATE"] = "create";
+    SCGroupEventType["EDIT"] = "edit";
+    SCGroupEventType["MEMBERS"] = "members";
+    SCGroupEventType["ADD_MEMBER"] = "members.add_member";
+    SCGroupEventType["INVITE_MEMBER"] = "members.invite_member";
+    SCGroupEventType["REMOVE_MEMBER"] = "members.remove_member";
+})(SCGroupEventType || (SCGroupEventType = {}));