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

package/lib/cjs/components/UserProfileEdit/UserProfileEdit.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = tslib_1.__importDefault(require("react"));
 const styles_1 = require("@mui/material/styles");
 const material_1 = require("@mui/material");
@@ -68,14 +69,6 @@ function UserProfileEdit(inProps) {
         setTab(newValue);
     };
     // RENDER
-    return (react_1.default.createElement(Root, Object.assign({ id: id, className: (0, classnames_1.default)(classes.root, className) }, rest),
-        react_1.default.createElement(material_1.Tabs, { className: classes.tabs, value: tab, onChange: handleChange, variant: "scrollable", scrollButtons: "auto", allowScrollButtonsMobile: true },
-            react_1.default.createElement(material_1.Tab, { label: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userProfileEdit.info", defaultMessage: "ui.userProfileEdit.info" }) }),
-            react_1.default.createElement(material_1.Tab, { label: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userProfileEdit.account", defaultMessage: "ui.userProfileEdit.account" }) }),
-            react_1.default.createElement(material_1.Tab, { label: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userProfileEdit.notification", defaultMessage: "ui.userProfileEdit.notification" }) })),
-        react_1.default.createElement(material_1.Box, { className: classes.tabContent },
-            tab === 0 && react_1.default.createElement(PublicInfo_1.default, Object.assign({ className: classes.publicInfo, fields: fields }, UserProfileEditSectionPublicInfoProps)),
-            tab === 1 && react_1.default.createElement(Account_1.default, Object.assign({ className: classes.account }, UserProfileEditSectionAccountProps)),
-            tab === 2 && react_1.default.createElement(Settings_1.default, Object.assign({ settings: settings, className: classes.settings }, UserProfileEditSectionSettingsProps)))));
+    return ((0, jsx_runtime_1.jsxs)(Root, Object.assign({ id: id, className: (0, classnames_1.default)(classes.root, className) }, rest, { children: [(0, jsx_runtime_1.jsxs)(material_1.Tabs, Object.assign({ className: classes.tabs, value: tab, onChange: handleChange, variant: "scrollable", scrollButtons: "auto", allowScrollButtonsMobile: true }, { children: [(0, jsx_runtime_1.jsx)(material_1.Tab, { label: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userProfileEdit.info", defaultMessage: "ui.userProfileEdit.info" }) }), (0, jsx_runtime_1.jsx)(material_1.Tab, { label: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userProfileEdit.account", defaultMessage: "ui.userProfileEdit.account" }) }), (0, jsx_runtime_1.jsx)(material_1.Tab, { label: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userProfileEdit.notification", defaultMessage: "ui.userProfileEdit.notification" }) })] })), (0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ className: classes.tabContent }, { children: [tab === 0 && (0, jsx_runtime_1.jsx)(PublicInfo_1.default, Object.assign({ className: classes.publicInfo, fields: fields }, UserProfileEditSectionPublicInfoProps)), tab === 1 && (0, jsx_runtime_1.jsx)(Account_1.default, Object.assign({ className: classes.account }, UserProfileEditSectionAccountProps)), tab === 2 && (0, jsx_runtime_1.jsx)(Settings_1.default, Object.assign({ settings: settings, className: classes.settings }, UserProfileEditSectionSettingsProps))] }))] })));
 }
 exports.default = UserProfileEdit;

package/lib/cjs/components/UserProfileHeader/Skeleton.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const styles_1 = require("@mui/material/styles");
 const Skeleton_1 = tslib_1.__importDefault(require("@mui/material/Skeleton"));
@@ -45,17 +45,6 @@ const Root = (0, styles_1.styled)(material_1.Box, {
  */
 function UserProfileHeaderSkeleton() {
     const theme = (0, material_1.useTheme)();
-    return (react_1.default.createElement(Root, { className: classes.root },
-        react_1.default.createElement(Skeleton_1.default, { className: classes.cover, animation: "wave", variant: "rectangular" }),
-        react_1.default.createElement(material_1.Box, { className: classes.avatar },
-            react_1.default.createElement(Skeleton_1.default, { animation: "wave", variant: "circular", width: theme.selfcommunity.user.avatar.sizeXLarge, height: theme.selfcommunity.user.avatar.sizeXLarge })),
-        react_1.default.createElement(material_1.Box, { className: classes.section },
-            react_1.default.createElement(material_1.Typography, { variant: "h5", className: classes.username },
-                react_1.default.createElement(Skeleton_1.default, { animation: "wave", sx: { height: 30, width: 100, margin: '0 auto' } })),
-            react_1.default.createElement(material_1.Stack, { direction: "row", className: classes.actions },
-                react_1.default.createElement(material_1.Button, { variant: "contained", disabled: true },
-                    react_1.default.createElement(Skeleton_1.default, { animation: "wave", sx: { height: 20, width: 60 } })),
-                react_1.default.createElement(material_1.IconButton, { disabled: true },
-                    react_1.default.createElement(material_1.Icon, null, "more_vert"))))));
+    return ((0, jsx_runtime_1.jsxs)(Root, Object.assign({ className: classes.root }, { children: [(0, jsx_runtime_1.jsx)(Skeleton_1.default, { className: classes.cover, animation: "wave", variant: "rectangular" }), (0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ className: classes.avatar }, { children: (0, jsx_runtime_1.jsx)(Skeleton_1.default, { animation: "wave", variant: "circular", width: theme.selfcommunity.user.avatar.sizeXLarge, height: theme.selfcommunity.user.avatar.sizeXLarge }) })), (0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ className: classes.section }, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "h5", className: classes.username }, { children: (0, jsx_runtime_1.jsx)(Skeleton_1.default, { animation: "wave", sx: { height: 30, width: 100, margin: '0 auto' } }) })), (0, jsx_runtime_1.jsxs)(material_1.Stack, Object.assign({ direction: "row", className: classes.actions }, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ variant: "contained", disabled: true }, { children: (0, jsx_runtime_1.jsx)(Skeleton_1.default, { animation: "wave", sx: { height: 20, width: 60 } }) })), (0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ disabled: true }, { children: (0, jsx_runtime_1.jsx)(material_1.Icon, { children: "more_vert" }) }))] }))] }))] })));
 }
 exports.default = UserProfileHeaderSkeleton;

package/lib/cjs/components/UserProfileHeader/UserProfileHeader.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const styles_1 = require("@mui/material/styles");
 const material_1 = require("@mui/material");
 const ChangeCover_1 = tslib_1.__importDefault(require("../ChangeCover"));
@@ -105,31 +106,13 @@ function UserProfileHeader(inProps) {
     }
     // RENDER
     if (!scUser) {
-        return react_1.default.createElement(Skeleton_1.default, null);
+        return (0, jsx_runtime_1.jsx)(Skeleton_1.default, {});
     }
     const _backgroundCover = Object.assign({}, (scUser.cover
         ? { background: `url('${scUser.cover}') center / cover` }
         : { background: `url('${scPreferences.preferences[react_core_1.SCPreferences.IMAGES_USER_DEFAULT_COVER].value}') center / cover` }));
     const realName = (isMe && scUserContext.user.real_name) || scUser.real_name;
     const hasBadge = scUser && scUser.community_badge;
-    return (react_1.default.createElement(Root, Object.assign({ id: id, className: (0, classnames_1.default)(classes.root, className) }, rest),
-        react_1.default.createElement(material_1.Paper, { style: _backgroundCover, classes: { root: classes.cover } },
-            react_1.default.createElement(material_1.Box, { className: classes.avatar },
-                react_1.default.createElement(UserAvatar_1.default, { hide: !hasBadge },
-                    react_1.default.createElement("img", { src: scUser.avatar ? scUser.avatar : '' }))),
-            isMe && (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement(ChangePicture_1.default, Object.assign({ iconButton: true, onChange: handleChangeAvatar, className: classes.changePicture }, ChangePictureProps)),
-                react_1.default.createElement("div", { className: classes.changeCover },
-                    react_1.default.createElement(ChangeCover_1.default, Object.assign({ onChange: handleChangeCover }, ChangeCoverProps)))))),
-        react_1.default.createElement(material_1.Box, { className: classes.infOpsSection },
-            react_1.default.createElement(material_1.Box, { className: classes.info },
-                react_1.default.createElement(material_1.Typography, { variant: "h5", className: classes.username },
-                    "@",
-                    isMe ? scUserContext.user.username : scUser.username),
-                realName && (react_1.default.createElement(material_1.Typography, { variant: "subtitle1", className: classes.realname }, realName)),
-                scUser.bio && (react_1.default.createElement(material_1.Typography, { variant: "subtitle2", className: classes.bio }, scUser.bio)),
-                scUser.website && (react_1.default.createElement(react_core_1.Link, { className: classes.website, target: "blank", to: scUser.website },
-                    react_1.default.createElement(material_1.Typography, { variant: "body2" }, scUser.website)))),
-            actions && actions)));
+    return ((0, jsx_runtime_1.jsxs)(Root, Object.assign({ id: id, className: (0, classnames_1.default)(classes.root, className) }, rest, { children: [(0, jsx_runtime_1.jsxs)(material_1.Paper, Object.assign({ style: _backgroundCover, classes: { root: classes.cover } }, { children: [(0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ className: classes.avatar }, { children: (0, jsx_runtime_1.jsx)(UserAvatar_1.default, Object.assign({ hide: !hasBadge }, { children: (0, jsx_runtime_1.jsx)("img", { src: scUser.avatar ? scUser.avatar : '' }) })) })), isMe && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ChangePicture_1.default, Object.assign({ iconButton: true, onChange: handleChangeAvatar, className: classes.changePicture }, ChangePictureProps)), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: classes.changeCover }, { children: (0, jsx_runtime_1.jsx)(ChangeCover_1.default, Object.assign({ onChange: handleChangeCover }, ChangeCoverProps)) }))] }))] })), (0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ className: classes.infOpsSection }, { children: [(0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ className: classes.info }, { children: [(0, jsx_runtime_1.jsxs)(material_1.Typography, Object.assign({ variant: "h5", className: classes.username }, { children: ["@", isMe ? scUserContext.user.username : scUser.username] })), realName && ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "subtitle1", className: classes.realname }, { children: realName }))), scUser.bio && ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "subtitle2", className: classes.bio }, { children: scUser.bio }))), scUser.website && ((0, jsx_runtime_1.jsx)(react_core_1.Link, Object.assign({ className: classes.website, target: "blank", to: scUser.website }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "body2" }, { children: scUser.website })) })))] })), actions && actions] }))] })));
 }
 exports.default = UserProfileHeader;

