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

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

@@ -3,27 +3,21 @@ import React from 'react';
 import { Box, Divider } from '@mui/material';
 import { styled } from '@mui/material/styles';
 import classNames from 'classnames';
-import { useThemeProps } from '@mui/system';
 import VoteButton from '../../../VoteButton';
 import VoteAudienceButton from '../../../VoteAudienceButton';
-const PREFIX = 'SCVoteAction';
+import { PREFIX } from '../../constants';
 const classes = {
-    root: `${PREFIX}-root`,
-    divider: `${PREFIX}-divider`,
-    button: `${PREFIX}-button`,
-    inline: `${PREFIX}-inline`,
-    viewAudienceButton: `${PREFIX}-view-audience-button`
+    root: `${PREFIX}-action-vote-root`,
+    divider: `${PREFIX}-action-vote-divider`,
+    button: `${PREFIX}-action-vote-button`,
+    inline: `${PREFIX}-action-vote-inline`,
+    viewAudienceButton: `${PREFIX}-action-vote-view-audience-button`
 };
 const Root = styled(Box, {
     name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({}));
-export default function Vote(inProps) {
-    const props = useThemeProps({
-        props: inProps,
-        name: PREFIX
-    });
+    slot: 'ActionVoteRoot'
+})(() => ({}));
+export default function Vote(props) {
     // PROPS
     const { className = null, feedObjectId = null, feedObject = null, feedObjectType = null, withAudience = true, withAction = true, inlineAction = false, onVoteAction = () => null } = props, rest = __rest(props, ["className", "feedObjectId", "feedObject", "feedObjectType", "withAudience", "withAction", "inlineAction", "onVoteAction"]);
     // RENDER

package/lib/esm/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/esm/components/FeedObject/Activities/Activities.js

@@ -4,7 +4,6 @@ import { styled } from '@mui/material/styles';
 import { Box } from '@mui/material';
 import { SCCommentsOrderBy } from '../../../types/comments';
 import classNames from 'classnames';
-import { useThemeProps } from '@mui/system';
 import CommentsObject from '../../CommentsObject';
 import ActivitiesMenu from './ActivitiesMenu';
 import RelevantActivities from './RelevantActivities';
@@ -13,23 +12,16 @@ import { useSCFetchCommentObjects } from '@selfcommunity/react-core';
 import { SCContributionType } from '@selfcommunity/types';
 import { CacheStrategies } from '@selfcommunity/utils';
 import { useInView } from 'react-intersection-observer';
-const PREFIX = 'SCFeedObjectActivities';
+import { PREFIX } from '../constants';
 const classes = {
-    root: `${PREFIX}-root`,
+    root: `${PREFIX}-activities-root`,
     activities: `${PREFIX}-activities`
 };
 const Root = styled(Box, {
     name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({
-    width: '100%'
-}));
-export default function Activities(inProps) {
-    const props = useThemeProps({
-        props: inProps,
-        name: PREFIX
-    });
+    slot: 'ActivitiesRoot'
+})(() => ({}));
+export default function Activities(props) {
     // PROPS
     const { id = `feed_object_activities_${props.feedObjectId ? props.feedObjectId : props.feedObject ? props.feedObject.id : ''}`, className, feedObjectId, feedObject, feedObjectType = SCContributionType.POST, cacheStrategy = CacheStrategies.CACHE_FIRST, CommentsObjectProps = {}, CommentComponentProps = { variant: 'outlined' }, feedObjectActivities = [], comments = [], onSetSelectedActivities, activitiesType = SCFeedObjectActivitiesType.RECENT_COMMENTS } = props, rest = __rest(props, ["id", "className", "feedObjectId", "feedObject", "feedObjectType", "cacheStrategy", "CommentsObjectProps", "CommentComponentProps", "feedObjectActivities", "comments", "onSetSelectedActivities", "activitiesType"]);
     const { ref, inView } = useInView({ triggerOnce: true });
@@ -97,7 +89,7 @@ export default function Activities(inProps) {
         (Boolean(commentsObject.feedObject.comment_count) ||
             (feedObjectActivities && feedObjectActivities.length > 0) ||
             comments.length > 0 ||
-            (feedObject && feedObject.comment_count > 0)) ? (React.createElement(Box, Object.assign({ className: classes.activities }, (existFeedObjectActivities ? {} : { style: { minHeight: `${skeletonsCount * 80}px` } })),
+            (feedObject && feedObject.comment_count > 0)) ? (React.createElement(Box, Object.assign({ className: classes.activities }, (existFeedObjectActivities ? {} : { style: { minHeight: `${Math.min(skeletonsCount, feedObject.comment_count) * 80}px` } })),
         React.createElement(ActivitiesMenu, { selectedActivities: selectedActivities, hideRelevantActivitiesItem: !existFeedObjectActivities, onChange: handleSelectActivitiesType }),
         selectedActivities === SCFeedObjectActivitiesType.RELEVANCE_ACTIVITIES ? renderRelevantActivities() : renderComments())) : null));
 }

package/lib/esm/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/esm/components/FeedObject/Activities/ActivitiesMenu/ActivitiesMenu.js

@@ -12,7 +12,7 @@ import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import { camelCase } from '@selfcommunity/utils';
 import { SCPreferences, SCPreferencesContext, useSCUser } from '@selfcommunity/react-core';
 import classNames from 'classnames';
-import { useThemeProps } from '@mui/system';
+import { PREFIX } from '../../constants';
 const messages = defineMessages({
     relevantActivities: {
         id: 'ui.feedObject.activitiesMenu.relevantActivities',
@@ -35,22 +35,16 @@ const messages = defineMessages({
         defaultMessage: 'ui.feedObject.activitiesMenu.connectionsComments'
     }
 });
-const PREFIX = 'SCActivitiesMenu';
 const classes = {
-    root: `${PREFIX}-root`,
-    selector: `${PREFIX}-selector`
+    root: `${PREFIX}-activities-menu-root`,
+    selector: `${PREFIX}-activities-menu-selector`
 };
 const Root = styled(Box, {
     name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({}));
-export default function ActivitiesMenu(inProps) {
+    slot: 'ActivitiesMenuRoot'
+})(() => ({}));
+export default function ActivitiesMenu(props) {
     // PROPS
-    const props = useThemeProps({
-        props: inProps,
-        name: PREFIX
-    });
     const { className = null, selectedActivities = null, hideRelevantActivitiesItem = false, onChange = null } = props, rest = __rest(props, ["className", "selectedActivities", "hideRelevantActivitiesItem", "onChange"]);
     // CONTEXT
     const scPreferencesContext = useContext(SCPreferencesContext);

package/lib/esm/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/esm/components/FeedObject/Activities/RelevantActivities/CommentActivity/CommentActivity.js

@@ -1,53 +1,34 @@
 import { __rest } from "tslib";
 import React, { useState } from 'react';
 import { styled } from '@mui/material/styles';
-import { Avatar } from '@mui/material';
+import { Avatar, Typography } from '@mui/material';
 import { Link, SCRoutes, useSCRouting } from '@selfcommunity/react-core';
 import { defineMessages, FormattedMessage, 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 { getContributionHtml, getRouteData } from '../../../../../utils/contribution';
 import { MAX_SUMMARY_LENGTH } from '../../../../../constants/Feed';
+import { PREFIX } from '../../../constants';
 const messages = 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: `${PREFIX}-activity-comment-root`,
+    avatar: `${PREFIX}-activity-comment-avatar`,
+    username: `${PREFIX}-activity-comment-username`,
+    showMoreContent: `${PREFIX}-activity-comment-show-more-content`
 };
 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
-    },
-    '& .SCBaseItem-secondary': {
-        display: 'flex',
-        flexDirection: 'row',
-        alignItems: 'center'
-    }
-}));
-export default function CommentRelevantActivity(inProps) {
+    slot: 'ActivityCommentRoot'
+})(() => ({}));
+export default function CommentRelevantActivity(props) {
     // PROPS
-    const props = useThemeProps({
-        props: inProps,
-        name: PREFIX
-    });
     const { className = null, activityObject = null } = props, rest = __rest(props, ["className", "activityObject"]);
     // CONTEXT
     const scRoutingContext = useSCRouting();
@@ -66,9 +47,9 @@ export default function CommentRelevantActivity(inProps) {
                 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: (React.createElement(React.Fragment, null,
-                    summaryHtml,
-                    React.createElement(Link, { to: scRoutingContext.url(SCRoutes.COMMENT_ROUTE_NAME, getRouteData(activityObject.comment)), className: classes.showMoreContent },
-                        React.createElement(FormattedMessage, { id: "ui.commentObject.showMore", defaultMessage: "ui.commentObject.showMore" }))))
+                    React.createElement(Typography, { variant: "body2", gutterBottom: true, dangerouslySetInnerHTML: { __html: summaryHtml } }),
+                    summaryHtmlTruncated && (React.createElement(Link, { to: scRoutingContext.url(SCRoutes.COMMENT_ROUTE_NAME, getRouteData(activityObject.comment)), className: classes.showMoreContent },
+                        React.createElement(FormattedMessage, { id: "ui.commentObject.showMore", defaultMessage: "ui.commentObject.showMore" })))))
             })), secondary: React.createElement(DateTimeAgo, { date: activityObject.active_at }) })),
         openAlert && React.createElement(UserDeletedSnackBar, { open: openAlert, handleClose: () => setOpenAlert(false) })));
 }

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

