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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/lib/esm/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/esm/components/Notification/ContributionFollow/ContributionFollow.js

@@ -8,7 +8,6 @@ import DateTimeAgo from '../../../shared/DateTimeAgo';
 import classNames from 'classnames';
 import { SCNotificationObjectTemplateType } from '../../../types';
 import { getContributionSnippet, getContributionType, getRouteData } from '../../../utils/contribution';
-import { useThemeProps } from '@mui/system';
 import NotificationItem from '../../../shared/NotificationItem';
 import UserDeletedSnackBar from '../../../shared/UserDeletedSnackBar';
 import UserAvatar from '../../../shared/UserAvatar';
@@ -33,15 +32,11 @@ const Root = styled(NotificationItem, {
 })(() => ({}));
 /**
  * This component render the content of the notification of type follow (contribution)
- * @param inProps
  * @constructor
+ * @param props
  */
-export default function ContributionFollowNotification(inProps) {
+export default function ContributionFollowNotification(props) {
     // PROPS
-    const props = useThemeProps({
-        props: inProps,
-        name: PREFIX
-    });
     const { notificationObject, id = `n_${props.notificationObject['sid']}`, className, template = SCNotificationObjectTemplateType.DETAIL } = props, rest = __rest(props, ["notificationObject", "id", "className", "template"]);
     // CONTEXT
     const scRoutingContext = useSCRouting();

package/lib/esm/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/esm/components/Notification/DeletedFor/DeletedFor.js

@@ -11,7 +11,6 @@ import { camelCase } from '@selfcommunity/utils';
 import { Link, useSCRouting, SCRoutes } from '@selfcommunity/react-core';
 import classNames from 'classnames';
 import { SCNotificationObjectTemplateType } from '../../../types';
-import { useThemeProps } from '@mui/system';
 import NotificationItem from '../../../shared/NotificationItem';
 import { PREFIX } from '../constants';
 const messages = defineMessages({
@@ -52,15 +51,11 @@ const Root = styled(NotificationItem, {
 })(() => ({}));
 /**
  * This component render the content of the notification of type deleted for
- * @param inProps
  * @constructor
+ * @param props
  */
-export default function DeletedForNotification(inProps) {
+export default function DeletedForNotification(props) {
     // PROPS
-    const props = useThemeProps({
-        props: inProps,
-        name: PREFIX
-    });
     const { notificationObject = null, id = `n_${props.notificationObject['feed_serialization_id']}`, template = SCNotificationObjectTemplateType.DETAIL, className } = props, rest = __rest(props, ["notificationObject", "id", "template", "className"]);
     // ROUTING
     const scRoutingContext = useSCRouting();

package/lib/esm/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/esm/components/Notification/IncubatorApproved/IncubatorApproved.js

@@ -8,7 +8,6 @@ import DateTimeAgo from '../../../shared/DateTimeAgo';
 import NewChip from '../../../shared/NewChip/NewChip';
 import classNames from 'classnames';
 import { SCNotificationObjectTemplateType } from '../../../types';
-import { useThemeProps } from '@mui/system';
 import NotificationItem from '../../../shared/NotificationItem';
 import { PREFIX } from '../constants';
 const messages = defineMessages({
@@ -28,12 +27,8 @@ const Root = styled(NotificationItem, {
     name: PREFIX,
     slot: 'IncubatorApprovedRoot'
 })(() => ({}));
-export default function IncubatorApprovedNotification(inProps) {
+export default function IncubatorApprovedNotification(props) {
     // PROPS
-    const props = useThemeProps({
-        props: inProps,
-        name: PREFIX
-    });
     const { notificationObject = null, id = `n_${props.notificationObject['feed_serialization_id']}`, template = SCNotificationObjectTemplateType.DETAIL, className } = props, rest = __rest(props, ["notificationObject", "id", "template", "className"]);
     // ROUTING
     const scRoutingContext = useSCRouting();

package/lib/esm/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/esm/components/Notification/KindlyNoticeFlag/KindlyNoticeFlag.js

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

package/lib/esm/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/esm/components/Notification/KindlyNoticeFor/KindlyNoticeFor.js

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

package/lib/esm/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/esm/components/Notification/Mention/Mention.js

@@ -8,7 +8,6 @@ import { getRouteData, getContributionType, getContributionSnippet, getContribut
 import DateTimeAgo from '../../../shared/DateTimeAgo';
 import classNames from 'classnames';
 import { SCNotificationObjectTemplateType } from '../../../types';
-import { useThemeProps } from '@mui/system';
 import NotificationItem from '../../../shared/NotificationItem';
 import UserDeletedSnackBar from '../../../shared/UserDeletedSnackBar';
 import UserAvatar from '../../../shared/UserAvatar';
@@ -33,15 +32,11 @@ const Root = styled(NotificationItem, {
 })(() => ({}));
 /**
  * This component render the content of the notification of type mention
- * @param inProps
  * @constructor
+ * @param props
  */
-export default function MentionNotification(inProps) {
+export default function MentionNotification(props) {
     // PROPS
-    const props = useThemeProps({
-        props: inProps,
-        name: PREFIX
-    });
     const { notificationObject, id = `n_${props.notificationObject['sid']}`, className, template = SCNotificationObjectTemplateType.DETAIL } = props, rest = __rest(props, ["notificationObject", "id", "className", "template"]);
     // CONTEXT
     const scRoutingContext = useSCRouting();

package/lib/esm/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/esm/components/Notification/PrivateMessage/PrivateMessage.js

@@ -7,7 +7,6 @@ import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import DateTimeAgo from '../../../shared/DateTimeAgo';
 import classNames from 'classnames';
 import { SCNotificationObjectTemplateType } from '../../../types';
-import { useThemeProps } from '@mui/system';
 import NotificationItem from '../../../shared/NotificationItem';
 import { LoadingButton } from '@mui/lab';
 import UserDeletedSnackBar from '../../../shared/UserDeletedSnackBar';
@@ -36,15 +35,11 @@ const Root = styled(NotificationItem, {
 })(() => ({}));
 /**
  * This component render the content of the notification of type private message
- * @param inProps
  * @constructor
+ * @param props
  */
-export default function PrivateMessageNotification(inProps) {
+export default function PrivateMessageNotification(props) {
     // PROPS
-    const props = useThemeProps({
-        props: inProps,
-        name: PREFIX
-    });
     const { notificationObject, id = `n_${props.notificationObject['sid']}`, className, template = SCNotificationObjectTemplateType.DETAIL } = props, rest = __rest(props, ["notificationObject", "id", "className", "template"]);
     // CONTEXT
     const scRoutingContext = useSCRouting();

package/lib/esm/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/esm/components/Notification/UndeletedFor/UndeletedFor.js

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

package/lib/esm/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/esm/components/Notification/UserBlocked/UserBlocked.js

@@ -8,7 +8,6 @@ import { defineMessages, useIntl } from 'react-intl';
 import DateTimeAgo from '../../../shared/DateTimeAgo';
 import classNames from 'classnames';
 import { SCNotificationObjectTemplateType } from '../../../types';
-import { useThemeProps } from '@mui/system';
 import NotificationItem from '../../../shared/NotificationItem';
 import { PREFIX } from '../constants';
 const messages = defineMessages({
@@ -34,15 +33,11 @@ const Root = styled(NotificationItem, {
 })(() => ({}));
 /**
  * This component render the content of the notification of type user blocked
- * @param inProps
  * @constructor
+ * @param props
  */
-export default function UserBlockedNotification(inProps) {
+export default function UserBlockedNotification(props) {
     // PROPS
-    const props = useThemeProps({
-        props: inProps,
-        name: PREFIX
-    });
     const { notificationObject = null, id = `n_${props.notificationObject['sid']}`, template = SCNotificationObjectTemplateType.DETAIL, className } = props, rest = __rest(props, ["notificationObject", "id", "template", "className"]);
     // INTL
     const intl = useIntl();

package/lib/esm/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/esm/components/Notification/UserConnection/UserConnection.js

@@ -8,7 +8,6 @@ import { SCNotificationTypologyType } from '@selfcommunity/types';
 import { Link, SCRoutes, useSCRouting } from '@selfcommunity/react-core';
 import classNames from 'classnames';
 import { SCNotificationObjectTemplateType } from '../../../types';
-import { useThemeProps } from '@mui/system';
 import NotificationItem from '../../../shared/NotificationItem';
 import UserDeletedSnackBar from '../../../shared/UserDeletedSnackBar';
 import UserAvatar from '../../../shared/UserAvatar';
@@ -36,15 +35,11 @@ const Root = styled(NotificationItem, {
 })(() => ({}));
 /**
  * This component render the content of the notification of connection accept/request
- * @param inProps
  * @constructor
+ * @param props
  */
-export default function UserConnectionNotification(inProps) {
+export default function UserConnectionNotification(props) {
     // PROPS
-    const props = useThemeProps({
-        props: inProps,
-        name: PREFIX
-    });
     const { notificationObject = null, id = `n_${props.notificationObject['sid']}`, className, template = SCNotificationObjectTemplateType.DETAIL } = props, rest = __rest(props, ["notificationObject", "id", "className", "template"]);
     // CONTEXT
     const scRoutingContext = useSCRouting();

package/lib/esm/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/esm/components/Notification/UserFollow/UserFollow.js

@@ -7,7 +7,6 @@ import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import DateTimeAgo from '../../../shared/DateTimeAgo';
 import classNames from 'classnames';
 import { SCNotificationObjectTemplateType } from '../../../types';
-import { useThemeProps } from '@mui/system';
 import NotificationItem from '../../../shared/NotificationItem';
 import UserDeletedSnackBar from '../../../shared/UserDeletedSnackBar';
 import UserAvatar from '../../../shared/UserAvatar';
@@ -31,15 +30,11 @@ const Root = styled(NotificationItem, {
 })(() => ({}));
 /**
  * This component render the content of the notification of type user follow
- * @param inProps
  * @constructor
+ * @param props
  */
-export default function UserFollowNotification(inProps) {
+export default function UserFollowNotification(props) {
     // PROPS
-    const props = useThemeProps({
-        props: inProps,
-        name: PREFIX
-    });
     const { notificationObject, id = `n_${props.notificationObject['sid']}`, className, template = SCNotificationObjectTemplateType.DETAIL } = props, rest = __rest(props, ["notificationObject", "id", "className", "template"]);
     // CONTEXT
     const scRoutingContext = useSCRouting();

package/lib/esm/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/esm/components/Notification/VoteUp/VoteUp.js

@@ -8,7 +8,6 @@ import DateTimeAgo from '../../../shared/DateTimeAgo';
 import { getContribution, getContributionType, getContributionSnippet, getRouteData, getContributionRouteName } from '../../../utils/contribution';
 import classNames from 'classnames';
 import { SCNotificationObjectTemplateType } from '../../../types/notification';
-import { useThemeProps } from '@mui/system';
 import NotificationItem from '../../../shared/NotificationItem';
 import UserDeletedSnackBar from '../../../shared/UserDeletedSnackBar';
 import UserAvatar from '../../../shared/UserAvatar';
@@ -33,15 +32,11 @@ const Root = styled(NotificationItem, {
 })(() => ({}));
 /**
  * This component render the content of the notification of type vote up
- * @param inProps
  * @constructor
+ * @param props
  */
-export default function VoteUpNotification(inProps) {
+export default function VoteUpNotification(props) {
     // PROPS
-    const props = useThemeProps({
-        props: inProps,
-        name: PREFIX
-    });
     const { notificationObject, id = `n_${props.notificationObject['sid']}`, className, template = SCNotificationObjectTemplateType.DETAIL, index, onVote, loadingVote } = props, rest = __rest(props, ["notificationObject", "id", "className", "template", "index", "onVote", "loadingVote"]);
     // CONTEXT
     const scRoutingContext = useSCRouting();

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