package/lib/cjs/components/UserSocialAssociation/UserSocialAssociation.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = tslib_1.__importStar(require("react"));
 const styles_1 = require("@mui/material/styles");
 const material_1 = require("@mui/material");
@@ -102,21 +103,6 @@ function UserSocialAssociation(inProps) {
     if (!providersEnabled) {
         return null;
     }
-    return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest, { direction: "column" }),
-        providersLinked.length !== 0 || (providersToLink.length !== 0 && onCreateAssociation) ? children : null,
-        providersToLink.length !== 0 && onCreateAssociation && (react_1.default.createElement(material_1.Box, null,
-            react_1.default.createElement(material_1.Typography, { variant: "body2" },
-                " ",
-                intl.formatMessage(messages.socialAdd)),
-            providersToLink.map((p, index) => (react_1.default.createElement(react_1.default.Fragment, { key: index },
-                react_1.default.createElement(material_1.IconButton, { onClick: onCreateAssociation ? () => onCreateAssociation(p) : null },
-                    react_1.default.createElement(Icon_1.default, null, p))))))),
-        providersLinked.length !== 0 && (react_1.default.createElement(material_1.Box, null,
-            react_1.default.createElement(material_1.Typography, { variant: "body2" },
-                " ",
-                intl.formatMessage(messages.socialRemove)),
-            providersLinked.map((p, index) => (react_1.default.createElement(react_1.default.Fragment, { key: index },
-                react_1.default.createElement(material_1.IconButton, { color: "primary", onClick: () => onDeleteAssociation(p) },
-                    react_1.default.createElement(Icon_1.default, null, p.provider)))))))));
+    return ((0, jsx_runtime_1.jsxs)(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest, { direction: "column" }, { children: [providersLinked.length !== 0 || (providersToLink.length !== 0 && onCreateAssociation) ? children : null, providersToLink.length !== 0 && onCreateAssociation && ((0, jsx_runtime_1.jsxs)(material_1.Box, { children: [(0, jsx_runtime_1.jsxs)(material_1.Typography, Object.assign({ variant: "body2" }, { children: [" ", intl.formatMessage(messages.socialAdd)] })), providersToLink.map((p, index) => ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: (0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ onClick: onCreateAssociation ? () => onCreateAssociation(p) : null }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { children: p }) })) }, index)))] })), providersLinked.length !== 0 && ((0, jsx_runtime_1.jsxs)(material_1.Box, { children: [(0, jsx_runtime_1.jsxs)(material_1.Typography, Object.assign({ variant: "body2" }, { children: [" ", intl.formatMessage(messages.socialRemove)] })), providersLinked.map((p, index) => ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: (0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ color: "primary", onClick: () => onDeleteAssociation(p) }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { children: p.provider }) })) }, index)))] }))] })));
 }
 exports.default = UserSocialAssociation;

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const Widget_1 = tslib_1.__importDefault(require("../Widget"));
 const styles_1 = require("@mui/material/styles");
 const material_1 = require("@mui/material");
