@selfcommunity/react-ui 0.7.0-alpha.351 → 0.7.0-alpha.353

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

@@ -9,7 +9,7 @@ export interface NotificationPrivateMessageProps extends Pick<NotificationItemPr
 }
 /**
  * This component render the content of the notification of type private message
- * @param inProps
  * @constructor
+ * @param props
  */
-export default function PrivateMessageNotification(inProps: NotificationPrivateMessageProps): JSX.Element;
+export default function PrivateMessageNotification(props: NotificationPrivateMessageProps): JSX.Element;

package/lib/cjs/components/Notification/PrivateMessage/PrivateMessage.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 lab_1 = require("@mui/lab");
 const UserDeletedSnackBar_1 = tslib_1.__importDefault(require("../../../shared/UserDeletedSnackBar"));
@@ -38,15 +37,11 @@ const Root = (0, styles_1.styled)(NotificationItem_1.default, {
 })(() => ({}));
 /**
  * This component render the content of the notification of type private message
- * @param inProps
  * @constructor
+ * @param props
  */
-function PrivateMessageNotification(inProps) {
+function PrivateMessageNotification(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/UndeletedFor/UndeletedFor.d.ts

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

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

@@ -11,7 +11,6 @@ const contribution_1 = require("../../../utils/contribution");
 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 constants_1 = require("../constants");
 const classes = {
@@ -29,15 +28,11 @@ const Root = (0, styles_1.styled)(NotificationItem_1.default, {
 })(() => ({}));
 /**
  * This component render the content of the notification of type undeleted for
- * @param inProps
  * @constructor
+ * @param props
  */
-function UndeletedForNotification(inProps) {
+function UndeletedForNotification(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/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/CommentObject/CommentObject.d.ts

@@ -65,6 +65,16 @@ export interface CommentObjectProps {
      * @default null
      */
     onDelete?: (comment: SCCommentType) => void;
+    /**
+     * Callback on restore the comment
+     * @default null
+     */
+    onRestore?: (comment: SCCommentType) => void;
+    /**
+     * Callback on collapsed the comment
+     * @default null
+     */
+    onCollapsed?: (comment: SCCommentType) => void;
     /**
      * Show all summary initially (otherwise it will be truncated)
      * @default false

package/lib/esm/components/CommentObject/CommentObject.js

@@ -92,7 +92,7 @@ export default function CommentObject(inProps) {
         props: inProps,
         name: PREFIX
     });
-    const { id = `comment_object_${props.commentObjectId ? props.commentObjectId : props.commentObject ? props.commentObject.id : ''}`, className, commentObjectId, commentObject, feedObjectId, feedObject, feedObjectType = SCContributionType.POST, commentReply, onOpenReply, onDelete, onVote, elevation = 0, truncateContent = false, CommentObjectSkeletonProps = { elevation, WidgetProps: { variant: 'outlined' } }, CommentObjectReplyProps = { elevation, WidgetProps: { variant: 'outlined' } }, linkableCommentDateTime = true, cacheStrategy = CacheStrategies.NETWORK_ONLY, CommentsObjectComponentProps = {} } = props, rest = __rest(props, ["id", "className", "commentObjectId", "commentObject", "feedObjectId", "feedObject", "feedObjectType", "commentReply", "onOpenReply", "onDelete", "onVote", "elevation", "truncateContent", "CommentObjectSkeletonProps", "CommentObjectReplyProps", "linkableCommentDateTime", "cacheStrategy", "CommentsObjectComponentProps"]);
+    const { id = `comment_object_${props.commentObjectId ? props.commentObjectId : props.commentObject ? props.commentObject.id : ''}`, className, commentObjectId, commentObject, feedObjectId, feedObject, feedObjectType = SCContributionType.POST, commentReply, onOpenReply, onDelete, onCollapsed, onRestore, onVote, elevation = 0, truncateContent = false, CommentObjectSkeletonProps = { elevation, WidgetProps: { variant: 'outlined' } }, CommentObjectReplyProps = { elevation, WidgetProps: { variant: 'outlined' } }, linkableCommentDateTime = true, cacheStrategy = CacheStrategies.NETWORK_ONLY, CommentsObjectComponentProps = {} } = props, rest = __rest(props, ["id", "className", "commentObjectId", "commentObject", "feedObjectId", "feedObject", "feedObjectType", "commentReply", "onOpenReply", "onDelete", "onCollapsed", "onRestore", "onVote", "elevation", "truncateContent", "CommentObjectSkeletonProps", "CommentObjectReplyProps", "linkableCommentDateTime", "cacheStrategy", "CommentsObjectComponentProps"]);
     // CONTEXT
     const scContext = useSCContext();
     const scUserContext = useContext(SCUserContext);
@@ -210,54 +210,22 @@ export default function CommentObject(inProps) {
      * Handle comment delete
      */
     function handleDelete(comment) {
-        if (comment.parent && obj.latest_comments) {
-            const _latestComment = obj.latest_comments.map((c) => {
-                if (c.id === comment.id) {
-                    c.deleted = !c.deleted;
-                }
-                return c;
-            });
-            updateObject(Object.assign({}, obj, { latest_comments: _latestComment }));
-        }
-        else {
-            const _comment = Object.assign({}, obj, { deleted: !obj.deleted });
-            updateObject(Object.assign({}, obj, { deleted: !obj.deleted }));
-            onDelete && onDelete(_comment);
-        }
+        updateObject(comment);
+        onDelete && onDelete(comment);
     }
     /**
      * Handle comment delete
      */
     function handleHide(comment) {
-        if (comment.parent && obj.latest_comments) {
-            const _latestComment = obj.latest_comments.map((c) => {
-                if (c.id === comment.id) {
-                    c.collapsed = !c.collapsed;
-                }
-                return c;
-            });
-            updateObject(Object.assign({}, obj, { latest_comments: _latestComment }));
-        }
-        else {
-            updateObject(Object.assign({}, obj, { collapsed: !obj.collapsed }));
-        }
+        updateObject(Object.assign({}, obj, { collapsed: !obj.collapsed }));
+        onCollapsed && onCollapsed(comment);
     }
     /**
      * Handle comment restore
      */
     function handleRestore(comment) {
-        if (comment.parent && obj.latest_comments) {
-            const _latestComment = obj.latest_comments.map((c) => {
-                if (c.id === comment.id) {
-                    c.deleted = false;
-                }
-                return c;
-            });
-            updateObject(Object.assign({}, obj, { latest_comments: _latestComment }));
-        }
-        else {
-            updateObject(Object.assign({}, obj, { deleted: false }));
-        }
+        updateObject(Object.assign({}, obj, { deleted: false }));
+        onRestore && onRestore(comment);
     }
     /**
      * Handle edit comment
@@ -324,7 +292,7 @@ export default function CommentObject(inProps) {
      */
     function renderComment(comment) {
         if (comment.deleted &&
-            (!scUserContext.user || (scUserContext.user && (!UserUtils.isStaff(scUserContext.user) || scUserContext.user.id !== comment.author.id)))) {
+            (!scUserContext.user || (scUserContext.user && !UserUtils.isStaff(scUserContext.user) && scUserContext.user.id !== comment.author.id))) {
             // render the comment if user is logged and is staff (admin, moderator)
             // or the comment author is the logged user
             return null;

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/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