@selfcommunity/react-ui 0.11.0-alpha.64 → 0.11.0-alpha.66

package/lib/esm/components/FeedObject/Activities/ActivitiesMenu/ActivitiesMenu.js

@@ -2,12 +2,7 @@ import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from 'react';
 import { useContext } from 'react';
-import Box from '@mui/material/Box';
-import Menu from '@mui/material/Menu';
-import Tooltip from '@mui/material/Tooltip';
-import { Button, ListItemButton, ListItemText, SwipeableDrawer, useMediaQuery, useTheme } from '@mui/material';
-import Icon from '@mui/material/Icon';
-import { styled } from '@mui/material/styles';
+import { Button, ListItemButton, ListItemText, SwipeableDrawer, useMediaQuery, useTheme, Box, Menu, Tooltip, Icon, styled } from '@mui/material';
 import { SCFeedObjectActivitiesType } from '../../../../types/feedObject';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import { camelCase } from '@selfcommunity/utils';

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

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

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

package/lib/esm/components/FeedObject/Activities/RelevantActivities/RelevantActivities.js

@@ -1,11 +1,9 @@
 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, Collapse, List, ListItem, ListItemButton, ListItemText, Typography } from '@mui/material';
+import { Box, Collapse, List, ListItem, ListItemButton, ListItemText, Typography, styled, Icon } from '@mui/material';
 import { FormattedMessage } from 'react-intl';
 import { SCFeedUnitActivityTypologyType } from '@selfcommunity/types';
-import Icon from '@mui/material/Icon';
 import CommentRelevantActivity from './CommentActivity';
 import VoteUpRelevantActivity from './VoteUpActivity';
 import FollowRelevantActivity from './FollowActivity';

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

package/lib/esm/components/FeedObject/Contributors/Contributors.js

@@ -1,10 +1,9 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
-import { styled } from '@mui/material/styles';
 import { CacheStrategies } from '@selfcommunity/utils';
 import { useSCFetchContributors } from '@selfcommunity/react-core';
-import { Avatar, AvatarGroup, Box, Button, List, ListItem, Typography } from '@mui/material';
+import { Avatar, AvatarGroup, Box, Button, List, ListItem, Typography, styled } from '@mui/material';
 import { FormattedMessage } from 'react-intl';
 import BaseDialog from '../../../shared/BaseDialog';
 import CentralProgress from '../../../shared/CentralProgress';

package/lib/esm/components/FeedObject/Contributors/Skeleton.js

@@ -1,7 +1,6 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-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 AvatarGroupSkeleton from '../../Skeleton/AvatarGroupSkeleton';
 import classNames from 'classnames';

package/lib/esm/components/FeedObject/FeedObject.js

@@ -1,15 +1,12 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import { styled } from '@mui/material/styles';
-import CardContent from '@mui/material/CardContent';
-import { Avatar, Box, Button, CardActions, CardHeader, Chip, Collapse, Stack, Tooltip, Typography } from '@mui/material';
+import { Avatar, Box, Button, CardActions, CardHeader, Chip, Collapse, Stack, Tooltip, Typography, styled, CardContent, Icon } from '@mui/material';
 import FeedObjectSkeleton from './Skeleton';
 import DateTimeAgo from '../../shared/DateTimeAgo';
 import Bullet from '../../shared/Bullet';
 import Tags from '../../shared/Tags';
 import Actions from './Actions';
-import Icon from '@mui/material/Icon';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import PollObject from './Poll';
 import ContributorsFeedObject from './Contributors';

package/lib/esm/components/FeedObject/Poll/Choice/Choice.js

@@ -1,11 +1,8 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { styled } from '@mui/material/styles';
 import { useSCContext, useSCUser } from '@selfcommunity/react-core';
-import { Box, Card, Typography } from '@mui/material';
+import { Box, Card, Typography, styled, Icon, LinearProgress } from '@mui/material';
 import { FormattedMessage } from 'react-intl';
-import Icon from '@mui/material/Icon';
-import LinearProgress from '@mui/material/LinearProgress';
 import { LoadingButton } from '@mui/lab';
 import classNames from 'classnames';
 import { PREFIX } from '../../constants';

package/lib/esm/components/FeedObject/Poll/Poll.js

@@ -1,15 +1,11 @@
 import { __rest } from "tslib";
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useState } from 'react';
-import { styled } from '@mui/material/styles';
-import Card from '@mui/material/Card';
 import { http, Endpoints } from '@selfcommunity/api-services';
 import { Logger } from '@selfcommunity/utils';
