@selfcommunity/react-ui 0.7.0-alpha.349 → 0.7.0-alpha.350

package/lib/esm/components/UserConnectionsRequestsWidget/Skeleton.js

@@ -1,15 +1,14 @@
 import React from 'react';
 import { CategoryTrendingPeopleWidgetSkeleton } from '../CategoryTrendingUsersWidget';
 import { styled } from '@mui/material/styles';
-const PREFIX = 'SCUserConnectionsRequestsWidgetSkeleton';
+import { PREFIX } from './constants';
 const classes = {
-    root: `${PREFIX}-root`
+    root: `${PREFIX}-skeleton-root`
 };
 const Root = styled(CategoryTrendingPeopleWidgetSkeleton, {
     name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({}));
+    slot: 'SkeletonRoot'
+})(() => ({}));
 /**
  * > API documentation for the Community-JS User Connections Requests Widget Skeleton component. Learn about the available props and the CSS API.
 
@@ -21,13 +20,13 @@ const Root = styled(CategoryTrendingPeopleWidgetSkeleton, {
 
  #### Component Name
 
- The name `SCUserConnectionsRequestsWidgetSkeleton` can be used when providing style overrides in the theme.
+ The name `SCUserConnectionsRequestsWidget-skeleton-root` can be used when providing style overrides in the theme.
 
  #### CSS
 
  |Rule Name|Global class|Description|
  |---|---|---|
- |root|.SCUserConnectionsRequestsWidgetSkeleton-root|Styles applied to the root element.|
+ |root|.SCUserConnectionsRequestsWidget-skeleton-root|Styles applied to the root element.|
  *
  */
 export default function UserConnectionsRequestsSkeleton(props) {

package/lib/esm/components/UserConnectionsRequestsWidget/UserConnectionsRequestsWidget.js

@@ -17,7 +17,7 @@ import BaseDialog from '../../shared/BaseDialog';
 import InfiniteScroll from '../../shared/InfiniteScroll';
 import { useThemeProps } from '@mui/system';
 import HiddenPlaceholder from '../../shared/HiddenPlaceholder';
-const PREFIX = 'SCUserConnectionsRequestsWidget';
+import { PREFIX } from './constants';
 const classes = {
     root: `${PREFIX}-root`,
     title: `${PREFIX}-title`,
@@ -28,14 +28,12 @@ const classes = {
 };
 const Root = styled(Widget, {
     name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({}));
+    slot: 'Root'
+})(() => ({}));
 const DialogRoot = styled(BaseDialog, {
     name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.dialogRoot
-})(({ theme }) => ({}));
+    slot: 'DialogRoot'
+})(() => ({}));
 /**
  * > API documentation for the Community-JS User Connections Requests Widget component. Learn about the available props and the CSS API.
  *

package/lib/esm/components/UserConnectionsRequestsWidget/constants.d.ts

@@ -0,0 +1 @@
+export declare const PREFIX = "SCUserConnectionsRequestsWidget";

package/lib/esm/components/UserConnectionsRequestsWidget/constants.js

@@ -0,0 +1 @@
+export const PREFIX = 'SCUserConnectionsRequestsWidget';

package/lib/esm/components/UserConnectionsWidget/Skeleton.d.ts

@@ -10,13 +10,13 @@ import { WidgetProps } from '../Widget';
 
  #### Component Name
 
- The name `SCUserConnectionsWidgetSkeleton` can be used when providing style overrides in the theme.
+ The name `SCUserConnectionsWidget-skeleton-root` can be used when providing style overrides in the theme.
 
  #### CSS
 
  |Rule Name|Global class|Description|
  |---|---|---|
- |root|.SCUserConnectionsWidgetSkeleton-root|Styles applied to the root element.|
+ |root|.SCUserConnectionsWidget-skeleton-root|Styles applied to the root element.|
  *
  */
 export default function UserConnectionsSkeleton(props: WidgetProps): JSX.Element;

package/lib/esm/components/UserConnectionsWidget/Skeleton.js

