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

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

@@ -1,9 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { styled } from '@mui/material/styles';
-import { CircularProgress, Switch } from '@mui/material';
+import { styled, CircularProgress, Switch, Icon } from '@mui/material';
 import { useThemeProps } from '@mui/system';
-import Icon from '@mui/material/Icon';
 const PREFIX = 'SCConsentSolutionSwitch';
 const classes = {
     root: `${PREFIX}-root`,

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

@@ -1,10 +1,7 @@
 import { __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 { defineMessages, FormattedMessage, useIntl } from 'react-intl';
-import Popper from '@mui/material/Popper';
-import Icon from '@mui/material/Icon';
 import CentralProgress from '../CentralProgress';
 import { SCOPE_SC_UI } from '../../constants/Errors';
 import { copyTextToClipboard, Logger } from '@selfcommunity/utils';
@@ -12,7 +9,7 @@ import { useSnackbar } from 'notistack';
 import { getContributionRouteName, getRouteData } from '../../utils/contribution';
 import classNames from 'classnames';
 import ConfirmDialog from '../ConfirmDialog/ConfirmDialog';
-import { Badge, Box, CircularProgress, ClickAwayListener, Collapse, Divider, Grow, IconButton, ListItemIcon, ListItemText, MenuItem, MenuList, Paper, SwipeableDrawer, Typography, useMediaQuery, useTheme } from '@mui/material';
+import { Badge, Box, CircularProgress, ClickAwayListener, Collapse, Divider, Grow, IconButton, ListItemIcon, ListItemText, MenuItem, MenuList, Paper, SwipeableDrawer, Typography, useMediaQuery, useTheme, styled, Popper, Icon } from '@mui/material';
 import { MODERATION_CONTRIBUTION_STATE_DELETED, MODERATION_CONTRIBUTION_STATE_HIDDEN, MODERATION_TYPE_ACTION_DELETE, MODERATION_TYPE_ACTION_HIDE, REPORT_AGGRESSIVE, REPORT_OFFTOPIC, REPORT_POORCONTENT, REPORT_SPAM, REPORT_VULGAR, REPORTS } from '../../constants/Flagging';
 import { Endpoints, http } from '@selfcommunity/api-services';
 import { SCContext, SCUserContext, UserUtils, useSCFetchCommentObject, useSCFetchFeedObject, useSCRouting } from '@selfcommunity/react-core';

package/lib/esm/shared/CopyTextArea/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BaseTextFieldProps } from '@mui/material/TextField/TextField';
+import { BaseTextFieldProps } from '@mui/material';
 export interface CopyTextFieldProps extends BaseTextFieldProps {
     className?: string;
     onChange?: (value: string) => void;

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

@@ -1,8 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useRef, useState } from 'react';
-import { styled } from '@mui/material/styles';
-import { Icon, IconButton, InputAdornment, TextField, Tooltip } from '@mui/material';
+import { styled, Icon, IconButton, InputAdornment, TextField, Tooltip } from '@mui/material';
 import { useThemeProps } from '@mui/system';
 import { FormattedMessage } from 'react-intl';
 import classNames from 'classnames';

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

@@ -1,9 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useCallback } from 'react';
 import { useSnackbar, SnackbarContent } from 'notistack';
-import { styled } from '@mui/material/styles';
-import { CardContent, IconButton } from '@mui/material';
-import Icon from '@mui/material/Icon';
+import { CardContent, IconButton, styled, Icon } from '@mui/material';
 import Widget from '../../components/Widget';
 const PREFIX = 'SCCustomSnackMessage';
 const classes = {

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

@@ -1,8 +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, Tooltip, Typography } from '@mui/material';
-import Icon from '@mui/material/Icon';
+import { Box, Tooltip, Typography, styled, Icon } from '@mui/material';
 import { FormattedRelativeTime, useIntl } from 'react-intl';
 import classNames from 'classnames';
 import { getRelativeTime } from '../../utils/formatRelativeTime';

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

