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

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

@@ -1,8 +1,6 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { styled } from '@mui/material/styles';
-import { Avatar, Box, Stack, Typography } from '@mui/material';
-import Icon from '@mui/material/Icon';
+import { Avatar, Box, Stack, Typography, styled, Icon } from '@mui/material';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import { getContributionType, getContributionSnippet, getRouteData } from '../../../utils/contribution';
 import DateTimeAgo from '../../../shared/DateTimeAgo';

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

@@ -1,8 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState } from 'react';
-import { styled } from '@mui/material/styles';
-import { Avatar, Box, Icon, Stack, Typography } from '@mui/material';
+import { Avatar, Box, Icon, Stack, Typography, styled } from '@mui/material';
 import { Link, SCRoutes, useSCRouting } from '@selfcommunity/react-core';
 import { SCEventLocationType, SCEventSubscriptionStatusType, SCNotificationTypologyType } from '@selfcommunity/types';
 import { FormattedMessage, useIntl } from 'react-intl';

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

@@ -1,8 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useContext, useEffect, useState } from 'react';
-import { styled } from '@mui/material/styles';
-import { Avatar, Box, Stack, Typography } from '@mui/material';
+import { Avatar, Box, Stack, Typography, styled } from '@mui/material';
 import { Link, SCRoutes, SCUserContext, useSCRouting } from '@selfcommunity/react-core';
 import { SCGroupSubscriptionStatusType, SCNotificationTypologyType } from '@selfcommunity/types';
 import { FormattedMessage } from 'react-intl';

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

@@ -1,7 +1,6 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { styled } from '@mui/material/styles';
-import { Avatar, Button, Stack, Typography } from '@mui/material';
+import { Avatar, Button, Stack, Typography, styled } from '@mui/material';
 import { Link, useSCRouting, SCRoutes } from '@selfcommunity/react-core';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import DateTimeAgo from '../../../shared/DateTimeAgo';

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

@@ -1,8 +1,6 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { styled } from '@mui/material/styles';
-import { Avatar, Box, Typography } from '@mui/material';
-import Icon from '@mui/material/Icon';
+import { Avatar, Box, Typography, styled, Icon } from '@mui/material';
 import { Link, useSCRouting, SCRoutes } from '@selfcommunity/react-core';
 import { camelCase } from '@selfcommunity/utils';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';

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

@@ -1,8 +1,6 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { styled } from '@mui/material/styles';
-import { Avatar, Box, Stack, Typography } from '@mui/material';
-import Icon from '@mui/material/Icon';
+import { Avatar, Box, Stack, Typography, styled, Icon } from '@mui/material';
 import { camelCase } from '@selfcommunity/utils';
 import { Link, useSCRouting, SCRoutes } from '@selfcommunity/react-core';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';

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

@@ -1,8 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState } from 'react';
-import { styled } from '@mui/material/styles';
-import { Avatar, Box, Icon, Stack, Typography } from '@mui/material';
+import { Avatar, Box, Icon, Stack, Typography, styled } from '@mui/material';
 import { Link, SCRoutes, useSCRouting } from '@selfcommunity/react-core';
 import { FormattedMessage } from 'react-intl';
 import DateTimeAgo from '../../../shared/DateTimeAgo';

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

@@ -1,8 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React, { useState } from 'react';
-import { styled } from '@mui/material/styles';
-import { Avatar, Box, Stack, Typography } from '@mui/material';
+import { Avatar, Box, Stack, Typography, styled } from '@mui/material';
 import { Link, SCRoutes, useSCRouting } from '@selfcommunity/react-core';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import { getRouteData, getContributionType, getContributionSnippet, getContribution } from '../../../utils/contribution';

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

