@selfcommunity/react-ui 0.7.0-alpha.32 → 0.7.0-alpha.320

package/lib/esm/components/FeedObject/Activities/RelevantActivities/CommentActivity/CommentActivity.js

@@ -1,15 +1,5 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from 'react';
+import { __rest } from "tslib";
+import React, { useState } from 'react';
 import { styled } from '@mui/material/styles';
 import { Avatar } from '@mui/material';
 import { Link, SCRoutes, useSCRouting } from '@selfcommunity/react-core';
@@ -18,6 +8,7 @@ import DateTimeAgo from '../../../../../shared/DateTimeAgo';
 import classNames from 'classnames';
 import { useThemeProps } from '@mui/system';
 import BaseItem from '../../../../../shared/BaseItem';
+import UserDeletedSnackBar from '../../../../../shared/UserDeletedSnackBar';
 const messages = defineMessages({
     comment: {
         id: 'ui.feedObject.relevantActivities.comment',
@@ -38,6 +29,10 @@ const Root = styled(BaseItem, {
     [`& .${classes.username}`]: {
         color: 'inherit'
     },
+    [`& .${classes.avatar}`]: {
+        width: theme.selfcommunity.user.avatar.sizeMedium,
+        height: theme.selfcommunity.user.avatar.sizeMedium
+    },
     '& .SCBaseItem-secondary': {
         display: 'flex',
         flexDirection: 'row',
@@ -53,13 +48,16 @@ export default function CommentRelevantActivity(inProps) {
     const { className = null, activityObject = null } = props, rest = __rest(props, ["className", "activityObject"]);
     // CONTEXT
     const scRoutingContext = useSCRouting();
+    // STATE
+    const [openAlert, setOpenAlert] = useState(false);
     // INTL
     const intl = useIntl();
     // RENDER
-    return (React.createElement(Root, Object.assign({}, rest, { className: classNames(classes.root, className), image: React.createElement(Link, { to: scRoutingContext.url(SCRoutes.USER_PROFILE_ROUTE_NAME, activityObject.author) },
-            React.createElement(Avatar, { alt: activityObject.author.username, variant: "circular", src: activityObject.author.avatar, className: classes.avatar })), primary: React.createElement(React.Fragment, null, intl.formatMessage(messages.comment, {
-            username: (React.createElement(Link, { to: scRoutingContext.url(SCRoutes.USER_PROFILE_ROUTE_NAME, activityObject.author), className: classes.username }, activityObject.author.username)),
-            comment: activityObject.comment.summary
-        })), secondary: React.createElement(DateTimeAgo, { date: activityObject.active_at }) })));
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Root, Object.assign({}, rest, { className: classNames(classes.root, className), image: React.createElement(Link, Object.assign({}, (!activityObject.author.deleted && { to: scRoutingContext.url(SCRoutes.USER_PROFILE_ROUTE_NAME, activityObject.author) }), { onClick: activityObject.author.deleted ? () => setOpenAlert(true) : null }),
+                React.createElement(Avatar, { alt: activityObject.author.username, variant: "circular", src: activityObject.author.avatar, className: classes.avatar })), primary: React.createElement(React.Fragment, null, intl.formatMessage(messages.comment, {
+                username: (React.createElement(Link, Object.assign({}, (!activityObject.author.deleted && { to: scRoutingContext.url(SCRoutes.USER_PROFILE_ROUTE_NAME, activityObject.author) }), { onClick: activityObject.author.deleted ? () => setOpenAlert(true) : null, className: classes.username }), activityObject.author.username)),
+                comment: activityObject.comment.summary
+            })), secondary: React.createElement(DateTimeAgo, { date: activityObject.active_at }) })),
+        openAlert && React.createElement(UserDeletedSnackBar, { open: openAlert, handleClose: () => setOpenAlert(false) })));
 }
-//# sourceMappingURL=CommentActivity.js.map

package/lib/esm/components/FeedObject/Activities/RelevantActivities/CommentActivity/index.d.ts

@@ -1,3 +1,2 @@
 import CommentRelevantActivity from './CommentActivity';
 export default CommentRelevantActivity;
-//# sourceMappingURL=index.d.ts.map

package/lib/esm/components/FeedObject/Activities/RelevantActivities/CommentActivity/index.js

@@ -1,3 +1,2 @@
 import CommentRelevantActivity from './CommentActivity';
 export default CommentRelevantActivity;
-//# sourceMappingURL=index.js.map

package/lib/esm/components/FeedObject/Activities/RelevantActivities/FollowActivity/FollowActivity.d.ts

@@ -1,3 +1,2 @@
 import { ActionsRelevantActivityProps } from '../ActionsRelevantActivity';
 export default function FollowRelevantActivity(inProps: ActionsRelevantActivityProps): JSX.Element;
-//# sourceMappingURL=FollowActivity.d.ts.map

package/lib/esm/components/FeedObject/Activities/RelevantActivities/FollowActivity/FollowActivity.js

@@ -1,15 +1,5 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from 'react';
+import { __rest } from "tslib";
+import React, { useState } from 'react';
 import { styled } from '@mui/material/styles';
 import { Avatar } from '@mui/material';
 import { Link, SCRoutes, useSCRouting } from '@selfcommunity/react-core';
@@ -18,6 +8,7 @@ import DateTimeAgo from '../../../../../shared/DateTimeAgo';
 import classNames from 'classnames';
 import { useThemeProps } from '@mui/system';
 import BaseItem from '../../../../../shared/BaseItem';
+import UserDeletedSnackBar from '../../../../../shared/UserDeletedSnackBar';
 const messages = defineMessages({
     follow: {
         id: 'ui.feedObject.relevantActivities.follow',
@@ -37,6 +28,10 @@ const Root = styled(BaseItem, {
 })(({ theme }) => ({
     [`& .${classes.username}`]: {
         color: 'inherit'
+    },
+    [`& .${classes.avatar}`]: {
+        width: theme.selfcommunity.user.avatar.sizeMedium,
+        height: theme.selfcommunity.user.avatar.sizeMedium
     }
 }));
 export default function FollowRelevantActivity(inProps) {
@@ -48,12 +43,15 @@ export default function FollowRelevantActivity(inProps) {
     const { className = null, activityObject = null } = props, rest = __rest(props, ["className", "activityObject"]);
     // CONTEXT
     const scRoutingContext = useSCRouting();
+    // STATE
+    const [openAlert, setOpenAlert] = useState(false);
     // INTL
     const intl = useIntl();
     // RENDER
-    return (React.createElement(Root, Object.assign({}, rest, { className: classNames(classes.root, className), image: React.createElement(Link, { to: scRoutingContext.url(SCRoutes.USER_PROFILE_ROUTE_NAME, activityObject.author) },
-            React.createElement(Avatar, { alt: activityObject.author.username, variant: "circular", src: activityObject.author.avatar, className: classes.avatar })), primary: React.createElement(React.Fragment, null, intl.formatMessage(messages.follow, {
-            username: (React.createElement(Link, { to: scRoutingContext.url(SCRoutes.USER_PROFILE_ROUTE_NAME, activityObject.author), className: classes.username }, activityObject.author.username))
-        })), secondary: React.createElement(DateTimeAgo, { date: activityObject.active_at }) })));
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Root, Object.assign({}, rest, { className: classNames(classes.root, className), image: React.createElement(Link, Object.assign({}, (!activityObject.author.deleted && { to: scRoutingContext.url(SCRoutes.USER_PROFILE_ROUTE_NAME, activityObject.author) }), { onClick: activityObject.author.deleted ? () => setOpenAlert(true) : null }),
+                React.createElement(Avatar, { alt: activityObject.author.username, variant: "circular", src: activityObject.author.avatar, className: classes.avatar })), primary: React.createElement(React.Fragment, null, intl.formatMessage(messages.follow, {
+                username: (React.createElement(Link, Object.assign({}, (!activityObject.author.deleted && { to: scRoutingContext.url(SCRoutes.USER_PROFILE_ROUTE_NAME, activityObject.author) }), { onClick: activityObject.author.deleted ? () => setOpenAlert(true) : null, className: classes.username }), activityObject.author.username))
+            })), secondary: React.createElement(DateTimeAgo, { date: activityObject.active_at }) })),
+        openAlert && React.createElement(UserDeletedSnackBar, { open: openAlert, handleClose: () => setOpenAlert(false) })));
 }
-//# sourceMappingURL=FollowActivity.js.map

package/lib/esm/components/FeedObject/Activities/RelevantActivities/FollowActivity/index.d.ts

@@ -1,3 +1,2 @@
 import FollowRelevantActivity from './FollowActivity';
 export default FollowRelevantActivity;
-//# sourceMappingURL=index.d.ts.map

package/lib/esm/components/FeedObject/Activities/RelevantActivities/FollowActivity/index.js

@@ -1,3 +1,2 @@
 import FollowRelevantActivity from './FollowActivity';
 export default FollowRelevantActivity;
-//# sourceMappingURL=index.js.map

package/lib/esm/components/FeedObject/Activities/RelevantActivities/PollVoteActivity/PollVoteActivity.d.ts

@@ -1,3 +1,2 @@
 import { ActionsRelevantActivityProps } from '../ActionsRelevantActivity';
 export default function PollVoteRelevantActivity(inProps: ActionsRelevantActivityProps): JSX.Element;
-//# sourceMappingURL=PollVoteActivity.d.ts.map

package/lib/esm/components/FeedObject/Activities/RelevantActivities/PollVoteActivity/PollVoteActivity.js

@@ -1,15 +1,5 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from 'react';
+import { __rest } from "tslib";
+import React, { useState } from 'react';
 import { styled } from '@mui/material/styles';
 import { Avatar } from '@mui/material';
 import { Link, SCRoutes, useSCRouting } from '@selfcommunity/react-core';
@@ -18,6 +8,7 @@ import DateTimeAgo from '../../../../../shared/DateTimeAgo';
 import classNames from 'classnames';
 import { useThemeProps } from '@mui/system';
 import BaseItem from '../../../../../shared/BaseItem';
+import UserDeletedSnackBar from '../../../../../shared/UserDeletedSnackBar';
 const messages = defineMessages({
     pollVote: {
         id: 'ui.feedObject.relevantActivities.pollVote',
@@ -37,6 +28,10 @@ const Root = styled(BaseItem, {
 })(({ theme }) => ({
     [`& .${classes.username}`]: {
         color: 'inherit'
+    },
+    [`& .${classes.avatar}`]: {
+        width: theme.selfcommunity.user.avatar.sizeMedium,
+        height: theme.selfcommunity.user.avatar.sizeMedium
     }
 }));
 export default function PollVoteRelevantActivity(inProps) {
@@ -48,12 +43,15 @@ export default function PollVoteRelevantActivity(inProps) {
     const { className = null, activityObject = null } = props, rest = __rest(props, ["className", "activityObject"]);
     // CONTEXT
     const scRoutingContext = useSCRouting();
+    // STATE
+    const [openAlert, setOpenAlert] = useState(false);
     // INTL
     const intl = useIntl();
     // RENDER
-    return (React.createElement(Root, Object.assign({}, rest, { className: classNames(classes.root, className), image: React.createElement(Link, { to: scRoutingContext.url(SCRoutes.USER_PROFILE_ROUTE_NAME, activityObject.author) },
-            React.createElement(Avatar, { alt: activityObject.author.username, variant: "circular", src: activityObject.author.avatar, className: classes.avatar })), primary: React.createElement(React.Fragment, null, intl.formatMessage(messages.pollVote, {
-            username: (React.createElement(Link, { to: scRoutingContext.url(SCRoutes.USER_PROFILE_ROUTE_NAME, activityObject.author), className: classes.username }, activityObject.author.username))
-        })), secondary: React.createElement(DateTimeAgo, { date: activityObject.active_at }) })));
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Root, Object.assign({}, rest, { className: classNames(classes.root, className), image: React.createElement(Link, Object.assign({}, (!activityObject.author.deleted && { to: scRoutingContext.url(SCRoutes.USER_PROFILE_ROUTE_NAME, activityObject.author) }), { onClick: activityObject.author.deleted ? () => setOpenAlert(true) : null }),
+                React.createElement(Avatar, { alt: activityObject.author.username, variant: "circular", src: activityObject.author.avatar, className: classes.avatar })), primary: React.createElement(React.Fragment, null, intl.formatMessage(messages.pollVote, {
+                username: (React.createElement(Link, Object.assign({}, (!activityObject.author.deleted && { to: scRoutingContext.url(SCRoutes.USER_PROFILE_ROUTE_NAME, activityObject.author) }), { onClick: activityObject.author.deleted ? () => setOpenAlert(true) : null, className: classes.username }), activityObject.author.username))
+            })), secondary: React.createElement(DateTimeAgo, { date: activityObject.active_at }) })),
+        openAlert && React.createElement(UserDeletedSnackBar, { open: openAlert, handleClose: () => setOpenAlert(false) })));
 }
-//# sourceMappingURL=PollVoteActivity.js.map

package/lib/esm/components/FeedObject/Activities/RelevantActivities/PollVoteActivity/index.d.ts

@@ -1,3 +1,2 @@
 import PollVoteRelevantActivity from './PollVoteActivity';
 export default PollVoteRelevantActivity;
-//# sourceMappingURL=index.d.ts.map

package/lib/esm/components/FeedObject/Activities/RelevantActivities/PollVoteActivity/index.js

@@ -1,3 +1,2 @@
 import PollVoteRelevantActivity from './PollVoteActivity';
 export default PollVoteRelevantActivity;
-//# sourceMappingURL=index.js.map

package/lib/esm/components/FeedObject/Activities/RelevantActivities/RelevantActivities.d.ts

@@ -21,4 +21,3 @@ export interface RelevantActivitiesProps {
     [p: string]: any;
 }
 export default function RelevantActivities(inProps: RelevantActivitiesProps): JSX.Element;
-//# sourceMappingURL=RelevantActivities.d.ts.map

package/lib/esm/components/FeedObject/Activities/RelevantActivities/RelevantActivities.js

@@ -1,14 +1,4 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
+import { __rest } from "tslib";
 import React, { useState } from 'react';
 import { styled } from '@mui/material/styles';
 import { Box, Collapse, List, ListItem, ListItemButton, ListItemText, Typography } from '@mui/material';
@@ -78,4 +68,3 @@ export default function RelevantActivities(inProps) {
             openOtherActivities ? React.createElement(Icon, null, "expand_less") : React.createElement(Icon, null, "expand_more"))),
         React.createElement(Collapse, { in: openOtherActivities, timeout: "auto", unmountOnExit: true }, activities.slice(showMaxRelevantActivities).map((a, i) => (React.createElement(ListItem, { className: classes.activity, key: i }, renderActivity(a, i)))))))));
 }