-import { Button, CardContent, CardHeader, Collapse, ListItem, Typography } from '@mui/material';
+import { Button, CardContent, CardHeader, Collapse, ListItem, Typography, styled, Card, List, Icon } from '@mui/material';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
-import List from '@mui/material/List';
 import Choice from './Choice';
-import Icon from '@mui/material/Icon';
 import { SCOPE_SC_UI } from '../../../constants/Errors';
 import classNames from 'classnames';
 import { PREFIX } from '../constants';

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

@@ -2,10 +2,8 @@ import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import Widget from '../Widget';
-import { styled } from '@mui/material/styles';
-import Skeleton from '@mui/material/Skeleton';
 import { SCFeedObjectTemplateType } from '../../types/feedObject';
-import { CardContent, CardHeader, useTheme } from '@mui/material';
+import { CardContent, CardHeader, useTheme, styled, Skeleton } from '@mui/material';
 import classNames from 'classnames';
 import { PREFIX } from './constants';
 const classes = {

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

@@ -1,8 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { styled } from '@mui/material/styles';
-import Box from '@mui/material/Box';
 import { useSCMediaClick } from '@selfcommunity/react-core';
+import { Box, styled } from '@mui/material';
 import { useThemeProps } from '@mui/system';
 import { File, Link, Share } from '../../shared/Media';
 import classNames from 'classnames';

package/lib/esm/components/FeedUpdatesWidget/FeedUpdatesWidget.js

@@ -1,8 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from 'react';
-import { styled } from '@mui/material/styles';
-import { Button, CardContent } from '@mui/material';
+import { Button, CardContent, styled } from '@mui/material';
 import PubSub from 'pubsub-js';
 import { FormattedMessage } from 'react-intl';
 import classNames from 'classnames';

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

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

package/lib/esm/components/FollowUserButton/FollowUserButton.js

@@ -1,7 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useContext, useEffect, useState } from 'react';
-import { styled } from '@mui/material/styles';
+import { styled } from '@mui/material';
 import { SCOPE_SC_UI } from '../../constants/Errors';
 import { LoadingButton } from '@mui/lab';
 import { FormattedMessage } from 'react-intl';

package/lib/esm/components/Footer/Footer.js

@@ -2,8 +2,7 @@ import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useState } from 'react';
 import { useThemeProps } from '@mui/system';
-import { styled } from '@mui/material/styles';
-import { Box, Button, Typography } from '@mui/material';
+import { Box, Button, Typography, styled } from '@mui/material';
 import classNames from 'classnames';
 import { CustomMenuService } from '@selfcommunity/api-services';
 import { Logger, sortByAttr } from '@selfcommunity/utils';

package/lib/esm/components/Footer/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 } from '@mui/material';
-import Skeleton from '@mui/material/Skeleton';
+import { Box, Skeleton, styled } from '@mui/material';
 import { PREFIX } from './constants';
 const classes = {
     root: `${PREFIX}-skeleton-root`

package/lib/esm/components/FriendshipUserButton/FriendshipUserButton.js

@@ -1,7 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useContext, useEffect, useState } from 'react';
-import { styled } from '@mui/material/styles';
+import { styled } from '@mui/material';
 import { SCConnectionStatus } from '@selfcommunity/types';
 import classNames from 'classnames';
 import { useThemeProps } from '@mui/system';

package/lib/esm/components/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 { useMemo, useState } from 'react';
-import { styled } from '@mui/material/styles';
-import { Avatar, Button, Icon, Stack, useMediaQuery, useTheme } from '@mui/material';
+import { Avatar, Button, Icon, Stack, useMediaQuery, useTheme, styled } from '@mui/material';
 import { SCGroupPrivacyType, SCGroupSubscriptionStatusType } from '@selfcommunity/types';
 import { Link, SCRoutes, useSCFetchGroup, useSCRouting, useSCUser } from '@selfcommunity/react-core';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';

package/lib/esm/components/Group/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/GroupActionsMenu/index.js

@@ -1,10 +1,8 @@
 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 { Divider, IconButton, List, ListItemIcon, Menu, MenuItem, SwipeableDrawer, useMediaQuery, useTheme } from '@mui/material';
