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

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';

package/lib/esm/components/IncubatorSubscribeButton/IncubatorSubscribeButton.js

@@ -1,7 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { 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/IncubatorSuggestionWidget/IncubatorSuggestionWidget.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 { Button, List, Typography, ListItem, useMediaQuery, useTheme } from '@mui/material';
-import CardContent from '@mui/material/CardContent';
+import { Button, List, Typography, ListItem, useMediaQuery, useTheme, styled, CardContent } from '@mui/material';
 import { http, Endpoints, SuggestionService } from '@selfcommunity/api-services';
 import { CacheStrategies, Logger } from '@selfcommunity/utils';
 import { SCCache, useSCUser } from '@selfcommunity/react-core';

package/lib/esm/components/IncubatorSuggestionWidget/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, List, CardContent } from '@mui/material';
 import { IncubatorSkeleton } from '../Incubator';
 import Widget from '../Widget';
 import { PREFIX } from './constants';

package/lib/esm/components/InlineComposerWidget/InlineComposerWidget.js

@@ -3,8 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useCallback, useMemo, useState } from 'react';
 import { SCFeedTypologyType } from '@selfcommunity/types';
 import { Link, SCPreferences, SCRoutes, UserUtils, useSCContext, useSCPreferences, useSCRouting, useSCUser } from '@selfcommunity/react-core';
-import { Avatar, Box, Button, CardContent } from '@mui/material';
-import { styled } from '@mui/material/styles';
+import { Avatar, Box, Button, CardContent, styled } from '@mui/material';
 import { FormattedMessage } from 'react-intl';
 import { useSnackbar } from 'notistack';
 import Widget from '../Widget';

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

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

package/lib/esm/components/InviteUserEventButton/InviteUserEventButton.js

@@ -1,7 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { LoadingButton } from '@mui/lab';
-import { styled } from '@mui/material/styles';
+import { styled } from '@mui/material';
 import { useThemeProps } from '@mui/system';
 import { EventService } from '@selfcommunity/api-services';
 import { useSCFetchEvent, useSCFetchUser } from '@selfcommunity/react-core';

package/lib/esm/components/LessonAppbar/LessonAppbar.js

@@ -1,9 +1,8 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { styled } from '@mui/material/styles';
 import { useThemeProps } from '@mui/system';
 import classNames from 'classnames';
-import { AppBar, Icon, IconButton, Toolbar, Typography, Box } from '@mui/material';
+import { AppBar, Icon, IconButton, Toolbar, Typography, Box, styled } from '@mui/material';
 import { PREFIX } from './constants';
 import { SCLessonActionsType } from '../../types';
 import { FormattedMessage } from 'react-intl';

package/lib/esm/components/LessonCommentObject/LessonCommentObject.js

@@ -1,10 +1,9 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useContext, useState } from 'react';
-import { styled } from '@mui/material/styles';
 import Widget from '../Widget';
 import { FormattedMessage } from 'react-intl';
-import { Avatar, Box, CardContent, Typography } from '@mui/material';
+import { Avatar, Box, CardContent, Typography, styled } from '@mui/material';
 import Bullet from '../../shared/Bullet';
 import classNames from 'classnames';
 import { SCOPE_SC_UI } from '../../constants/Errors';

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

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

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