@@ -37,10 +37,6 @@ const Root = (0, styles_1.styled)(Widget_1.default, {
  *
  */
 function UserSubscribedGroupsWidgetSkeleton(props) {
-    return (react_1.default.createElement(Root, Object.assign({ className: classes.root }, props),
-        react_1.default.createElement(material_1.CardContent, null,
-            react_1.default.createElement(List_1.default, { className: classes.list }, [...Array(3)].map((category, index) => (react_1.default.createElement(material_1.ListItem, { key: index },
-                react_1.default.createElement(Skeleton_1.default, { elevation: 0 })))))),
-        ");"));
+    return ((0, jsx_runtime_1.jsxs)(Root, Object.assign({ className: classes.root }, props, { children: [(0, jsx_runtime_1.jsx)(material_1.CardContent, { children: (0, jsx_runtime_1.jsx)(List_1.default, Object.assign({ className: classes.list }, { children: [...Array(3)].map((category, index) => ((0, jsx_runtime_1.jsx)(material_1.ListItem, { children: (0, jsx_runtime_1.jsx)(Skeleton_1.default, { elevation: 0 }) }, index))) })) }), ");"] })));
 }
 exports.default = UserSubscribedGroupsWidgetSkeleton;

package/lib/cjs/components/UserSubscribedGroupsWidget/UserSubscribedGroupsWidget.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = tslib_1.__importStar(require("react"));
 const styles_1 = require("@mui/material/styles");
 const List_1 = tslib_1.__importDefault(require("@mui/material/List"));
@@ -154,30 +155,14 @@ function UserSubscribedGroupsWidget(inProps) {
     };
     // RENDER
     if (!groupsEnabled || (autoHide && !state.count && state.initialized) || !userId) {
-        return react_1.default.createElement(HiddenPlaceholder_1.default, null);
+        return (0, jsx_runtime_1.jsx)(HiddenPlaceholder_1.default, {});
     }
     if (!state.initialized) {
-        return react_1.default.createElement(Skeleton_1.default, null);
+        return (0, jsx_runtime_1.jsx)(Skeleton_1.default, {});
     }
-    const content = (react_1.default.createElement(material_1.CardContent, null,
-        react_1.default.createElement(material_1.Typography, { className: classes.title, variant: "h5" },
-            react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userSubscribedGroupsWidget.title", defaultMessage: "ui.userSubscribedGroupsWidget.title", values: {
-                    total: isMe ? state.results.filter((g) => g.subscription_status === types_1.SCGroupSubscriptionStatusType.SUBSCRIBED).length : state.count
-                } })),
-        !state.count ? (react_1.default.createElement(material_1.Typography, { className: classes.noResults, variant: "body2" },
-            react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userSubscribedGroupsWidget.subtitle.noResults", defaultMessage: "ui.userSubscribedGroupsWidget.subtitle.noResults" }))) : (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(List_1.default, null, state.results.slice(0, limit).map((group) => (react_1.default.createElement(material_1.ListItem, { key: group.id },
-                react_1.default.createElement(Group_1.default, Object.assign({ elevation: 0, group: group, groupSubscribeButtonProps: { onSubscribe: handleOnSubscribe } }, GroupProps)))))),
-            limit < state.count && (react_1.default.createElement(material_1.Button, { className: classes.showMore, onClick: handleToggleDialogOpen },
-                react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userSubscribedGroupsWidget.button.showAll", defaultMessage: "ui.userSubscribedGroupsWidget.button.showAll" }))),
-            openDialog && (react_1.default.createElement(DialogRoot, Object.assign({ className: classes.dialogRoot, title: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userSubscribedGroupsWidget.title", defaultMessage: "ui.userSubscribedGroupsWidget.title", values: { total: state.count } }), onClose: handleToggleDialogOpen, open: openDialog, scroll: "paper" }, DialogProps),
-                react_1.default.createElement(List_1.default, null,
-                    state.results.map((g) => (react_1.default.createElement(material_1.ListItem, { key: g.id },
-                        react_1.default.createElement(Group_1.default, Object.assign({ elevation: 0, group: g, groupSubscribeButtonProps: { onSubscribe: handleOnSubscribe } }, GroupProps))))),
-                    state.isLoadingNext && (react_1.default.createElement(material_1.ListItem, null,
-                        react_1.default.createElement(Group_1.GroupSkeleton, Object.assign({ elevation: 0 }, GroupProps))))),
-                react_1.default.createElement(material_1.Typography, { className: classes.endMessage },
-                    react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userSubscribedGroupsWidget.noMoreResults", defaultMessage: "ui.userSubscribedGroupsWidget.noMoreResults" }))))))));
-    return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest), content));
+    const content = ((0, jsx_runtime_1.jsxs)(material_1.CardContent, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ className: classes.title, variant: "h5" }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userSubscribedGroupsWidget.title", defaultMessage: "ui.userSubscribedGroupsWidget.title", values: {
+                        total: isMe ? state.results.filter((g) => g.subscription_status === types_1.SCGroupSubscriptionStatusType.SUBSCRIBED).length : state.count
+                    } }) })), !state.count ? ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ className: classes.noResults, variant: "body2" }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userSubscribedGroupsWidget.subtitle.noResults", defaultMessage: "ui.userSubscribedGroupsWidget.subtitle.noResults" }) }))) : ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)(List_1.default, { children: state.results.slice(0, limit).map((group) => ((0, jsx_runtime_1.jsx)(material_1.ListItem, { children: (0, jsx_runtime_1.jsx)(Group_1.default, Object.assign({ elevation: 0, group: group, groupSubscribeButtonProps: { onSubscribe: handleOnSubscribe } }, GroupProps)) }, group.id))) }), limit < state.count && ((0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ className: classes.showMore, onClick: handleToggleDialogOpen }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userSubscribedGroupsWidget.button.showAll", defaultMessage: "ui.userSubscribedGroupsWidget.button.showAll" }) }))), openDialog && ((0, jsx_runtime_1.jsxs)(DialogRoot, Object.assign({ className: classes.dialogRoot, title: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userSubscribedGroupsWidget.title", defaultMessage: "ui.userSubscribedGroupsWidget.title", values: { total: state.count } }), onClose: handleToggleDialogOpen, open: openDialog, scroll: "paper" }, DialogProps, { children: [(0, jsx_runtime_1.jsxs)(List_1.default, { children: [state.results.map((g) => ((0, jsx_runtime_1.jsx)(material_1.ListItem, { children: (0, jsx_runtime_1.jsx)(Group_1.default, Object.assign({ elevation: 0, group: g, groupSubscribeButtonProps: { onSubscribe: handleOnSubscribe } }, GroupProps)) }, g.id))), state.isLoadingNext && ((0, jsx_runtime_1.jsx)(material_1.ListItem, { children: (0, jsx_runtime_1.jsx)(Group_1.GroupSkeleton, Object.assign({ elevation: 0 }, GroupProps)) }))] }), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ className: classes.endMessage }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userSubscribedGroupsWidget.noMoreResults", defaultMessage: "ui.userSubscribedGroupsWidget.noMoreResults" }) }))] })))] }))] }));
+    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest, { children: content })));
 }
 exports.default = UserSubscribedGroupsWidget;

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const styles_1 = require("@mui/material/styles");
 const Skeleton_1 = tslib_1.__importDefault(require("../User/Skeleton"));
 const Widget_1 = tslib_1.__importDefault(require("../Widget"));
