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

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/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/FeedObject/Poll/Poll.js

@@ -79,17 +79,14 @@ 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/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)();

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)();