@@ -4,7 +4,7 @@ import { CacheStrategies } from '@selfcommunity/utils';
 export interface LessonCommentObjectsProps {
     /**
      * Id of the LessonCommentObjects
-     * @default `lesson_comments_object_<lessonObjectId | lessonObject.id>`
+     * @default `lesson_comments_object_lessonObjectId`
      */
     id?: string;
     /**

package/lib/esm/components/LessonCommentObjects/LessonCommentObjects.js

@@ -1,10 +1,9 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from 'react';
-import { styled } from '@mui/material/styles';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import LessonCommentObject, { LessonCommentObjectSkeleton } from '../LessonCommentObject';
-import { Box, List, ListItem } from '@mui/material';
+import { Box, List, ListItem, styled } from '@mui/material';
 import classNames from 'classnames';
 import { useThemeProps } from '@mui/system';
 import { SCCommentsOrderBy } from '@selfcommunity/types';

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

@@ -1,7 +1,6 @@
 import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { styled } from '@mui/material/styles';
-import { Box } from '@mui/material';
+import { Box, styled } from '@mui/material';
 import { PREFIX } from './constants';
 import LessonCommentObjectSkeleton from '../LessonCommentObject/Skeleton';
 const classes = {

package/lib/esm/components/LessonDrawer/LessonDrawer.js

@@ -1,9 +1,8 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { styled } from '@mui/material/styles';
 import { useThemeProps } from '@mui/system';
 import classNames from 'classnames';
-import { Box, Divider, Drawer, Icon, IconButton, Typography } from '@mui/material';
+import { Box, Divider, Drawer, Icon, IconButton, Typography, styled } from '@mui/material';
 import { PREFIX } from './constants';
 import { SCLessonActionsType } from '../../types';
 import { FormattedMessage } from 'react-intl';

package/lib/esm/components/LessonEditForm/LessonEditForm.js

@@ -1,10 +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 { useThemeProps } from '@mui/system';
 import classNames from 'classnames';
-import { Box, Checkbox, FormControl, FormControlLabel, FormLabel, Radio, RadioGroup } from '@mui/material';
+import { Box, Checkbox, FormControl, FormControlLabel, FormLabel, Radio, RadioGroup, styled } from '@mui/material';
 import { PREFIX } from './constants';
 import { FormattedMessage } from 'react-intl';
 import { SCCourseLessonStatusType } from '@selfcommunity/types';

package/lib/esm/components/LessonObject/LessonObject.js

@@ -1,13 +1,11 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useCallback } from 'react';
-import { styled } from '@mui/material/styles';
 import { useThemeProps } from '@mui/system';
 import classNames from 'classnames';
-import { Box, Typography } from '@mui/material';
+import { Box, Typography, CardContent, styled } from '@mui/material';
 import { PREFIX } from './constants';
 import { useSCRouting } from '@selfcommunity/react-core';
-import CardContent from '@mui/material/CardContent';
 import { getContributionHtml } from '../../utils/contribution';
 import Widget from '../Widget';
 import ContentLesson from '../Composer/Content/ContentLesson';

package/lib/esm/components/LessonReleaseMenu/LessonReleaseMenu.js

@@ -1,7 +1,7 @@
 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 { styled } from '@mui/material';
 import { useThemeProps } from '@mui/system';
 import classNames from 'classnames';
 import { Box, Button, FormControl, FormControlLabel, Icon, IconButton, InputAdornment, Popover, Radio, RadioGroup, TextField, Typography } from '@mui/material';

package/lib/esm/components/LiveStream/LiveStream.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, Box, Button, CardActions, CardContent, CardMedia, Chip, Divider, Typography } from '@mui/material';
-import { styled } from '@mui/material/styles';
+import { Avatar, Box, Button, CardActions, CardContent, CardMedia, Chip, Divider, Typography, styled } from '@mui/material';
 import { useThemeProps } from '@mui/system';
 import { Link, SCRoutes, useSCFetchLiveStream, useSCRouting } from '@selfcommunity/react-core';
 import classNames from 'classnames';

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

@@ -1,8 +1,6 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { AvatarGroup, Box, Button, CardActions, CardContent, Divider, Icon, Stack, useTheme } from '@mui/material';
-import Skeleton from '@mui/material/Skeleton';
-import { styled } from '@mui/material/styles';
+import { AvatarGroup, Box, Button, CardActions, CardContent, Divider, Icon, Stack, useTheme, Skeleton, styled } from '@mui/material';
 import { useThemeProps } from '@mui/system';
 import classNames from 'classnames';
 import BaseItem from '../../shared/BaseItem';

package/lib/esm/components/LiveStreamForm/LiveStreamForm.js

@@ -1,8 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { LoadingButton } from '@mui/lab';
-import { Alert, Box, FormGroup, Paper, TextField, Typography } from '@mui/material';
-import { styled } from '@mui/material/styles';
+import { Alert, Box, FormGroup, Paper, TextField, Typography, styled } from '@mui/material';
 import { useThemeProps } from '@mui/system';
 import { SCCommunityEnvironment, SCCommunitySubscriptionTier } from '@selfcommunity/types';
 import classNames from 'classnames';

package/lib/esm/components/LiveStreamForm/LiveStreamFormSettings.js

@@ -1,7 +1,6 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Box, FormControl, Icon, InputLabel, MenuItem, Select, Stack, Switch, Typography } from '@mui/material';
-import { styled } from '@mui/material/styles';
+import { Box, FormControl, Icon, InputLabel, MenuItem, Select, Stack, Switch, Typography, styled } from '@mui/material';
 import { useThemeProps } from '@mui/system';
 import { SCCommunitySubscriptionTier, SCFeatureName, SCLiveStreamViewType } from '@selfcommunity/types';
 import classNames from 'classnames';

package/lib/esm/components/LiveStreamRoom/LiveStreamRoom.js

@@ -1,7 +1,6 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Alert, AlertTitle, Box, Button, CircularProgress, Stack, Typography } from '@mui/material';
-import { styled } from '@mui/material/styles';
+import { Alert, AlertTitle, Box, Button, CircularProgress, Stack, Typography, styled, DialogContent } from '@mui/material';
 import { useThemeProps } from '@mui/system';
 import { Link, SCPreferences, SCPreferencesContext, SCRoutes, useSCFetchLiveStream, useSCPreferences, useSCRouting, useSCUser } from '@selfcommunity/react-core';
 import { SCFeatureName, SCLiveStreamConnectionDetailsErrorType } from '@selfcommunity/types';
@@ -17,7 +16,6 @@ import { SCOPE_SC_UI } from '../../constants/Errors';
 import { PreJoin } from './LiveStreamVideoConference/PreJoin';
 import { LiveStreamContext } from './LiveStreamVideoConference/LiveStreamProvider';
 import { useSnackbar } from 'notistack';
-import DialogContent from '@mui/material/DialogContent';
 import BaseDialog from '../../shared/BaseDialog';
 import CopyTextField from '../../shared/CopyTextArea';
 const classes = {

package/lib/esm/components/LiveStreamRoom/LiveStreamVideoConference/LiveStreamSettingsMenu.js

@@ -1,10 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
-import Button from '@mui/material/Button';
-import Menu from '@mui/material/Menu';
-import { Box, FormControlLabel, Icon, Switch, Typography } from '@mui/material';
-import { styled } from '@mui/material/styles';
+import { Box, FormControlLabel, Icon, Switch, Typography, Menu, Button, styled } from '@mui/material';
 import { useThemeProps } from '@mui/system';
 import classNames from 'classnames';
 // import {useIsRecording, useMaybeLayoutContext, useRoomContext} from '@livekit/components-react';

package/lib/esm/components/LiveStreamRoom/LiveStreamVideoConference/LiveStreamVideoConference.js

@@ -1,7 +1,6 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Box, Button, CircularProgress, Typography } from '@mui/material';
-import { styled } from '@mui/material/styles';
+import { Box, Button, CircularProgress, Typography, styled, DialogContent } from '@mui/material';
 import { useThemeProps } from '@mui/system';
 import { Link, SCPreferences, SCRoutes, useSCPreferences, useSCRouting, useSCUser } from '@selfcommunity/react-core';
 import { SCLiveStreamViewType } from '@selfcommunity/types';
@@ -14,7 +13,6 @@ import { defaultVideoOptions } from '../constants';
 import { FormattedMessage, useIntl } from 'react-intl';
 import { VideoConference } from './VideoConference';
 import { useLiveStream } from './LiveStreamProvider';
-import DialogContent from '@mui/material/DialogContent';
 import BaseDialog from '../../../shared/BaseDialog';
 import { closeSnackbar } from 'notistack';
 const classes = {

package/lib/esm/components/LiveStreamRoom/LiveStreamVideoConference/NoParticipants.js

@@ -1,8 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { styled } from '@mui/material/styles';
 import { useThemeProps } from '@mui/system';
-import { Box } from '@mui/material';
+import { Box, styled } from '@mui/material';
 import classNames from 'classnames';
 import { FormattedMessage } from 'react-intl';
 const PREFIX = 'SCNoParticipants';

package/lib/esm/components/LiveStreamRoom/LiveStreamVideoConference/ParticipantTileActions.js

@@ -1,10 +1,8 @@
 import { __awaiter, __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useContext, useMemo, useRef, useState } from 'react';
-import { styled } from '@mui/material/styles';
+import { styled, Icon, Popper } from '@mui/material';
 import { FormattedMessage } from 'react-intl';
-import Popper from '@mui/material/Popper';
-import Icon from '@mui/material/Icon';
 import { useSnackbar } from 'notistack';
 import classNames from 'classnames';
 import { Box, ClickAwayListener, Grow, IconButton, ListItemIcon, ListItemText, MenuItem, MenuList, Paper, SwipeableDrawer, useMediaQuery, useTheme } from '@mui/material';

package/lib/esm/components/LiveStreamRoom/LiveStreamVideoConference/ParticipantTileAvatar.js

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

package/lib/esm/components/LiveStreamRoom/LiveStreamVideoConference/VideoConference.js

@@ -11,15 +11,13 @@ import { useLivestreamCheck } from './useLiveStreamCheck';
 import { FocusLayout, FocusLayoutContainer, FocusLayoutContainerNoParticipants } from './FocusLayout';
 import { useSCUser } from '@selfcommunity/react-core';
 import classNames from 'classnames';
-import { styled } from '@mui/material/styles';
-import { Box, IconButton } from '@mui/material';
+import { Box, IconButton, styled, Icon } from '@mui/material';
 import { useThemeProps } from '@mui/system';
 import NoParticipants from './NoParticipants';
 import LiveStreamSettingsMenu from './LiveStreamSettingsMenu';
 import { BackgroundBlur } from '@livekit/track-processors';
 import { isClientSideRendering } from '@selfcommunity/utils';
 import { CHOICE_VIDEO_BLUR_EFFECT } from '../../../constants/LiveStream';
-import Icon from '@mui/material/Icon';
 import { useSnackbar } from 'notistack';
 import { FormattedMessage } from 'react-intl';
 const PREFIX = 'SCVideoConference';

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

@@ -1,6 +1,5 @@
-import { TextFieldProps } from '@mui/material/TextField';
-import { AutocompleteProps } from '@mui/material';
-import { SCContributionLocation } from '@selfcommunity/types/src/index';
+import { AutocompleteProps, TextFieldProps } from '@mui/material';
+import { SCContributionLocation } from '@selfcommunity/types';
 export interface LocationAutocompleteProps extends Pick<AutocompleteProps<SCContributionLocation, false, false, true>, Exclude<keyof AutocompleteProps<SCContributionLocation, false, false, true>, 'options' | 'getOptionLabel' | 'filterOptions' | 'autoComplete' | 'includeInputInList' | 'filterSelectedOptions' | 'value' | 'selectOnFocus' | 'handleHomeEndKeys' | 'noOptionsText' | 'onChange' | 'onInputChange' | 'isOptionEqualToValue' | 'renderInput' | 'renderOption'>> {
     /**
      * The props applied to the text field.

package/lib/esm/components/LocationAutocomplete/LocationAutocomplete.js

@@ -2,11 +2,8 @@ import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useEffect, useMemo, useState } from 'react';
 import { FormattedMessage } from 'react-intl';
-import TextField from '@mui/material/TextField';
-import CircularProgress from '@mui/material/CircularProgress';
-import { Autocomplete } from '@mui/material';
+import { Autocomplete, TextField, CircularProgress, styled } from '@mui/material';
 import { Endpoints, http } from '@selfcommunity/api-services';
-import { styled } from '@mui/material/styles';
 import parse from 'autosuggest-highlight/parse';
 import match from 'autosuggest-highlight/match';
 import { useThemeProps } from '@mui/system';

package/lib/esm/components/LoyaltyProgramWidget/LoyaltyProgramWidget.js

@@ -1,9 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useContext, useEffect, useMemo, useState } from 'react';
-import { styled } from '@mui/material/styles';
-import CardContent from '@mui/material/CardContent';
-import { Button, CardActions, Chip, Typography } from '@mui/material';
+import { Button, CardActions, Chip, Typography, styled, CardContent } from '@mui/material';
 import { http, Endpoints } from '@selfcommunity/api-services';
 import { SCPreferences, SCUserContext, useSCPreferences } from '@selfcommunity/react-core';
 import { FormattedMessage } from 'react-intl';

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

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

package/lib/esm/components/MyEventsWidget/MyEventsWidget.js

@@ -1,7 +1,6 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, CardActions, Icon, IconButton, Typography } from '@mui/material';
-import { styled } from '@mui/material/styles';
+import { Button, CardActions, Icon, IconButton, Typography, styled } from '@mui/material';
 import { Box, useThemeProps } from '@mui/system';
 import { Endpoints, EventService, http } from '@selfcommunity/api-services';
 import { SCCache, SCPreferences, SCRoutes, useSCPreferences, useSCRouting, useSCUser } from '@selfcommunity/react-core';

package/lib/esm/components/NavigationMenuIconButton/DefaultDrawerContent.js

@@ -1,13 +1,12 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Divider, Icon, List, ListItem, ListItemButton, ListItemIcon, ListItemText, Typography, Zoom } from '@mui/material';
+import { Box, Divider, Icon, List, ListItem, ListItemButton, ListItemIcon, ListItemText, Typography, Zoom, styled } from '@mui/material';
 import { Link, SCPreferences, SCRoutes, useSCFetchCategories, useSCPreferences, useSCRouting, useSCUser } from '@selfcommunity/react-core';
 import { useEffect, useMemo, useState } from 'react';
 import Category from '../Category';
 import { FormattedMessage } from 'react-intl';
 import { sortByAttr } from '@selfcommunity/utils';
 import { SCFeatureName } from '@selfcommunity/types';
-import { styled } from '@mui/material/styles';
 import classNames from 'classnames';
 import { useThemeProps } from '@mui/system';
 const PREFIX = 'SCDefaultDrawerContent';

package/lib/esm/components/NavigationMenuIconButton/DefaultDrawerSkeleton.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { styled } from '@mui/material/styles';
 import CategorySkeleton from '../Category/Skeleton';
-import { Box, ListItem } from '@mui/material';
+import { Box, ListItem, styled } from '@mui/material';
 export const PREFIX = 'SCDefaultDrawerSkeleton';
 const classes = {
     root: `${PREFIX}-skeleton-root`

package/lib/esm/components/NavigationMenuIconButton/DefaultHeaderContent.js

@@ -2,8 +2,7 @@ import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Link, SCPreferences, SCRoutes, useSCPreferences, useSCRouting } from '@selfcommunity/react-core';
 import { useMemo } from 'react';
-import { styled } from '@mui/material/styles';
-import { Box } from '@mui/material';
+import { Box, styled } from '@mui/material';
 import classNames from 'classnames';
 import { useThemeProps } from '@mui/system';
 const PREFIX = 'SCDefaultHeaderContent';

package/lib/esm/components/NavigationMenuIconButton/NavigationMenuDrawer.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 from 'react';
-import { styled } from '@mui/material/styles';
-import { Box, Divider, Drawer, Icon, IconButton, List } from '@mui/material';
+import { Box, Divider, Drawer, Icon, IconButton, List, styled } from '@mui/material';
 import classNames from 'classnames';
 import { useThemeProps } from '@mui/system';
 import ScrollContainer from '../../shared/ScrollContainer';

package/lib/esm/components/NavigationMenuIconButton/NavigationMenuIconButton.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, useState } from 'react';
-import { styled } from '@mui/material/styles';
-import { Icon, IconButton } from '@mui/material';
+import { Icon, IconButton, styled } from '@mui/material';
 import classNames from 'classnames';
 import { useThemeProps } from '@mui/system';
 import { SCPreferences, useSCPreferences, useSCUser } from '@selfcommunity/react-core';

package/lib/esm/components/NavigationSettingsIconButton/NavigationSettingsIconButton.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 { Divider, Icon, IconButton, List, ListItem, ListItemButton, ListItemIcon, Menu, MenuItem, SwipeableDrawer, useMediaQuery, useTheme } from '@mui/material';
+import { Divider, Icon, IconButton, List, ListItem, ListItemButton, ListItemIcon, Menu, MenuItem, SwipeableDrawer, useMediaQuery, useTheme, styled } from '@mui/material';
 import { Link, SCPreferences, SCRoutes, UserUtils, useSCPreferences, useSCRouting, useSCUser } from '@selfcommunity/react-core';
 import classNames from 'classnames';
 import { useThemeProps } from '@mui/system';

package/lib/esm/components/NavigationToolbar/NavigationToolbar.js

@@ -1,8 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Avatar, Badge, Box, Button, IconButton, styled, Toolbar, Tooltip } from '@mui/material';
+import { Avatar, Badge, Box, Button, IconButton, styled, Toolbar, Tooltip, Icon } from '@mui/material';
 import React, { useMemo } from 'react';
-import Icon from '@mui/material/Icon';
 import { useThemeProps } from '@mui/system';
 import classNames from 'classnames';
 import NavigationToolbarSkeleton from './Skeleton';

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

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

package/lib/esm/components/NavigationToolbarMobile/NavigationToolbarMobile.js

@@ -1,9 +1,8 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Badge, Button, IconButton, styled, Toolbar } from '@mui/material';
+import { Badge, Button, IconButton, styled, Toolbar, Icon } from '@mui/material';
 import { useCallback, useMemo, useState } from 'react';
 import { Link, SCPreferences, SCRoutes, UserUtils, useSCPreferences, useSCRouting, useSCUser } from '@selfcommunity/react-core';
-import Icon from '@mui/material/Icon';
 import { useThemeProps } from '@mui/system';
 import classNames from 'classnames';
 import NavigationToolbarMobileSkeleton from './Skeleton';

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

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

package/lib/esm/components/Notification/CollapsedFor/CollapsedFor.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/Comment/Comment.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, { 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 { SCContributionType, SCNotificationTypologyType } from '@selfcommunity/types';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';

package/lib/esm/components/Notification/Contribution/Contribution.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, { 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 { SCContributionType } from '@selfcommunity/types';
 import { Link, SCRoutes, useSCRouting } from '@selfcommunity/react-core';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';

package/lib/esm/components/Notification/ContributionFollow/ContributionFollow.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, 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/Course/Course.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, Stack, Typography } from '@mui/material';
+import { Avatar, Box, Stack, Typography, styled } from '@mui/material';
 import { Link, SCRoutes, useSCRouting } from '@selfcommunity/react-core';
 import { SCNotificationTypologyType } from '@selfcommunity/types';
 import { FormattedMessage } from 'react-intl';