-//# sourceMappingURL=RelevantActivities.js.map

package/lib/esm/components/FeedObject/Activities/RelevantActivities/VoteUpActivity/VoteUpActivity.d.ts

@@ -1,3 +1,2 @@
 import { ActionsRelevantActivityProps } from '../ActionsRelevantActivity';
 export default function VoteUpRelevantActivity(inProps: ActionsRelevantActivityProps): JSX.Element;
-//# sourceMappingURL=VoteUpActivity.d.ts.map

package/lib/esm/components/FeedObject/Activities/RelevantActivities/VoteUpActivity/VoteUpActivity.js

@@ -1,15 +1,5 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from 'react';
+import { __rest } from "tslib";
+import React, { useState } from 'react';
 import { styled } from '@mui/material/styles';
 import { Avatar } from '@mui/material';
 import { Link, SCRoutes, useSCRouting } from '@selfcommunity/react-core';
@@ -18,6 +8,7 @@ import DateTimeAgo from '../../../../../shared/DateTimeAgo';
 import classNames from 'classnames';
 import { useThemeProps } from '@mui/system';
 import BaseItem from '../../../../../shared/BaseItem';
+import UserDeletedSnackBar from '../../../../../shared/UserDeletedSnackBar';
 const messages = defineMessages({
     vote: {
         id: 'ui.feedObject.relevantActivities.vote',
@@ -37,6 +28,10 @@ const Root = styled(BaseItem, {
 })(({ theme }) => ({
     [`& .${classes.username}`]: {
         color: 'inherit'
+    },
+    [`& .${classes.avatar}`]: {
+        width: theme.selfcommunity.user.avatar.sizeMedium,
+        height: theme.selfcommunity.user.avatar.sizeMedium
     }
 }));
 export default function VoteUpRelevantActivity(inProps) {
@@ -48,12 +43,15 @@ export default function VoteUpRelevantActivity(inProps) {
     const { className = null, activityObject = null } = props, rest = __rest(props, ["className", "activityObject"]);
     // CONTEXT
     const scRoutingContext = useSCRouting();
+    // STATE
+    const [openAlert, setOpenAlert] = useState(false);
     // INTL
     const intl = useIntl();
     // RENDER
-    return (React.createElement(Root, Object.assign({}, rest, { className: classNames(classes.root, className), image: React.createElement(Link, { to: scRoutingContext.url(SCRoutes.USER_PROFILE_ROUTE_NAME, activityObject.author) },
-            React.createElement(Avatar, { alt: activityObject.author.username, variant: "circular", src: activityObject.author.avatar, className: classes.avatar })), primary: React.createElement(React.Fragment, null, intl.formatMessage(messages.vote, {
-            username: (React.createElement(Link, { to: scRoutingContext.url(SCRoutes.USER_PROFILE_ROUTE_NAME, activityObject.author), className: classes.username }, activityObject.author.username))
-        })), secondary: React.createElement(DateTimeAgo, { date: activityObject.active_at }) })));
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Root, Object.assign({}, rest, { className: classNames(classes.root, className), image: React.createElement(Link, Object.assign({}, (!activityObject.author.deleted && { to: scRoutingContext.url(SCRoutes.USER_PROFILE_ROUTE_NAME, activityObject.author) }), { onClick: activityObject.author.deleted ? () => setOpenAlert(true) : null }),
+                React.createElement(Avatar, { alt: activityObject.author.username, variant: "circular", src: activityObject.author.avatar, className: classes.avatar })), primary: React.createElement(React.Fragment, null, intl.formatMessage(messages.vote, {
+                username: (React.createElement(Link, Object.assign({}, (!activityObject.author.deleted && { to: scRoutingContext.url(SCRoutes.USER_PROFILE_ROUTE_NAME, activityObject.author) }), { className: classes.username, onClick: activityObject.author.deleted ? () => setOpenAlert(true) : null }), activityObject.author.username))
+            })), secondary: React.createElement(DateTimeAgo, { date: activityObject.active_at }) })),
+        openAlert && React.createElement(UserDeletedSnackBar, { open: openAlert, handleClose: () => setOpenAlert(false) })));
 }
-//# sourceMappingURL=VoteUpActivity.js.map

package/lib/esm/components/FeedObject/Activities/RelevantActivities/VoteUpActivity/index.d.ts

@@ -1,3 +1,2 @@
 import VoteUpRelevantActivity from './VoteUpActivity';
 export default VoteUpRelevantActivity;
-//# sourceMappingURL=index.d.ts.map

package/lib/esm/components/FeedObject/Activities/RelevantActivities/VoteUpActivity/index.js

@@ -1,3 +1,2 @@
 import VoteUpRelevantActivity from './VoteUpActivity';
 export default VoteUpRelevantActivity;
-//# sourceMappingURL=index.js.map

package/lib/esm/components/FeedObject/Activities/RelevantActivities/index.d.ts

@@ -1,4 +1,3 @@
 import RelevantActivities, { RelevantActivitiesProps } from './RelevantActivities';
 export default RelevantActivities;
 export { RelevantActivitiesProps };
-//# sourceMappingURL=index.d.ts.map

package/lib/esm/components/FeedObject/Activities/RelevantActivities/index.js

@@ -1,3 +1,2 @@
 import RelevantActivities from './RelevantActivities';
 export default RelevantActivities;
-//# sourceMappingURL=index.js.map

package/lib/esm/components/FeedObject/Activities/index.d.ts

@@ -3,4 +3,3 @@ import Activities, { ActivitiesProps } from './Activities';
 import RelevantActivities, { RelevantActivitiesProps } from './RelevantActivities';
 export default Activities;
 export { ActivitiesProps, ActivitiesMenu, ActivitiesMenuProps, RelevantActivities, RelevantActivitiesProps };
-//# sourceMappingURL=index.d.ts.map

package/lib/esm/components/FeedObject/Activities/index.js

@@ -3,4 +3,3 @@ import Activities from './Activities';
 import RelevantActivities from './RelevantActivities';
 export default Activities;
 export { ActivitiesMenu, RelevantActivities };
-//# sourceMappingURL=index.js.map

package/lib/esm/components/FeedObject/Contributors/Contributors.d.ts

@@ -1,5 +1,5 @@
 import { CacheStrategies } from '@selfcommunity/utils';
-import { SCFeedObjectType, SCFeedObjectTypologyType } from '@selfcommunity/types';
+import { SCContributionType, SCFeedObjectType } from '@selfcommunity/types';
 export interface ContributorsFeedObjectProps {
     /**
      * Overrides or extends the styles applied to the component.
@@ -17,7 +17,7 @@ export interface ContributorsFeedObjectProps {
     /**
      * feedObjectType
      */
-    feedObjectType: SCFeedObjectTypologyType;
+    feedObjectType: Exclude<SCContributionType, SCContributionType.COMMENT>;
     /**
      * AvatarGroupSkeleton props
      * @default {count: 3}
@@ -34,4 +34,3 @@ export interface ContributorsFeedObjectProps {
     [p: string]: any;
 }
 export default function ContributorsFeedObject(inProps: ContributorsFeedObjectProps): JSX.Element;
-//# sourceMappingURL=Contributors.d.ts.map

package/lib/esm/components/FeedObject/Contributors/Contributors.js

@@ -1,19 +1,9 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
+import { __rest } from "tslib";
 import React, { useEffect, useState } from 'react';
 import { styled } from '@mui/material/styles';
 import { CacheStrategies } from '@selfcommunity/utils';
 import { useSCFetchContributors } from '@selfcommunity/react-core';
-import { Avatar, AvatarGroup, Box, Button, List, ListItem } from '@mui/material';
+import { Avatar, AvatarGroup, Box, Button, List, ListItem, Typography } from '@mui/material';
 import { FormattedMessage } from 'react-intl';
 import BaseDialog from '../../../shared/BaseDialog';
 import CentralProgress from '../../../shared/CentralProgress';
@@ -26,7 +16,6 @@ const PREFIX = 'SCContributorsFeedObject';
 const classes = {
     root: `${PREFIX}-root`,
     avatarGroup: `${PREFIX}-avatarGroup`,
-    avatar: `${PREFIX}-avatar`,
     btnParticipants: `${PREFIX}-btn-participants`
 };
 const Root = styled(Box, {
@@ -34,7 +23,7 @@ const Root = styled(Box, {
     slot: 'Root',
     overridesResolver: (props, styles) => styles.root
 })(({ theme }) => ({
-    minHeight: 40,
+    minHeight: 28,
     marginTop: 0,
     marginBottom: 0,
     [`& .${classes.btnParticipants}`]: {
@@ -48,9 +37,9 @@ const Root = styled(Box, {
         border: '2px solid #FFF !important',
         color: '#FFF',
         fontSize: '0.55rem',
-        width: 24,
-        height: 24,
-        marginLeft: -7,
+        width: theme.selfcommunity.user.avatar.sizeSmall,
+        height: theme.selfcommunity.user.avatar.sizeSmall,
+        marginLeft: theme.spacing(-1),
         lineHeight: '24px'
     }
 }));
@@ -92,10 +81,8 @@ export default function ContributorsFeedObject(inProps) {
                 React.createElement(AvatarGroup, Object.assign({}, rest),
                     contributorsObject.contributors.map((c, i) => (React.createElement(Avatar, { alt: c.username, src: c.avatar, key: i }))),
                     [...Array(Math.max(contributorsObject.total - contributorsObject.contributors.length, 0))].map((x, i) => (React.createElement(Avatar, { key: i }))))),
-            openContributorsDialog && (React.createElement(BaseDialog, { title: React.createElement(FormattedMessage, { defaultMessage: "ui.feedObject.contributors.title", id: "ui.feedObject.contributors.title", values: { total: contributorsObject.total } }), onClose: () => setOpenContributorsDialog(false), open: openContributorsDialog }, contributorsObject.isLoadingNext ? (React.createElement(CentralProgress, { size: 50 })) : (React.createElement(InfiniteScroll, { dataLength: contributorsObject.contributors.length, next: contributorsObject.getNextPage(), hasMoreNext: Boolean(contributorsObject.next), loaderNext: React.createElement(CentralProgress, { size: 30 }), height: 400, endMessage: React.createElement("p", { style: { textAlign: 'center' } },
-                    React.createElement("b", null,
-                        React.createElement(FormattedMessage, { id: "ui.feedObject.contributors.noOtherContributors", defaultMessage: "ui.feedObject.contributors.noOtherContributors" }))) },
+            openContributorsDialog && (React.createElement(BaseDialog, { title: React.createElement(FormattedMessage, { defaultMessage: "ui.feedObject.contributors.title", id: "ui.feedObject.contributors.title", values: { total: contributorsObject.total } }), onClose: () => setOpenContributorsDialog(false), open: openContributorsDialog }, contributorsObject.isLoadingNext ? (React.createElement(CentralProgress, { size: 50 })) : (React.createElement(InfiniteScroll, { dataLength: contributorsObject.contributors.length, next: contributorsObject.getNextPage(), hasMoreNext: Boolean(contributorsObject.next), loaderNext: React.createElement(CentralProgress, { size: 30 }), height: 400, endMessage: React.createElement(Typography, { variant: "body2", align: "center", fontWeight: "bold" },
+                    React.createElement(FormattedMessage, { id: "ui.feedObject.contributors.noOtherContributors", defaultMessage: "ui.feedObject.contributors.noOtherContributors" })) },
                 React.createElement(List, null, contributorsObject.contributors.map((c, i) => (React.createElement(ListItem, { key: i },
                     React.createElement(User, { elevation: 0, user: c, key: c.id, sx: { m: 0 } }))))))))))) : null)))));
 }
-//# sourceMappingURL=Contributors.js.map

package/lib/esm/components/FeedObject/Contributors/Skeleton.d.ts

@@ -31,4 +31,3 @@ export interface ContributorsSkeleton extends BoxProps {
  *
  */
 export default function ContributorsSkeleton(props: any): JSX.Element;
-//# sourceMappingURL=Skeleton.d.ts.map

package/lib/esm/components/FeedObject/Contributors/Skeleton.js

@@ -1,14 +1,4 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
+import { __rest } from "tslib";
 import React from 'react';
 import { styled } from '@mui/material/styles';
 import { Box, Button } from '@mui/material';
@@ -57,4 +47,3 @@ export default function ContributorsSkeleton(props) {
             ":",
             React.createElement(AvatarGroupSkeleton, Object.assign({}, props.AvatarGroupSkeletonProps)))));
 }