@@ -37,9 +37,6 @@ const Root = (0, styles_1.styled)(Widget_1.default, {
  *
  */
 function UserSuggestionWidgetSkeleton(props) {
-    return (react_1.default.createElement(Root, Object.assign({ className: classes.root }, props),
-        react_1.default.createElement(material_1.CardContent, null,
-            react_1.default.createElement(material_1.List, { className: classes.list }, [...Array(4)].map((user, index) => (react_1.default.createElement(material_1.ListItem, { key: index },
-                react_1.default.createElement(Skeleton_1.default, { elevation: 0 }))))))));
+    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ className: classes.root }, props, { children: (0, jsx_runtime_1.jsx)(material_1.CardContent, { children: (0, jsx_runtime_1.jsx)(material_1.List, Object.assign({ className: classes.list }, { children: [...Array(4)].map((user, index) => ((0, jsx_runtime_1.jsx)(material_1.ListItem, { children: (0, jsx_runtime_1.jsx)(Skeleton_1.default, { elevation: 0 }) }, index))) })) }) })));
 }
 exports.default = UserSuggestionWidgetSkeleton;

package/lib/cjs/components/UserSuggestionWidget/UserSuggestionWidget.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = tslib_1.__importStar(require("react"));
 const styles_1 = require("@mui/material/styles");
 const material_1 = require("@mui/material");
@@ -161,25 +162,12 @@ function UserSuggestionWidget(inProps) {
     };
     // RENDER
     if ((autoHide && !state.count && state.initialized) || !scUserContext.user) {
-        return react_1.default.createElement(HiddenPlaceholder_1.default, null);
+        return (0, jsx_runtime_1.jsx)(HiddenPlaceholder_1.default, {});
     }
     if (!state.initialized) {
-        return react_1.default.createElement(Skeleton_1.default, null);
+        return (0, jsx_runtime_1.jsx)(Skeleton_1.default, {});
     }
