@selfcommunity/react-ui 0.7.0-alpha.99 → 0.7.0

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

@@ -1,63 +1,43 @@
-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';
 import { defineMessages, useIntl } from 'react-intl';
 import DateTimeAgo from '../../../../../shared/DateTimeAgo';
 import classNames from 'classnames';
-import { useThemeProps } from '@mui/system';
 import BaseItem from '../../../../../shared/BaseItem';
+import UserDeletedSnackBar from '../../../../../shared/UserDeletedSnackBar';
+import { PREFIX } from '../../../constants';
 const messages = defineMessages({
     vote: {
         id: 'ui.feedObject.relevantActivities.vote',
         defaultMessage: 'ui.feedObject.relevantActivities.vote'
     }
 });
-const PREFIX = 'SCVoteUpRelevantActivity';
 const classes = {
-    root: `${PREFIX}-root`,
-    avatar: `${PREFIX}-avatar`,
-    username: `${PREFIX}-username`
+    root: `${PREFIX}-activity-vote-up-root`,
+    avatar: `${PREFIX}-activity-vote-up-avatar`,
+    username: `${PREFIX}-activity-vote-up-username`
 };
 const Root = styled(BaseItem, {
     name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({
-    [`& .${classes.username}`]: {
-        color: 'inherit'
-    },
-    [`& .${classes.avatar}`]: {
-        width: theme.selfcommunity.user.avatar.sizeMedium,
-        height: theme.selfcommunity.user.avatar.sizeMedium
-    }
-}));
-export default function VoteUpRelevantActivity(inProps) {
+    slot: 'ActivityVoteUpRoot'
+})(() => ({}));
+export default function VoteUpRelevantActivity(props) {
     // PROPS
-    const props = useThemeProps({
-        props: inProps,
-        name: PREFIX
-    });
     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}
@@ -33,5 +33,4 @@ export interface ContributorsFeedObjectProps {
      */
     [p: string]: any;
 }
-export default function ContributorsFeedObject(inProps: ContributorsFeedObjectProps): JSX.Element;
-//# sourceMappingURL=Contributors.d.ts.map
+export default function ContributorsFeedObject(props: ContributorsFeedObjectProps): JSX.Element;

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

@@ -1,64 +1,28 @@
-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';
 import InfiniteScroll from '../../../shared/InfiniteScroll';
 import User from '../../User';
 import classNames from 'classnames';
-import { useThemeProps } from '@mui/system';
 import ContributorsSkeleton from './Skeleton';