+import { Divider, IconButton, List, ListItemIcon, Menu, MenuItem, SwipeableDrawer, useMediaQuery, useTheme, 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 { SCRoutes, useSCFetchGroup, useSCRouting, useSCUser } from '@selfcommunity/react-core';

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

@@ -1,6 +1,5 @@
-import { TextFieldProps } from '@mui/material/TextField';
-import { AutocompleteProps } from '@mui/material';
-import { SCGroupType } from '@selfcommunity/types/src/index';
+import { AutocompleteProps, TextFieldProps } from '@mui/material';
+import { SCGroupType } from '@selfcommunity/types';
 export interface GroupAutocompleteProps extends Pick<AutocompleteProps<SCGroupType | null, any, any, any>, Exclude<keyof AutocompleteProps<SCGroupType | null, any, any, any>, 'open' | 'onOpen' | 'onClose' | 'onChange' | 'filterSelectedOptions' | 'disableCloseOnSelect' | 'options' | 'getOptionLabel' | 'value' | 'selectOnFocus' | 'clearOnBlur' | 'blurOnSelect' | 'handleHomeEndKeys' | 'clearIcon' | 'noOptionsText' | 'isOptionEqualToValue' | 'renderTags' | 'renderOption' | 'renderInput'>> {
     /**
      * The maximum number of groups that will be visible when not focused.

package/lib/esm/components/GroupAutocomplete/GroupAutocomplete.js

@@ -2,14 +2,10 @@ import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } 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 CircularProgress from '@mui/material/CircularProgress';
 import parse from 'autosuggest-highlight/parse';
 import match from 'autosuggest-highlight/match';
-import { Avatar, Box, Typography } from '@mui/material';
+import { Avatar, Box, Typography, styled, Autocomplete, TextField, CircularProgress } from '@mui/material';
 import { useSCFetchGroups } from '@selfcommunity/react-core';
-import { styled } from '@mui/material/styles';
 import { useThemeProps } from '@mui/system';
 const PREFIX = 'SCGroupAutocomplete';
 const classes = {

package/lib/esm/components/GroupForm/GroupForm.js

@@ -2,8 +2,7 @@ import { __rest } from "tslib";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo, useState } from 'react';
 import { useThemeProps } from '@mui/system';
-import { styled } from '@mui/material/styles';
-import { Avatar, Box, Divider, FormGroup, Icon, Paper, Stack, Switch, TextField, Typography } from '@mui/material';
+import { Avatar, Box, Divider, FormGroup, Icon, Paper, Stack, Switch, TextField, Typography, styled } from '@mui/material';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import { SCPreferences, useSCPreferences } from '@selfcommunity/react-core';
 import classNames from 'classnames';

package/lib/esm/components/GroupHeader/GroupHeader.js

@@ -1,8 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useRef } from 'react';
-import { styled } from '@mui/material/styles';
-import { Avatar, Box, Icon, Paper, Typography, useMediaQuery, useTheme } from '@mui/material';
+import { Avatar, Box, Icon, Paper, Typography, useMediaQuery, useTheme, styled } from '@mui/material';
 import { SCGroupPrivacyType, SCGroupSubscriptionStatusType } from '@selfcommunity/types';
 import { SCPreferences, useSCFetchGroup, useSCPreferences, useSCUser } from '@selfcommunity/react-core';
 import GroupHeaderSkeleton from './Skeleton';

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

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

package/lib/esm/components/GroupInfoWidget/GroupInfoWidget.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, useEffect, useMemo, useRef } from 'react';
-import { styled } from '@mui/material/styles';
-import { CardContent, Icon, Typography } from '@mui/material';
+import { CardContent, Icon, Typography, styled } from '@mui/material';
 import classNames from 'classnames';
 import Widget from '../Widget';
 import { useThemeProps } from '@mui/system';

package/lib/esm/components/GroupInfoWidget/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/GroupInviteButton/GroupInviteButton.d.ts

@@ -1,4 +1,4 @@
-import { ButtonProps } from '@mui/material/Button/Button';
+import { ButtonProps } from '@mui/material';
 import { SCGroupType } from '@selfcommunity/types';
 export interface GroupInviteButtonProps extends ButtonProps {
     /**

package/lib/esm/components/GroupInviteButton/GroupInviteButton.js

@@ -2,15 +2,13 @@ import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React, { useContext, useEffect, useMemo, useState } from 'react';
 import { useThemeProps } from '@mui/system';
-import { styled } from '@mui/material/styles';
-import { Avatar, Box, Button, Chip, Icon, IconButton, InputAdornment, TextField, Typography } from '@mui/material';
+import { Avatar, Box, Button, Chip, Icon, IconButton, InputAdornment, TextField, Typography, Autocomplete, styled } from '@mui/material';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import { SCUserContext, useSCFetchGroup } from '@selfcommunity/react-core';
 import classNames from 'classnames';
 import BaseDialog from '../../shared/BaseDialog';
 import { LoadingButton } from '@mui/lab';
 import { GroupService } from '@selfcommunity/api-services';
-import Autocomplete from '@mui/material/Autocomplete';
 import User from '../User';
 import { SCOPE_SC_UI } from '../../constants/Errors';
 import { Logger } from '@selfcommunity/utils';

package/lib/esm/components/GroupInvitedWidget/GroupInvitedWidget.js

@@ -1,9 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useCallback, useEffect, useMemo, useReducer, useRef, 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, GroupService } from '@selfcommunity/api-services';
 import { CacheStrategies, isInteger, Logger } from '@selfcommunity/utils';

package/lib/esm/components/GroupInvitedWidget/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/GroupMembersButton/GroupMembersButton.d.ts

@@ -1,4 +1,4 @@
-import { ButtonProps } from '@mui/material/Button/Button';
+import { ButtonProps } from '@mui/material';
 import { SCGroupType } from '@selfcommunity/types';
 import { BaseDialogProps } from '../../shared/BaseDialog';
 export interface GroupMembersButtonProps extends Pick<ButtonProps, Exclude<keyof ButtonProps, 'onClick' | 'disabled'>> {

package/lib/esm/components/GroupMembersButton/GroupMembersButton.js

@@ -1,8 +1,6 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Avatar, AvatarGroup, Button, List, ListItem, Typography, useTheme } from '@mui/material';
-import { styled } from '@mui/material/styles';
-import useMediaQuery from '@mui/material/useMediaQuery';
+import { Avatar, AvatarGroup, Button, styled, List, ListItem, Typography, useTheme, useMediaQuery } from '@mui/material';
 import { useThemeProps } from '@mui/system';
 import { Endpoints, GroupService, http } from '@selfcommunity/api-services';
 import { useSCFetchGroup } from '@selfcommunity/react-core';

package/lib/esm/components/GroupMembersWidget/GroupMembersWidget.js

@@ -1,9 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } 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, CardActions, CardContent, ListItem, Typography, useMediaQuery, useTheme } from '@mui/material';
+import { Button, CardActions, CardContent, ListItem, Typography, useMediaQuery, useTheme, styled, List } from '@mui/material';
 import Widget from '../Widget';
 import { http, Endpoints, GroupService } from '@selfcommunity/api-services';
 import { CacheStrategies, isInteger, Logger } from '@selfcommunity/utils';

package/lib/esm/components/GroupMembersWidget/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/GroupRequestsWidget/GroupRequestsWidget.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, GroupService } from '@selfcommunity/api-services';
 import { CacheStrategies, isInteger, Logger } from '@selfcommunity/utils';

package/lib/esm/components/GroupRequestsWidget/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/GroupSettingsIconButton/GroupSettingsIconButton.js

@@ -1,10 +1,8 @@
 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 { SwipeableDrawer, MenuItem, IconButton, Menu, useTheme, useMediaQuery, List, ListItem } from '@mui/material';
+import { SwipeableDrawer, MenuItem, 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, useSCUser } from '@selfcommunity/react-core';

package/lib/esm/components/GroupSubscribeButton/GroupSubscribeButton.js

@@ -1,7 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useMemo, useState } from 'react';
-import { styled } from '@mui/material/styles';
+import { styled } from '@mui/material';
 import { CacheStrategies, Logger } from '@selfcommunity/utils';
 import { useSCContext, useSCFetchGroup, useSCUser } from '@selfcommunity/react-core';
 import { SCGroupPrivacyType, SCGroupSubscriptionStatusType } from '@selfcommunity/types';

package/lib/esm/components/Groups/Groups.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, useEffect, useMemo, useRef, useState } from 'react';
-import { styled } from '@mui/material/styles';
-import { Box, Button, Grid, Icon, IconButton, InputAdornment, TextField, Typography, useMediaQuery, useTheme } from '@mui/material';
+import { Box, Button, Grid, Icon, IconButton, InputAdornment, TextField, Typography, useMediaQuery, useTheme, styled } from '@mui/material';
 import { Endpoints, GroupService, http } from '@selfcommunity/api-services';
 import { Logger } from '@selfcommunity/utils';
 import { SCPreferences, useSCPreferences, useSCUser } from '@selfcommunity/react-core';

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

@@ -1,8 +1,8 @@
 import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { styled } from '@mui/material/styles';
+;
 import { PREFIX } from './constants';
-import { Box, Grid } from '@mui/material';
+import { Box, Grid, styled } from '@mui/material';
 import classNames from 'classnames';
 import { GroupSkeleton } from '../Group';
 const classes = {

package/lib/esm/components/Incubator/Incubator.js

@@ -1,14 +1,11 @@
 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 { Typography, Grid, Box, Button, CardActions } from '@mui/material';
+import { Typography, Grid, Box, Button, CardContent, CardActions, styled, LinearProgress } from '@mui/material';
 import { Link, SCRoutes, useSCFetchIncubator, useSCRouting } from '@selfcommunity/react-core';
 import { FormattedMessage } from 'react-intl';
 import classNames from 'classnames';
-import CardContent from '@mui/material/CardContent';
 import Skeleton from './Skeleton';
-import LinearProgress from '@mui/material/LinearProgress';
 import { useThemeProps } from '@mui/system';
 import Widget from '../Widget';
 import HiddenPlaceholder from '../../shared/HiddenPlaceholder';

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

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

package/lib/esm/components/IncubatorDetail/IncubatorDetail.js

@@ -1,9 +1,8 @@
 import { __awaiter, __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 { defineMessages, FormattedMessage, useIntl } from 'react-intl';
-import { TextField, Typography, Box, Avatar, Button, CardContent, Alert, FormGroup, AvatarGroup, List, ListItem } from '@mui/material';
+import { TextField, Typography, Box, Avatar, Button, CardContent, Alert, FormGroup, AvatarGroup, List, ListItem, styled, Icon } from '@mui/material';
 import { http, Endpoints } from '@selfcommunity/api-services';
 import { Logger } from '@selfcommunity/utils';
 import { Link, SCPreferences, SCPreferencesContext, SCRoutes, useSCContext, useSCFetchIncubator, useSCRouting, useSCUser } from '@selfcommunity/react-core';
@@ -17,7 +16,6 @@ import CentralProgress from '../../shared/CentralProgress';
 import InfiniteScroll from '../../shared/InfiniteScroll';
 import User from '../User';
 import { SCOPE_SC_UI } from '../../constants/Errors';
-import Icon from '@mui/material/Icon';
 import { FACEBOOK_SHARE, X_SHARE, LINKEDIN_SHARE } from '../../constants/SocialShare';
 import UserDeletedSnackBar from '../../shared/UserDeletedSnackBar';
 const messages = defineMessages({

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

@@ -1,9 +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 { defineMessages, FormattedMessage, useIntl } from 'react-intl';
-import { TextField, Typography, FormGroup } from '@mui/material';
+import { TextField, Typography, FormGroup, styled } from '@mui/material';
 import { http, Endpoints } from '@selfcommunity/api-services';
 import { Logger } from '@selfcommunity/utils';
 import { useSCUser } from '@selfcommunity/react-core';

package/lib/esm/components/IncubatorListWidget/IncubatorListWidget.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 { Button, List, Typography, Box, IconButton, ListItem, useTheme, useMediaQuery } from '@mui/material';
-import CardContent from '@mui/material/CardContent';
+import { Button, List, Typography, Box, IconButton, ListItem, useTheme, useMediaQuery, styled, CardContent, Popover, Icon } from '@mui/material';
 import { http, Endpoints, IncubatorService } from '@selfcommunity/api-services';
 import { CacheStrategies, Logger } from '@selfcommunity/utils';
 import Skeleton from './Skeleton';
@@ -13,8 +11,6 @@ import classNames from 'classnames';
 import BaseDialog from '../../shared/BaseDialog';
 import InfiniteScroll from '../../shared/InfiniteScroll';
 import Incubator, { IncubatorSkeleton } from '../Incubator';
-import Popover from '@mui/material/Popover';
-import Icon from '@mui/material/Icon';
 import { useThemeProps } from '@mui/system';
 import Widget from '../Widget';
 import CreateIncubatorDialog from './CreateIncubatorDialog';

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

@@ -1,7 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import CardContent from '@mui/material/CardContent';
-import List from '@mui/material/List';
-import { styled } from '@mui/material/styles';
+import { styled, CardContent, List } from '@mui/material';
 import { IncubatorSkeleton } from '../Incubator';
 import Widget from '../Widget';
 import { PREFIX } from './constants';