-    const content = (react_1.default.createElement(material_1.CardContent, null,
-        react_1.default.createElement(material_1.Typography, { className: classes.title, variant: "h5" },
-            react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userSuggestionWidget.title", defaultMessage: "ui.userSuggestionWidget.title" })),
-        !state.count ? (react_1.default.createElement(material_1.Typography, { className: classes.noResults, variant: "body2" },
-            react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userSuggestionWidget.noResults", defaultMessage: "ui.userSuggestionWidget.noResults" }))) : (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(material_1.List, null, state.results.slice(0, state.visibleItems).map((user) => (react_1.default.createElement(material_1.ListItem, { key: user.id },
-                react_1.default.createElement(User_1.default, Object.assign({ elevation: 0, user: user }, UserProps)))))),
-            state.count > state.visibleItems && (react_1.default.createElement(material_1.Button, { className: classes.showMore, onClick: handleToggleDialogOpen },
-                react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userSuggestionWidget.button.showAll", defaultMessage: "ui.userSuggestionWidget.button.showAll" }))))),
-        openDialog && (react_1.default.createElement(DialogRoot, Object.assign({ className: classes.dialogRoot, title: react_1.default.createElement(react_intl_1.FormattedMessage, { defaultMessage: "ui.userSuggestionWidget.title", id: "ui.userSuggestionWidget.title" }), onClose: handleToggleDialogOpen, open: openDialog }, DialogProps),
-            react_1.default.createElement(InfiniteScroll_1.default, { dataLength: state.results.length, next: handleNext, hasMoreNext: Boolean(state.next), loaderNext: react_1.default.createElement(User_1.UserSkeleton, Object.assign({ elevation: 0 }, UserProps)), height: isMobile ? '100%' : 400, endMessage: react_1.default.createElement(material_1.Typography, { className: classes.endMessage },
-                    react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userSuggestionWidget.noMoreResults", defaultMessage: "ui.userSuggestionWidget.noMoreResults" })) },
-                react_1.default.createElement(material_1.List, null, state.results.map((user) => (react_1.default.createElement(material_1.ListItem, { key: user.id },
-                    react_1.default.createElement(User_1.default, Object.assign({ elevation: 0, user: user }, UserProps)))))))))));
-    return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest), content));
+    const content = ((0, jsx_runtime_1.jsxs)(material_1.CardContent, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ className: classes.title, variant: "h5" }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userSuggestionWidget.title", defaultMessage: "ui.userSuggestionWidget.title" }) })), !state.count ? ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ className: classes.noResults, variant: "body2" }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userSuggestionWidget.noResults", defaultMessage: "ui.userSuggestionWidget.noResults" }) }))) : ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.List, { children: state.results.slice(0, state.visibleItems).map((user) => ((0, jsx_runtime_1.jsx)(material_1.ListItem, { children: (0, jsx_runtime_1.jsx)(User_1.default, Object.assign({ elevation: 0, user: user }, UserProps)) }, user.id))) }), state.count > state.visibleItems && ((0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ className: classes.showMore, onClick: handleToggleDialogOpen }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userSuggestionWidget.button.showAll", defaultMessage: "ui.userSuggestionWidget.button.showAll" }) })))] })), openDialog && ((0, jsx_runtime_1.jsx)(DialogRoot, Object.assign({ className: classes.dialogRoot, title: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { defaultMessage: "ui.userSuggestionWidget.title", id: "ui.userSuggestionWidget.title" }), onClose: handleToggleDialogOpen, open: openDialog }, DialogProps, { children: (0, jsx_runtime_1.jsx)(InfiniteScroll_1.default, Object.assign({ dataLength: state.results.length, next: handleNext, hasMoreNext: Boolean(state.next), loaderNext: (0, jsx_runtime_1.jsx)(User_1.UserSkeleton, Object.assign({ elevation: 0 }, UserProps)), height: isMobile ? '100%' : 400, endMessage: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ className: classes.endMessage }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userSuggestionWidget.noMoreResults", defaultMessage: "ui.userSuggestionWidget.noMoreResults" }) })) }, { children: (0, jsx_runtime_1.jsx)(material_1.List, { children: state.results.map((user) => ((0, jsx_runtime_1.jsx)(material_1.ListItem, { children: (0, jsx_runtime_1.jsx)(User_1.default, Object.assign({ elevation: 0, user: user }, UserProps)) }, user.id))) }) })) })))] }));
+    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest, { children: content })));
 }
 exports.default = UserSuggestionWidget;

package/lib/cjs/components/VoteAudienceButton/VoteAudienceButton.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const styles_1 = require("@mui/material/styles");
 const lab_1 = require("@mui/lab");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
