@selfcommunity/react-ui 0.11.0-alpha.65 → 0.11.0-alpha.67

package/lib/esm/components/RelatedFeedObjectsWidget/RelatedFeedObjectsWidget.js

@@ -1,9 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useEffect, useMemo, useReducer, useState } from 'react';
-import { styled } from '@mui/material/styles';
-import List from '@mui/material/List';
-import { Button, CardContent, ListItem, Typography, useMediaQuery, useTheme } from '@mui/material';
+import { Button, CardContent, ListItem, Typography, useMediaQuery, useTheme, styled, List } from '@mui/material';
 import { SCOPE_SC_UI } from '../../constants/Errors';
 import { SCCache, SCPreferences, useSCFetchFeedObject, useSCPreferences, useSCUser } from '@selfcommunity/react-core';
 import FeedObject, { FeedObjectSkeleton } from '../FeedObject';

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { CategoryTrendingFeedWidgetSkeleton } from '../CategoryTrendingFeedWidget';
-import { styled } from '@mui/material/styles';
+import { styled } from '@mui/material';
 import { PREFIX } from './constants';
 const classes = {
     root: `${PREFIX}-skeleton-root`

package/lib/esm/components/SearchAutocomplete/SearchAutocomplete.js

@@ -1,7 +1,6 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Autocomplete, Avatar, Box, Fade, IconButton, styled, TextField, Typography } from '@mui/material';
-import Icon from '@mui/material/Icon';
+import { Autocomplete, Avatar, Box, Fade, IconButton, styled, TextField, Typography, Icon } from '@mui/material';
 import { useEffect, useState } from 'react';
 import classNames from 'classnames';
 import { useThemeProps } from '@mui/system';

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

@@ -1,7 +1,6 @@
 import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { styled } from '@mui/material/styles';
