@selfcommunity/react-ui 0.7.0-alpha.352 → 0.7.0-alpha.354

package/lib/cjs/components/Notification/UserBlocked/UserBlocked.d.ts

@@ -9,7 +9,7 @@ export interface NotificationBlockedProps extends Pick<NotificationItemProps, Ex
 }
 /**
  * This component render the content of the notification of type user blocked
- * @param inProps
  * @constructor
+ * @param props
  */
-export default function UserBlockedNotification(inProps: NotificationBlockedProps): JSX.Element;
+export default function UserBlockedNotification(props: NotificationBlockedProps): JSX.Element;

package/lib/cjs/components/Notification/UserBlocked/UserBlocked.js

@@ -10,7 +10,6 @@ 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 types_2 = require("../../../types");
-const system_1 = require("@mui/system");
 const NotificationItem_1 = tslib_1.__importDefault(require("../../../shared/NotificationItem"));
 const constants_1 = require("../constants");
 const messages = (0, react_intl_1.defineMessages)({
@@ -36,15 +35,11 @@ const Root = (0, styles_1.styled)(NotificationItem_1.default, {
 })(() => ({}));
 /**
  * This component render the content of the notification of type user blocked
- * @param inProps
  * @constructor
+ * @param props
  */
-function UserBlockedNotification(inProps) {
+function UserBlockedNotification(props) {
     // PROPS
-    const props = (0, system_1.useThemeProps)({
-        props: inProps,
-        name: constants_1.PREFIX
-    });
     const { notificationObject = null, id = `n_${props.notificationObject['sid']}`, template = types_2.SCNotificationObjectTemplateType.DETAIL, className } = props, rest = tslib_1.__rest(props, ["notificationObject", "id", "template", "className"]);
     // INTL
     const intl = (0, react_intl_1.useIntl)();

package/lib/cjs/components/Notification/UserConnection/UserConnection.d.ts

@@ -9,7 +9,7 @@ export interface NotificationConnectionProps extends Pick<NotificationItemProps,
 }
 /**
  * This component render the content of the notification of connection accept/request
- * @param inProps
  * @constructor
+ * @param props
  */
-export default function UserConnectionNotification(inProps: NotificationConnectionProps): JSX.Element;
+export default function UserConnectionNotification(props: NotificationConnectionProps): JSX.Element;

package/lib/cjs/components/Notification/UserConnection/UserConnection.js

@@ -10,7 +10,6 @@ const types_1 = require("@selfcommunity/types");
 const react_core_1 = require("@selfcommunity/react-core");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const types_2 = require("../../../types");
-const system_1 = require("@mui/system");
 const NotificationItem_1 = tslib_1.__importDefault(require("../../../shared/NotificationItem"));
 const UserDeletedSnackBar_1 = tslib_1.__importDefault(require("../../../shared/UserDeletedSnackBar"));
 const UserAvatar_1 = tslib_1.__importDefault(require("../../../shared/UserAvatar"));
@@ -38,15 +37,11 @@ const Root = (0, styles_1.styled)(NotificationItem_1.default, {
 })(() => ({}));
 /**
  * This component render the content of the notification of connection accept/request
- * @param inProps
  * @constructor
+ * @param props
  */
-function UserConnectionNotification(inProps) {
+function UserConnectionNotification(props) {
     // PROPS
-    const props = (0, system_1.useThemeProps)({
-        props: inProps,
-        name: constants_1.PREFIX
-    });
     const { notificationObject = null, id = `n_${props.notificationObject['sid']}`, className, template = types_2.SCNotificationObjectTemplateType.DETAIL } = props, rest = tslib_1.__rest(props, ["notificationObject", "id", "className", "template"]);
     // CONTEXT
     const scRoutingContext = (0, react_core_1.useSCRouting)();

package/lib/cjs/components/Notification/UserFollow/UserFollow.d.ts

@@ -9,7 +9,7 @@ export interface NotificationFollowProps extends Pick<NotificationItemProps, Exc
 }
 /**
  * This component render the content of the notification of type user follow
- * @param inProps
  * @constructor
+ * @param props
  */
-export default function UserFollowNotification(inProps: NotificationFollowProps): JSX.Element;
+export default function UserFollowNotification(props: NotificationFollowProps): JSX.Element;

package/lib/cjs/components/Notification/UserFollow/UserFollow.js

@@ -9,7 +9,6 @@ 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 types_1 = require("../../../types");
-const system_1 = require("@mui/system");
 const NotificationItem_1 = tslib_1.__importDefault(require("../../../shared/NotificationItem"));
 const UserDeletedSnackBar_1 = tslib_1.__importDefault(require("../../../shared/UserDeletedSnackBar"));
 const UserAvatar_1 = tslib_1.__importDefault(require("../../../shared/UserAvatar"));
@@ -33,15 +32,11 @@ const Root = (0, styles_1.styled)(NotificationItem_1.default, {
 })(() => ({}));
 /**
  * This component render the content of the notification of type user follow
- * @param inProps
  * @constructor
+ * @param props
  */
-function UserFollowNotification(inProps) {
+function UserFollowNotification(props) {
     // PROPS
-    const props = (0, system_1.useThemeProps)({
-        props: inProps,
-        name: constants_1.PREFIX
-    });
     const { notificationObject, id = `n_${props.notificationObject['sid']}`, className, template = types_1.SCNotificationObjectTemplateType.DETAIL } = props, rest = tslib_1.__rest(props, ["notificationObject", "id", "className", "template"]);
     // CONTEXT
     const scRoutingContext = (0, react_core_1.useSCRouting)();

package/lib/cjs/components/Notification/VoteUp/VoteUp.d.ts

@@ -9,7 +9,7 @@ export interface NotificationVoteUpProps extends Pick<NotificationItemProps, Exc
 }
 /**
  * This component render the content of the notification of type vote up
- * @param inProps
  * @constructor
+ * @param props
  */
-export default function VoteUpNotification(inProps: NotificationVoteUpProps): JSX.Element;
+export default function VoteUpNotification(props: NotificationVoteUpProps): JSX.Element;

package/lib/cjs/components/Notification/VoteUp/VoteUp.js

@@ -10,7 +10,6 @@ const DateTimeAgo_1 = tslib_1.__importDefault(require("../../../shared/DateTimeA
 const contribution_1 = require("../../../utils/contribution");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const notification_1 = require("../../../types/notification");
-const system_1 = require("@mui/system");
 const NotificationItem_1 = tslib_1.__importDefault(require("../../../shared/NotificationItem"));
 const UserDeletedSnackBar_1 = tslib_1.__importDefault(require("../../../shared/UserDeletedSnackBar"));
 const UserAvatar_1 = tslib_1.__importDefault(require("../../../shared/UserAvatar"));
@@ -35,15 +34,11 @@ const Root = (0, styles_1.styled)(NotificationItem_1.default, {
 })(() => ({}));
 /**
  * This component render the content of the notification of type vote up
- * @param inProps
  * @constructor
+ * @param props
  */
-function VoteUpNotification(inProps) {
+function VoteUpNotification(props) {
     // PROPS
-    const props = (0, system_1.useThemeProps)({
-        props: inProps,
-        name: constants_1.PREFIX
-    });
     const { notificationObject, id = `n_${props.notificationObject['sid']}`, className, template = notification_1.SCNotificationObjectTemplateType.DETAIL, index, onVote, loadingVote } = props, rest = tslib_1.__rest(props, ["notificationObject", "id", "className", "template", "index", "onVote", "loadingVote"]);
     // CONTEXT
     const scRoutingContext = (0, react_core_1.useSCRouting)();

package/lib/cjs/components/PollSuggestionWidget/PollSnippet/PollSnippet.d.ts

@@ -42,6 +42,6 @@ export interface PollSnippetProps {
  |title|.SCPollSuggestionWidget-title|Styles applied to the title element.|
  |activityAt|.SCPollSuggestionWidget-activity-at|Styles applied to activity section.|
 
- * @param inProps
+ * @param props
  */
-export default function PollSnippet(inProps: PollSnippetProps): JSX.Element;
+export default function PollSnippet(props: PollSnippetProps): JSX.Element;

package/lib/cjs/components/PollSuggestionWidget/PollSnippet/PollSnippet.js

@@ -7,7 +7,6 @@ const material_1 = require("@mui/material");
 const react_core_1 = require("@selfcommunity/react-core");
 const react_intl_1 = require("react-intl");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const system_1 = require("@mui/system");
 const contribution_1 = require("../../../utils/contribution");
 const DateTimeAgo_1 = tslib_1.__importDefault(require("../../../shared/DateTimeAgo"));
 const BaseItem_1 = tslib_1.__importDefault(require("../../../shared/BaseItem"));
@@ -47,14 +46,10 @@ const Root = (0, styles_1.styled)(BaseItem_1.default, {
  |title|.SCPollSuggestionWidget-title|Styles applied to the title element.|
  |activityAt|.SCPollSuggestionWidget-activity-at|Styles applied to activity section.|
 
- * @param inProps
+ * @param props
  */
-function PollSnippet(inProps) {
+function PollSnippet(props) {
     // PROPS
-    const props = (0, system_1.useThemeProps)({
-        props: inProps,
-        name: constants_1.PREFIX
-    });
     const { feedObj = null, className = null, autoHide = false } = props, rest = tslib_1.__rest(props, ["feedObj", "className", "autoHide"]);
     // CONTEXT
     const scRoutingContext = (0, react_core_1.useSCRouting)();

package/lib/cjs/components/UserProfileEdit/Section/Account.d.ts

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

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

@@ -5,7 +5,6 @@ const react_1 = tslib_1.__importStar(require("react"));
 const styles_1 = require("@mui/material/styles");
 const material_1 = require("@mui/material");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const system_1 = require("@mui/system");
 const react_intl_1 = require("react-intl");
 const ConfirmDialog_1 = tslib_1.__importDefault(require("../../../shared/ConfirmDialog/ConfirmDialog"));
 const UserSocialAssociation_1 = tslib_1.__importDefault(require("../../UserSocialAssociation"));
@@ -42,14 +41,10 @@ const Root = (0, styles_1.styled)(material_1.Box, {
     name: constants_1.PREFIX,
     slot: 'AccountRoot'
 })(() => ({}));
-function Account(inProps) {
-    // PROPS
-    const props = (0, system_1.useThemeProps)({
-        props: inProps,
-        name: constants_1.PREFIX
-    });
+function Account(props) {
     // CONTEXT
     const scUserContext = (0, react_core_1.useSCUser)();
+    // PROPS
     const { className = null, handleAssociationCreate, showSocialAccountSection = true, showCredentialsSection = false, AccountCredentialProps = {}, showLanguageSwitcher = false, LanguageSwitcherProps = {}, startActions = null, endActions = null } = props, rest = tslib_1.__rest(props, ["className", "handleAssociationCreate", "showSocialAccountSection", "showCredentialsSection", "AccountCredentialProps", "showLanguageSwitcher", "LanguageSwitcherProps", "startActions", "endActions"]);
     // STATE
     const [provider, setProvider] = (0, react_1.useState)(null);

package/lib/cjs/components/UserProfileEdit/Section/AccountCredentials.d.ts

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

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

@@ -5,7 +5,6 @@ const react_1 = tslib_1.__importStar(require("react"));
 const styles_1 = require("@mui/material/styles");
 const material_1 = require("@mui/material");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const system_1 = require("@mui/system");
 const react_intl_1 = require("react-intl");
 const api_services_1 = require("@selfcommunity/api-services");
 const Errors_1 = require("../../../constants/Errors");
@@ -46,14 +45,9 @@ const PasswordDialogRoot = (0, styles_1.styled)(BaseDialog_1.default, {
     name: constants_1.PREFIX,
     slot: 'PasswordDialogRoot'
 })(() => ({}));
-function AccountCredentials(inProps) {
+function AccountCredentials(props) {
     var _a;
     // PROPS
-    const props = (0, system_1.useThemeProps)({
-        props: inProps,
-        name: constants_1.PREFIX
-    });
-    // CONTEXT
     const { className = null, user, skipEmailValidation = false } = props, rest = tslib_1.__rest(props, ["className", "user", "skipEmailValidation"]);
     const { enqueueSnackbar } = (0, notistack_1.useSnackbar)();
     // STATE

package/lib/cjs/components/UserProfileEdit/Section/PublicInfo.d.ts

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

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

@@ -15,7 +15,6 @@ const x_date_pickers_1 = require("@mui/x-date-pickers");
 const AdapterDateFns_1 = require("@mui/x-date-pickers/AdapterDateFns");
 const UsernameTextField_1 = tslib_1.__importDefault(require("../../../shared/UsernameTextField"));
 const use_deep_compare_effect_1 = require("use-deep-compare-effect");
-const system_1 = require("@mui/system");
 const types_1 = require("../../../types");
 const MetadataField_1 = tslib_1.__importDefault(require("../../../shared/MetadataField"));
 const Errors_1 = require("../../../constants/Errors");
@@ -50,12 +49,8 @@ const Root = (0, styles_1.styled)(material_1.Box, {
 })(() => ({}));
 const GENDERS = ['Male', 'Female', 'Unspecified'];
 const DATEPICKER_MINDATE = new Date(1000, 1, 1);
-function PublicInfo(inProps) {
+function PublicInfo(props) {
     // PROPS
-    const props = (0, system_1.useThemeProps)({
-        props: inProps,
-        name: constants_1.PREFIX
-    });
     const { id = null, className = null, fields = [...UserProfile_1.DEFAULT_FIELDS], onEditSuccess = null, onEditFailure = null, startActions = null, endActions = null } = props, rest = tslib_1.__rest(props, ["id", "className", "fields", "onEditSuccess", "onEditFailure", "startActions", "endActions"]);
     // CONTEXT
     const scContext = (0, react_core_1.useSCContext)();

package/lib/cjs/components/UserProfileEdit/Section/Settings.d.ts

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

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

@@ -9,7 +9,6 @@ const react_core_1 = require("@selfcommunity/react-core");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const SettingsSkeleton_1 = tslib_1.__importDefault(require("./SettingsSkeleton"));
 const notistack_1 = require("notistack");
-const system_1 = require("@mui/system");
 const UserProfile_1 = require("../../../constants/UserProfile");
 const types_1 = require("../../../types");
 const constants_1 = require("../constants");
@@ -21,12 +20,8 @@ const Root = (0, styles_1.styled)(material_1.Box, {
     name: constants_1.PREFIX,
     slot: 'SettingsRoot'
 })(() => ({}));
-function Settings(inProps) {
+function Settings(props) {
     // PROPS
-    const props = (0, system_1.useThemeProps)({
-        props: inProps,
-        name: constants_1.PREFIX
-    });
     const { id = null, className = null, settings = [...UserProfile_1.DEFAULT_SETTINGS], onEditSuccess = null, startActions = null, endActions = null } = props, rest = tslib_1.__rest(props, ["id", "className", "settings", "onEditSuccess", "startActions", "endActions"]);
     // CONTEXT
     const scUserContext = (0, react_core_1.useSCUser)();

package/lib/esm/components/ChangePicture/ChangePictureDialog/ChangePictureDialog.d.ts

@@ -6,4 +6,4 @@ export interface CPDialogProps extends BaseDialogProps {
      */
     onChange?: (avatar: any) => void;
 }
-export default function ChangePictureDialog(inProps: CPDialogProps): JSX.Element;
+export default function ChangePictureDialog(props: CPDialogProps): JSX.Element;

package/lib/esm/components/ChangePicture/ChangePictureDialog/ChangePictureDialog.js

@@ -12,7 +12,6 @@ import BaseDialog from '../../../shared/BaseDialog';
 import ConfirmDialog from '../../../shared/ConfirmDialog/ConfirmDialog';
 import classNames from 'classnames';
 import CircularProgress from '@mui/material/CircularProgress';
-import { useThemeProps } from '@mui/system';
 import { scroll } from 'seamless-scroll-polyfill';
 import { SCOPE_SC_UI } from '../../../constants/Errors';
 import { Logger } from '@selfcommunity/utils';
@@ -28,12 +27,8 @@ const Root = styled(BaseDialog, {
     name: PREFIX,
     slot: 'DialogRoot'
 })(() => ({}));
-export default function ChangePictureDialog(inProps) {
+export default function ChangePictureDialog(props) {
     //PROPS
-    const props = useThemeProps({
-        props: inProps,
-        name: PREFIX
-    });
     const { open, onChange, onClose, className } = props, rest = __rest(props, ["open", "onChange", "onClose", "className"]);
     //CONTEXT
     const scUserContext = useContext(SCUserContext);

package/lib/esm/components/CommentObjectReply/CommentObjectReply.js

@@ -8,9 +8,9 @@ import { useSCUser } from '@selfcommunity/react-core';
 import Editor from '../Editor';
 import classNames from 'classnames';
 import { LoadingButton } from '@mui/lab';
-import { useThemeProps } from '@mui/system';
 import BaseItem from '../../shared/BaseItem';
 import UserAvatar from '../../shared/UserAvatar';
+import { useThemeProps } from '@mui/system';
 const PREFIX = 'SCCommentObjectReply';
 const classes = {
     root: `${PREFIX}-root`,
@@ -24,8 +24,7 @@ const classes = {
 };
 const Root = styled(BaseItem, {
     name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
+    slot: 'Root'
 })(() => ({}));
 /**
  *> API documentation for the Community-JS Comment Object Reply component. Learn about the available props and the CSS API.

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

@@ -1,15 +1,14 @@
 import { __rest } from "tslib";
 import React, { useState } from 'react';
 import { styled } from '@mui/material/styles';
-import { Avatar, Typography } from '@mui/material';
+import { Avatar } from '@mui/material';
 import { Link, SCRoutes, useSCRouting } from '@selfcommunity/react-core';
-import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
+import { defineMessages, useIntl } from 'react-intl';
 import DateTimeAgo from '../../../../../shared/DateTimeAgo';
 import classNames from 'classnames';
 import BaseItem from '../../../../../shared/BaseItem';
 import UserDeletedSnackBar from '../../../../../shared/UserDeletedSnackBar';
-import { getContributionHtml, getRouteData } from '../../../../../utils/contribution';
-import { MAX_SUMMARY_LENGTH } from '../../../../../constants/Feed';
+import { getRouteData } from '../../../../../utils/contribution';
 import { PREFIX } from '../../../constants';
 const messages = defineMessages({
     comment: {
@@ -37,19 +36,29 @@ export default function CommentRelevantActivity(props) {
     // INTL
     const intl = useIntl();
     // RENDER
-    const summaryHtmlTruncated = 'summary_truncated' in activityObject.comment
-        ? activityObject.comment.summary_truncated
-        : activityObject.comment.html.length >= MAX_SUMMARY_LENGTH;
-    const commentHtml = 'summary_html' in activityObject.comment ? activityObject.comment.summary_html : activityObject.comment.summary;
-    const summaryHtml = getContributionHtml(commentHtml, scRoutingContext.url);
+    // const summaryHtmlTruncated =
+    //   'summary_truncated' in activityObject.comment
+    //     ? activityObject.comment.summary_truncated
+    //     : activityObject.comment.html.length >= MAX_SUMMARY_LENGTH;
+    // const commentHtml = 'summary_html' in activityObject.comment ? activityObject.comment.summary_html : activityObject.comment.summary;
+    // const summaryHtml = getContributionHtml(commentHtml, scRoutingContext.url);
     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: (React.createElement(React.Fragment, null,
-                    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" })))))
+                link: (...chunks) => React.createElement(Link, { to: scRoutingContext.url(SCRoutes.COMMENT_ROUTE_NAME, getRouteData(activityObject.comment)) }, chunks)
+                // comment: (
+                //   <>
+                //     <Typography variant="body2" gutterBottom dangerouslySetInnerHTML={{__html: summaryHtml}} />
+                //     {summaryHtmlTruncated && (
+                //       <Link
+                //         to={scRoutingContext.url(SCRoutes.COMMENT_ROUTE_NAME, getRouteData(activityObject.comment))}
+                //         className={classes.showMoreContent}>
+                //         <FormattedMessage id="ui.commentObject.showMore" defaultMessage="ui.commentObject.showMore" />
+                //       </Link>
+                //     )}
+                //   </>
+                // )
             })), secondary: React.createElement(DateTimeAgo, { date: activityObject.active_at }) })),
         openAlert && React.createElement(UserDeletedSnackBar, { open: openAlert, handleClose: () => setOpenAlert(false) })));
 }

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

@@ -77,17 +77,14 @@ export default function PollObject(props) {
             setVotes((prevVotes) => prevVotes + 1);
         }
         else {
-            let isVoted = false;
             setChoices((prevChoices) => {
-                return prevChoices.map((choice) => {
-                    isVoted = isVoted || choice.voted;
-                    return Object.assign({}, choice, {
-                        voted: choice.id === id ? true : false,
-                        vote_count: choice.id === id ? choice.vote_count + 1 : choice.vote_count > 0 && choice.voted ? choice.vote_count - 1 : choice.vote_count
-                    });
+                const updatedChoices = prevChoices.map((choice) => {
+                    return Object.assign(Object.assign({}, choice), { voted: choice.id === id, vote_count: choice.id === id ? choice.vote_count + 1 : choice.vote_count > 0 && choice.voted ? choice.vote_count - 1 : choice.vote_count });
                 });
+                const newVotes = updatedChoices.reduce((totalVotes, choice) => totalVotes + choice.vote_count, 0);
+                setVotes(newVotes);
+                return updatedChoices;
             });
-            !isVoted && setVotes((prevVotes) => prevVotes + 1);
         }
     };
     /**

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

@@ -23,13 +23,13 @@ export interface FeedObjectMediaPreviewProps extends BoxProps {
  import {FeedObjectMediaPreview} from '@selfcommunity/react-ui';
  ```
  #### Component Name
- The name `SCFeedObject-media-preview-root` can be used when providing style overrides in the theme.
+ The name `SCFeedObjectMediaPreview` can be used when providing style overrides in the theme.
 
  #### CSS
 
  |Rule Name|Global class|Description|
  |---|---|---|
- |root|.SCFeedObject-media-preview-root|Styles applied to the root element.|
+ |root|.SCFeedObjectMediaPreview-root|Styles applied to the root element.|
 
 
  * @param inProps

package/lib/esm/components/FeedObjectMediaPreview/FeedObjectMediaPreview.js

@@ -6,13 +6,13 @@ import { useSCMediaClick } from '@selfcommunity/react-core';
 import { useThemeProps } from '@mui/system';
 import { File, Link, Share } from '../../shared/Media';
 import classNames from 'classnames';
-import { PREFIX } from '../FeedObject/constants';
+const PREFIX = 'SCFeedObjectMediaPreview';
 const classes = {
-    root: `${PREFIX}-media-preview-root`
+    root: `${PREFIX}-root`
 };
 const Root = styled(Box, {
     name: PREFIX,
-    slot: 'MediaPreviewRoot'
+    slot: 'Root'
 })(() => ({}));
 /**
  * > API documentation for the Community-JS FeedObjectMediaPreview component. Learn about the available props and the CSS API.
@@ -25,13 +25,13 @@ const Root = styled(Box, {
  import {FeedObjectMediaPreview} from '@selfcommunity/react-ui';
  ```
  #### Component Name
- The name `SCFeedObject-media-preview-root` can be used when providing style overrides in the theme.
+ The name `SCFeedObjectMediaPreview` can be used when providing style overrides in the theme.
 
  #### CSS
 
  |Rule Name|Global class|Description|
  |---|---|---|
- |root|.SCFeedObject-media-preview-root|Styles applied to the root element.|
+ |root|.SCFeedObjectMediaPreview-root|Styles applied to the root element.|
 
 
  * @param inProps

package/lib/esm/components/IncubatorListWidget/CreateIncubatorDialog/CreateIncubatorDialog.d.ts

@@ -15,4 +15,4 @@ export interface CreateIncubatorDialogProps {
      */
     onClose?: () => void;
 }
-export default function CreateIncubatorDialog(inProps: CreateIncubatorDialogProps): JSX.Element;
+export default function CreateIncubatorDialog(props: CreateIncubatorDialogProps): JSX.Element;

package/lib/esm/components/IncubatorListWidget/CreateIncubatorDialog/CreateIncubatorDialog.js

@@ -8,7 +8,6 @@ import { Logger } from '@selfcommunity/utils';
 import { useSCUser } from '@selfcommunity/react-core';
 import BaseDialog from '../../../shared/BaseDialog';
 import classNames from 'classnames';
-import { useThemeProps } from '@mui/system';
 import { SCOPE_SC_UI } from '../../../constants/Errors';
 import { LoadingButton } from '@mui/lab';
 import { PREFIX } from '../constants';
@@ -34,12 +33,8 @@ const Root = styled(BaseDialog, {
     name: PREFIX,
     slot: 'CreateDialogRoot'
 })(() => ({}));
-export default function CreateIncubatorDialog(inProps) {
+export default function CreateIncubatorDialog(props) {
     // PROPS
-    const props = useThemeProps({
-        props: inProps,
-        name: PREFIX
-    });
     const { className, open, onClose } = props, rest = __rest(props, ["className", "open", "onClose"]);
     // CONTEXT
     const scUserContext = useSCUser();

package/lib/esm/components/Notification/CollapsedFor/CollapsedFor.d.ts

@@ -9,7 +9,7 @@ export interface NotificationCollapsedForProps extends Pick<NotificationItemProp
 }
 /**
  * This component render the content of the notification of type collapsed for
- * @param inProps
  * @constructor
+ * @param props
  */
-export default function CollapsedForNotification(inProps: NotificationCollapsedForProps): JSX.Element;
+export default function CollapsedForNotification(props: NotificationCollapsedForProps): JSX.Element;

package/lib/esm/components/Notification/CollapsedFor/CollapsedFor.js

@@ -10,7 +10,6 @@ import { getContributionType, getContributionSnippet, getRouteData } from '../..
 import DateTimeAgo from '../../../shared/DateTimeAgo';
 import classNames from 'classnames';
 import { SCNotificationObjectTemplateType } from '../../../types';
-import { useThemeProps } from '@mui/system';
 import NotificationItem from '../../../shared/NotificationItem';
 import { PREFIX } from '../constants';
 const messages = defineMessages({
@@ -50,15 +49,11 @@ const Root = styled(NotificationItem, {
 })(() => ({}));
 /**
  * This component render the content of the notification of type collapsed for
- * @param inProps
  * @constructor
+ * @param props
  */
-export default function CollapsedForNotification(inProps) {
+export default function CollapsedForNotification(props) {
     // PROPS
-    const props = useThemeProps({
-        props: inProps,
-        name: PREFIX
-    });
     const { notificationObject, id = `n_${props.notificationObject['sid']}`, template = SCNotificationObjectTemplateType.DETAIL, className } = props, rest = __rest(props, ["notificationObject", "id", "template", "className"]);
     // ROUTING
     const scRoutingContext = useSCRouting();

package/lib/esm/components/Notification/Comment/Comment.d.ts

@@ -14,7 +14,7 @@ export interface CommentNotificationProps extends Pick<NotificationItemProps, Ex
 }
 /**
  * This component render the content of the notification of type comment/nested comment
- * @param inProps
+ * @param props
  * @constructor
  */
-export default function CommentNotification(inProps: CommentNotificationProps): JSX.Element;
+export default function CommentNotification(props: CommentNotificationProps): JSX.Element;

package/lib/esm/components/Notification/Comment/Comment.js

@@ -10,7 +10,6 @@ import DateTimeAgo from '../../../shared/DateTimeAgo';
 import { getContributionSnippet, getRouteData } from '../../../utils/contribution';
 import classNames from 'classnames';
 import { SCNotificationObjectTemplateType } from '../../../types';
-import { useThemeProps } from '@mui/system';
 import NotificationItem from '../../../shared/NotificationItem';
 import VoteButton from '../../VoteButton';
 import UserDeletedSnackBar from '../../../shared/UserDeletedSnackBar';
@@ -41,15 +40,11 @@ const Root = styled(NotificationItem, {
 })(() => ({}));
 /**
  * This component render the content of the notification of type comment/nested comment
- * @param inProps
+ * @param props
  * @constructor
  */
-export default function CommentNotification(inProps) {
+export default function CommentNotification(props) {
     // PROPS
-    const props = useThemeProps({
-        props: inProps,
-        name: PREFIX
-    });
     const { notificationObject, onVote, id = `n_${props.notificationObject['sid']}`, template = SCNotificationObjectTemplateType.DETAIL, className } = props, rest = __rest(props, ["notificationObject", "onVote", "id", "template", "className"]);
     // STATE
     const [openAlert, setOpenAlert] = useState(false);

package/lib/esm/components/Notification/Contribution/Contribution.d.ts

@@ -14,7 +14,7 @@ export interface ContributionNotificationProps extends Pick<NotificationItemProp
 }
 /**
  * This component render the content of the notification of type follow (contribution)
- * @param inProps
  * @constructor
+ * @param props
  */
-export default function ContributionNotification(inProps: ContributionNotificationProps): JSX.Element;
+export default function ContributionNotification(props: ContributionNotificationProps): JSX.Element;