@@ -105,35 +106,20 @@ function VoteAudienceButton(inProps) {
     // RENDER
     const audienceIcon = (0, react_1.useMemo)(() => {
         if (reactions.default && !isLoading && !error) {
-            return (react_1.default.createElement(material_1.Box, { className: classes.reactionList }, contributionReactionsCount &&
-                contributionReactionsCount.slice(0, 3).map((count, i) => (react_1.default.createElement(Icon_1.default, { key: count.reaction.id },
-                    react_1.default.createElement("img", { alt: count.reaction.label, src: count.reaction.image, width: "100%", height: "100%" }))))));
+            return ((0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ className: classes.reactionList }, { children: contributionReactionsCount &&
+                    contributionReactionsCount.slice(0, 3).map((count, i) => ((0, jsx_runtime_1.jsx)(Icon_1.default, { children: (0, jsx_runtime_1.jsx)("img", { alt: count.reaction.label, src: count.reaction.image, width: "100%", height: "100%" }) }, count.reaction.id))) })));
         }
-        return scUserContext.user && contributionVoted ? react_1.default.createElement(Icon_1.default, null, "thumb_up") : react_1.default.createElement(Icon_1.default, null, "thumb_up_off_alt");
+        return scUserContext.user && contributionVoted ? (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "thumb_up" }) : (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "thumb_up_off_alt" });
     }, [reactions.default, isLoading, error, contributionReactionsCount, scUserContext.user, contributionVoted]);
     const dialogTitle = (0, react_1.useMemo)(() => {
         if (reactions.default && !isLoading) {
-            return (react_1.default.createElement(material_1.Tabs, { className: classes.dialogTabs, value: tab, onChange: handleChangeTab, "aria-label": "reactions" },
-                react_1.default.createElement(material_1.Tab, { label: react_1.default.createElement(react_intl_1.FormattedMessage, { defaultMessage: "ui.voteAudienceButton.dialog.tab.all", id: "ui.voteAudienceButton.dialog.tab.all" }) }),
-                contributionReactionsCount &&
-                    contributionReactionsCount.map((count) => (react_1.default.createElement(material_1.Tab, { key: count.reaction.id, label: react_1.default.createElement(react_1.default.Fragment, null,
-                            react_1.default.createElement(Icon_1.default, null,
-                                react_1.default.createElement("img", { alt: count.reaction.label, src: count.reaction.image, width: "100%", height: "100%" })),
-                            count.count) })))));
+            return ((0, jsx_runtime_1.jsxs)(material_1.Tabs, Object.assign({ className: classes.dialogTabs, value: tab, onChange: handleChangeTab, "aria-label": "reactions" }, { children: [(0, jsx_runtime_1.jsx)(material_1.Tab, { label: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { defaultMessage: "ui.voteAudienceButton.dialog.tab.all", id: "ui.voteAudienceButton.dialog.tab.all" }) }), contributionReactionsCount &&
+                        contributionReactionsCount.map((count) => ((0, jsx_runtime_1.jsx)(material_1.Tab, { label: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { children: (0, jsx_runtime_1.jsx)("img", { alt: count.reaction.label, src: count.reaction.image, width: "100%", height: "100%" }) }), count.count] }) }, count.reaction.id)))] })));
         }
         else {
-            return react_1.default.createElement(react_intl_1.FormattedMessage, { defaultMessage: "ui.voteAudienceButton.dialog.title", id: "ui.voteAudienceButton.dialog.title" });
+            return (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { defaultMessage: "ui.voteAudienceButton.dialog.title", id: "ui.voteAudienceButton.dialog.title" });
         }
     }, [tab, reactions, contributionReactionsCount]);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(Root, Object.assign({ onClick: handleOpen, disabled: isLoading || Boolean(error) || contributionVoteCount === 0, loading: isLoading, className: (0, classnames_1.default)(classes.root, className) }, rest),
-            audienceIcon,
-            "\u00A0",
-            scUserContext.user && contributionVoted ? (contributionVoteCount === 1 ? (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.voteAudienceButton.votedOnlyByMe", defaultMessage: "ui.voteAudienceButton.votedOnlyByMe" })) : (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.voteAudienceButton.votedByMe", defaultMessage: "ui.voteAudienceButton.votedByMe", values: { total: contributionVoteCount - 1 } }))) : (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.voteAudienceButton.votes", defaultMessage: "ui.voteAudienceButton.votes", values: { total: contributionVoteCount } }))),
-        open && (react_1.default.createElement(DialogRoot, { title: dialogTitle, onClose: handleClose, open: open, DialogContentProps: {} }, isLoadingVoteList && !voteList ? (react_1.default.createElement(CentralProgress_1.default, { size: 50 })) : (react_1.default.createElement(InfiniteScroll_1.default, { dataLength: voteList.length, next: () => handleFetchVoteList({}), hasMoreNext: voteListHasNext, loaderNext: react_1.default.createElement(CentralProgress_1.default, { size: 30 }), height: 400, endMessage: react_1.default.createElement(material_1.Typography, { variant: "body2", align: "center", fontWeight: "bold" },
-                react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.voteAudienceButton.dialog.end", defaultMessage: "ui.voteAudienceButton.dialog.end" })) },
-            react_1.default.createElement(material_1.List, null, voteList.map((vote) => (react_1.default.createElement(material_1.ListItem, { key: vote.user.id },
-                react_1.default.createElement(User_1.default, { elevation: 0, user: vote.user, badgeContent: react_1.default.createElement(material_1.Avatar, { className: classes.dialogVoteBadge }, vote.reaction ? (react_1.default.createElement(Icon_1.default, null,
-                        react_1.default.createElement("img", { alt: vote.reaction.label, src: vote.reaction.image, width: "100%", height: "100%" }))) : (react_1.default.createElement(Icon_1.default, null, "thumb_up"))), onClick: handleClose })))))))))));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(Root, Object.assign({ onClick: handleOpen, disabled: isLoading || Boolean(error) || contributionVoteCount === 0, loading: isLoading, className: (0, classnames_1.default)(classes.root, className) }, rest, { children: [audienceIcon, "\u00A0", scUserContext.user && contributionVoted ? (contributionVoteCount === 1 ? ((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.voteAudienceButton.votedOnlyByMe", defaultMessage: "ui.voteAudienceButton.votedOnlyByMe" })) : ((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.voteAudienceButton.votedByMe", defaultMessage: "ui.voteAudienceButton.votedByMe", values: { total: contributionVoteCount - 1 } }))) : ((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.voteAudienceButton.votes", defaultMessage: "ui.voteAudienceButton.votes", values: { total: contributionVoteCount } }))] })), open && ((0, jsx_runtime_1.jsx)(DialogRoot, Object.assign({ title: dialogTitle, onClose: handleClose, open: open, DialogContentProps: {} }, { children: isLoadingVoteList && !voteList ? ((0, jsx_runtime_1.jsx)(CentralProgress_1.default, { size: 50 })) : ((0, jsx_runtime_1.jsx)(InfiniteScroll_1.default, Object.assign({ dataLength: voteList.length, next: () => handleFetchVoteList({}), hasMoreNext: voteListHasNext, loaderNext: (0, jsx_runtime_1.jsx)(CentralProgress_1.default, { size: 30 }), height: 400, endMessage: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "body2", align: "center", fontWeight: "bold" }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.voteAudienceButton.dialog.end", defaultMessage: "ui.voteAudienceButton.dialog.end" }) })) }, { children: (0, jsx_runtime_1.jsx)(material_1.List, { children: voteList.map((vote) => ((0, jsx_runtime_1.jsx)(material_1.ListItem, { children: (0, jsx_runtime_1.jsx)(User_1.default, { elevation: 0, user: vote.user, badgeContent: (0, jsx_runtime_1.jsx)(material_1.Avatar, Object.assign({ className: classes.dialogVoteBadge }, { children: vote.reaction ? ((0, jsx_runtime_1.jsx)(Icon_1.default, { children: (0, jsx_runtime_1.jsx)("img", { alt: vote.reaction.label, src: vote.reaction.image, width: "100%", height: "100%" }) })) : ((0, jsx_runtime_1.jsx)(Icon_1.default, { children: "thumb_up" })) })), onClick: handleClose }) }, vote.user.id))) }) }))) })))] }));
 }
 exports.default = VoteAudienceButton;

