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

package/lib/cjs/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/cjs/components/ChangePicture/ChangePictureDialog/ChangePictureDialog.js

@@ -14,7 +14,6 @@ const BaseDialog_1 = tslib_1.__importDefault(require("../../../shared/BaseDialog
 const ConfirmDialog_1 = tslib_1.__importDefault(require("../../../shared/ConfirmDialog/ConfirmDialog"));
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const CircularProgress_1 = tslib_1.__importDefault(require("@mui/material/CircularProgress"));
-const system_1 = require("@mui/system");
 const seamless_scroll_polyfill_1 = require("seamless-scroll-polyfill");
 const Errors_1 = require("../../../constants/Errors");
 const utils_1 = require("@selfcommunity/utils");
@@ -30,12 +29,8 @@ const Root = (0, styles_1.styled)(BaseDialog_1.default, {
     name: constants_1.PREFIX,
     slot: 'DialogRoot'
 })(() => ({}));
-function ChangePictureDialog(inProps) {
+function ChangePictureDialog(props) {
     //PROPS
-    const props = (0, system_1.useThemeProps)({
-        props: inProps,
-        name: constants_1.PREFIX
-    });
     const { open, onChange, onClose, className } = props, rest = tslib_1.__rest(props, ["open", "onChange", "onClose", "className"]);
     //CONTEXT
     const scUserContext = (0, react_1.useContext)(react_core_1.SCUserContext);

package/lib/cjs/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/cjs/components/CommentObject/CommentObject.js

@@ -94,7 +94,7 @@ function CommentObject(inProps) {
         props: inProps,
         name: constants_1.PREFIX
     });
-    const { id = `comment_object_${props.commentObjectId ? props.commentObjectId : props.commentObject ? props.commentObject.id : ''}`, className, commentObjectId, commentObject, feedObjectId, feedObject, feedObjectType = types_1.SCContributionType.POST, commentReply, onOpenReply, onDelete, onVote, elevation = 0, truncateContent = false, CommentObjectSkeletonProps = { elevation, WidgetProps: { variant: 'outlined' } }, CommentObjectReplyProps = { elevation, WidgetProps: { variant: 'outlined' } }, linkableCommentDateTime = true, cacheStrategy = utils_1.CacheStrategies.NETWORK_ONLY, CommentsObjectComponentProps = {} } = props, rest = tslib_1.__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 = types_1.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 = utils_1.CacheStrategies.NETWORK_ONLY, CommentsObjectComponentProps = {} } = props, rest = tslib_1.__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 = (0, react_core_1.useSCContext)();
     const scUserContext = (0, react_1.useContext)(react_core_1.SCUserContext);
@@ -212,54 +212,22 @@ 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
@@ -326,7 +294,7 @@ function CommentObject(inProps) {
      */
     function renderComment(comment) {
         if (comment.deleted &&
-            (!scUserContext.user || (scUserContext.user && (!react_core_1.UserUtils.isStaff(scUserContext.user) || scUserContext.user.id !== comment.author.id)))) {
+            (!scUserContext.user || (scUserContext.user && !react_core_1.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/cjs/components/CommentObjectReply/CommentObjectReply.js

@@ -10,9 +10,9 @@ const react_core_1 = require("@selfcommunity/react-core");
 const Editor_1 = tslib_1.__importDefault(require("../Editor"));
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const lab_1 = require("@mui/lab");
-const system_1 = require("@mui/system");
 const BaseItem_1 = tslib_1.__importDefault(require("../../shared/BaseItem"));
 const UserAvatar_1 = tslib_1.__importDefault(require("../../shared/UserAvatar"));
+const system_1 = require("@mui/system");
 const PREFIX = 'SCCommentObjectReply';
 const classes = {
     root: `${PREFIX}-root`,
@@ -26,8 +26,7 @@ const classes = {
 };
 const Root = (0, styles_1.styled)(BaseItem_1.default, {
     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/cjs/components/FeedObject/Activities/RelevantActivities/CommentActivity/CommentActivity.js

@@ -11,7 +11,6 @@ const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const BaseItem_1 = tslib_1.__importDefault(require("../../../../../shared/BaseItem"));
 const UserDeletedSnackBar_1 = tslib_1.__importDefault(require("../../../../../shared/UserDeletedSnackBar"));
 const contribution_1 = require("../../../../../utils/contribution");
-const Feed_1 = require("../../../../../constants/Feed");
 const constants_1 = require("../../../constants");
 const messages = (0, react_intl_1.defineMessages)({
     comment: {
@@ -39,19 +38,29 @@ function CommentRelevantActivity(props) {
     // INTL
     const intl = (0, react_intl_1.useIntl)();
     // RENDER
-    const summaryHtmlTruncated = 'summary_truncated' in activityObject.comment
-        ? activityObject.comment.summary_truncated
-        : activityObject.comment.html.length >= Feed_1.MAX_SUMMARY_LENGTH;
-    const commentHtml = 'summary_html' in activityObject.comment ? activityObject.comment.summary_html : activityObject.comment.summary;
-    const summaryHtml = (0, contribution_1.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_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(Root, Object.assign({}, rest, { className: (0, classnames_1.default)(classes.root, className), image: react_1.default.createElement(react_core_1.Link, Object.assign({}, (!activityObject.author.deleted && { to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_ROUTE_NAME, activityObject.author) }), { onClick: activityObject.author.deleted ? () => setOpenAlert(true) : null }),
                 react_1.default.createElement(material_1.Avatar, { alt: activityObject.author.username, variant: "circular", src: activityObject.author.avatar, className: classes.avatar })), primary: react_1.default.createElement(react_1.default.Fragment, null, intl.formatMessage(messages.comment, {
                 username: (react_1.default.createElement(react_core_1.Link, Object.assign({}, (!activityObject.author.deleted && { to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_ROUTE_NAME, activityObject.author) }), { onClick: activityObject.author.deleted ? () => setOpenAlert(true) : null, className: classes.username }), activityObject.author.username)),
-                comment: (react_1.default.createElement(react_1.default.Fragment, null,
-                    react_1.default.createElement(material_1.Typography, { variant: "body2", gutterBottom: true, dangerouslySetInnerHTML: { __html: summaryHtml } }),
-                    summaryHtmlTruncated && (react_1.default.createElement(react_core_1.Link, { to: scRoutingContext.url(react_core_1.SCRoutes.COMMENT_ROUTE_NAME, (0, contribution_1.getRouteData)(activityObject.comment)), className: classes.showMoreContent },
-                        react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.commentObject.showMore", defaultMessage: "ui.commentObject.showMore" })))))
+                link: (...chunks) => react_1.default.createElement(react_core_1.Link, { to: scRoutingContext.url(react_core_1.SCRoutes.COMMENT_ROUTE_NAME, (0, contribution_1.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_1.default.createElement(DateTimeAgo_1.default, { date: activityObject.active_at }) })),
         openAlert && react_1.default.createElement(UserDeletedSnackBar_1.default, { open: openAlert, handleClose: () => setOpenAlert(false) })));
 }

package/lib/cjs/components/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/cjs/components/FeedObjectMediaPreview/FeedObjectMediaPreview.js

@@ -8,13 +8,13 @@ const react_core_1 = require("@selfcommunity/react-core");
 const system_1 = require("@mui/system");
 const Media_1 = require("../../shared/Media");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const constants_1 = require("../FeedObject/constants");
+const PREFIX = 'SCFeedObjectMediaPreview';
 const classes = {
-    root: `${constants_1.PREFIX}-media-preview-root`
+    root: `${PREFIX}-root`
 };
 const Root = (0, styles_1.styled)(Box_1.default, {
-    name: constants_1.PREFIX,
-    slot: 'MediaPreviewRoot'
+    name: PREFIX,
+    slot: 'Root'
 })(() => ({}));
 /**
  * > API documentation for the Community-JS FeedObjectMediaPreview component. Learn about the available props and the CSS API.
@@ -27,13 +27,13 @@ const Root = (0, styles_1.styled)(Box_1.default, {
  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
@@ -42,7 +42,7 @@ exports.default = (inProps) => {
     //PROPS
     const props = (0, system_1.useThemeProps)({
         props: inProps,
-        name: constants_1.PREFIX
+        name: PREFIX
     });
     const { className, medias, mediaObjectTypes = [Media_1.File, Media_1.Link, Media_1.Share] } = props, rest = tslib_1.__rest(props, ["className", "medias", "mediaObjectTypes"]);
     const { handleMediaClick } = (0, react_core_1.useSCMediaClick)();

package/lib/cjs/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/cjs/components/IncubatorListWidget/CreateIncubatorDialog/CreateIncubatorDialog.js

@@ -10,7 +10,6 @@ const utils_1 = require("@selfcommunity/utils");
 const react_core_1 = require("@selfcommunity/react-core");
 const BaseDialog_1 = tslib_1.__importDefault(require("../../../shared/BaseDialog"));
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const system_1 = require("@mui/system");
 const Errors_1 = require("../../../constants/Errors");
 const lab_1 = require("@mui/lab");
 const constants_1 = require("../constants");
@@ -36,12 +35,8 @@ const Root = (0, styles_1.styled)(BaseDialog_1.default, {
     name: constants_1.PREFIX,
     slot: 'CreateDialogRoot'
 })(() => ({}));
-function CreateIncubatorDialog(inProps) {
+function CreateIncubatorDialog(props) {
     // PROPS
-    const props = (0, system_1.useThemeProps)({
-        props: inProps,
-        name: constants_1.PREFIX
-    });
     const { className, open, onClose } = props, rest = tslib_1.__rest(props, ["className", "open", "onClose"]);
     // CONTEXT
     const scUserContext = (0, react_core_1.useSCUser)();

package/lib/cjs/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/cjs/components/Notification/CollapsedFor/CollapsedFor.js

@@ -12,7 +12,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 messages = (0, react_intl_1.defineMessages)({
@@ -52,15 +51,11 @@ const Root = (0, styles_1.styled)(NotificationItem_1.default, {
 })(() => ({}));
 /**
  * This component render the content of the notification of type collapsed for
- * @param inProps
  * @constructor
+ * @param props
  */
-function CollapsedForNotification(inProps) {
+function CollapsedForNotification(props) {
     // PROPS
-    const props = (0, system_1.useThemeProps)({
-        props: inProps,
-        name: constants_1.PREFIX
-    });
     const { notificationObject, id = `n_${props.notificationObject['sid']}`, template = types_1.SCNotificationObjectTemplateType.DETAIL, className } = props, rest = tslib_1.__rest(props, ["notificationObject", "id", "template", "className"]);
     // ROUTING
     const scRoutingContext = (0, react_core_1.useSCRouting)();

package/lib/cjs/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/cjs/components/Notification/Comment/Comment.js

@@ -12,7 +12,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 types_2 = require("../../../types");
-const system_1 = require("@mui/system");
 const NotificationItem_1 = tslib_1.__importDefault(require("../../../shared/NotificationItem"));
 const VoteButton_1 = tslib_1.__importDefault(require("../../VoteButton"));
 const UserDeletedSnackBar_1 = tslib_1.__importDefault(require("../../../shared/UserDeletedSnackBar"));
@@ -43,15 +42,11 @@ const Root = (0, styles_1.styled)(NotificationItem_1.default, {
 })(() => ({}));
 /**
  * This component render the content of the notification of type comment/nested comment
- * @param inProps
+ * @param props
  * @constructor
  */
-function CommentNotification(inProps) {
+function CommentNotification(props) {
     // PROPS
-    const props = (0, system_1.useThemeProps)({
-        props: inProps,
-        name: constants_1.PREFIX
-    });
     const { notificationObject, onVote, id = `n_${props.notificationObject['sid']}`, template = types_2.SCNotificationObjectTemplateType.DETAIL, className } = props, rest = tslib_1.__rest(props, ["notificationObject", "onVote", "id", "template", "className"]);
     // STATE
     const [openAlert, setOpenAlert] = (0, react_1.useState)(false);

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

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

@@ -11,7 +11,6 @@ const DateTimeAgo_1 = tslib_1.__importDefault(require("../../../shared/DateTimeA
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const types_2 = require("../../../types");
 const contribution_1 = require("../../../utils/contribution");
-const system_1 = require("@mui/system");
 const NotificationItem_1 = tslib_1.__importDefault(require("../../../shared/NotificationItem"));
 const Bullet_1 = tslib_1.__importDefault(require("../../../shared/Bullet"));
 const VoteButton_1 = tslib_1.__importDefault(require("../../VoteButton"));
@@ -51,15 +50,11 @@ const Root = (0, styles_1.styled)(NotificationItem_1.default, {
 })(() => ({}));
 /**
  * This component render the content of the notification of type follow (contribution)
- * @param inProps
  * @constructor
+ * @param props
  */
-function ContributionNotification(inProps) {
+function ContributionNotification(props) {
     // PROPS
-    const props = (0, system_1.useThemeProps)({
-        props: inProps,
-        name: constants_1.PREFIX
-    });
     const { notificationObject, onVote, id = `n_${props.notificationObject['sid']}`, className, template = types_2.SCNotificationObjectTemplateType.DETAIL } = props, rest = tslib_1.__rest(props, ["notificationObject", "onVote", "id", "className", "template"]);
     // ROUTING
     const scRoutingContext = (0, react_core_1.useSCRouting)();

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

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

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

@@ -10,7 +10,6 @@ const DateTimeAgo_1 = tslib_1.__importDefault(require("../../../shared/DateTimeA
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const types_1 = require("../../../types");
 const contribution_1 = require("../../../utils/contribution");
-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 follow (contribution)
- * @param inProps
  * @constructor
+ * @param props
  */
-function ContributionFollowNotification(inProps) {
+function ContributionFollowNotification(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/DeletedFor/DeletedFor.d.ts

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

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

@@ -13,7 +13,6 @@ const utils_1 = require("@selfcommunity/utils");
 const react_core_1 = require("@selfcommunity/react-core");
 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 messages = (0, react_intl_1.defineMessages)({
@@ -54,15 +53,11 @@ const Root = (0, styles_1.styled)(NotificationItem_1.default, {
 })(() => ({}));
 /**
  * This component render the content of the notification of type deleted for
- * @param inProps
  * @constructor
+ * @param props
  */
-function DeletedForNotification(inProps) {
+function DeletedForNotification(props) {
     // PROPS
-    const props = (0, system_1.useThemeProps)({
-        props: inProps,
-        name: constants_1.PREFIX
-    });
     const { notificationObject = null, id = `n_${props.notificationObject['feed_serialization_id']}`, template = types_1.SCNotificationObjectTemplateType.DETAIL, className } = props, rest = tslib_1.__rest(props, ["notificationObject", "id", "template", "className"]);
     // ROUTING
     const scRoutingContext = (0, react_core_1.useSCRouting)();

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

@@ -7,4 +7,4 @@ export interface NotificationIncubatorApprovedProps extends Pick<NotificationIte
      */
     notificationObject: SCNotificationIncubatorType;
 }
-export default function IncubatorApprovedNotification(inProps: NotificationIncubatorApprovedProps): JSX.Element;
+export default function IncubatorApprovedNotification(props: NotificationIncubatorApprovedProps): JSX.Element;

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

@@ -10,7 +10,6 @@ const DateTimeAgo_1 = tslib_1.__importDefault(require("../../../shared/DateTimeA
 const NewChip_1 = tslib_1.__importDefault(require("../../../shared/NewChip/NewChip"));
 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 messages = (0, react_intl_1.defineMessages)({
@@ -30,12 +29,8 @@ const Root = (0, styles_1.styled)(NotificationItem_1.default, {
     name: constants_1.PREFIX,
     slot: 'IncubatorApprovedRoot'
 })(() => ({}));
-function IncubatorApprovedNotification(inProps) {
+function IncubatorApprovedNotification(props) {
     // PROPS
-    const props = (0, system_1.useThemeProps)({
-        props: inProps,
-        name: constants_1.PREFIX
-    });
     const { notificationObject = null, id = `n_${props.notificationObject['feed_serialization_id']}`, template = types_1.SCNotificationObjectTemplateType.DETAIL, className } = props, rest = tslib_1.__rest(props, ["notificationObject", "id", "template", "className"]);
     // ROUTING
     const scRoutingContext = (0, react_core_1.useSCRouting)();

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

@@ -9,7 +9,7 @@ export interface NotificationKindlyNoticeFlagProps extends Pick<NotificationItem
 }
 /**
  * This component render the content of the notification of type kindly notice flag
- * @param inProps
  * @constructor
+ * @param props
  */
-export default function KindlyNoticeFlagNotification(inProps: NotificationKindlyNoticeFlagProps): JSX.Element;
+export default function KindlyNoticeFlagNotification(props: NotificationKindlyNoticeFlagProps): JSX.Element;

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

@@ -12,7 +12,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 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 kindly notice flag
- * @param inProps
  * @constructor
+ * @param props
  */
-function KindlyNoticeFlagNotification(inProps) {
+function KindlyNoticeFlagNotification(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"]);
     // ROUTING
     const scRoutingContext = (0, react_core_1.useSCRouting)();

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

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

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

@@ -12,7 +12,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 messages = (0, react_intl_1.defineMessages)({
@@ -56,15 +55,11 @@ const Root = (0, styles_1.styled)(NotificationItem_1.default, {
 })(() => ({}));
 /**
  * This component render the content of the notification of type kindly notice for
- * @param inProps
  * @constructor
+ * @param props
  */
-function KindlyNoticeForNotification(inProps) {
+function KindlyNoticeForNotification(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"]);
     // ROUTING
     const scRoutingContext = (0, react_core_1.useSCRouting)();

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

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

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

@@ -10,7 +10,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 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 mention
- * @param inProps
  * @constructor
+ * @param props
  */
-function MentionNotification(inProps) {
+function MentionNotification(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)();