@@ -9,31 +9,22 @@ 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({
     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: `${PREFIX}-activity-follow-root`,
+    avatar: `${PREFIX}-activity-follow-avatar`,
+    username: `${PREFIX}-activity-follow-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
-    }
-}));
+    slot: 'ActivityFollowRoot'
+})(() => ({}));
 export default function FollowRelevantActivity(inProps) {
     // PROPS
     const props = useThemeProps({

package/lib/esm/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/esm/components/FeedObject/Activities/RelevantActivities/PollVoteActivity/PollVoteActivity.js

@@ -6,40 +6,26 @@ 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({
     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: `${PREFIX}-activity-poll-vote-root`,
+    avatar: `${PREFIX}-activity-poll-vote-avatar`,
+    username: `${PREFIX}-activity-poll-vote-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 PollVoteRelevantActivity(inProps) {
+    slot: 'ActivityPollVoteRoot'
+})(() => ({}));
+export default function PollVoteRelevantActivity(props) {
     // PROPS
-    const props = useThemeProps({
-        props: inProps,
-        name: PREFIX
-    });
     const { className = null, activityObject = null } = props, rest = __rest(props, ["className", "activityObject"]);
     // CONTEXT
     const scRoutingContext = useSCRouting();

package/lib/esm/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/esm/components/FeedObject/Activities/RelevantActivities/RelevantActivities.js

@@ -10,30 +10,17 @@ import VoteUpRelevantActivity from './VoteUpActivity';
 import FollowRelevantActivity from './FollowActivity';
 import PollVoteRelevantActivity from './PollVoteActivity';
 import classNames from 'classnames';
-import { useThemeProps } from '@mui/system';
-const PREFIX = 'SCFeedRelevantActivities';
+import { PREFIX } from '../../constants';
 const classes = {
-    root: `${PREFIX}-root`,
-    activity: `${PREFIX}-activity`
+    root: `${PREFIX}-relevant-activities-root`,
+    activity: `${PREFIX}-relevant-activities-activity`
 };
 const Root = styled(Box, {
     name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({
-    [`& .MuiList-root, & .${classes.activity}`]: {
-        padding: 0,
-        '& .SCBaseItem-content': {
-            alignItems: 'flex-start'
-        }
-    }
-}));
-export default function RelevantActivities(inProps) {
+    slot: 'RelevantActivitiesRoot'
+})(() => ({}));
+export default function RelevantActivities(props) {
     //PROPS
-    const props = useThemeProps({
-        props: inProps,
-        name: PREFIX
-    });
     const { className = null, activities = [], showMaxRelevantActivities = 5 } = props, rest = __rest(props, ["className", "activities", "showMaxRelevantActivities"]);
     // STATE
     const [openOtherActivities, setOpenOtherActivities] = useState(false);

package/lib/esm/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;

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

@@ -6,40 +6,26 @@ 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();

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

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

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

@@ -10,45 +10,19 @@ 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: 28,
-    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,

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

@@ -21,13 +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;

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

@@ -5,20 +5,15 @@ 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.
 
@@ -30,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) {

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

@@ -2,7 +2,7 @@ import { __rest } from "tslib";
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { styled } from '@mui/material/styles';
 import CardContent from '@mui/material/CardContent';
-import { Avatar, Box, Button, CardActions, CardHeader, Collapse, Stack, Tooltip, Typography, } from '@mui/material';
+import { Avatar, Box, Button, CardActions, CardHeader, Collapse, Stack, Tooltip, Typography } from '@mui/material';
 import FeedObjectSkeleton from './Skeleton';
 import DateTimeAgo from '../../shared/DateTimeAgo';
 import Bullet from '../../shared/Bullet';
@@ -16,7 +16,7 @@ import { SCFeedObjectActivitiesType, SCFeedObjectTemplateType } from '../../type
 import MarkRead from '../../shared/MarkRead';
 import classNames from 'classnames';
 import ContributionActionsMenu from '../../shared/ContributionActionsMenu';
-import { getContributionHtml, getContributionRouteName, getContributionSnippet, getRouteData, } from '../../utils/contribution';
+import { getContributionHtml, getContributionRouteName, getContributionSnippet, getRouteData } from '../../utils/contribution';
 import Follow from './Actions/Follow';
 import Widget from '../Widget';
 import { useThemeProps } from '@mui/system';
@@ -29,19 +29,19 @@ import { SCContributionType } from '@selfcommunity/types';
 import { Endpoints, http } from '@selfcommunity/api-services';
 import { CacheStrategies, Logger, LRUCache } from '@selfcommunity/utils';
 import { catchUnauthorizedActionByBlockedUser } from '../../utils/errors';
-import { Link, SCCache, SCRoutes, UserUtils, useSCContext, useSCFetchFeedObject, useSCRouting, useSCUser, } from '@selfcommunity/react-core';
+import { Link, SCCache, SCRoutes, UserUtils, useSCContext, useSCFetchFeedObject, useSCRouting, useSCUser } from '@selfcommunity/react-core';
 import UserDeletedSnackBar from '../../shared/UserDeletedSnackBar';
 import UserAvatar from '../../shared/UserAvatar';
 import { MAX_SUMMARY_LENGTH } from '../../constants/Feed';
 import Composer from '../Composer';
 import FeedObjectMediaPreview from '../FeedObjectMediaPreview';
+import { PREFIX } from './constants';
 const messages = defineMessages({
     visibleToAll: {
         id: 'ui.feedObject.visibleToAll',
         defaultMessage: 'ui.feedObject.visibleToAll'
     }
 });
-const PREFIX = 'SCFeedObject';
 const classes = {
     root: `${PREFIX}-root`,
     deleted: `${PREFIX}-deleted`,
@@ -72,8 +72,7 @@ const classes = {
 };
 const Root = styled(Widget, {
     name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
+    slot: 'Root'
 })(() => ({}));
 /**
  * > API documentation for the Community-JS Feed Object component. Learn about the available props and the CSS API.

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

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