package/lib/cjs/components/VoteButton/VoteButton.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const styles_1 = require("@mui/material/styles");
 const lab_1 = require("@mui/lab");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
@@ -90,7 +91,7 @@ function VoteButton(inProps) {
             scContext.settings.handleAnonymousAction();
         }
         else if (react_core_1.UserUtils.isBlocked(scUserContext.user)) {
-            enqueueSnackbar(react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.common.userBlocked", defaultMessage: "ui.common.userBlocked" }), {
+            enqueueSnackbar((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.common.userBlocked", defaultMessage: "ui.common.userBlocked" }), {
                 variant: 'warning',
                 autoHideDuration: 3000
             });
@@ -108,7 +109,7 @@ function VoteButton(inProps) {
         setAnchorEl(null);
         if (error) {
             if (!(0, errors_1.catchUnauthorizedActionByBlockedUser)(error, scUserContext.managers.blockedUsers.isBlocked(contribution.author), enqueueSnackbar)) {
-                enqueueSnackbar(react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.common.error.action", defaultMessage: "ui.common.error.action" }), {
+                enqueueSnackbar((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.common.error.action", defaultMessage: "ui.common.error.action" }), {
                     variant: 'error',
                     autoHideDuration: 3000
                 });
@@ -138,20 +139,13 @@ function VoteButton(inProps) {
         };
     }, [reactions]);
     // RENDER
-    const button = (react_1.default.createElement(Root, Object.assign({ onClick: isMobile && reactions.reactions
+    const button = ((0, jsx_runtime_1.jsx)(Root, Object.assign({ onClick: isMobile && reactions.reactions
             ? handleMouseEnter
             : () => handleVoteAction(contributionReaction ? contributionReaction : reactions.default ? reactions.default : null), disabled: isLoading || Boolean(error), loading: isVoting, className: (0, classnames_1.default)(classes.root, className, {
             [classes.voted]: scUserContext.user && contributionVoted
-        }) }, rest, rootProps), scUserContext.user && contributionVoted ? (contributionReaction ? (react_1.default.createElement(Icon_1.default, null,
-        react_1.default.createElement("img", { alt: contributionReaction.label, src: contributionReaction.image, width: "100%", height: "100%" }))) : (react_1.default.createElement(Icon_1.default, null, "thumb_up"))) : (react_1.default.createElement(Icon_1.default, null, "thumb_up_off_alt"))));
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        reactions.default ? (button) : (react_1.default.createElement(material_1.Tooltip, { title: contributionVoted ? (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.voteButton.voteDown", defaultMessage: "ui.voteButton.voteDown" })) : (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.voteButton.voteUp", defaultMessage: "ui.voteButton.voteUp" })) },
-            react_1.default.createElement("span", null, button))),
-        reactions.default && (react_1.default.createElement(PopperRoot, { id: `vote_${contributionId}_${contributionType}_popper`, className: classes.popperRoot, open: Boolean(anchorEl) && !isVoting && !isLoading, anchorEl: anchorEl, placement: "top", keepMounted: true },
-            react_1.default.createElement(material_1.Paper, { className: classes.reactionList, onMouseEnter: handleClearTimeout, onMouseLeave: handleMouseLeave }, reactions.reactions
-                .filter((reaction) => !contributionVoted || (contributionVoted && contributionReaction.id !== reaction.id) ? reaction.active : reaction)
-                .map((reaction) => (react_1.default.createElement(material_1.IconButton, { key: reaction.id, className: classes.reaction, onClick: () => handleVoteAction(reaction) },
-                react_1.default.createElement(Icon_1.default, null,
-                    react_1.default.createElement("img", { alt: reaction.label, src: reaction.image, width: "100%", height: "100%" }))))))))));
+        }) }, rest, rootProps, { children: scUserContext.user && contributionVoted ? (contributionReaction ? ((0, jsx_runtime_1.jsx)(Icon_1.default, { children: (0, jsx_runtime_1.jsx)("img", { alt: contributionReaction.label, src: contributionReaction.image, width: "100%", height: "100%" }) })) : ((0, jsx_runtime_1.jsx)(Icon_1.default, { children: "thumb_up" }))) : ((0, jsx_runtime_1.jsx)(Icon_1.default, { children: "thumb_up_off_alt" })) })));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [reactions.default ? (button) : ((0, jsx_runtime_1.jsx)(material_1.Tooltip, Object.assign({ title: contributionVoted ? ((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.voteButton.voteDown", defaultMessage: "ui.voteButton.voteDown" })) : ((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.voteButton.voteUp", defaultMessage: "ui.voteButton.voteUp" })) }, { children: (0, jsx_runtime_1.jsx)("span", { children: button }) }))), reactions.default && ((0, jsx_runtime_1.jsx)(PopperRoot, Object.assign({ id: `vote_${contributionId}_${contributionType}_popper`, className: classes.popperRoot, open: Boolean(anchorEl) && !isVoting && !isLoading, anchorEl: anchorEl, placement: "top", keepMounted: true }, { children: (0, jsx_runtime_1.jsx)(material_1.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) => ((0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ className: classes.reaction, onClick: () => handleVoteAction(reaction) }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { children: (0, jsx_runtime_1.jsx)("img", { alt: reaction.label, src: reaction.image, width: "100%", height: "100%" }) }) }), reaction.id))) })) })))] }));
 }
 exports.default = VoteButton;

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

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const styles_1 = require("@mui/material/styles");
 const material_1 = require("@mui/material");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