@@ -1,8 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useState } from 'react';
-import { styled } from '@mui/material/styles';
-import { TextField } from '@mui/material';
+import { styled, TextField } from '@mui/material';
 import { defineMessages, useIntl } from 'react-intl';
 import { EMAIL_REGEX } from '../../constants/Account';
 const messages = defineMessages({

package/lib/esm/shared/EmojiPicker/EmojiPicker.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 { EmojiStyle } from 'emoji-picker-react';
 import { useThemeProps } from '@mui/system';
 import classNames from 'classnames';

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

@@ -1,8 +1,6 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Divider, IconButton, List, ListItemIcon, Menu, MenuItem, SwipeableDrawer, useMediaQuery, useTheme } from '@mui/material';
-import Icon from '@mui/material/Icon';
-import { styled } from '@mui/material/styles';
+import { Divider, IconButton, List, ListItemIcon, Menu, MenuItem, SwipeableDrawer, useMediaQuery, useTheme, styled, Icon } from '@mui/material';
 import { useThemeProps } from '@mui/system';
 import { EventService } from '@selfcommunity/api-services';
 import { SCRoutes, useSCFetchEvent, useSCRouting, useSCUser } from '@selfcommunity/react-core';

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { styled } from '@mui/material/styles';
+import { styled } from '@mui/material';
 const PREFIX = 'SCHiddenPlaceholder';
 const Root = styled('div', {
     name: PREFIX,

package/lib/esm/shared/LanguageSwitcher/index.d.ts

@@ -1,6 +1,5 @@
+import { SelectProps, TypographyProps } from '@mui/material';
 import { SCLanguageType } from '@selfcommunity/types';
-import { SelectProps } from '@mui/material/Select/Select';
-import { TypographyProps } from '@mui/material/Typography/Typography';
 export interface LanguageSwitcherProps {
     /**
      * Overrides or extends the styles applied to the component.

package/lib/esm/shared/LanguageSwitcher/index.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 { FormControl, MenuItem, Select, Typography } from '@mui/material';
+import { FormControl, styled, MenuItem, Select, Typography } from '@mui/material';
 import { FormattedMessage, useIntl } from 'react-intl';
 import { UserService } from '@selfcommunity/api-services';
 import { SCLanguageType } from '@selfcommunity/types';

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

@@ -1,17 +1,14 @@
 import { __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 { FormattedMessage } from 'react-intl';
-import Popper from '@mui/material/Popper';
-import Icon from '@mui/material/Icon';
 import CentralProgress from '../CentralProgress';
 import { SCOPE_SC_UI } from '../../constants/Errors';
 import { Logger } from '@selfcommunity/utils';
 import { useSnackbar } from 'notistack';
 import classNames from 'classnames';
 import ConfirmDialog from '../ConfirmDialog/ConfirmDialog';
-import { Box, CircularProgress, ClickAwayListener, Grow, IconButton, ListItemIcon, ListItemText, MenuItem, MenuList, Paper, SwipeableDrawer, useMediaQuery, useTheme } from '@mui/material';
+import { Box, CircularProgress, ClickAwayListener, Grow, IconButton, ListItemIcon, ListItemText, MenuItem, MenuList, Paper, SwipeableDrawer, useMediaQuery, useTheme, Icon, styled, Popper } from '@mui/material';
 import { Endpoints, http } from '@selfcommunity/api-services';
 import { SCContext, SCUserContext, UserUtils, useSCFetchLessonCommentObject } from '@selfcommunity/react-core';
 const EDIT_COMMENT = '_edit_comment';

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

@@ -1,8 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { styled } from '@mui/material/styles';
 import classNames from 'classnames';
-import { Box, Link, Typography } from '@mui/material';
-import Icon from '@mui/material/Icon';
+import { Box, Link, Typography, Icon, styled } from '@mui/material';
 import { MEDIA_TYPE_DOCUMENT } from '../../constants/Media';
 const PREFIX = 'SCLessonFilePreview';
 const classes = {

package/lib/esm/shared/Lightbox/BaseLightbox.js

@@ -1,7 +1,6 @@
 import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { CircularProgress } from '@mui/material';
-import { styled } from '@mui/material/styles';
+import { styled, CircularProgress } from '@mui/material';
 import { useCallback, useState } from 'react';
 import { PhotoSlider } from 'react-photo-view';
 import { PREFIX } from './constants';

package/lib/esm/shared/Lightbox/Lightbox.js

@@ -1,6 +1,6 @@
 import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { styled } from '@mui/material/styles';
+import { styled } from '@mui/material';
 import { useCallback } from 'react';
 import BaseLightbox from './BaseLightbox';
 import { PREFIX } from './constants';

package/lib/esm/shared/Media/File/DisplayComponent.js

@@ -1,7 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Grid, IconButton, Typography } from '@mui/material';
-import Icon from '@mui/material/Icon';
-import { styled } from '@mui/material/styles';
+import { styled, Box, Grid, IconButton, Typography, Icon } from '@mui/material';
 import { Link } from '@selfcommunity/react-core';
 import classNames from 'classnames';
 import { MEDIA_TYPE_DOCUMENT } from '../../../constants/Media';

package/lib/esm/shared/Media/File/PreviewComponent.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 } from 'react';
-import { Box, IconButton, Typography, useMediaQuery, useTheme } from '@mui/material';
-import { styled } from '@mui/material/styles';
-import Icon from '@mui/material/Icon';
+import { Box, IconButton, Typography, useMediaQuery, useTheme, styled, Icon } from '@mui/material';
 import classNames from 'classnames';
 import { ReactSortable } from 'react-sortablejs';
 import { PREFIX } from './constants';

package/lib/esm/shared/Media/File/TriggerButton.js

@@ -1,10 +1,8 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useCallback, useMemo, useState } from 'react';
-import { CircularProgress, IconButton, List, ListItem, ListItemButton, Menu, MenuItem, SwipeableDrawer, useMediaQuery, useTheme, } from '@mui/material';
-import Icon from '@mui/material/Icon';
+import { CircularProgress, IconButton, List, ListItem, ListItemButton, Menu, MenuItem, SwipeableDrawer, useMediaQuery, useTheme, Icon, styled } from '@mui/material';
 import { PREFIX } from './constants';
-import { styled } from '@mui/material/styles';
 import classNames from 'classnames';
 import { useSCContext } from '@selfcommunity/react-core';
 import { FormattedMessage } from 'react-intl';
@@ -18,7 +16,7 @@ const classes = {
     triggerDrawerRoot: `${PREFIX}-trigger-drawer-root`,
     triggerMenuRoot: `${PREFIX}-trigger-menu-root`,
     paper: `${PREFIX}-paper`,
-    item: `${PREFIX}-item`,
+    item: `${PREFIX}-item`
 };
 const Root = styled(IconButton, {
     name: PREFIX,
@@ -32,11 +30,11 @@ const MenuRoot = styled(Menu, {
     name: PREFIX,
     slot: 'TriggerMenuRoot'
 })(() => ({}));
-const PhotoUploadListItemButton = asUploadButton(forwardRef((props, ref) => (_jsx(ListItemButton, Object.assign({}, props, { "aria-label": "upload", ref: ref })))), { accept: 'image/*', capture: 'camera' });
-const GalleryUploadListItemButton = asUploadButton(forwardRef((props, ref) => (_jsx(ListItemButton, Object.assign({}, props, { "aria-label": "upload", ref: ref })))), { accept: 'image/*' });
-const DocumentUploadListItemButton = asUploadButton(forwardRef((props, ref) => (_jsx(ListItemButton, Object.assign({}, props, { "aria-label": "upload", ref: ref })))), { accept: 'application/pdf' });
-const GalleryUploadMenuItem = asUploadButton(forwardRef((props, ref) => (_jsx(MenuItem, Object.assign({}, props, { "aria-label": "upload", ref: ref })))), { accept: 'image/*' });
-const DocumentUploadMenuItem = asUploadButton(forwardRef((props, ref) => (_jsx(MenuItem, Object.assign({}, props, { "aria-label": "upload", ref: ref })))), { accept: 'application/pdf' });
+const PhotoUploadListItemButton = asUploadButton(forwardRef((props, ref) => _jsx(ListItemButton, Object.assign({}, props, { "aria-label": "upload", ref: ref }))), { accept: 'image/*', capture: 'camera' });
+const GalleryUploadListItemButton = asUploadButton(forwardRef((props, ref) => _jsx(ListItemButton, Object.assign({}, props, { "aria-label": "upload", ref: ref }))), { accept: 'image/*' });
+const DocumentUploadListItemButton = asUploadButton(forwardRef((props, ref) => _jsx(ListItemButton, Object.assign({}, props, { "aria-label": "upload", ref: ref }))), { accept: 'application/pdf' });
+const GalleryUploadMenuItem = asUploadButton(forwardRef((props, ref) => _jsx(MenuItem, Object.assign({}, props, { "aria-label": "upload", ref: ref }))), { accept: 'image/*' });
+const DocumentUploadMenuItem = asUploadButton(forwardRef((props, ref) => _jsx(MenuItem, Object.assign({}, props, { "aria-label": "upload", ref: ref }))), { accept: 'application/pdf' });
 export default (_a) => {
     var { className, onAdd = null } = _a, rest = __rest(_a, ["className", "onAdd"]);
     // STATE

package/lib/esm/shared/Media/Link/DisplayComponent.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement } from 'react';
 import { BoxProps } from '@mui/material';
-import { SCMediaType } from '@selfcommunity/types/src/types';
+import { SCMediaType } from '@selfcommunity/types';
 export interface DisplayComponentProps extends BoxProps {
     /**
      * Medias

package/lib/esm/shared/Media/Link/DisplayComponent.js

@@ -1,13 +1,11 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useMemo } from 'react';
-import { styled } from '@mui/material/styles';
 import { MEDIA_TYPE_VIDEO } from '../../../constants/Media';
 import AutoPlayer from '../../AutoPlayer';
-import Box from '@mui/material/Box';
 import classNames from 'classnames';
 import { PREFIX } from './constants';
-import { CircularProgress } from '@mui/material';
+import { styled, CircularProgress, Box } from '@mui/material';
 import filter from './filter';
 const classes = {
     displayRoot: `${PREFIX}-display-root`,

package/lib/esm/shared/Media/Link/LayerComponent.js

@@ -2,10 +2,7 @@ import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useCallback, useState } from 'react';
 import { FormattedMessage } from 'react-intl';
-import { Box, Button, DialogTitle, IconButton, Typography } from '@mui/material';
-import { styled } from '@mui/material/styles';
-import Icon from '@mui/material/Icon';
-import DialogContent from '@mui/material/DialogContent';
+import { Box, Button, DialogTitle, IconButton, Typography, Icon, styled, DialogContent } from '@mui/material';
 import classNames from 'classnames';
 import { PREFIX } from './constants';
 import PreviewComponent from './PreviewComponent';
@@ -30,6 +27,6 @@ const LayerComponent = React.forwardRef((props, ref) => {
     const handleSave = useCallback(() => onSave(value), [value]);
     const handleAdd = useCallback((media) => setValue([...value, media]), [value]);
     const handleChange = useCallback((medias) => setValue(medias), []);
-    return _jsxs(Root, Object.assign({ ref: ref, className: classNames(className, classes.layerRoot) }, rest, { children: [_jsxs(DialogTitle, Object.assign({ className: classes.title }, { children: [_jsx(IconButton, Object.assign({ onClick: onClose }, { children: _jsx(Icon, { children: "arrow_back" }) })), _jsx(Typography, { children: _jsx(FormattedMessage, { id: "ui.composer.media.link.layer.title", defaultMessage: "ui.composer.media.link.layer.title" }) }), _jsx(Button, Object.assign({ size: "small", color: "secondary", variant: "contained", onClick: handleSave }, { children: _jsx(FormattedMessage, { id: "ui.composer.layer.save", defaultMessage: "ui.composer.layer.save" }) }))] })), _jsxs(DialogContent, Object.assign({ className: classes.content }, { children: [_jsx(UrlTextField, { id: "page", name: "page", label: _jsx(FormattedMessage, { id: "ui.composer.media.link.add.label", defaultMessage: "ui.composer.media.link.add.label" }), fullWidth: true, variant: "outlined", placeholder: "https://", onSuccess: handleAdd }), _jsx(PreviewComponent, { onChange: handleChange, value: value })] }))] }));
+    return (_jsxs(Root, Object.assign({ ref: ref, className: classNames(className, classes.layerRoot) }, rest, { children: [_jsxs(DialogTitle, Object.assign({ className: classes.title }, { children: [_jsx(IconButton, Object.assign({ onClick: onClose }, { children: _jsx(Icon, { children: "arrow_back" }) })), _jsx(Typography, { children: _jsx(FormattedMessage, { id: "ui.composer.media.link.layer.title", defaultMessage: "ui.composer.media.link.layer.title" }) }), _jsx(Button, Object.assign({ size: "small", color: "secondary", variant: "contained", onClick: handleSave }, { children: _jsx(FormattedMessage, { id: "ui.composer.layer.save", defaultMessage: "ui.composer.layer.save" }) }))] })), _jsxs(DialogContent, Object.assign({ className: classes.content }, { children: [_jsx(UrlTextField, { id: "page", name: "page", label: _jsx(FormattedMessage, { id: "ui.composer.media.link.add.label", defaultMessage: "ui.composer.media.link.add.label" }), fullWidth: true, variant: "outlined", placeholder: "https://", onSuccess: handleAdd }), _jsx(PreviewComponent, { onChange: handleChange, value: value })] }))] })));
 });
 export default LayerComponent;

package/lib/esm/shared/Media/Link/PreviewComponent.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { BoxProps } from '@mui/material';
-import { SCMediaType } from '@selfcommunity/types/src/index';
+import { SCMediaType } from '@selfcommunity/types';
 export interface PreviewComponentProps extends Omit<BoxProps, 'value' | 'onChange'> {
     onChange: (value: SCMediaType[]) => void;
     value: SCMediaType[];

package/lib/esm/shared/Media/Link/PreviewComponent.js

@@ -1,9 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useCallback, useMemo } from 'react';
-import { Box, IconButton } from '@mui/material';
-import { styled } from '@mui/material/styles';
-import Icon from '@mui/material/Icon';
+import { Box, IconButton, styled, Icon } from '@mui/material';
 import classNames from 'classnames';
 import { ReactSortable } from 'react-sortablejs';
 import DisplayComponent from './DisplayComponent';

package/lib/esm/shared/Media/Link/TriggerButton.js

@@ -1,9 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { IconButton } from '@mui/material';
-import Icon from '@mui/material/Icon';
+import { Icon, IconButton, styled } from '@mui/material';
 import { PREFIX } from './constants';
-import { styled } from '@mui/material/styles';
 import classNames from 'classnames';
 const classes = {
     triggerRoot: `${PREFIX}-trigger-root`

package/lib/esm/shared/Media/Link/UrlTextField/index.d.ts

@@ -1,8 +1,5 @@
+import { BaseTextFieldProps, InputProps as StandardInputProps, FilledInputProps, OutlinedInputProps } from '@mui/material';
 import { SCMediaType } from '@selfcommunity/types';
-import { BaseTextFieldProps } from '@mui/material/TextField/TextField';
-import { InputProps as StandardInputProps } from '@mui/material/Input/Input';
-import { FilledInputProps } from '@mui/material/FilledInput';
-import { OutlinedInputProps } from '@mui/material/OutlinedInput';
 export interface BaseUrlTextFieldProps extends BaseTextFieldProps {
     /**
      * Callback fired when the media is created.

package/lib/esm/shared/Media/Link/UrlTextField/index.js

@@ -1,14 +1,11 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import React, { useEffect, useState } from 'react';
-import InputAdornment from '@mui/material/InputAdornment';
-import IconButton from '@mui/material/IconButton';
-import TextField from '@mui/material/TextField';
+import { InputAdornment, IconButton, TextField, CircularProgress, Fade } from '@mui/material';
 import { Endpoints, formatHttpErrorCode, http } from '@selfcommunity/api-services';
 import { isValidUrl } from '@selfcommunity/utils';
 import { MEDIA_TYPE_URL } from '../../../../constants/Media';
 import { FormattedMessage } from 'react-intl';
-import { CircularProgress, Fade } from '@mui/material';
 const INITIAL_STATE = {
     url: '',
     urlError: null

package/lib/esm/shared/Media/Share/DisplayComponent.js

@@ -1,12 +1,11 @@
 import { __rest } from "tslib";
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import { useMemo } from 'react';
-import { styled } from '@mui/material/styles';
-import Box from '@mui/material/Box';
 import FeedObject from '../../../components/FeedObject';
 import { SCFeedObjectTemplateType } from '../../../types/feedObject';
 import { CacheStrategies } from '@selfcommunity/utils';
 import classNames from 'classnames';
+import { styled, Box } from '@mui/material';
 import filter from './filter';
 import { PREFIX } from './constants';
 import { MEDIA_EMBED_SC_SHARED_EVENT, MEDIA_TYPE_EVENT } from '../../../constants/Media';

package/lib/esm/shared/NewChip/NewChip.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { styled } from '@mui/material/styles';
-import { Chip } from '@mui/material';
+import { Chip, styled } from '@mui/material';
 import { FormattedMessage } from 'react-intl';
 import { useThemeProps } from '@mui/system';
 import classNames from 'classnames';

package/lib/esm/shared/NotificationItem/NotificationItem.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, Typography } from '@mui/material';
+import { Box, Typography, styled } from '@mui/material';
 import classNames from 'classnames';
 import Widget from '../../components/Widget';
 import { useThemeProps } from '@mui/system';

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

@@ -1,8 +1,6 @@
 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 { IconButton, InputAdornment, TextField } from '@mui/material';
-import Icon from '@mui/material/Icon';
+import { styled, IconButton, InputAdornment, TextField, Icon } from '@mui/material';
 const PREFIX = 'SCPasswordTextField';
 const Root = styled(TextField, {
     name: PREFIX,

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

@@ -1,8 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useState } from 'react';
-import { styled } from '@mui/material/styles';
-import { TextField } from '@mui/material';
+import { styled, TextField } from '@mui/material';
 import { defineMessages, useIntl } from 'react-intl';
 import { isValidPhoneNumber } from 'libphonenumber-js';
 const messages = defineMessages({

package/lib/esm/shared/ProgressBar/index.d.ts

@@ -1,4 +1,4 @@
-import { LinearProgressProps } from '@mui/material/LinearProgress';
+import { LinearProgressProps } from '@mui/material';
 import React from 'react';
 export interface ProgressBarProps extends LinearProgressProps {
     /**

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

@@ -1,8 +1,6 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import LinearProgress from '@mui/material/LinearProgress';
-import { Box, Typography } from '@mui/material';
-import { styled } from '@mui/material/styles';
+import { Box, Typography, LinearProgress, styled } from '@mui/material';
 import classNames from 'classnames';
 const PREFIX = 'SCProgressBar';
 const classes = {

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

@@ -1,6 +1,6 @@
 import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { styled } from '@mui/material/styles';
+import { styled } from '@mui/material';
 import classNames from 'classnames';
 import { Scrollbars } from 'react-custom-scrollbars-2';
 import { AUTO_HIDE, AUTO_HIDE_TIMEOUT } from '../../constants/ScrollContainer';

package/lib/esm/shared/TagChip/index.d.ts

@@ -1,10 +1,8 @@
 import React from 'react';
+import { ChipClasses, Theme, ChipPropsSizeOverrides, ChipPropsVariantOverrides } from '@mui/material';
 import { SCTagType } from '@selfcommunity/types';
-import { ChipClasses } from '@mui/material/Chip/chipClasses';
 import { OverridableStringUnion } from '@mui/types';
 import { SxProps } from '@mui/system';
-import { Theme } from '@mui/material';
-import { ChipPropsSizeOverrides, ChipPropsVariantOverrides } from '@mui/material/Chip/Chip';
 export interface TagChipProps {
     className?: string;
     /**

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

@@ -1,8 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
-import Chip from '@mui/material/Chip';
+import { styled, Chip } from '@mui/material';
 import classNames from 'classnames';
-import { styled } from '@mui/material/styles';
 const PREFIX = 'SCTagChip';
 const classes = {
     ellipsis: `${PREFIX}-ellipsis`

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

@@ -1,13 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useRef, useState } from 'react';
-import { styled } from '@mui/material/styles';
-import ClickAwayListener from '@mui/material/ClickAwayListener';
-import { Box, Divider, Stack, Typography } from '@mui/material';
-import Grow from '@mui/material/Grow';
-import Paper from '@mui/material/Paper';
-import Popper from '@mui/material/Popper';
-import Icon from '@mui/material/Icon';
+import { Box, Divider, Stack, Typography, styled, ClickAwayListener, Grow, Paper, Popper, Icon } from '@mui/material';
 import TagChip from '../TagChip';
 const PREFIX = 'SCTags';
 const TagsPopperRoot = styled(Box, {

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

@@ -1,10 +1,9 @@
 import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { styled } from '@mui/material/styles';
 import { useThemeProps } from '@mui/system';
 import { FormattedMessage } from 'react-intl';
 import { SCPreferences, useSCPreferences } from '@selfcommunity/react-core';
-import { Chip, Tooltip } from '@mui/material';
+import { Chip, Tooltip, styled } from '@mui/material';
 import { useMemo } from 'react';
 import { SCCommunitySubscriptionTier } from '@selfcommunity/types';
 import classNames from 'classnames';

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

@@ -1,8 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useState } from 'react';
-import { styled } from '@mui/material/styles';
-import { TextField } from '@mui/material';
+import { styled, TextField } from '@mui/material';
 import { defineMessages, useIntl } from 'react-intl';
 const messages = defineMessages({
     urlError: {

package/lib/esm/shared/UserAvatar/UserAvatar.js

@@ -1,9 +1,8 @@
 import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo } from 'react';
-import { styled } from '@mui/material/styles';
 import { useThemeProps } from '@mui/system';
-import { Badge, Avatar } from '@mui/material';
+import { styled, Badge, Avatar } from '@mui/material';
 import classNames from 'classnames';
 import { SCPreferences, useSCPreferences } from '@selfcommunity/react-core';
 const PREFERENCES = [SCPreferences.STAFF_STAFF_BADGE_LABEL, SCPreferences.STAFF_STAFF_BADGE_ICON];

package/lib/esm/shared/UserDeletedSnackBar/UserDeletedSnackBar.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 { Snackbar, Alert } from '@mui/material';
+import { styled, Snackbar, Alert } from '@mui/material';
 import classNames from 'classnames';
 import { FormattedMessage } from 'react-intl';
 const PREFIX = 'SCUserDeletedSnackBar';

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

@@ -1,8 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useState } from 'react';
-import { styled } from '@mui/material/styles';
-import { TextField } from '@mui/material';
+import { styled, TextField } from '@mui/material';
 import { defineMessages, useIntl } from 'react-intl';
 import { EMAIL_REGEX, USERNAME_REGEX } from '../../constants/Account';
 const messages = defineMessages({