@@ -1,9 +1,9 @@
 import React from 'react';
 import { CategoryTrendingPeopleWidgetSkeleton } from '../CategoryTrendingUsersWidget';
 import { styled } from '@mui/material/styles';
-const PREFIX = 'SCUserConnectionsWidgetSkeleton';
+import { PREFIX } from './constants';
 const classes = {
-    root: `${PREFIX}-root`
+    root: `${PREFIX}-skeleton-root`
 };
 const Root = styled(CategoryTrendingPeopleWidgetSkeleton, {
     name: PREFIX,
@@ -21,13 +21,13 @@ const Root = styled(CategoryTrendingPeopleWidgetSkeleton, {
 
  #### Component Name
 
- The name `SCUserConnectionsWidgetSkeleton` can be used when providing style overrides in the theme.
+ The name `SCUserConnectionsWidget-skeleton-root` can be used when providing style overrides in the theme.
 
  #### CSS
 
  |Rule Name|Global class|Description|
  |---|---|---|
- |root|.SCUserConnectionsWidgetSkeleton-root|Styles applied to the root element.|
+ |root|.SCUserConnectionsWidget-skeleton-root|Styles applied to the root element.|
  *
  */
 export default function UserConnectionsSkeleton(props) {

package/lib/esm/components/UserConnectionsWidget/UserConnectionsWidget.js

@@ -17,7 +17,7 @@ import BaseDialog from '../../shared/BaseDialog';
 import InfiniteScroll from '../../shared/InfiniteScroll';
 import { useThemeProps } from '@mui/system';
 import HiddenPlaceholder from '../../shared/HiddenPlaceholder';
-const PREFIX = 'SCUserConnectionsWidget';
+import { PREFIX } from './constants';
 const classes = {
     root: `${PREFIX}-root`,
     title: `${PREFIX}-title`,
@@ -28,14 +28,12 @@ const classes = {
 };
 const Root = styled(Widget, {
     name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({}));
+    slot: 'Root'
+})(() => ({}));
 const DialogRoot = styled(BaseDialog, {
     name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.dialogRoot
-})(({ theme }) => ({}));
+    slot: 'DialogRoot'
+})(() => ({}));
 /**
  * > API documentation for the Community-JS User Connections Widget component. Learn about the available props and the CSS API.
  *

package/lib/esm/components/UserConnectionsWidget/constants.d.ts

@@ -0,0 +1 @@
+export declare const PREFIX = "SCUserConnectionsWidget";

package/lib/esm/components/UserConnectionsWidget/constants.js

@@ -0,0 +1 @@
+export const PREFIX = 'SCUserConnectionsWidget';

package/lib/esm/components/UserFollowedCategoriesWidget/Skeleton.d.ts

@@ -9,13 +9,13 @@
 
  #### Component Name
 
- The name `SCUserFollowedCategoriesWidgetSkeleton` can be used when providing style overrides in the theme.
+ The name `SCUserCategoriesFollowedWidget-skeleton-root` can be used when providing style overrides in the theme.
 
  #### CSS
 
  |Rule Name|Global class|Description|
  |---|---|---|
- |root|.SCUserFollowedCategoriesWidgetSkeleton-root|Styles applied to the root element.|
+ |root|.SCUserCategoriesFollowedWidget-skeleton-root|Styles applied to the root element.|
  *
  */
 export default function UserFollowedCategoriesWidgetSkeleton(props: any): JSX.Element;

package/lib/esm/components/UserFollowedCategoriesWidget/Skeleton.js

@@ -3,15 +3,12 @@ import CategoriesSuggestionWidgetSkeleton from '../CategoriesSuggestionWidget/Sk
 import { styled } from '@mui/material/styles';
 const PREFIX = 'SCUserFollowedCategoriesWidgetSkeleton';
 const classes = {
-    root: `${PREFIX}-root`
+    root: `${PREFIX}-skeleton-root`
 };
 const Root = styled(CategoriesSuggestionWidgetSkeleton, {
     name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({
-    marginBottom: theme.spacing(2)
-}));
+    slot: 'SkeletonRoot'
+})(() => ({}));
 /**
  * > API documentation for the Community-JS User Profile Categories Followed Widget Skeleton component. Learn about the available props and the CSS API.
 
@@ -23,13 +20,13 @@ const Root = styled(CategoriesSuggestionWidgetSkeleton, {
 
  #### Component Name
 
- The name `SCUserFollowedCategoriesWidgetSkeleton` can be used when providing style overrides in the theme.
+ The name `SCUserCategoriesFollowedWidget-skeleton-root` can be used when providing style overrides in the theme.
 
  #### CSS
 
  |Rule Name|Global class|Description|
  |---|---|---|
- |root|.SCUserFollowedCategoriesWidgetSkeleton-root|Styles applied to the root element.|
+ |root|.SCUserCategoriesFollowedWidget-skeleton-root|Styles applied to the root element.|
  *
  */
 export default function UserFollowedCategoriesWidgetSkeleton(props) {

package/lib/esm/components/UserFollowedCategoriesWidget/UserFollowedCategoriesWidget.js

@@ -16,7 +16,7 @@ import BaseDialog from '../../shared/BaseDialog';
 import Widget from '../Widget';
 import { useThemeProps } from '@mui/system';
 import HiddenPlaceholder from '../../shared/HiddenPlaceholder';
-const PREFIX = 'SCUserCategoriesFollowedWidget';
+import { PREFIX } from './constants';
 const classes = {
     root: `${PREFIX}-root`,
     title: `${PREFIX}-title`,
@@ -27,13 +27,11 @@ const classes = {
 };
 const Root = styled(Widget, {
     name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
+    slot: 'Root'
 })(() => ({}));
 const DialogRoot = styled(BaseDialog, {
     name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.dialogRoot
+    slot: 'DialogRoot'
 })(() => ({}));
 /**
  * > API documentation for the Community-JS User Profile Categories Followed Widget component. Learn about the available props and the CSS API.

package/lib/esm/components/UserFollowedCategoriesWidget/constants.d.ts

@@ -0,0 +1 @@
+export declare const PREFIX = "SCUserCategoriesFollowedWidget";

package/lib/esm/components/UserFollowedCategoriesWidget/constants.js

@@ -0,0 +1 @@
+export const PREFIX = 'SCUserCategoriesFollowedWidget';

package/lib/esm/components/UserFollowedUsersWidget/Skeleton.d.ts

@@ -10,13 +10,13 @@ import { WidgetProps } from '../Widget';
 
  #### Component Name
 
- The name `SCUserFollowedUsersWidgetSkeleton` can be used when providing style overrides in the theme.
+ The name `SCUserFollowedUsersWidget-skeleton-root` can be used when providing style overrides in the theme.
 
  #### CSS
 
  |Rule Name|Global class|Description|
  |---|---|---|
- |root|.SCUserFollowedUsersWidgetSkeleton-root|Styles applied to the root element.|
+ |root|.SCUserFollowedUsersWidget-skeleton-root|Styles applied to the root element.|
  *
  */
 export default function UserFollowedUsersWidgetSkeleton(props: WidgetProps): JSX.Element;

package/lib/esm/components/UserFollowedUsersWidget/Skeleton.js

@@ -1,15 +1,14 @@
 import React from 'react';
 import { CategoryTrendingPeopleWidgetSkeleton } from '../CategoryTrendingUsersWidget';
 import { styled } from '@mui/material/styles';
-const PREFIX = 'SCUserFollowedUsersWidgetSkeleton';
+import { PREFIX } from './constants';
 const classes = {
-    root: `${PREFIX}-root`
+    root: `${PREFIX}-skeleton-root`
 };
 const Root = styled(CategoryTrendingPeopleWidgetSkeleton, {
     name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({}));
+    slot: 'SkeletonRoot'
+})(() => ({}));
 /**
  * > API documentation for the Community-JS Users Followed Widget Skeleton component. Learn about the available props and the CSS API.
 
@@ -21,13 +20,13 @@ const Root = styled(CategoryTrendingPeopleWidgetSkeleton, {
 
  #### Component Name
 
- The name `SCUserFollowedUsersWidgetSkeleton` can be used when providing style overrides in the theme.
+ The name `SCUserFollowedUsersWidget-skeleton-root` can be used when providing style overrides in the theme.
 
  #### CSS
 
  |Rule Name|Global class|Description|
  |---|---|---|
- |root|.SCUserFollowedUsersWidgetSkeleton-root|Styles applied to the root element.|
+ |root|.SCUserFollowedUsersWidget-skeleton-root|Styles applied to the root element.|
  *
  */
 export default function UserFollowedUsersWidgetSkeleton(props) {

package/lib/esm/components/UserFollowedUsersWidget/UserFollowedUsersWidget.js

@@ -17,7 +17,7 @@ import InfiniteScroll from '../../shared/InfiniteScroll';
 import { useThemeProps } from '@mui/system';
 import HiddenPlaceholder from '../../shared/HiddenPlaceholder';
 import { actionWidgetTypes, dataWidgetReducer, stateWidgetInitializer } from '../../utils/widget';
-const PREFIX = 'SCUserFollowedUsersWidget';
+import { PREFIX } from './constants';
 const classes = {
     root: `${PREFIX}-root`,
     title: `${PREFIX}-title`,
@@ -28,13 +28,11 @@ const classes = {
 };
 const Root = styled(Widget, {
     name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
+    slot: 'Root'
 })(() => ({}));
 const DialogRoot = styled(BaseDialog, {
     name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.dialogRoot
+    slot: 'DialogRoot'
 })(() => ({}));
 /**
  * > API documentation for the Community-JS User Followed Users Widget component. Learn about the available props and the CSS API.

package/lib/esm/components/UserFollowedUsersWidget/constants.d.ts

@@ -0,0 +1 @@
+export declare const PREFIX = "SCUserFollowedUsersWidget";

package/lib/esm/components/UserFollowedUsersWidget/constants.js

@@ -0,0 +1 @@
+export const PREFIX = 'SCUserFollowedUsersWidget';

package/lib/esm/components/UserFollowersWidget/Skeleton.d.ts

@@ -10,13 +10,13 @@ import { WidgetProps } from '../Widget';
 
  #### Component Name
 
- The name `SCUserFollowersWidgetSkeleton` can be used when providing style overrides in the theme.
+ The name `SCUserFollowersWidget-skeleton-root` can be used when providing style overrides in the theme.
 
  #### CSS
 
  |Rule Name|Global class|Description|
  |---|---|---|
- |root|.SCUserFollowersWidgetSkeleton-root|Styles applied to the root element.|
+ |root|.SCUserFollowersWidget-skeleton-root|Styles applied to the root element.|
  *
  */
 export default function UserFollowersSkeleton(props: WidgetProps): JSX.Element;

package/lib/esm/components/UserFollowersWidget/Skeleton.js

@@ -1,15 +1,14 @@
 import React from 'react';
 import { CategoryTrendingPeopleWidgetSkeleton } from '../CategoryTrendingUsersWidget';
 import { styled } from '@mui/material/styles';
-const PREFIX = 'SCUserFollowersWidgetSkeleton';
+import { PREFIX } from './constants';
 const classes = {
-    root: `${PREFIX}-root`
+    root: `${PREFIX}-skeleton-root`
 };
 const Root = styled(CategoryTrendingPeopleWidgetSkeleton, {
     name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({}));
+    slot: 'SkeletonRoot'
+})(() => ({}));
 /**
  * > API documentation for the Community-JS User Followers Widget Skeleton component. Learn about the available props and the CSS API.
 
@@ -21,13 +20,13 @@ const Root = styled(CategoryTrendingPeopleWidgetSkeleton, {
 
  #### Component Name
 
- The name `SCUserFollowersWidgetSkeleton` can be used when providing style overrides in the theme.
+ The name `SCUserFollowersWidget-skeleton-root` can be used when providing style overrides in the theme.
 
  #### CSS
 
  |Rule Name|Global class|Description|
  |---|---|---|
- |root|.SCUserFollowersWidgetSkeleton-root|Styles applied to the root element.|
+ |root|.SCUserFollowersWidget-skeleton-root|Styles applied to the root element.|
  *
  */
 export default function UserFollowersSkeleton(props) {

package/lib/esm/components/UserFollowersWidget/UserFollowersWidget.js

@@ -17,7 +17,7 @@ import BaseDialog from '../../shared/BaseDialog';
 import InfiniteScroll from '../../shared/InfiniteScroll';
 import { useThemeProps } from '@mui/system';
 import HiddenPlaceholder from '../../shared/HiddenPlaceholder';
-const PREFIX = 'SCUserFollowersWidget';
+import { PREFIX } from './constants';
 const classes = {
     root: `${PREFIX}-root`,
     title: `${PREFIX}-title`,
@@ -28,14 +28,12 @@ const classes = {
 };
 const Root = styled(Widget, {
     name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({}));
+    slot: 'Root'
+})(() => ({}));
 const DialogRoot = styled(BaseDialog, {
     name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.dialogRoot
-})(({ theme }) => ({}));
+    slot: 'DialogRoot'
+})(() => ({}));
 /**
  * > API documentation for the Community-JS User Followers Widget component. Learn about the available props and the CSS API.
  *

package/lib/esm/components/UserFollowersWidget/constants.d.ts

@@ -0,0 +1 @@
+export declare const PREFIX = "SCUserFollowersWidget";

package/lib/esm/components/UserFollowersWidget/constants.js

@@ -0,0 +1 @@
+export const PREFIX = 'SCUserFollowersWidget';

package/lib/esm/components/UserInfo/Skeleton.d.ts

@@ -9,13 +9,13 @@
 
  #### Component Name
 
- The name `SCUserProfileInfoSkeleton` can be used when providing style overrides in the theme.
+ The name `SCUserProfileInfo-skeleton-root` can be used when providing style overrides in the theme.
 
  #### CSS
 
  |Rule Name|Global class|Description|
  |---|---|---|
- |root|.SCUserProfileInfoSkeleton-root|Styles applied to the root element.|
+ |root|.SCUserProfileInfo-skeleton-root|Styles applied to the root element.|
  *
  */
 declare function UserProfileInfoSkeleton(): JSX.Element;

package/lib/esm/components/UserInfo/Skeleton.js

@@ -2,15 +2,14 @@ import React from 'react';
 import { Box, Typography } from '@mui/material';
 import { styled } from '@mui/material/styles';
 import Skeleton from '@mui/material/Skeleton';
-const PREFIX = 'SCUserInfoSkeleton';
+import { PREFIX } from './constants';
 const classes = {
-    root: `${PREFIX}-root`,
+    root: `${PREFIX}-skeleton-root`,
     field: `${PREFIX}-field`
 };
 const Root = styled(Box, {
     name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
+    slot: 'SkeletonRoot'
 })(() => ({}));
 /**
  * > API documentation for the Community-JS User Profile Info Skeleton component. Learn about the available props and the CSS API.
@@ -23,13 +22,13 @@ const Root = styled(Box, {
 
  #### Component Name
 
- The name `SCUserProfileInfoSkeleton` can be used when providing style overrides in the theme.
+ The name `SCUserProfileInfo-skeleton-root` can be used when providing style overrides in the theme.
 
  #### CSS
 
  |Rule Name|Global class|Description|
  |---|---|---|
- |root|.SCUserProfileInfoSkeleton-root|Styles applied to the root element.|
+ |root|.SCUserProfileInfo-skeleton-root|Styles applied to the root element.|
  *
  */
 function UserProfileInfoSkeleton() {

package/lib/esm/components/UserInfo/UserInfo.js

@@ -12,6 +12,7 @@ import { useThemeProps } from '@mui/system';
 import { SCUserProfileFields } from '../../types';
 import { SCOPE_SC_UI } from '../../constants/Errors';
 import Tags, { TagsComponentType } from '../../shared/Tags';
+import { PREFIX } from './constants';
 const messages = defineMessages({
     realName: {
         id: 'ui.userInfo.realName',
@@ -54,16 +55,14 @@ const messages = defineMessages({
         defaultMessage: 'ui.userInfo.fieldLink'
     }
 });
-const PREFIX = 'SCUserInfo';
 const classes = {
     root: `${PREFIX}-root`,
     field: `${PREFIX}-field`
 };
 const Root = styled(Box, {
     name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({}));
+    slot: 'Root'
+})(() => ({}));
 /**
  * > API documentation for the Community-JS User Info component. Learn about the available props and the CSS API.
 

package/lib/esm/components/UserInfo/constants.d.ts

@@ -0,0 +1 @@
+export declare const PREFIX = "SCUserInfo";

package/lib/esm/components/UserInfo/constants.js

@@ -0,0 +1 @@
+export const PREFIX = 'SCUserInfo';

package/lib/esm/components/UserInfoDialog/UserInfoDialog.js

@@ -7,18 +7,17 @@ import UserInfo, { UserInfoSkeleton } from '../UserInfo';
 import BaseDialog from '../../shared/BaseDialog';
 import { useSCFetchUser } from '@selfcommunity/react-core';
 import { FormattedMessage } from 'react-intl';
-const PREFIX = 'SCUserInfoDialog';
+import { PREFIX } from '../UserInfo/constants';
 const classes = {
-    root: `${PREFIX}-root`,
+    root: `${PREFIX}-dialog-root`,
     caption: `${PREFIX}-caption`,
     avatar: `${PREFIX}-avatar`,
     username: `${PREFIX}-username`
 };
 const Root = styled(BaseDialog, {
     name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({}));
+    slot: 'DialogRoot'
+})(() => ({}));
 export default function UserInfoDialog(inProps) {
     // PROPS
     const props = useThemeProps({

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

@@ -15,6 +15,7 @@ import AccountCredentials from './AccountCredentials';
 import AccountDataPortabilityButton from '../../AccountDataPortabilityButton';
 import AccountDeleteButton from '../../AccountDeleteButton';
 import LanguageSwitcher from '../../../shared/LanguageSwitcher';
+import { PREFIX } from '../constants';
 const messages = defineMessages({
     socialTitle: {
         id: 'ui.userProfileEditAccount.socialAssociations.title',
@@ -29,16 +30,16 @@ const messages = defineMessages({
         defaultMessage: 'ui.userProfileEditAccount.socialAssociations.dialog.msg'
     }
 });
-const PREFIX = 'SCUserProfileEditSectionAccount';
 const classes = {
-    root: `${PREFIX}-root`,
+    root: `${PREFIX}-account-root`,
+    credentials: `${PREFIX}-credentials`,
+    languageSwitcher: `${PREFIX}-language-switcher`,
     dangerZone: `${PREFIX}-danger-zone`
 };
 const Root = styled(Box, {
     name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({}));
+    slot: 'AccountRoot'
+})(() => ({}));
 export default function Account(inProps) {
     // PROPS
     const props = useThemeProps({
@@ -75,8 +76,8 @@ export default function Account(inProps) {
     }
     return (React.createElement(Root, Object.assign({ className: classNames(classes.root, className) }, rest),
         startActions,
-        showCredentialsSection && React.createElement(AccountCredentials, Object.assign({ user: scUserContext === null || scUserContext === void 0 ? void 0 : scUserContext.user }, AccountCredentialProps)),
-        showLanguageSwitcher && React.createElement(LanguageSwitcher, Object.assign({}, LanguageSwitcherProps)),
+        showCredentialsSection && React.createElement(AccountCredentials, Object.assign({ className: classes.credentials, user: scUserContext === null || scUserContext === void 0 ? void 0 : scUserContext.user }, AccountCredentialProps)),
+        showLanguageSwitcher && React.createElement(LanguageSwitcher, Object.assign({ className: classes.languageSwitcher }, LanguageSwitcherProps)),
         showSocialAccountSection && (React.createElement(UserSocialAssociation, { children: React.createElement(Typography, { variant: "body1", mb: 1, sx: { fontWeight: 'bold' } },
                 ' ',
                 intl.formatMessage(messages.socialTitle)), direction: "row", userId: scUserContext.user.id, onDeleteAssociation: handleOpenDeleteDialog, onCreateAssociation: handleAssociationCreate, deletingProvider: shouldUpdate ? provider : null })),

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

@@ -14,6 +14,7 @@ import EmailTextField from '../../../shared/EmailTextField';
 import { LoadingButton } from '@mui/lab';
 import Icon from '@mui/material/Icon';
 import { useSnackbar } from 'notistack';
+import { PREFIX } from '../constants';
 const messages = defineMessages({
     changePasswordTitle: {
         id: 'ui.userProfileEditAccountCredentials.changePassword',
@@ -24,14 +25,12 @@ const messages = defineMessages({
         defaultMessage: 'ui.userProfileEditAccountCredentials.confirmPassword.error'
     }
 });
-const PREFIX = 'SCUserProfileEditSectionAccountCredentials';
 const classes = {
-    root: `${PREFIX}-root`,
+    root: `${PREFIX}-account-credentials-root`,
     email: `${PREFIX}-email`,
     success: `${PREFIX}-success`,
     error: `${PREFIX}-error`,
-    dangerZone: `${PREFIX}-danger-zone`,
-    dialogRoot: `${PREFIX}-dialog-root`,
+    dialogRoot: `${PREFIX}-password-dialog-root`,
     form: `${PREFIX}-password-form`,
     formField: `${PREFIX}-form-field`,
     password: `${PREFIX}-password`,
@@ -39,13 +38,11 @@ const classes = {
 };
 const Root = styled(Box, {
     name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
+    slot: 'AccountCredentialsRoot'
 })(() => ({}));
 const PasswordDialogRoot = styled(BaseDialog, {
     name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.dialogRoot
+    slot: 'PasswordDialogRoot'
 })(() => ({}));
 export default function AccountCredentials(inProps) {
     var _a;

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

@@ -22,6 +22,7 @@ import itLocale from 'date-fns/locale/it';
 import enLocale from 'date-fns/locale/en-US';
 import { LoadingButton } from '@mui/lab';
 import { useSnackbar } from 'notistack';
+import { PREFIX } from '../constants';
 const messages = defineMessages({
     genderMale: {
         id: 'ui.userProfileEditPublicInfo.genderMale',
@@ -36,28 +37,15 @@ const messages = defineMessages({
         defaultMessage: 'ui.userProfileEditPublicInfo.genderUnspecified'
     }
 });
-const PREFIX = 'SCUserProfileEditSectionPublicInfo';
 const classes = {
-    root: `${PREFIX}-root`,
+    root: `${PREFIX}-public-info-root`,
     field: `${PREFIX}-field`,
     btnSave: `${PREFIX}-btn-save`
 };
 const Root = styled(Box, {
     name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({
-    [`& .${classes.field}`]: {
-        margin: theme.spacing(1, 0, 1, 0)
-    },
-    [`& .${classes.field} .MuiSelect-icon`]: {
-        right: theme.spacing(5)
-    },
-    [`& .${classes.btnSave}`]: {
-        marginTop: theme.spacing(2),
-        marginBottom: theme.spacing()
-    }
-}));
+    slot: 'PublicInfoRoot'
+})(() => ({}));
 const GENDERS = ['Male', 'Female', 'Unspecified'];
 const DATEPICKER_MINDATE = new Date(1000, 1, 1);
 export default function PublicInfo(inProps) {