@@ -16,6 +17,6 @@ const Root = (0, styles_1.styled)(material_1.Card, {
 })(({ theme }) => ({}));
 const Widget = (props, ref) => {
     const { className, onHeightChange, onStateChange } = props, rest = tslib_1.__rest(props, ["className", "onHeightChange", "onStateChange"]);
-    return react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest, { ref: ref }));
+    return (0, jsx_runtime_1.jsx)(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest, { ref: ref }));
 };
 exports.default = (0, react_1.forwardRef)(Widget);

package/lib/cjs/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/cjs/constants/ContributionsActionsMenu.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MODERATE_CONTRIBUTION_DELETED = exports.MODERATE_CONTRIBUTION_HIDDEN = exports.SUSPEND_NOTIFICATION_CONTRIBUTION = exports.RESTORE_CONTRIBUTION = exports.DELETE_CONTRIBUTION = exports.EDIT_CONTRIBUTION = exports.GET_CONTRIBUTION_PERMALINK = exports.DELETE_CONTRIBUTION_SECTION = exports.HIDE_CONTRIBUTION_SECTION = exports.FLAG_CONTRIBUTION_SECTION = exports.GENERAL_SECTION = void 0;
+exports.MODERATE_CONTRIBUTION_DELETED = exports.MODERATE_CONTRIBUTION_HIDDEN = exports.SUSPEND_NOTIFICATION_EVENT = exports.SUSPEND_NOTIFICATION_CONTRIBUTION = exports.RESTORE_CONTRIBUTION = exports.DELETE_CONTRIBUTION = exports.EDIT_CONTRIBUTION = exports.GET_CONTRIBUTION_PERMALINK = exports.DELETE_CONTRIBUTION_SECTION = exports.HIDE_CONTRIBUTION_SECTION = exports.FLAG_CONTRIBUTION_SECTION = exports.GENERAL_SECTION = void 0;
 /**
  * Sections
  * @type {string}
@@ -17,5 +17,6 @@ exports.EDIT_CONTRIBUTION = '_edit_contribution';
 exports.DELETE_CONTRIBUTION = '_delete_contribution';
 exports.RESTORE_CONTRIBUTION = '_restore_contribution';
 exports.SUSPEND_NOTIFICATION_CONTRIBUTION = '_suspend_notification_contribution';
+exports.SUSPEND_NOTIFICATION_EVENT = '_suspend_notification_event';
 exports.MODERATE_CONTRIBUTION_HIDDEN = '_moderate_contribution_hidden';
 exports.MODERATE_CONTRIBUTION_DELETED = '_moderate_contribution_deleted';

package/lib/cjs/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/cjs/constants/Event.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EVENT_DESCRIPTION_MAX_LENGTH = exports.EVENT_TITLE_MAX_LENGTH = void 0;
+exports.EVENT_TITLE_MAX_LENGTH = 50;
+exports.EVENT_DESCRIPTION_MAX_LENGTH = 500;

package/lib/cjs/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/cjs/constants/EventActionsMenu.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ADD_EVENT_TO_CALENDAR = exports.CANCEL_EVENT = exports.GET_EVENT_LINK = void 0;
+/**
+ * Actions
+ */
+exports.GET_EVENT_LINK = '_get_link';
+exports.CANCEL_EVENT = '_cancel_event';
+exports.ADD_EVENT_TO_CALENDAR = '_add_event_to_calendar';

package/lib/cjs/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/cjs/constants/Media.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MAX_GRID_IMAGES = exports.MEDIA_EMBED_SC_LINK_TYPE = exports.MEDIA_TYPE_EMBED = exports.MEDIA_TYPE_SHARE = exports.MEDIA_TYPE_URL = exports.MEDIA_TYPE_LINK = exports.MEDIA_TYPE_DOCUMENT = exports.MEDIA_TYPE_VIDEO = exports.MEDIA_TYPE_IMAGE = void 0;
+exports.MAX_GRID_IMAGES = exports.MEDIA_EMBED_SC_SHARED_EVENT = exports.MEDIA_EMBED_SC_SHARED_OBJECT = exports.MEDIA_EMBED_SC_LINK_TYPE = exports.MEDIA_TYPE_EVENT = exports.MEDIA_TYPE_EMBED = exports.MEDIA_TYPE_SHARE = exports.MEDIA_TYPE_URL = exports.MEDIA_TYPE_LINK = exports.MEDIA_TYPE_DOCUMENT = exports.MEDIA_TYPE_VIDEO = exports.MEDIA_TYPE_IMAGE = void 0;
 exports.MEDIA_TYPE_IMAGE = 'image';
 exports.MEDIA_TYPE_VIDEO = 'video';
 exports.MEDIA_TYPE_DOCUMENT = 'doc';
@@ -8,10 +8,13 @@ exports.MEDIA_TYPE_LINK = 'link';
 exports.MEDIA_TYPE_URL = 'url';
 exports.MEDIA_TYPE_SHARE = 'share';
 exports.MEDIA_TYPE_EMBED = 'embed';
+exports.MEDIA_TYPE_EVENT = 'event';
 /**
  * Embed types
  **/
 exports.MEDIA_EMBED_SC_LINK_TYPE = 'sc_link';
+exports.MEDIA_EMBED_SC_SHARED_OBJECT = 'sc_shared_object';
+exports.MEDIA_EMBED_SC_SHARED_EVENT = 'sc_shared_event';
 /**
  * Grid Images
  * MAX_GRID_IMAGES: max number of box rendered in feed preview

package/lib/cjs/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/cjs/constants/PubSub.js

@@ -1,22 +1,23 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SCEventType = exports.SCTopicType = void 0;
+exports.SCGroupEventType = exports.SCTopicType = void 0;
 /**
  * Define topics for pubsub
  */
 var SCTopicType;
 (function (SCTopicType) {
     SCTopicType["GROUP"] = "group";
+    SCTopicType["EVENT"] = "event";
 })(SCTopicType = exports.SCTopicType || (exports.SCTopicType = {}));
 /**
- * Event types
+ * Group/Event event types
  */
-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 = exports.SCEventType || (exports.SCEventType = {}));
+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 = exports.SCGroupEventType || (exports.SCGroupEventType = {}));