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

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;

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

@@ -5,7 +5,6 @@ import { Avatar, Box, Button, Stack, Typography } from '@mui/material';
 import { Link, SCRoutes, useSCRouting } from '@selfcommunity/react-core';
 import { FormattedMessage } from 'react-intl';
 import classNames from 'classnames';
-import { useThemeProps } from '@mui/system';
 import { getContributionRouteName, getRouteData } from '../../../utils/contribution';
 import DateTimeAgo from '../../../shared/DateTimeAgo';
 import BaseItem from '../../../shared/BaseItem';
@@ -45,14 +44,10 @@ const Root = styled(BaseItem, {
  |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) {
+export default function PollSnippet(props) {
     // PROPS
-    const props = useThemeProps({
-        props: inProps,
-        name: PREFIX
-    });
     const { feedObj = null, className = null, autoHide = false } = props, rest = __rest(props, ["feedObj", "className", "autoHide"]);
     // CONTEXT
     const scRoutingContext = useSCRouting();

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

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

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

@@ -3,7 +3,6 @@ import React, { useState } from 'react';
 import { styled } from '@mui/material/styles';
 import { Box, Typography } from '@mui/material';
 import classNames from 'classnames';
-import { useThemeProps } from '@mui/system';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import ConfirmDialog from '../../../shared/ConfirmDialog/ConfirmDialog';
 import UserSocialAssociation from '../../UserSocialAssociation';
@@ -40,14 +39,10 @@ const Root = styled(Box, {
     name: PREFIX,
     slot: 'AccountRoot'
 })(() => ({}));
-export default function Account(inProps) {
-    // PROPS
-    const props = useThemeProps({
-        props: inProps,
-        name: PREFIX
-    });
+export default function Account(props) {
     // CONTEXT
     const scUserContext = useSCUser();
+    // PROPS
     const { className = null, handleAssociationCreate, showSocialAccountSection = true, showCredentialsSection = false, AccountCredentialProps = {}, showLanguageSwitcher = false, LanguageSwitcherProps = {}, startActions = null, endActions = null } = props, rest = __rest(props, ["className", "handleAssociationCreate", "showSocialAccountSection", "showCredentialsSection", "AccountCredentialProps", "showLanguageSwitcher", "LanguageSwitcherProps", "startActions", "endActions"]);
     // STATE
     const [provider, setProvider] = useState(null);

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

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

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

@@ -3,7 +3,6 @@ import React, { useState } from 'react';
 import { styled } from '@mui/material/styles';
 import { Box, Button, CircularProgress, FormGroup, IconButton, InputAdornment, Popover, Typography } from '@mui/material';
 import classNames from 'classnames';
-import { useThemeProps } from '@mui/system';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import { formatHttpErrorCode, UserService } from '@selfcommunity/api-services';
 import { SCOPE_SC_UI } from '../../../constants/Errors';
@@ -44,14 +43,9 @@ const PasswordDialogRoot = styled(BaseDialog, {
     name: PREFIX,
     slot: 'PasswordDialogRoot'
 })(() => ({}));
-export default function AccountCredentials(inProps) {
+export default function AccountCredentials(props) {
     var _a;
     // PROPS
-    const props = useThemeProps({
-        props: inProps,
-        name: PREFIX
-    });
-    // CONTEXT
     const { className = null, user, skipEmailValidation = false } = props, rest = __rest(props, ["className", "user", "skipEmailValidation"]);
     const { enqueueSnackbar } = useSnackbar();
     // STATE

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

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

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

@@ -13,7 +13,6 @@ import { DatePicker, LocalizationProvider } from '@mui/x-date-pickers';
 import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
 import UsernameTextField from '../../../shared/UsernameTextField';
 import { useDeepCompareEffectNoCheck } from 'use-deep-compare-effect';
-import { useThemeProps } from '@mui/system';
 import { SCUserProfileFields } from '../../../types';
 import MetadataField from '../../../shared/MetadataField';
 import { SCOPE_SC_UI } from '../../../constants/Errors';
@@ -48,12 +47,8 @@ const Root = styled(Box, {
 })(() => ({}));
 const GENDERS = ['Male', 'Female', 'Unspecified'];
 const DATEPICKER_MINDATE = new Date(1000, 1, 1);
-export default function PublicInfo(inProps) {
+export default function PublicInfo(props) {
     // PROPS
-    const props = useThemeProps({
-        props: inProps,
-        name: PREFIX
-    });
     const { id = null, className = null, fields = [...DEFAULT_FIELDS], onEditSuccess = null, onEditFailure = null, startActions = null, endActions = null } = props, rest = __rest(props, ["id", "className", "fields", "onEditSuccess", "onEditFailure", "startActions", "endActions"]);
     // CONTEXT
     const scContext = useSCContext();

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

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

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

@@ -7,7 +7,6 @@ import { SCNotification, useSCUser } from '@selfcommunity/react-core';
 import classNames from 'classnames';
 import SettingsSkeleton from './SettingsSkeleton';
 import { useSnackbar } from 'notistack';
-import { useThemeProps } from '@mui/system';
 import { DEFAULT_SETTINGS } from '../../../constants/UserProfile';
 import { SCUserProfileSettings } from '../../../types';
 import { PREFIX } from '../constants';
@@ -19,12 +18,8 @@ const Root = styled(Box, {
     name: PREFIX,
     slot: 'SettingsRoot'
 })(() => ({}));
-export default function Settings(inProps) {
+export default function Settings(props) {
     // PROPS
-    const props = useThemeProps({
-        props: inProps,
-        name: PREFIX
-    });
     const { id = null, className = null, settings = [...DEFAULT_SETTINGS], onEditSuccess = null, startActions = null, endActions = null } = props, rest = __rest(props, ["id", "className", "settings", "onEditSuccess", "startActions", "endActions"]);
     // CONTEXT
     const scUserContext = useSCUser();