@selfcommunity/react-ui 0.7.0-alpha.349 → 0.7.0-alpha.350

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

@@ -6,17 +6,16 @@ const styles_1 = require("@mui/material/styles");
 const material_1 = require("@mui/material");
 const Skeleton_1 = require("../Skeleton");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const PREFIX = 'SCFeedSkeleton';
+const constants_1 = require("./constants");
 const classes = {
-    root: `${PREFIX}-root`,
-    left: `${PREFIX}-left`,
-    right: `${PREFIX}-right`
+    root: `${constants_1.PREFIX}-skeleton-root`,
+    left: `${constants_1.PREFIX}-left`,
+    right: `${constants_1.PREFIX}-right`
 };
 const Root = (0, styles_1.styled)(material_1.Grid, {
-    name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({}));
+    name: constants_1.PREFIX,
+    slot: 'SkeletonRoot'
+})(() => ({}));
 /**
  * > API documentation for the Community-JS Feed Skeleton component. Learn about the available props and the CSS API.
 
@@ -28,15 +27,15 @@ const Root = (0, styles_1.styled)(material_1.Grid, {
 
  #### Component Name
 
- The name `SCFeedSkeleton` can be used when providing style overrides in the theme.
+ The name `SCFeed-skeleton-root` can be used when providing style overrides in the theme.
 
  #### CSS
 
  |Rule Name|Global class|Description|
  |---|---|---|
- |root|.SCFeedSkeleton-root|Styles applied to the root element.|
- |left|.SCFeedSkeleton-left|Styles applied to the left section.|
- |right|.SCFeedSkeleton-right|Styles applied to the right section.|
+ |root|.SCFeed-skeleton-root|Styles applied to the root element.|
+ |left|.SCFeed-left|Styles applied to the left section.|
+ |right|.SCFeed-right|Styles applied to the right section.|
  *
  */
 function FeedSkeleton(props) {

package/lib/cjs/components/Feed/constants.d.ts

@@ -0,0 +1 @@
+export declare const PREFIX = "SCFeed";

package/lib/cjs/components/Feed/constants.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PREFIX = void 0;
+exports.PREFIX = 'SCFeed';

package/lib/cjs/components/FeedObject/Actions/Actions.d.ts

@@ -65,4 +65,4 @@ export interface ActionsProps {
      */
     ShareActionProps?: ShareProps;
 }
-export default function Actions(inProps: ActionsProps): JSX.Element;
+export default function Actions(props: ActionsProps): JSX.Element;

package/lib/cjs/components/FeedObject/Actions/Actions.js

@@ -10,29 +10,17 @@ const Share_1 = tslib_1.__importDefault(require("./Share"));
 const react_core_1 = require("@selfcommunity/react-core");
 const feedObject_1 = require("../../../types/feedObject");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const system_1 = require("@mui/system");
-const PREFIX = 'SCFeedObjectActions';
+const constants_1 = require("../constants");
 const classes = {
-    root: `${PREFIX}-root`,
-    action: `${PREFIX}-action`
+    root: `${constants_1.PREFIX}-actions-root`,
+    action: `${constants_1.PREFIX}-actions-action`
 };
 const Root = (0, styles_1.styled)(material_1.Grid, {
-    name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(() => ({
-    margin: '0px 0px',
-    color: '#3A3A3A',
-    [`& .${classes.action}`]: {
-        textAlign: 'center'
-    }
-}));
-function Actions(inProps) {
+    name: constants_1.PREFIX,
+    slot: 'ActionsRoot'
+})(() => ({}));
+function Actions(props) {
     // PROPS
-    const props = (0, system_1.useThemeProps)({
-        props: inProps,
-        name: PREFIX
-    });
     const { className, feedObject, feedObjectId = feedObject === null || feedObject === void 0 ? void 0 : feedObject.id, feedObjectType = feedObject === null || feedObject === void 0 ? void 0 : feedObject.type, feedObjectTemplate = feedObject_1.SCFeedObjectTemplateType.PREVIEW, hideVoteAction = false, hideShareAction = false, hideCommentAction = false, handleExpandActivities, VoteActionProps = {}, CommentActionProps = {}, ShareActionProps = {} } = props;
     // STATE
     const { obj } = (0, react_core_1.useSCFetchFeedObject)({ id: feedObjectId, feedObject, feedObjectType });

package/lib/cjs/components/FeedObject/Actions/Comment/Comment.d.ts

@@ -57,4 +57,4 @@ export interface CommentProps {
      */
     [p: string]: any;
 }
-export default function Comment(inProps: CommentProps): JSX.Element;
+export default function Comment(props: CommentProps): JSX.Element;

package/lib/cjs/components/FeedObject/Actions/Comment/Comment.js

@@ -12,7 +12,7 @@ const feedObject_1 = require("../../../../types/feedObject");
 const contribution_1 = require("../../../../utils/contribution");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const Skeleton_1 = tslib_1.__importDefault(require("@mui/material/Skeleton"));
-const system_1 = require("@mui/system");
+const constants_1 = require("../../constants");
 const messages = (0, react_intl_1.defineMessages)({
     comments: {
         id: 'ui.feedObject.comment.comments',
@@ -23,24 +23,18 @@ const messages = (0, react_intl_1.defineMessages)({
         defaultMessage: 'ui.feedObject.comment.comment'
     }
 });
-const PREFIX = 'SCCommentAction';
 const classes = {
-    root: `${PREFIX}-root`,
-    divider: `${PREFIX}-divider`,
-    inline: `${PREFIX}-inline`,
-    button: `${PREFIX}-button`,
-    viewAudienceButton: `${PREFIX}-view-audience-button`
+    root: `${constants_1.PREFIX}-action-comment-root`,
+    divider: `${constants_1.PREFIX}-action-comment-divider`,
+    inline: `${constants_1.PREFIX}-action-comment-inline`,
+    button: `${constants_1.PREFIX}-action-comment-button`,
+    viewAudienceButton: `${constants_1.PREFIX}-action-comment-view-audience-button`
 };
 const Root = (0, styles_1.styled)(material_1.Box, {
-    name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({}));
-function Comment(inProps) {
-    const props = (0, system_1.useThemeProps)({
-        props: inProps,
-        name: PREFIX
-    });
+    name: constants_1.PREFIX,
+    slot: 'ActionCommentRoot'
+})(() => ({}));
+function Comment(props) {
     // PROPS
     const { className, feedObjectId, feedObject, feedObjectType = types_1.SCContributionType.POST, feedObjectTemplate = feedObject_1.SCFeedObjectTemplateType, withAction = true, withAudience = true, inlineAction = false, onViewCommentsAction, onCommentAction } = props, rest = tslib_1.__rest(props, ["className", "feedObjectId", "feedObject", "feedObjectType", "feedObjectTemplate", "withAction", "withAudience", "inlineAction", "onViewCommentsAction", "onCommentAction"]);
     // STATE

package/lib/cjs/components/FeedObject/Actions/Follow/Follow.d.ts

@@ -34,4 +34,4 @@ export interface FollowProps {
      */
     [p: string]: any;
 }
-export default function Follow(inProps: FollowProps): JSX.Element;
+export default function Follow(props: FollowProps): JSX.Element;

package/lib/cjs/components/FeedObject/Actions/Follow/Follow.js

@@ -14,26 +14,20 @@ const types_1 = require("@selfcommunity/types");
 const api_services_1 = require("@selfcommunity/api-services");
 const utils_1 = require("@selfcommunity/utils");
 const react_core_1 = require("@selfcommunity/react-core");
-const system_1 = require("@mui/system");
 const errors_1 = require("../../../../utils/errors");
-const PREFIX = 'SCFollowAction';
+const constants_1 = require("../../constants");
 const classes = {
-    root: `${PREFIX}-root`,
-    button: `${PREFIX}-button`,
-    iconized: `${PREFIX}-iconized`,
-    followed: `${PREFIX}-followed`
+    root: `${constants_1.PREFIX}-action-follow-root`,
+    button: `${constants_1.PREFIX}-action-follow-button`,
+    iconized: `${constants_1.PREFIX}-action-follow-iconized`,
+    followed: `${constants_1.PREFIX}-action-follow-followed`
 };
 const Root = (0, styles_1.styled)(material_1.Box, {
-    name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({}));
-function Follow(inProps) {
+    name: constants_1.PREFIX,
+    slot: 'ActionFollowRoot'
+})(() => ({}));
+function Follow(props) {
     // PROPS
-    const props = (0, system_1.useThemeProps)({
-        props: inProps,
-        name: PREFIX
-    });
     const { className = null, feedObjectId = null, feedObject = null, feedObjectType = types_1.SCContributionType.POST, handleFollow, iconized = true } = props, rest = tslib_1.__rest(props, ["className", "feedObjectId", "feedObject", "feedObjectType", "handleFollow", "iconized"]);
     // STATE
     const { obj, setObj } = (0, react_core_1.useSCFetchFeedObject)({ id: feedObjectId, feedObject, feedObjectType });

package/lib/cjs/components/FeedObject/Actions/Share/Share.d.ts

@@ -41,4 +41,4 @@ export interface ShareProps {
      */
     [p: string]: any;
 }
-export default function Share(inProps: ShareProps): JSX.Element;
+export default function Share(props: ShareProps): JSX.Element;

package/lib/cjs/components/FeedObject/Actions/Share/Share.js

@@ -19,10 +19,10 @@ const types_1 = require("@selfcommunity/types");
 const api_services_1 = require("@selfcommunity/api-services");
 const utils_1 = require("@selfcommunity/utils");
 const react_core_1 = require("@selfcommunity/react-core");
-const system_1 = require("@mui/system");
 const contribution_1 = require("../../../../utils/contribution");
 const SocialShare_1 = require("../../../../constants/SocialShare");
 const Composer_1 = tslib_1.__importDefault(require("../../../Composer"));
+const constants_1 = require("../../constants");
 const messages = (0, react_intl_1.defineMessages)({
     shares: {
         id: 'ui.feedObject.share.shares',
@@ -33,25 +33,19 @@ const messages = (0, react_intl_1.defineMessages)({
         defaultMessage: 'ui.feedObject.share.share'
     }
 });
-const PREFIX = 'SCShareAction';
 const classes = {
-    root: `${PREFIX}-root`,
-    divider: `${PREFIX}-divider`,
-    inline: `${PREFIX}-inline`,
-    button: `${PREFIX}-button`,
-    viewAudienceButton: `${PREFIX}-view-audience-button`
+    root: `${constants_1.PREFIX}-action-share-root`,
+    divider: `${constants_1.PREFIX}-action-share-divider`,
+    inline: `${constants_1.PREFIX}-action-share-inline`,
+    button: `${constants_1.PREFIX}-action-share-button`,
+    viewAudienceButton: `${constants_1.PREFIX}-action-share-view-audience-button`
 };
 const Root = (0, styles_1.styled)(material_1.Box, {
-    name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({}));
-function Share(inProps) {
+    name: constants_1.PREFIX,
+    slot: 'ActionShareRoot'
+})(() => ({}));
+function Share(props) {
     // PROPS
-    const props = (0, system_1.useThemeProps)({
-        props: inProps,
-        name: PREFIX
-    });
     const { className = null, feedObjectId = null, feedObject = null, feedObjectType = types_1.SCContributionType.POST, withAction = true, withAudience = true, inlineAction = false } = props, rest = tslib_1.__rest(props, ["className", "feedObjectId", "feedObject", "feedObjectType", "withAction", "withAudience", "inlineAction"]);
     // STATE
     const theme = (0, material_1.useTheme)();

package/lib/cjs/components/FeedObject/Actions/Vote/Vote.d.ts

@@ -46,4 +46,4 @@ export interface VoteProps {
      */
     [p: string]: any;
 }
-export default function Vote(inProps: VoteProps): JSX.Element;
+export default function Vote(props: VoteProps): JSX.Element;

package/lib/cjs/components/FeedObject/Actions/Vote/Vote.js

@@ -5,27 +5,21 @@ const react_1 = tslib_1.__importDefault(require("react"));
 const material_1 = require("@mui/material");
 const styles_1 = require("@mui/material/styles");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const system_1 = require("@mui/system");
 const VoteButton_1 = tslib_1.__importDefault(require("../../../VoteButton"));
 const VoteAudienceButton_1 = tslib_1.__importDefault(require("../../../VoteAudienceButton"));
-const PREFIX = 'SCVoteAction';
+const constants_1 = require("../../constants");
 const classes = {
-    root: `${PREFIX}-root`,
-    divider: `${PREFIX}-divider`,
-    button: `${PREFIX}-button`,
-    inline: `${PREFIX}-inline`,
-    viewAudienceButton: `${PREFIX}-view-audience-button`
+    root: `${constants_1.PREFIX}-action-vote-root`,
+    divider: `${constants_1.PREFIX}-action-vote-divider`,
+    button: `${constants_1.PREFIX}-action-vote-button`,
+    inline: `${constants_1.PREFIX}-action-vote-inline`,
+    viewAudienceButton: `${constants_1.PREFIX}-action-vote-view-audience-button`
 };
 const Root = (0, styles_1.styled)(material_1.Box, {
-    name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({}));
-function Vote(inProps) {
-    const props = (0, system_1.useThemeProps)({
-        props: inProps,
-        name: PREFIX
-    });
+    name: constants_1.PREFIX,
+    slot: 'ActionVoteRoot'
+})(() => ({}));
+function Vote(props) {
     // PROPS
     const { className = null, feedObjectId = null, feedObject = null, feedObjectType = null, withAudience = true, withAction = true, inlineAction = false, onVoteAction = () => null } = props, rest = tslib_1.__rest(props, ["className", "feedObjectId", "feedObject", "feedObjectType", "withAudience", "withAction", "inlineAction", "onVoteAction"]);
     // RENDER

package/lib/cjs/components/FeedObject/Activities/Activities.d.ts

@@ -68,4 +68,4 @@ export interface ActivitiesProps {
      */
     [p: string]: any;
 }
-export default function Activities(inProps: ActivitiesProps): JSX.Element;
+export default function Activities(props: ActivitiesProps): JSX.Element;

package/lib/cjs/components/FeedObject/Activities/Activities.js

@@ -6,7 +6,6 @@ const styles_1 = require("@mui/material/styles");
 const material_1 = require("@mui/material");
 const comments_1 = require("../../../types/comments");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const system_1 = require("@mui/system");
 const CommentsObject_1 = tslib_1.__importDefault(require("../../CommentsObject"));
 const ActivitiesMenu_1 = tslib_1.__importDefault(require("./ActivitiesMenu"));
 const RelevantActivities_1 = tslib_1.__importDefault(require("./RelevantActivities"));
@@ -15,23 +14,16 @@ const react_core_1 = require("@selfcommunity/react-core");
 const types_1 = require("@selfcommunity/types");
 const utils_1 = require("@selfcommunity/utils");
 const react_intersection_observer_1 = require("react-intersection-observer");
-const PREFIX = 'SCFeedObjectActivities';
+const constants_1 = require("../constants");
 const classes = {
-    root: `${PREFIX}-root`,
-    activities: `${PREFIX}-activities`
+    root: `${constants_1.PREFIX}-activities-root`,
+    activities: `${constants_1.PREFIX}-activities`
 };
 const Root = (0, styles_1.styled)(material_1.Box, {
-    name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({
-    width: '100%'
-}));
-function Activities(inProps) {
-    const props = (0, system_1.useThemeProps)({
-        props: inProps,
-        name: PREFIX
-    });
+    name: constants_1.PREFIX,
+    slot: 'ActivitiesRoot'
+})(() => ({}));
+function Activities(props) {
     // PROPS
     const { id = `feed_object_activities_${props.feedObjectId ? props.feedObjectId : props.feedObject ? props.feedObject.id : ''}`, className, feedObjectId, feedObject, feedObjectType = types_1.SCContributionType.POST, cacheStrategy = utils_1.CacheStrategies.CACHE_FIRST, CommentsObjectProps = {}, CommentComponentProps = { variant: 'outlined' }, feedObjectActivities = [], comments = [], onSetSelectedActivities, activitiesType = feedObject_1.SCFeedObjectActivitiesType.RECENT_COMMENTS } = props, rest = tslib_1.__rest(props, ["id", "className", "feedObjectId", "feedObject", "feedObjectType", "cacheStrategy", "CommentsObjectProps", "CommentComponentProps", "feedObjectActivities", "comments", "onSetSelectedActivities", "activitiesType"]);
     const { ref, inView } = (0, react_intersection_observer_1.useInView)({ triggerOnce: true });
@@ -99,7 +91,7 @@ function Activities(inProps) {
         (Boolean(commentsObject.feedObject.comment_count) ||
             (feedObjectActivities && feedObjectActivities.length > 0) ||
             comments.length > 0 ||
-            (feedObject && feedObject.comment_count > 0)) ? (react_1.default.createElement(material_1.Box, Object.assign({ className: classes.activities }, (existFeedObjectActivities ? {} : { style: { minHeight: `${skeletonsCount * 80}px` } })),
+            (feedObject && feedObject.comment_count > 0)) ? (react_1.default.createElement(material_1.Box, Object.assign({ className: classes.activities }, (existFeedObjectActivities ? {} : { style: { minHeight: `${Math.min(skeletonsCount, feedObject.comment_count) * 80}px` } })),
         react_1.default.createElement(ActivitiesMenu_1.default, { selectedActivities: selectedActivities, hideRelevantActivitiesItem: !existFeedObjectActivities, onChange: handleSelectActivitiesType }),
         selectedActivities === feedObject_1.SCFeedObjectActivitiesType.RELEVANCE_ACTIVITIES ? renderRelevantActivities() : renderComments())) : null));
 }

package/lib/cjs/components/FeedObject/Activities/ActivitiesMenu/ActivitiesMenu.d.ts

@@ -24,4 +24,4 @@ export interface ActivitiesMenuProps {
      */
     [p: string]: any;
 }
-export default function ActivitiesMenu(inProps: ActivitiesMenuProps): JSX.Element;
+export default function ActivitiesMenu(props: ActivitiesMenuProps): JSX.Element;

package/lib/cjs/components/FeedObject/Activities/ActivitiesMenu/ActivitiesMenu.js

@@ -14,7 +14,7 @@ const react_intl_1 = require("react-intl");
 const utils_1 = require("@selfcommunity/utils");
 const react_core_1 = require("@selfcommunity/react-core");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const system_1 = require("@mui/system");
+const constants_1 = require("../../constants");
 const messages = (0, react_intl_1.defineMessages)({
     relevantActivities: {
         id: 'ui.feedObject.activitiesMenu.relevantActivities',
@@ -37,22 +37,16 @@ const messages = (0, react_intl_1.defineMessages)({
         defaultMessage: 'ui.feedObject.activitiesMenu.connectionsComments'
     }
 });
-const PREFIX = 'SCActivitiesMenu';
 const classes = {
-    root: `${PREFIX}-root`,
-    selector: `${PREFIX}-selector`
+    root: `${constants_1.PREFIX}-activities-menu-root`,
+    selector: `${constants_1.PREFIX}-activities-menu-selector`
 };
 const Root = (0, styles_1.styled)(Box_1.default, {
-    name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({}));
-function ActivitiesMenu(inProps) {
+    name: constants_1.PREFIX,
+    slot: 'ActivitiesMenuRoot'
+})(() => ({}));
+function ActivitiesMenu(props) {
     // PROPS
-    const props = (0, system_1.useThemeProps)({
-        props: inProps,
-        name: PREFIX
-    });
     const { className = null, selectedActivities = null, hideRelevantActivitiesItem = false, onChange = null } = props, rest = tslib_1.__rest(props, ["className", "selectedActivities", "hideRelevantActivitiesItem", "onChange"]);
     // CONTEXT
     const scPreferencesContext = (0, react_1.useContext)(react_core_1.SCPreferencesContext);

package/lib/cjs/components/FeedObject/Activities/RelevantActivities/CommentActivity/CommentActivity.d.ts

@@ -1,2 +1,2 @@
 import { ActionsRelevantActivityProps } from '../ActionsRelevantActivity';
-export default function CommentRelevantActivity(inProps: ActionsRelevantActivityProps): JSX.Element;
+export default function CommentRelevantActivity(props: ActionsRelevantActivityProps): JSX.Element;

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

@@ -8,48 +8,29 @@ const react_core_1 = require("@selfcommunity/react-core");
 const react_intl_1 = require("react-intl");
 const DateTimeAgo_1 = tslib_1.__importDefault(require("../../../../../shared/DateTimeAgo"));
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const system_1 = require("@mui/system");
 const BaseItem_1 = tslib_1.__importDefault(require("../../../../../shared/BaseItem"));
 const UserDeletedSnackBar_1 = tslib_1.__importDefault(require("../../../../../shared/UserDeletedSnackBar"));
 const contribution_1 = require("../../../../../utils/contribution");
 const Feed_1 = require("../../../../../constants/Feed");
+const constants_1 = require("../../../constants");
 const messages = (0, react_intl_1.defineMessages)({
     comment: {
         id: 'ui.feedObject.relevantActivities.comment',
         defaultMessage: 'ui.feedObject.relevantActivities.comment'
     }
 });
-const PREFIX = 'SCCommentRelevantActivity';
 const classes = {
-    root: `${PREFIX}-root`,
-    avatar: `${PREFIX}-avatar`,
-    username: `${PREFIX}-username`,
-    showMoreContent: `${PREFIX}-show-more-content`
+    root: `${constants_1.PREFIX}-activity-comment-root`,
+    avatar: `${constants_1.PREFIX}-activity-comment-avatar`,
+    username: `${constants_1.PREFIX}-activity-comment-username`,
+    showMoreContent: `${constants_1.PREFIX}-activity-comment-show-more-content`
 };
 const Root = (0, styles_1.styled)(BaseItem_1.default, {
-    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
-    },
-    '& .SCBaseItem-secondary': {
-        display: 'flex',
-        flexDirection: 'row',
-        alignItems: 'center'
-    }
-}));
-function CommentRelevantActivity(inProps) {
+    name: constants_1.PREFIX,
+    slot: 'ActivityCommentRoot'
+})(() => ({}));
+function CommentRelevantActivity(props) {
     // PROPS
-    const props = (0, system_1.useThemeProps)({
-        props: inProps,
-        name: PREFIX
-    });
     const { className = null, activityObject = null } = props, rest = tslib_1.__rest(props, ["className", "activityObject"]);
     // CONTEXT
     const scRoutingContext = (0, react_core_1.useSCRouting)();
@@ -68,9 +49,9 @@ function CommentRelevantActivity(inProps) {
                 react_1.default.createElement(material_1.Avatar, { alt: activityObject.author.username, variant: "circular", src: activityObject.author.avatar, className: classes.avatar })), primary: react_1.default.createElement(react_1.default.Fragment, null, intl.formatMessage(messages.comment, {
                 username: (react_1.default.createElement(react_core_1.Link, Object.assign({}, (!activityObject.author.deleted && { to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_ROUTE_NAME, activityObject.author) }), { onClick: activityObject.author.deleted ? () => setOpenAlert(true) : null, className: classes.username }), activityObject.author.username)),
                 comment: (react_1.default.createElement(react_1.default.Fragment, null,
-                    summaryHtml,
-                    react_1.default.createElement(react_core_1.Link, { to: scRoutingContext.url(react_core_1.SCRoutes.COMMENT_ROUTE_NAME, (0, contribution_1.getRouteData)(activityObject.comment)), className: classes.showMoreContent },
-                        react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.commentObject.showMore", defaultMessage: "ui.commentObject.showMore" }))))
+                    react_1.default.createElement(material_1.Typography, { variant: "body2", gutterBottom: true, dangerouslySetInnerHTML: { __html: summaryHtml } }),
+                    summaryHtmlTruncated && (react_1.default.createElement(react_core_1.Link, { to: scRoutingContext.url(react_core_1.SCRoutes.COMMENT_ROUTE_NAME, (0, contribution_1.getRouteData)(activityObject.comment)), className: classes.showMoreContent },
+                        react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.commentObject.showMore", defaultMessage: "ui.commentObject.showMore" })))))
             })), secondary: react_1.default.createElement(DateTimeAgo_1.default, { date: activityObject.active_at }) })),
         openAlert && react_1.default.createElement(UserDeletedSnackBar_1.default, { open: openAlert, handleClose: () => setOpenAlert(false) })));
 }

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

@@ -11,36 +11,27 @@ const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const system_1 = require("@mui/system");
 const BaseItem_1 = tslib_1.__importDefault(require("../../../../../shared/BaseItem"));
 const UserDeletedSnackBar_1 = tslib_1.__importDefault(require("../../../../../shared/UserDeletedSnackBar"));
+const constants_1 = require("../../../constants");
 const messages = (0, react_intl_1.defineMessages)({
     follow: {
         id: 'ui.feedObject.relevantActivities.follow',
         defaultMessage: 'ui.feedObject.relevantActivities.follow'
     }
 });
-const PREFIX = 'SCFollowRelevantActivity';
 const classes = {
-    root: `${PREFIX}-root`,
-    avatar: `${PREFIX}-avatar`,
-    username: `${PREFIX}-username`
+    root: `${constants_1.PREFIX}-activity-follow-root`,
+    avatar: `${constants_1.PREFIX}-activity-follow-avatar`,
+    username: `${constants_1.PREFIX}-activity-follow-username`
 };
 const Root = (0, styles_1.styled)(BaseItem_1.default, {
-    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
-    }
-}));
+    name: constants_1.PREFIX,
+    slot: 'ActivityFollowRoot'
+})(() => ({}));
 function FollowRelevantActivity(inProps) {
     // PROPS
     const props = (0, system_1.useThemeProps)({
         props: inProps,
-        name: PREFIX
+        name: constants_1.PREFIX
     });
     const { className = null, activityObject = null } = props, rest = tslib_1.__rest(props, ["className", "activityObject"]);
     // CONTEXT

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

@@ -1,2 +1,2 @@
 import { ActionsRelevantActivityProps } from '../ActionsRelevantActivity';
-export default function PollVoteRelevantActivity(inProps: ActionsRelevantActivityProps): JSX.Element;
+export default function PollVoteRelevantActivity(props: ActionsRelevantActivityProps): JSX.Element;

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

@@ -8,40 +8,26 @@ const react_core_1 = require("@selfcommunity/react-core");
 const react_intl_1 = require("react-intl");
 const DateTimeAgo_1 = tslib_1.__importDefault(require("../../../../../shared/DateTimeAgo"));
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const system_1 = require("@mui/system");
 const BaseItem_1 = tslib_1.__importDefault(require("../../../../../shared/BaseItem"));
 const UserDeletedSnackBar_1 = tslib_1.__importDefault(require("../../../../../shared/UserDeletedSnackBar"));
+const constants_1 = require("../../../constants");
 const messages = (0, react_intl_1.defineMessages)({
     pollVote: {
         id: 'ui.feedObject.relevantActivities.pollVote',
         defaultMessage: 'ui.feedObject.relevantActivities.pollVote'
     }
 });
-const PREFIX = 'SCPollVoteRelevantActivity';
 const classes = {
-    root: `${PREFIX}-root`,
-    avatar: `${PREFIX}-avatar`,
-    username: `${PREFIX}-username`
+    root: `${constants_1.PREFIX}-activity-poll-vote-root`,
+    avatar: `${constants_1.PREFIX}-activity-poll-vote-avatar`,
+    username: `${constants_1.PREFIX}-activity-poll-vote-username`
 };
 const Root = (0, styles_1.styled)(BaseItem_1.default, {
-    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
-    }
-}));
-function PollVoteRelevantActivity(inProps) {
+    name: constants_1.PREFIX,
+    slot: 'ActivityPollVoteRoot'
+})(() => ({}));
+function PollVoteRelevantActivity(props) {
     // PROPS
-    const props = (0, system_1.useThemeProps)({
-        props: inProps,
-        name: PREFIX
-    });
     const { className = null, activityObject = null } = props, rest = tslib_1.__rest(props, ["className", "activityObject"]);
     // CONTEXT
     const scRoutingContext = (0, react_core_1.useSCRouting)();

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

@@ -20,4 +20,4 @@ export interface RelevantActivitiesProps {
      */
     [p: string]: any;
 }
-export default function RelevantActivities(inProps: RelevantActivitiesProps): JSX.Element;
+export default function RelevantActivities(props: RelevantActivitiesProps): JSX.Element;

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

@@ -12,30 +12,17 @@ const VoteUpActivity_1 = tslib_1.__importDefault(require("./VoteUpActivity"));
 const FollowActivity_1 = tslib_1.__importDefault(require("./FollowActivity"));
 const PollVoteActivity_1 = tslib_1.__importDefault(require("./PollVoteActivity"));
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const system_1 = require("@mui/system");
-const PREFIX = 'SCFeedRelevantActivities';
+const constants_1 = require("../../constants");
 const classes = {
-    root: `${PREFIX}-root`,
-    activity: `${PREFIX}-activity`
+    root: `${constants_1.PREFIX}-relevant-activities-root`,
+    activity: `${constants_1.PREFIX}-relevant-activities-activity`
 };
 const Root = (0, styles_1.styled)(material_1.Box, {
-    name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({
-    [`& .MuiList-root, & .${classes.activity}`]: {
-        padding: 0,
-        '& .SCBaseItem-content': {
-            alignItems: 'flex-start'
-        }
-    }
-}));
-function RelevantActivities(inProps) {
+    name: constants_1.PREFIX,
+    slot: 'RelevantActivitiesRoot'
+})(() => ({}));
+function RelevantActivities(props) {
     //PROPS
-    const props = (0, system_1.useThemeProps)({
-        props: inProps,
-        name: PREFIX
-    });
     const { className = null, activities = [], showMaxRelevantActivities = 5 } = props, rest = tslib_1.__rest(props, ["className", "activities", "showMaxRelevantActivities"]);
     // STATE
     const [openOtherActivities, setOpenOtherActivities] = (0, react_1.useState)(false);

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

@@ -1,2 +1,2 @@
 import { ActionsRelevantActivityProps } from '../ActionsRelevantActivity';
-export default function VoteUpRelevantActivity(inProps: ActionsRelevantActivityProps): JSX.Element;
+export default function VoteUpRelevantActivity(props: ActionsRelevantActivityProps): JSX.Element;