@@ -4,7 +4,7 @@ import { SCNotificationAggregatedType } from '@selfcommunity/types';
 export interface NotificationProps extends CardProps, VirtualScrollerItemProps {
     /**
      * Id of the UserNotification
-     * @default `notification_<notificationObject.sid>`
+     * @default `notification_notificationObject.sid`
      */
     id?: string;
     /**

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

@@ -1,8 +1,6 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo, useState } from 'react';
-import { styled } from '@mui/material/styles';
-import CardContent from '@mui/material/CardContent';
 import CommentNotification from './Comment';
 import UserFollowNotification from './UserFollow';
 import UndeletedForNotification from './UndeletedFor';
@@ -18,11 +16,10 @@ import KindlyNoticeFlagNotification from './KindlyNoticeFlag';
 import VoteUpNotification from './VoteUp';
 import EventNotification from './Event/Event';
 import LiveStreamNotification from './LiveStream/LiveStream';
-import Icon from '@mui/material/Icon';
 import { SCOPE_SC_UI } from '../../constants/Errors';
 import { getContribution, getContributionRouteName, getContributionSnippet, getRouteData } from '../../utils/contribution';
 import ContributionFollowNotification from './ContributionFollow';
-import { Avatar, CardHeader, Collapse, ListItemButton, ListItemText, Tooltip } from '@mui/material';
+import { Avatar, CardHeader, Collapse, ListItemButton, ListItemText, Tooltip, styled, CardContent, Icon } from '@mui/material';
 import IncubatorApprovedNotification from './IncubatorApproved';
 import { Endpoints, http } from '@selfcommunity/api-services';
 import { Link, SCRoutes, useSCRouting } from '@selfcommunity/react-core';

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

@@ -1,8 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useContext, useEffect, useMemo, useState } from 'react';
-import { styled } from '@mui/material/styles';
-import { Avatar, Box, Stack, Typography } from '@mui/material';
+import { Avatar, Box, Stack, Typography, styled } from '@mui/material';
 import { Link, SCPreferences, SCRoutes, SCUserContext, useSCPreferences, useSCRouting } from '@selfcommunity/react-core';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import DateTimeAgo from '../../../shared/DateTimeAgo';

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

@@ -1,9 +1,6 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-import CardContent from '@mui/material/CardContent';
-import { styled } from '@mui/material/styles';
-import { CardHeader, useTheme } from '@mui/material';
-import Skeleton from '@mui/material/Skeleton';
+import { CardHeader, useTheme, styled, CardContent, Skeleton } from '@mui/material';
 import Widget from '../Widget';
 import { PREFIX } from './constants';
 const classes = {

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

@@ -1,8 +1,6 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { styled } from '@mui/material/styles';
-import { Avatar, Box, Stack, Typography } from '@mui/material';
-import Icon from '@mui/material/Icon';
+import { Avatar, Box, Stack, Typography, styled, Icon } from '@mui/material';
 import { Link, SCRoutes, useSCRouting } from '@selfcommunity/react-core';
 import { FormattedMessage } from 'react-intl';
 import { getContributionSnippet, getContributionType, getRouteData } from '../../../utils/contribution';

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

@@ -1,8 +1,6 @@
 import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { styled } from '@mui/material/styles';
-import { Avatar, Stack, Typography } from '@mui/material';
-import Icon from '@mui/material/Icon';
+import { Avatar, Stack, Typography, styled, Icon } from '@mui/material';
 import { SCNotificationTypologyType } from '@selfcommunity/types';
 import { defineMessages, useIntl } from 'react-intl';
 import DateTimeAgo from '../../../shared/DateTimeAgo';

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

@@ -1,8 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState } from 'react';
-import { styled } from '@mui/material/styles';
-import { Avatar, Stack, Typography } from '@mui/material';
+import { Avatar, Stack, Typography, styled } from '@mui/material';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import DateTimeAgo from '../../../shared/DateTimeAgo';
 import { SCNotificationTypologyType } from '@selfcommunity/types';

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

@@ -1,8 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState } from 'react';
-import { styled } from '@mui/material/styles';
-import { Avatar, Stack, Typography } from '@mui/material';
+import { Avatar, Stack, Typography, styled } from '@mui/material';
 import { Link, SCRoutes, useSCRouting } from '@selfcommunity/react-core';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import DateTimeAgo from '../../../shared/DateTimeAgo';

package/lib/esm/components/Notification/VoteUp/VoteUp.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 { Avatar, Stack, Typography } from '@mui/material';
+import { Avatar, Stack, Typography, styled } from '@mui/material';
 import { Link, SCRoutes, useSCRouting } from '@selfcommunity/react-core';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import DateTimeAgo from '../../../shared/DateTimeAgo';

package/lib/esm/components/OnBoardingWidget/ActionsButton.js

@@ -1,8 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState } from 'react';
-import { styled } from '@mui/material/styles';
-import { Icon, IconButton, List, ListItem, ListItemButton, ListItemIcon, Menu, MenuItem, SwipeableDrawer, useMediaQuery, useTheme } from '@mui/material';
+import { Icon, IconButton, List, ListItem, ListItemButton, ListItemIcon, Menu, MenuItem, SwipeableDrawer, useMediaQuery, useTheme, styled } from '@mui/material';
 import classNames from 'classnames';
 import { useThemeProps } from '@mui/system';
 import { FormattedMessage } from 'react-intl';

package/lib/esm/components/OnBoardingWidget/OnBoardingWidget.js

@@ -1,9 +1,8 @@
 import { __awaiter, __rest } from "tslib";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useState } from 'react';
-import { Accordion, AccordionDetails, AccordionSummary, Box, Button, CardContent, CardMedia, Checkbox, Chip, Fade, Icon, IconButton, List, ListItem, ListItemButton, ListItemIcon, ListItemText, Typography, useMediaQuery, useTheme } from '@mui/material';
+import { Accordion, AccordionDetails, AccordionSummary, Box, Button, CardContent, CardMedia, Checkbox, Chip, Fade, Icon, IconButton, List, ListItem, ListItemButton, ListItemIcon, ListItemText, Typography, useMediaQuery, useTheme, styled } from '@mui/material';
 import { FormattedMessage } from 'react-intl';
-import { styled } from '@mui/material/styles';
 import classNames from 'classnames';
 import { useThemeProps } from '@mui/system';
 import Category from './Steps/Category';

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

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

package/lib/esm/components/OnBoardingWidget/Steps/App/App.js

@@ -1,11 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState } from 'react';
-import { styled } from '@mui/material/styles';
-import Box from '@mui/material/Box';
 import { useThemeProps } from '@mui/system';
 import classNames from 'classnames';
 import { PREFIX } from '../../constants';
-import { Button, CardMedia, Icon, Tab, Tabs, Typography } from '@mui/material';
+import { Button, CardMedia, Icon, Tab, Tabs, Typography, Box, styled } from '@mui/material';
 import { FormattedMessage } from 'react-intl';
 import { SCOnBoardingStepStatusType } from '@selfcommunity/types';
 import AndroidPlaceholder from '../../../../assets/onBoarding/android';

package/lib/esm/components/OnBoardingWidget/Steps/Appearance/Appearance.js

@@ -1,19 +1,16 @@
 import { __awaiter } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React, { useCallback, useEffect, useRef, useState } from 'react';
-import { styled } from '@mui/material/styles';
-import Box from '@mui/material/Box';
 import { useThemeProps } from '@mui/system';
 import classNames from 'classnames';
 import { Preferences } from '@selfcommunity/react-core';
 import { PREFIX } from '../../constants';
-import { Button, Drawer, IconButton, Tab, Tabs, TextField, Typography } from '@mui/material';
+import { Button, Drawer, IconButton, Tab, Tabs, TextField, Typography, Box, styled, Icon } from '@mui/material';
 import { MuiColorInput } from 'mui-color-input';
 import { PreferenceService } from '@selfcommunity/api-services';
 import { SCPreferenceSection } from '@selfcommunity/types';
 import { formatColorLabel, formatLogoLabel } from '../../../../utils/onBoarding';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
-import Icon from '@mui/material/Icon';
 import { SCOPE_SC_UI } from '../../../../constants/Errors';
 import { Logger } from '@selfcommunity/utils';
 import { LoadingButton } from '@mui/lab';

package/lib/esm/components/OnBoardingWidget/Steps/Category/Category.js

@@ -1,7 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { styled } from '@mui/material/styles';
-import { Alert, Button, CardMedia, Icon, Typography } from '@mui/material';
-import Box from '@mui/material/Box';
+import { Alert, Button, CardMedia, Icon, Typography, styled, Box } from '@mui/material';
 import { useThemeProps } from '@mui/system';
 import classNames from 'classnames';
 import { useEffect, useMemo, useState } from 'react';

package/lib/esm/components/OnBoardingWidget/Steps/Content/Content.js

@@ -1,7 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { styled } from '@mui/material/styles';
-import { Alert, Button, Icon, Typography } from '@mui/material';
-import Box from '@mui/material/Box';
+import { Alert, Button, Icon, Typography, Box, styled } from '@mui/material';
 import { useThemeProps } from '@mui/system';
 import classNames from 'classnames';
 import { useEffect, useMemo, useState } from 'react';

package/lib/esm/components/OnBoardingWidget/Steps/Invite/Invite.js

@@ -1,12 +1,10 @@
 import { __awaiter } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useContext, useMemo, useState } from 'react';
-import { styled } from '@mui/material/styles';
-import Box from '@mui/material/Box';
 import { useThemeProps } from '@mui/system';
 import classNames from 'classnames';
 import { PREFIX } from '../../constants';
-import { Button, Icon, IconButton, Typography } from '@mui/material';
+import { Button, Icon, IconButton, Typography, Box, styled } from '@mui/material';
 import { FormattedMessage } from 'react-intl';
 import { SCPreferences, SCPreferencesContext } from '@selfcommunity/react-core';
 import { FACEBOOK_SHARE, LINKEDIN_SHARE, X_SHARE } from '../../../../constants/SocialShare';

package/lib/esm/components/OnBoardingWidget/Steps/Profile/Profile.js

@@ -1,12 +1,10 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useState } from 'react';
-import { styled } from '@mui/material/styles';
-import Box from '@mui/material/Box';
 import { useThemeProps } from '@mui/system';
 import classNames from 'classnames';
 import { PREFIX } from '../../constants';
-import { Button, Drawer, IconButton, Paper, Typography } from '@mui/material';
+import { Button, Drawer, IconButton, Paper, Typography, Box, styled, Icon } from '@mui/material';
 import { FormattedMessage } from 'react-intl';
 import PublicInfo from '../../../UserProfileEdit/Section/PublicInfo';
 import { SCPreferences, useSCContext, useSCFetchUser, useSCPreferences, useSCUser } from '@selfcommunity/react-core';
@@ -14,7 +12,6 @@ import UserAvatar from '../../../../shared/UserAvatar';
 import ChangePicture from '../../../ChangePicture';
 import ChangeCover from '../../../ChangeCover';
 import { DEFAULT_FIELDS } from '../../../../constants/UserProfile';
-import Icon from '@mui/material/Icon';
 const classes = {
     root: `${PREFIX}-profile-root`,
     title: `${PREFIX}-profile-title`,

package/lib/esm/components/PlatformWidget/PlatformWidget.js

@@ -1,8 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useCallback, useContext, useMemo, useState } from 'react';
-import { styled } from '@mui/material/styles';
-import { Backdrop, Box, Button, Collapse, Divider, Grid, Icon, IconButton, Stack, Tooltip, Typography } from '@mui/material';
+import { Backdrop, Box, Button, Collapse, Divider, Grid, Icon, IconButton, Stack, Tooltip, Typography, styled, Grow } from '@mui/material';
 import { http, Endpoints } from '@selfcommunity/api-services';
 import { Link, SCUserContext, UserUtils, useSCContext } from '@selfcommunity/react-core';
 import { FormattedMessage } from 'react-intl';
@@ -12,7 +11,6 @@ import { useThemeProps } from '@mui/system';
 import HiddenPlaceholder from '../../shared/HiddenPlaceholder';
 import { CONTACT_PROD, CONTACT_STAGE, HUB_PROD, HUB_STAGE, PREFIX } from './constants';
 import LogoPlaceholder from '../../assets/logo';
-import Grow from '@mui/material/Grow';
 const classes = {
     root: `${PREFIX}-root`,
     title: `${PREFIX}-title`,

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

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

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

@@ -1,8 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState } from 'react';
-import { styled } from '@mui/material/styles';
-import { Avatar, Box, Button, Stack, Typography } from '@mui/material';
+import { Avatar, Box, Button, Stack, Typography, styled } from '@mui/material';
 import { Link, SCRoutes, useSCRouting } from '@selfcommunity/react-core';
 import { FormattedMessage } from 'react-intl';
 import classNames from 'classnames';

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

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

package/lib/esm/components/PollSuggestionWidget/PollSuggestionWidget.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 { Endpoints, http, SuggestionService } from '@selfcommunity/api-services';
 import { CacheStrategies, Logger } from '@selfcommunity/utils';
 import { SCCache, useSCUser } from '@selfcommunity/react-core';

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

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

package/lib/esm/components/PrivateMessageComponent/PrivateMessageComponent.js

@@ -1,8 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useState } from 'react';
-import { styled } from '@mui/material/styles';
-import { Grid, useMediaQuery, useTheme } from '@mui/material';
+import { Grid, useMediaQuery, useTheme, styled } from '@mui/material';
 import { useSCPreferences, useSCUser } from '@selfcommunity/react-core';
 import classNames from 'classnames';
 import { useThemeProps } from '@mui/system';

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

@@ -1,6 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { styled } from '@mui/material/styles';
-import { Grid, useMediaQuery, useTheme } from '@mui/material';
+import { Grid, useMediaQuery, useTheme, styled } from '@mui/material';
 import PrivateMessageSnippetsSkeleton from '../PrivateMessageSnippets/Skeleton';
 import PrivateMessageThreadSkeleton from '../PrivateMessageThread/Skeleton';
 import classNames from 'classnames';

package/lib/esm/components/PrivateMessageEditor/MessageMediaUploader/index.js

@@ -1,13 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { asUploadButton } from '@rpldy/upload-button';
 import React, { forwardRef, useContext, useState } from 'react';
-import { Alert, AlertTitle, Box, CardContent, CardHeader, Fade, IconButton, ImageListItemBar, List, ListItem, Typography } from '@mui/material';
-import Icon from '@mui/material/Icon';
+import { Alert, AlertTitle, Box, CardContent, CardHeader, Fade, IconButton, ImageListItemBar, List, ListItem, Typography, Icon, styled } from '@mui/material';
 import ChunkedUploady from '@rpldy/chunked-uploady';
 import { SCMessageFileType } from '@selfcommunity/types';
 import { Endpoints } from '@selfcommunity/api-services';
 import { SCContext } from '@selfcommunity/react-core';
-import { styled } from '@mui/material/styles';
 import Widget from '../../Widget';
 import MessageChunkUploader from '../../../shared/MessageChunkUploader';
 import UploadDropZone from '@rpldy/upload-drop-zone';

package/lib/esm/components/PrivateMessageEditor/PrivateMessageEditor.js

@@ -1,9 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useRef, useState } from 'react';
-import { styled } from '@mui/material/styles';
-import { Alert, Box, IconButton, TextField } from '@mui/material';
-import Icon from '@mui/material/Icon';
+import { Alert, Box, IconButton, TextField, styled, Icon } from '@mui/material';
 import classNames from 'classnames';
 import MessageMediaUploader from './MessageMediaUploader';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { GenericSkeleton } from '../Skeleton';
-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/PrivateMessageSettingsIconButton/PrivateMessageSettingsIconButton.js

@@ -1,10 +1,8 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState } from 'react';
-import { styled } from '@mui/material/styles';
-import { SwipeableDrawer, MenuItem, ListItemIcon, IconButton, Menu, useTheme, useMediaQuery, List, ListItem } from '@mui/material';
+import { SwipeableDrawer, MenuItem, ListItemIcon, IconButton, Menu, useTheme, useMediaQuery, List, ListItem, styled, Icon } from '@mui/material';
 import { FormattedMessage } from 'react-intl';
-import Icon from '@mui/material/Icon';
 import classNames from 'classnames';
 import { useThemeProps } from '@mui/system';
 import { Link, SCRoutes, useSCRouting } from '@selfcommunity/react-core';

package/lib/esm/components/PrivateMessageSnippetItem/PrivateMessageSnippetItem.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 { Avatar, ListItemButton, ListItemAvatar, ListItemText, Typography, Chip, ListItem } from '@mui/material';
+import { Avatar, ListItemButton, ListItemAvatar, ListItemText, Typography, Chip, ListItem, styled } from '@mui/material';
 import PrivateMessageSnippetItemSkeleton from './Skeleton';
 import { useIntl } from 'react-intl';
 import { SCPrivateMessageStatusType } from '@selfcommunity/types';

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

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

package/lib/esm/components/PrivateMessageSnippets/PrivateMessageSnippets.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, useEffect, useMemo, useRef, useState } from 'react';
-import { styled } from '@mui/material/styles';
-import { Button, Card, CardContent, Icon, IconButton, List, TextField, useTheme } from '@mui/material';
+import { Button, Card, CardContent, Icon, IconButton, List, TextField, useTheme, styled, useMediaQuery } from '@mui/material';
 import PubSub from 'pubsub-js';
 import { SCNotificationTopicType, SCNotificationTypologyType, SCPrivateMessageStatusType, SCPrivateMessageType } from '@selfcommunity/types';
 import PrivateMessageSnippetsSkeleton from './Skeleton';
@@ -13,7 +12,6 @@ import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import { SCUserContext, useSCFetchPrivateMessageSnippets } from '@selfcommunity/react-core';
 import { CacheStrategies } from '@selfcommunity/utils';
 import PrivateMessageSettingsIconButton from '../PrivateMessageSettingsIconButton';
-import useMediaQuery from '@mui/material/useMediaQuery';
 import { PREFIX } from './constants';
 const messages = defineMessages({
     placeholder: {

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

@@ -1,8 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import List from '@mui/material/List';
-import { styled } from '@mui/material/styles';
 import PrivateMessageSnippetItemSkeleton from '../PrivateMessageSnippetItem/Skeleton';
-import { Button, Card, CardContent, Skeleton, Stack } from '@mui/material';
+import { Button, Card, CardContent, Skeleton, Stack, List, styled } from '@mui/material';
 import { PREFIX } from './constants';
 const classes = {
     root: `${PREFIX}-skeleton-root`,

package/lib/esm/components/PrivateMessageThread/PrivateMessageThread.js

@@ -1,19 +1,16 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
-import { styled } from '@mui/material/styles';
 import { Endpoints, http, PrivateMessageService } from '@selfcommunity/api-services';
 import { SCUserContext, UserUtils, useSCFetchUser } from '@selfcommunity/react-core';
 import { SCNotificationTopicType, SCNotificationTypologyType, SCPrivateMessageStatusType, SCPrivateMessageType } from '@selfcommunity/types';
 import PrivateMessageThreadItem, { PrivateMessageThreadItemSkeleton } from '../PrivateMessageThreadItem';
 import PubSub from 'pubsub-js';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
-import { Avatar, Box, Card, CardContent, IconButton, List, ListItemAvatar, ListSubheader, TextField, Typography } from '@mui/material';
+import { Avatar, Box, Card, CardContent, IconButton, List, ListItemAvatar, ListSubheader, TextField, Typography, styled, Autocomplete, Icon } from '@mui/material';
 import PrivateMessageEditor from '../PrivateMessageEditor';
-import Autocomplete from '@mui/material/Autocomplete';
 import classNames from 'classnames';
 import { useThemeProps } from '@mui/system';
-import Icon from '@mui/material/Icon';
 import PrivateMessageThreadSkeleton from './Skeleton';
 import { SCOPE_SC_UI } from '../../constants/Errors';
 import { groupBy, Logger } from '@selfcommunity/utils';

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

@@ -1,7 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { styled } from '@mui/material/styles';
-import { Box, Card, CardContent, ListSubheader, Skeleton, useMediaQuery, useTheme } from '@mui/material';
-import List from '@mui/material/List';
+import { Box, Card, CardContent, ListSubheader, Skeleton, useMediaQuery, useTheme, styled, List } from '@mui/material';
 import PrivateMessageThreadItemSkeleton from '../PrivateMessageThreadItem/Skeleton';
 import { PREFIX } from './constants';
 const classes = {

package/lib/esm/components/PrivateMessageThreadItem/PrivateMessageThreadItem.js

@@ -1,16 +1,13 @@
 import { __awaiter, __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useContext, useState } from 'react';
-import { styled } from '@mui/material/styles';
-import { ListItem, Typography, IconButton, Box, useTheme, Button } from '@mui/material';
+import { ListItem, Typography, IconButton, Box, useTheme, Button, styled, Icon, useMediaQuery } from '@mui/material';
 import PrivateMessageThreadItemSkeleton from './Skeleton';
 import { useIntl } from 'react-intl';
 import { SCMessageFileType, SCPrivateMessageStatusType } from '@selfcommunity/types';
-import Icon from '@mui/material/Icon';
 import classNames from 'classnames';
 import { useThemeProps } from '@mui/system';
 import { SCUserContext } from '@selfcommunity/react-core';
-import useMediaQuery from '@mui/material/useMediaQuery';
 import PrivateMessageSettingsIconButton from '../PrivateMessageSettingsIconButton';
 import { bytesToSize } from '../../utils/sizeCoverter';
 import BaseDialog from '../../shared/BaseDialog';

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

@@ -1,9 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import ListItem from '@mui/material/ListItem';
-import ListItemText from '@mui/material/ListItemText';
-import { styled } from '@mui/material/styles';
-import Skeleton from '@mui/material/Skeleton';
-import { useMediaQuery, useTheme } from '@mui/material';
+import { useMediaQuery, useTheme, ListItem, ListItemText, styled, Skeleton } from '@mui/material';
 import { PREFIX } from './constants';
 const classes = {
     root: `${PREFIX}-skeleton-root`,