-import { Avatar, AvatarGroup, Skeleton, useTheme } from '@mui/material';
+import { Avatar, AvatarGroup, Skeleton, useTheme, styled } from '@mui/material';
 import { useThemeProps } from '@mui/system';
 const PREFIX = 'SCAvatarGroupSkeleton';
 const classes = {

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

@@ -1,8 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Widget from '../Widget';
-import { styled } from '@mui/material/styles';
-import Skeleton from '@mui/material/Skeleton';
-import { CardContent } from '@mui/material';
+import { styled, Skeleton, CardContent } from '@mui/material';
 const PREFIX = 'SCGenericSkeleton';
 const classes = {
     root: `${PREFIX}-root`,

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

@@ -1,7 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { styled } from '@mui/material/styles';
-import { List, ListItem, useTheme } from '@mui/material';
-import Skeleton from '@mui/material/Skeleton';
+import { List, ListItem, useTheme, styled, Skeleton } from '@mui/material';
 import NotificationItem from '../../shared/NotificationItem';
 import { SCNotificationObjectTemplateType } from '../../types/notification';
 import { PREFIX } from './constants';

package/lib/esm/components/SnippetNotifications/SnippetNotifications.d.ts

@@ -2,7 +2,7 @@ import { CardProps } from '@mui/material';
 export interface SnippetNotificationsProps extends CardProps {
     /**
      * Id of the UserNotification
-     * @default `notification_<notificationObject.sid>`
+     * @default `notification_notificationObject.sid`
      */
     id?: string;
     /**

package/lib/esm/components/SnippetNotifications/SnippetNotifications.js

@@ -1,7 +1,6 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useRef, useState } from 'react';
-import { styled } from '@mui/material/styles';
 import CommentNotification from '../Notification/Comment';
 import UserFollowNotification from '../Notification/UserFollow';
 import UndeletedForNotification from '../Notification/UndeletedFor';
@@ -17,7 +16,7 @@ import VoteUpNotification from '../Notification/VoteUp';
 import { SCOPE_SC_UI } from '../../constants/Errors';
 import PubSub from 'pubsub-js';
 import ContributionFollowNotification from '../Notification/ContributionFollow';
-import { Avatar, Box, MenuItem, MenuList, Typography } from '@mui/material';
+import { Avatar, Box, MenuItem, MenuList, Typography, styled } from '@mui/material';
 import IncubatorApprovedNotification from '../Notification/IncubatorApproved';
 import classNames from 'classnames';
 import Skeleton from './Skeleton';

package/lib/esm/components/TagAutocomplete/TagAutocomplete.d.ts

@@ -1,6 +1,5 @@
-import { TextFieldProps } from '@mui/material/TextField';
-import { AutocompleteProps } from '@mui/material';
-import { SCTagType } from '@selfcommunity/types/src/index';
+import { AutocompleteProps, TextFieldProps } from '@mui/material';
+import { SCTagType } from '@selfcommunity/types';
 import { TagChipProps } from '../../shared/TagChip';
 export interface TagAutocompleteProps extends Pick<AutocompleteProps<SCTagType | null, any, any, any>, Exclude<keyof AutocompleteProps<SCTagType | null, any, any, any>, 'open' | 'onOpen' | 'onClose' | 'onChange' | 'filterSelectedOptions' | 'disableCloseOnSelect' | 'options' | 'getOptionLabel' | 'value' | 'selectOnFocus' | 'clearOnBlur' | 'blurOnSelect' | 'handleHomeEndKeys' | 'noOptionsText' | 'isOptionEqualToValue' | 'renderTags' | 'renderOption' | 'renderInput'>> {
     defaultValue: SCTagType[] | any;

package/lib/esm/components/TagAutocomplete/TagAutocomplete.js

@@ -2,12 +2,10 @@ import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useEffect, useState } from 'react';
 import { FormattedMessage } from 'react-intl';
-import Autocomplete from '@mui/material/Autocomplete';
-import TextField from '@mui/material/TextField';
 import parse from 'autosuggest-highlight/parse';
 import match from 'autosuggest-highlight/match';
+import { Autocomplete, TextField, styled } from '@mui/material';
 import { useSCFetchAddressingTagList } from '@selfcommunity/react-core';
-import { styled } from '@mui/material/styles';
 import { useThemeProps } from '@mui/system';
 import TagChip from '../../shared/TagChip';
 const PREFIX = 'SCTagAutocomplete';

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { NotificationSkeleton } from '../Notification';
-import { styled } from '@mui/material/styles';
+import { styled } from '@mui/material';
 import { PREFIX } from './constants';
 const classes = {
     root: `${PREFIX}-skeleton-root`

package/lib/esm/components/ToastNotifications/ToastNotifications.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useRef } from 'react';
-import { styled } from '@mui/material/styles';
-import { Box } from '@mui/material';
+import { Box, styled } from '@mui/material';
 import { SCNotification, useSCAlertMessages, useSCContext, useSCUser } from '@selfcommunity/react-core';
 import { SCNotificationTopicType, SCNotificationTypologyType } from '@selfcommunity/types';
 import PubSub from 'pubsub-js';

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

@@ -1,7 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Button, useTheme } from '@mui/material';
-import { styled } from '@mui/material/styles';
-import Skeleton from '@mui/material/Skeleton';
+import { Button, useTheme, styled, Skeleton } from '@mui/material';
 import BaseItem from '../../shared/BaseItem';
 import { PREFIX } from './constants';
 const classes = {

package/lib/esm/components/User/User.js

@@ -1,7 +1,6 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Avatar, Badge, Button, Chip } from '@mui/material';
-import { styled } from '@mui/material/styles';
+import { Avatar, Badge, Button, Chip, styled } from '@mui/material';
 import { useThemeProps } from '@mui/system';
 import { Link, SCPreferences, SCRoutes, useSCFetchUser, useSCPreferences, useSCRouting } from '@selfcommunity/react-core';
 import classNames from 'classnames';

package/lib/esm/components/UserActionIconButton/UserActionIconButton.js

@@ -1,8 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useEffect, useMemo, useState } from 'react';
-import { styled } from '@mui/material/styles';
-import { Divider, Icon, IconButton, List, ListItem, ListItemButton, ListItemText, Menu, MenuItem, Slide, SwipeableDrawer, useMediaQuery, useTheme } from '@mui/material';
+import { Divider, Icon, IconButton, List, ListItem, ListItemButton, ListItemText, Menu, MenuItem, Slide, SwipeableDrawer, useMediaQuery, useTheme, styled } from '@mui/material';
 import { Link, UserUtils, useSCContext, useSCFetchUser, useSCUser } from '@selfcommunity/react-core';
 import { http, Endpoints } from '@selfcommunity/api-services';
 import classNames from 'classnames';

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { CategoryTrendingPeopleWidgetSkeleton } from '../CategoryTrendingUsersWidget';
-import { styled } from '@mui/material/styles';
+import { styled } from '@mui/material';
 import { PREFIX } from './constants';
 const classes = {
     root: `${PREFIX}-skeleton-root`

package/lib/esm/components/UserConnectionsRequestsSentWidget/UserConnectionsRequestsSentWidget.js

@@ -1,9 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useEffect, useMemo, useReducer, useState } from 'react';
-import { styled } from '@mui/material/styles';
-import List from '@mui/material/List';
-import { Button, CardContent, ListItem, Typography, useMediaQuery, useTheme } from '@mui/material';
+import { Button, CardContent, ListItem, Typography, useMediaQuery, useTheme, List, styled } from '@mui/material';
 import Widget from '../Widget';
 import { http, Endpoints, UserService } from '@selfcommunity/api-services';
 import { CacheStrategies, isInteger, Logger } from '@selfcommunity/utils';

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { CategoryTrendingPeopleWidgetSkeleton } from '../CategoryTrendingUsersWidget';
-import { styled } from '@mui/material/styles';
+import { styled } from '@mui/material';
 import { PREFIX } from './constants';
 const classes = {
     root: `${PREFIX}-skeleton-root`

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

@@ -1,9 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useEffect, useMemo, useReducer, useState } from 'react';
-import { styled } from '@mui/material/styles';
-import List from '@mui/material/List';
-import { Button, CardContent, ListItem, Typography, useMediaQuery, useTheme } from '@mui/material';
+import { Button, CardContent, ListItem, Typography, useMediaQuery, useTheme, List, styled } from '@mui/material';
 import Widget from '../Widget';
 import { http, Endpoints, UserService } from '@selfcommunity/api-services';
 import { CacheStrategies, Logger } from '@selfcommunity/utils';

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { CategoryTrendingPeopleWidgetSkeleton } from '../CategoryTrendingUsersWidget';
-import { styled } from '@mui/material/styles';
+import { styled } from '@mui/material';
 import { PREFIX } from './constants';
 const classes = {
     root: `${PREFIX}-skeleton-root`

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

@@ -1,9 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useEffect, useMemo, useReducer, useState } from 'react';
-import { styled } from '@mui/material/styles';
-import List from '@mui/material/List';
-import { Button, CardContent, ListItem, Typography, useMediaQuery, useTheme } from '@mui/material';
+import { Button, CardContent, ListItem, Typography, useMediaQuery, useTheme, styled, List } from '@mui/material';
 import Widget from '../Widget';
 import { http, Endpoints, UserService } from '@selfcommunity/api-services';
 import { CacheStrategies, isInteger, Logger } from '@selfcommunity/utils';

package/lib/esm/components/UserCounters/UserCounters.js

@@ -1,8 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useContext, useMemo } from 'react';
-import { styled } from '@mui/material/styles';
-import { Box, Button } from '@mui/material';
+import { Box, Button, styled } from '@mui/material';
 import { FormattedMessage } from 'react-intl';
 import { useDeepCompareEffectNoCheck } from 'use-deep-compare-effect';
 import { Link, SCPreferences, SCPreferencesContext, SCRoutes, useSCFetchUser, useSCRouting, useSCUser } from '@selfcommunity/react-core';

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

@@ -1,8 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import Widget from '../Widget';
-import { styled } from '@mui/material/styles';
-import { CardContent, ListItem } from '@mui/material';
-import List from '@mui/material/List';
+import { CardContent, ListItem, List, styled } from '@mui/material';
 import CourseSkeleton from '../Course/Skeleton';
 import { SCCourseTemplateType } from '../../types/course';
 const PREFIX = 'SCUserCreatedCoursesWidgetSkeleton';

package/lib/esm/components/UserCreatedCoursesWidget/UserCreatedCoursesWidget.js

@@ -1,9 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useEffect, useMemo, useReducer, useState } from 'react';
-import { styled } from '@mui/material/styles';
-import List from '@mui/material/List';
-import { Button, CardContent, ListItem, Typography } from '@mui/material';
+import { Button, CardContent, ListItem, Typography, styled, List } from '@mui/material';
 import { CourseService } from '@selfcommunity/api-services';
 import { CacheStrategies, isInteger, Logger } from '@selfcommunity/utils';
 import { SCCache, SCPreferences, useSCPreferences, useSCUser } from '@selfcommunity/react-core';

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import CategoriesSuggestionWidgetSkeleton from '../CategoriesSuggestionWidget/Skeleton';
-import { styled } from '@mui/material/styles';
+import { styled } from '@mui/material';
 const PREFIX = 'SCUserFollowedCategoriesWidgetSkeleton';
 const classes = {
     root: `${PREFIX}-skeleton-root`

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

@@ -1,9 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useContext, useEffect, useMemo, useReducer, useState } from 'react';
-import { styled } from '@mui/material/styles';
-import List from '@mui/material/List';
-import { Button, CardContent, ListItem, Typography } from '@mui/material';
+import { Button, CardContent, ListItem, Typography, styled, List } from '@mui/material';
 import { UserService } from '@selfcommunity/api-services';
 import { CacheStrategies, isInteger, Logger } from '@selfcommunity/utils';
 import { SCCache, SCPreferences, SCPreferencesContext, useSCUser } from '@selfcommunity/react-core';

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { CategoryTrendingPeopleWidgetSkeleton } from '../CategoryTrendingUsersWidget';
-import { styled } from '@mui/material/styles';
+import { styled } from '@mui/material';
 import { PREFIX } from './constants';
 const classes = {
     root: `${PREFIX}-skeleton-root`

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

@@ -1,9 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useEffect, useMemo, useReducer, useState } from 'react';
-import { styled } from '@mui/material/styles';
-import List from '@mui/material/List';
-import { Button, CardContent, ListItem, Typography, useMediaQuery, useTheme } from '@mui/material';
+import { Button, CardContent, ListItem, Typography, useMediaQuery, useTheme, styled, List } from '@mui/material';
 import Widget from '../Widget';
 import { http, Endpoints, UserService } from '@selfcommunity/api-services';
 import { CacheStrategies, isInteger, Logger } from '@selfcommunity/utils';

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { CategoryTrendingPeopleWidgetSkeleton } from '../CategoryTrendingUsersWidget';
-import { styled } from '@mui/material/styles';
+import { styled } from '@mui/material';
 import { PREFIX } from './constants';
 const classes = {
     root: `${PREFIX}-skeleton-root`

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

@@ -1,9 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useEffect, useMemo, useReducer, useState } from 'react';
-import { styled } from '@mui/material/styles';
-import List from '@mui/material/List';
-import { Button, CardContent, ListItem, Typography, useMediaQuery, useTheme } from '@mui/material';
+import { Button, CardContent, ListItem, Typography, useMediaQuery, useTheme, styled, List } from '@mui/material';
 import Widget from '../Widget';
 import { http, Endpoints, UserService } from '@selfcommunity/api-services';
 import { CacheStrategies, isInteger, Logger } from '@selfcommunity/utils';

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

@@ -1,7 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Typography } from '@mui/material';
-import { styled } from '@mui/material/styles';
-import Skeleton from '@mui/material/Skeleton';
+import { Box, Typography, styled, Skeleton } from '@mui/material';
 import { PREFIX } from './constants';
 const classes = {
     root: `${PREFIX}-skeleton-root`,

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

@@ -1,8 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo } from 'react';
-import { styled } from '@mui/material/styles';
-import { Box, Typography } from '@mui/material';
+import { Box, Typography, styled } from '@mui/material';
 import { defineMessages, useIntl } from 'react-intl';
 import { camelCase, Logger } from '@selfcommunity/utils';
 import { SCPreferences, useSCFetchUser, useSCPreferences } from '@selfcommunity/react-core';

package/lib/esm/components/UserProfileBlocked/UserProfileBlocked.js

@@ -1,8 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo } from 'react';
-import { styled } from '@mui/material/styles';
-import { Box, Divider, Typography } from '@mui/material';
+import { Box, Divider, Typography, styled } from '@mui/material';
 import { FormattedMessage } from 'react-intl';
 import { useSCFetchUser, useSCFetchUserBlockedBy, useSCUser } from '@selfcommunity/react-core';
 import classNames from 'classnames';

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

@@ -1,8 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
-import { styled } from '@mui/material/styles';
-import { Box, Typography } from '@mui/material';
+import { Box, Typography, styled } from '@mui/material';
 import classNames from 'classnames';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import ConfirmDialog from '../../../shared/ConfirmDialog/ConfirmDialog';

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

@@ -1,8 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
-import { styled } from '@mui/material/styles';
-import { Box, Button, CircularProgress, FormGroup, IconButton, InputAdornment, Popover, Typography } from '@mui/material';
+import { Box, Button, CircularProgress, FormGroup, IconButton, InputAdornment, Popover, Typography, styled, Icon } from '@mui/material';
 import classNames from 'classnames';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import { formatHttpErrorCode, UserService } from '@selfcommunity/api-services';
@@ -12,7 +11,6 @@ import BaseDialog from '../../../shared/BaseDialog';
 import PasswordTextField from '../../../shared/PasswordTextField';
 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({

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

@@ -1,9 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useMemo, useState } from 'react';
-import { styled } from '@mui/material/styles';
-import { Box, CircularProgress, IconButton, InputAdornment, MenuItem, TextField, useMediaQuery, useTheme } from '@mui/material';
-import Icon from '@mui/material/Icon';
+import { Box, CircularProgress, IconButton, InputAdornment, MenuItem, TextField, useMediaQuery, useTheme, Icon, styled } from '@mui/material';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import { Endpoints, formatHttpErrorCode, http } from '@selfcommunity/api-services';
 import { camelCase, Logger } from '@selfcommunity/utils';

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

@@ -1,8 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useEffect, useState } from 'react';
-import { styled } from '@mui/material/styles';
-import { Box, FormControl, FormControlLabel, FormLabel, Radio, RadioGroup, Typography } from '@mui/material';
+import { Box, FormControl, FormControlLabel, FormLabel, Radio, RadioGroup, Typography, styled } from '@mui/material';
 import { FormattedMessage } from 'react-intl';
 import { SCNotification, useSCUser } from '@selfcommunity/react-core';
 import classNames from 'classnames';

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

@@ -1,7 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box } from '@mui/material';
-import { styled } from '@mui/material/styles';
-import Skeleton from '@mui/material/Skeleton';
+import { Box, styled, Skeleton } from '@mui/material';
 const PREFIX = 'SCUserProfileEditSectionSettingsSkeleton';
 const classes = {
     root: `${PREFIX}-root`

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

@@ -1,7 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Grid } from '@mui/material';
-import { styled } from '@mui/material/styles';
-import Skeleton from '@mui/material/Skeleton';
+import { Box, Grid, styled, Skeleton } from '@mui/material';
 import { PREFIX } from './constants';
 const classes = {
     root: `${PREFIX}-skeleton-root`

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

@@ -1,8 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-import { styled } from '@mui/material/styles';
-import { Box, Tab, Tabs } from '@mui/material';
+import { Box, Tab, Tabs, styled } from '@mui/material';
 import { FormattedMessage } from 'react-intl';
 import { DEFAULT_FIELDS, DEFAULT_SETTINGS } from '../../constants/UserProfile';
 import PublicInfo from './Section/PublicInfo';

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

@@ -1,7 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Button, Icon, IconButton, Stack, Typography, useTheme } from '@mui/material';
-import { styled } from '@mui/material/styles';
-import Skeleton from '@mui/material/Skeleton';
+import { Box, Button, Icon, IconButton, Stack, Typography, useTheme, styled, Skeleton } from '@mui/material';
 import { PREFIX } from './constants';
 const classes = {
     root: `${PREFIX}-skeleton-root`,

package/lib/esm/components/UserProfileHeader/UserProfileHeader.js

@@ -1,8 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo } from 'react';
-import { styled } from '@mui/material/styles';
-import { Box, Paper, Typography } from '@mui/material';
+import { Box, Paper, Typography, styled } from '@mui/material';
 import ChangeCover from '../ChangeCover';
 import ChangePicture from '../ChangePicture';
 import { Link, SCPreferences, useSCContext, useSCFetchUser, useSCPreferences, useSCUser } from '@selfcommunity/react-core';

package/lib/esm/components/UserSocialAssociation/UserSocialAssociation.js

@@ -1,8 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useMemo } from 'react';
-import { styled } from '@mui/material/styles';
-import { Button, Paper, Stack, Table, TableBody, TableCell, TableContainer, TableHead, TableRow } from '@mui/material';
+import { Button, Paper, Stack, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, styled } from '@mui/material';
 import { defineMessages, useIntl } from 'react-intl';
 import { SCPreferences, useSCFetchUser, useSCFetchUserProviders, useSCPreferences } from '@selfcommunity/react-core';
 import classNames from 'classnames';

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

@@ -1,8 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Widget from '../Widget';
-import { styled } from '@mui/material/styles';
-import { CardContent, ListItem } from '@mui/material';
-import List from '@mui/material/List';
+import { CardContent, ListItem, styled, List } from '@mui/material';
 import GroupSkeleton from '../Group/Skeleton';
 const PREFIX = 'SCUserSubscribedGroupsWidgetSkeleton';
 const classes = {

package/lib/esm/components/UserSubscribedGroupsWidget/UserSubscribedGroupsWidget.js

@@ -1,9 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useEffect, useMemo, useReducer, useState } from 'react';
-import { styled } from '@mui/material/styles';
-import List from '@mui/material/List';
-import { Button, CardContent, ListItem, Typography } from '@mui/material';
+import { Button, CardContent, ListItem, Typography, styled, List } from '@mui/material';
 import { GroupService } from '@selfcommunity/api-services';
 import { CacheStrategies, isInteger, Logger } from '@selfcommunity/utils';
 import { SCCache, SCPreferences, useSCPreferences, useSCUser } from '@selfcommunity/react-core';

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

@@ -1,8 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { styled } from '@mui/material/styles';
 import UserSkeleton from '../User/Skeleton';
 import Widget from '../Widget';
-import { List, CardContent, ListItem } from '@mui/material';
+import { List, CardContent, ListItem, styled } from '@mui/material';
 import { PREFIX } from './constants';
 const classes = {
     root: `${PREFIX}-skeleton-root`,

package/lib/esm/components/UserSuggestionWidget/UserSuggestionWidget.js

@@ -1,8 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useEffect, useMemo, useReducer, useState } from 'react';
-import { styled } from '@mui/material/styles';
-import { Button, CardContent, List, ListItem, Typography, useMediaQuery, useTheme } from '@mui/material';
+import { Button, CardContent, List, ListItem, Typography, useMediaQuery, useTheme, styled } from '@mui/material';
 import { http, Endpoints, SuggestionService } from '@selfcommunity/api-services';
 import { SCCache, SCPreferences, useSCPreferences, useSCUser } from '@selfcommunity/react-core';
 import Skeleton from './Skeleton';

package/lib/esm/components/VoteAudienceButton/VoteAudienceButton.js

@@ -1,12 +1,10 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useState } from 'react';
-import { styled } from '@mui/material/styles';
 import { LoadingButton } from '@mui/lab';
 import classNames from 'classnames';
 import { useThemeProps } from '@mui/system';
-import Icon from '@mui/material/Icon';
-import { Avatar, Box, List, ListItem, Tab, Tabs, Typography } from '@mui/material';
+import { Avatar, Box, List, ListItem, Tab, Tabs, Typography, Icon, styled } from '@mui/material';
 import { FormattedMessage } from 'react-intl';
 import { useSCFetchVote, useSCUser } from '@selfcommunity/react-core';
 import BaseDialog from '../../shared/BaseDialog';

package/lib/esm/components/VoteButton/VoteButton.js

@@ -1,12 +1,10 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo, useRef, useState } from 'react';
-import { styled } from '@mui/material/styles';
 import { LoadingButton } from '@mui/lab';
 import classNames from 'classnames';
 import { useThemeProps } from '@mui/system';
-import Icon from '@mui/material/Icon';
-import { IconButton, Paper, Popper, Tooltip, useMediaQuery, useTheme } from '@mui/material';
+import { IconButton, Paper, Popper, Tooltip, useMediaQuery, useTheme, styled, Icon } from '@mui/material';
 import { UserUtils, useSCContext, useSCFetchVote, useSCUser } from '@selfcommunity/react-core';
 import { FormattedMessage } from 'react-intl';
 import { useSnackbar } from 'notistack';

package/lib/esm/components/Widget/index.js

@@ -1,8 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import { styled } from '@mui/material/styles';
-import { Card } from '@mui/material';
+import { Card, styled } from '@mui/material';
 import classNames from 'classnames';
 const PREFIX = 'SCWidget';
 const classes = {

package/lib/esm/shared/AutoPlayer/index.js

@@ -5,7 +5,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
 import { Waypoint } from 'react-waypoint';
 import ReactPlayer from 'react-player';
-import { styled } from '@mui/material/styles';
+import { styled } from '@mui/material';
 const PREFIX = 'SCAutoPlayer';
 const Root = styled(Waypoint, {
     name: PREFIX,

package/lib/esm/shared/BaseDialog/BaseDialog.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { DialogContentProps } from '@mui/material/DialogContent';
+import { DialogContentProps } from '@mui/material';
 export interface BaseDialogProps {
     /**
      * Overrides or extends the styles applied to the component.