-const PREFIX = 'SCContributorsFeedObject';
+import { PREFIX } from '../constants';
 const classes = {
-    root: `${PREFIX}-root`,
-    avatarGroup: `${PREFIX}-avatarGroup`,
-    btnParticipants: `${PREFIX}-btn-participants`
+    root: `${PREFIX}-contributors-root`,
+    avatarGroup: `${PREFIX}-contributors-avatarGroup`,
+    btnParticipants: `${PREFIX}-contributors-btn-participants`
 };
 const Root = styled(Box, {
     name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({
-    minHeight: 40,
-    marginTop: 0,
-    marginBottom: 0,
-    [`& .${classes.btnParticipants}`]: {
-        marginLeft: -10
-    },
-    ['& .MuiAvatarGroup-root']: {
-        justifyContent: 'flex-end'
-    },
-    ['& .MuiAvatar-root']: {
-        backgroundColor: '#d5d5d5',
-        border: '2px solid #FFF !important',
-        color: '#FFF',
-        fontSize: '0.55rem',
-        width: theme.selfcommunity.user.avatar.sizeSmall,
-        height: theme.selfcommunity.user.avatar.sizeSmall,
-        marginLeft: theme.spacing(-1),
-        lineHeight: '24px'
-    }
-}));
-export default function ContributorsFeedObject(inProps) {
+    slot: 'ContributorsRoot'
+})(() => ({}));
+export default function ContributorsFeedObject(props) {
     // PROPS
-    const props = useThemeProps({
-        props: inProps,
-        name: PREFIX
-    });
     const { className = null, feedObjectId = null, feedObject = null, feedObjectType = null, ContributorsSkeletonProps = {}, cacheStrategy = CacheStrategies.CACHE_FIRST } = props, rest = __rest(props, ["className", "feedObjectId", "feedObject", "feedObjectType", "ContributorsSkeletonProps", "cacheStrategy"]);
     const contributorsObject = useSCFetchContributors({
         id: feedObjectId,
@@ -91,10 +55,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

@@ -21,14 +21,13 @@ export interface ContributorsSkeleton extends BoxProps {
 
  #### Component Name
 
- The name `SCContributorsSkeleton` can be used when providing style overrides in the theme.
+ The name `SCFeedObject-contributors-skeleton-root` can be used when providing style overrides in the theme.
 
  #### CSS
 
  |Rule Name|Global class|Description|
  |---|---|---|
- |root|.SCContributorsSkeleton-root|Styles applied to the root element.|
+ |root|.SCFeedObject-contributors-skeleton-root|Styles applied to the root element.|
  *
  */
 export default function ContributorsSkeleton(props: any): JSX.Element;
-//# sourceMappingURL=Skeleton.d.ts.map

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

@@ -1,34 +1,19 @@
-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';
 import { FormattedMessage } from 'react-intl';
 import AvatarGroupSkeleton from '../../Skeleton/AvatarGroupSkeleton';
 import classNames from 'classnames';
-const PREFIX = 'SCContributorsSkeleton';
+import { PREFIX } from '../constants';
 const classes = {
-    root: `${PREFIX}-root`,
+    root: `${PREFIX}-contributors-skeleton-root`,
     btnParticipants: `${PREFIX}-btn-participants`
 };
 const Root = styled(Box, {
     name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({
-    [`& .${classes.btnParticipants}`]: {
-        marginLeft: -10
-    }
-}));
+    slot: 'ContributorsSkeletonRoot'
+})(() => ({}));
 /**
  * > API documentation for the Community-JS Contributors Skeleton component. Learn about the available props and the CSS API.
 
@@ -40,13 +25,13 @@ const Root = styled(Box, {
 
  #### Component Name
 
- The name `SCContributorsSkeleton` can be used when providing style overrides in the theme.
+ The name `SCFeedObject-contributors-skeleton-root` can be used when providing style overrides in the theme.
 
  #### CSS
 
  |Rule Name|Global class|Description|
  |---|---|---|
- |root|.SCContributorsSkeleton-root|Styles applied to the root element.|
+ |root|.SCFeedObject-contributors-skeleton-root|Styles applied to the root element.|
  *
  */
 export default function ContributorsSkeleton(props) {
@@ -57,4 +42,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

@@ -1,6 +1,5 @@
 import { CardProps } from '@mui/material';
 import { FeedObjectSkeletonProps } from './Skeleton';
-import { MediaPreviewProps } from '../../shared/MediasPreview';
 import { ActionsProps } from './Actions';
 import { PollObjectProps } from './Poll';
 import { ContributorsFeedObjectProps } from './Contributors';
@@ -8,11 +7,12 @@ 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';
+import { FeedObjectMediaPreviewProps } from '../FeedObjectMediaPreview';
 export interface FeedObjectProps extends CardProps, VirtualScrollerItemProps {
     /**
      * Id of the feedObject
@@ -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}
@@ -105,23 +115,23 @@ export interface FeedObjectProps extends CardProps, VirtualScrollerItemProps {
      * Props to spread to MediasPreview component
      * @default {}
      */
-    MediasPreviewProps?: MediaPreviewProps;
+    FeedObjectMediaPreviewProps?: FeedObjectMediaPreviewProps;
     /**
      * Props to spread to PollObject component
      * @default {}
      */
     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}
@@ -147,10 +157,6 @@ export interface FeedObjectProps extends CardProps, VirtualScrollerItemProps {
      * @default CacheStrategies.CACHE_FIRST
      */
     cacheStrategy?: CacheStrategies;
-    /**
-     * A search term used for highlighting matching results
-     */
-    search?: string;
     /**
      * Other props
      */
@@ -158,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
 
@@ -175,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.|
@@ -189,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