-//# sourceMappingURL=Skeleton.js.map

package/lib/esm/components/FeedObject/Contributors/index.d.ts

@@ -1,4 +1,3 @@
 import ContributorsFeedObject, { ContributorsFeedObjectProps } from './Contributors';
 export default ContributorsFeedObject;
 export { ContributorsFeedObjectProps };
-//# sourceMappingURL=index.d.ts.map

package/lib/esm/components/FeedObject/Contributors/index.js

@@ -1,3 +1,2 @@
 import ContributorsFeedObject from './Contributors';
 export default ContributorsFeedObject;
-//# sourceMappingURL=index.js.map

package/lib/esm/components/FeedObject/FeedObject.d.ts

@@ -8,9 +8,9 @@ import { SCFeedObjectActivitiesType, SCFeedObjectTemplateType } from '../../type
 import { ContributionActionsMenuProps } from '../../shared/ContributionActionsMenu';
 import { FollowProps } from './Actions/Follow';
 import { ActivitiesProps } from './Activities';
-import { ReplyCommentObjectProps } from '../CommentObject/ReplyComment';
+import { CommentObjectReplyProps } from '../CommentObjectReply';
 import { CommentObjectProps } from '../CommentObject';
-import { SCFeedObjectType, SCFeedObjectTypologyType } from '@selfcommunity/types';
+import { SCContributionType, SCFeedObjectType } from '@selfcommunity/types';
 import { CacheStrategies } from '@selfcommunity/utils';
 import { VirtualScrollerItemProps } from '../../types/virtualScroller';
 export interface FeedObjectProps extends CardProps, VirtualScrollerItemProps {
@@ -38,7 +38,7 @@ export interface FeedObjectProps extends CardProps, VirtualScrollerItemProps {
      * Feed Object type
      * @default 'post'
      */
-    feedObjectType?: SCFeedObjectTypologyType;
+    feedObjectType?: Exclude<SCContributionType, SCContributionType.COMMENT>;
     /**
      * Mark the FeedObject as read when enter in viewport
      * @default false
@@ -59,6 +59,11 @@ export interface FeedObjectProps extends CardProps, VirtualScrollerItemProps {
      * @default false
      */
     hideFollowAction?: boolean;
+    /**
+     * Show all summary initially (otherwise it will be truncated)
+     * @default false
+     */
+    summaryExpanded?: boolean;
     /**
      * Show activities as default
      * @default false
@@ -76,6 +81,11 @@ export interface FeedObjectProps extends CardProps, VirtualScrollerItemProps {
      * @default false
      */
     hideParticipantsPreview?: boolean;
+    /**
+     * Show poll as default if exist
+     * @default false
+     */
+    pollVisible?: boolean;
     /**
      * Props to spread to ContributionActionsMenu component
      * @default {elevation: 0}
@@ -112,16 +122,16 @@ export interface FeedObjectProps extends CardProps, VirtualScrollerItemProps {
      */
     PollObjectProps?: PollObjectProps;
     /**
-     * ReplyCommentComponent component
-     * Usefull to override the single ReplyComment render component
+     * CommentObjectReplyComponent component
+     * Usefull to override the single CommentObjectReply render component
      * @default CommentObject
      */
-    ReplyCommentComponent?: (inProps: ReplyCommentObjectProps) => JSX.Element;
+    CommentObjectReplyComponent?: (inProps: CommentObjectReplyProps) => JSX.Element;
     /**
      * Props to spread to single reply comment object
      * @default {variant: 'outlined'}
      */
-    ReplyCommentComponentProps?: ReplyCommentObjectProps;
+    CommentObjectReplyComponentProps?: CommentObjectReplyProps;
     /**
      * Props to spread to ContributorsFeedObject component
      * @default {elevation: 0}
@@ -154,6 +164,10 @@ export interface FeedObjectProps extends CardProps, VirtualScrollerItemProps {
 }
 /**
  * > API documentation for the Community-JS Feed Object component. Learn about the available props and the CSS API.
+ *
+ *
+ * This component renders a feed object item (post, discussion or status).
+ * Take a look at our <strong>demo</strong> component [here](/docs/sdk/community-js/react-ui/Components/FeedObject)
 
  #### Import
 
@@ -171,13 +185,18 @@ export interface FeedObjectProps extends CardProps, VirtualScrollerItemProps {
  |Rule Name|Global class|Description|
  |---|---|---|
  |root|.SCFeedObject-root|Styles applied to the root element.|
+ |deleted|.SCFeedObject-deleted|Styles applied to the feed obj when is deleted (visible only for admin and moderator).|
  |header|.SCFeedObject-header|Styles applied to the header of the card.|
+ |category|.SCFeedObject-category|Styles applied to the category element.|
+ |avatar|.SCFeedObject-avatar|Styles applied to the avatar element.|
+ |username|.SCFeedObject-username|Styles applied to the username element.|
+ |activityAt|.SCFeedObject-activity-at|Styles applied to the activity at section.|
  |tag|.SCFeedObject-tag|Styles applied to the tag element.|
+ |location|.SCFeedObject-location|Styles applied to the location element.|
+ |content|.SCFeedObject-content|Styles applied to the content section. Content section include: title-section, text-section, snippetContent, subContent, medias-section, polls-section, info-section.|
+ |error|.SCFeedObject-error|Styles applied to the error element.|
  |title-section|.SCFeedObject-title-section|Styles applied to the title section.|
  |title|.SCFeedObject-title|Styles applied to the title element.|
- |username|.SCFeedObject-username|Styles applied to the username element.|
- |category|.SCFeedObject-category|Styles applied to the category element.|
- |content|.SCFeedObject-content|Styles applied to the content section. Content section include: title-section, text-section, snippetContent, subContent, medias-section, polls-section, info-section.|
  |text-section|.SCFeedObject-text-section|Styles applied to the text section.|
  |text|.SCFeedObject-text|Styles applied to the text element.|
  |snippet|.SCFeedObject-snippet|Styles applied to snippet element.|
@@ -185,15 +204,12 @@ export interface FeedObjectProps extends CardProps, VirtualScrollerItemProps {
  |medias-section|.SCFeedObject-medias-section|Styles applied to the medias section.|
  |polls-section|.SCFeedObject-polls-section|Styles applied to the polls section.|
  |info-section|.SCFeedObject-info-section|Styles applied to the info section.|
- |subContent|.SCFeedObject-sub-content|Styles applied to the sub content (container placed immediately after the content, similar to a footer). Wrap the contributors and the follow button.|
  |actions-section|.SCFeedObject-actions-section|Styles applied to the actions container.|
  |reply-content|.SCFeedObject-reply-content|Styles applied to the reply box.|
  |activitiesSection|.SCFeedObject-activities-section|Styles applied to the activities section element.|
  |activitiesContent|.SCFeedObject-activities-content|Styles applied to the activities content element.|
- |activityAt|.SCFeedObject-activity-at|Styles applied to the activity at section.|
- |deleted|.SCFeedObject-deleted|Styles applied to the feed obj when is deleted (visible only for admin and moderator).|
+ |followButton|.SCFeedObject-follow-button|Styles applied to the follow button element.|
 
  * @param inProps
  */
 export default function FeedObject(inProps: FeedObjectProps): JSX.Element;
-//# sourceMappingURL=FeedObject.d.ts.map