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

package/lib/esm/components/ChangeCover/ChangeCover.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, { useContext, useRef, useState } from 'react';
-import { styled } from '@mui/material/styles';
-import { Alert, Box, Button, Divider, ListItemIcon, Menu, MenuItem, Popover, SwipeableDrawer, Typography, useMediaQuery, useTheme } from '@mui/material';
+import { Alert, Box, Button, Divider, ListItemIcon, Menu, MenuItem, Popover, SwipeableDrawer, Typography, useMediaQuery, useTheme, Icon, CircularProgress, styled } from '@mui/material';
 import { Endpoints, http } from '@selfcommunity/api-services';
 import { SCUserContext } from '@selfcommunity/react-core';
-import Icon from '@mui/material/Icon';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import ConfirmDialog from '../../shared/ConfirmDialog/ConfirmDialog';
 import classNames from 'classnames';
-import CircularProgress from '@mui/material/CircularProgress';
 import { useThemeProps } from '@mui/system';
 import { SCOPE_SC_UI } from '../../constants/Errors';
 import { Logger } from '@selfcommunity/utils';

package/lib/esm/components/ChangeGroupCover/ChangeGroupCover.js

@@ -1,10 +1,8 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useContext, useRef, useState } from 'react';
-import { styled } from '@mui/material/styles';
-import { Alert } from '@mui/material';
+import { Alert, styled, Icon } from '@mui/material';
 import { SCUserContext } from '@selfcommunity/react-core';
-import Icon from '@mui/material/Icon';
 import { defineMessages, useIntl } from 'react-intl';
 import classNames from 'classnames';
 import { useThemeProps } from '@mui/system';

package/lib/esm/components/ChangeGroupPicture/ChangeGroupPicture.js

@@ -1,9 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useContext, useRef, useState } from 'react';
-import { styled } from '@mui/material/styles';
-import { Alert } from '@mui/material';
-import Icon from '@mui/material/Icon';
+import { Alert, styled, Icon } from '@mui/material';
 import { SCUserContext } from '@selfcommunity/react-core';
 import classNames from 'classnames';
 import { useThemeProps } from '@mui/system';

package/lib/esm/components/ChangePicture/ChangePicture.js

@@ -1,11 +1,9 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useContext, useState } from 'react';
-import { styled } from '@mui/material/styles';
-import { Button } from '@mui/material';
+import { Button, styled, Icon } from '@mui/material';
 import ChangePictureDialog from './ChangePictureDialog/ChangePictureDialog';
 import { FormattedMessage } from 'react-intl';
-import Icon from '@mui/material/Icon';
 import { SCUserContext } from '@selfcommunity/react-core';
 import classNames from 'classnames';
 import { useThemeProps } from '@mui/system';

package/lib/esm/components/ChangePicture/ChangePictureDialog/ChangePictureDialog.js

@@ -1,18 +1,13 @@
 import { __awaiter, __rest } from "tslib";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useContext, useEffect, useRef, useState } from 'react';
-import { styled } from '@mui/material/styles';
-import Button from '@mui/material/Button';
-import Typography from '@mui/material/Typography';
-import { Alert, Box, IconButton, ImageList, ImageListItem, ImageListItemBar } from '@mui/material';
-import Icon from '@mui/material/Icon';
+import { Alert, Box, IconButton, ImageList, ImageListItem, ImageListItemBar, styled, Typography, Button, CircularProgress, Icon } from '@mui/material';
 import { Endpoints, UserService } from '@selfcommunity/api-services';
 import { SCContext, SCUserContext } from '@selfcommunity/react-core';
 import { FormattedMessage } from 'react-intl';
 import BaseDialog from '../../../shared/BaseDialog';
 import ConfirmDialog from '../../../shared/ConfirmDialog/ConfirmDialog';
 import classNames from 'classnames';
-import CircularProgress from '@mui/material/CircularProgress';
 import { scroll } from 'seamless-scroll-polyfill';
 import { SCOPE_SC_UI } from '../../../constants/Errors';
 import { Logger } from '@selfcommunity/utils';

package/lib/esm/components/CommentObject/CommentObject.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, Button, CardContent, Chip, Icon, IconButton, Typography } from '@mui/material';
+import { Avatar, Box, Button, CardContent, Chip, Icon, IconButton, 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/CommentObject/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, styled, Skeleton } from '@mui/material';
 import BaseItem from '../../shared/BaseItem';
 import { PREFIX } from './constants';
 const classes = {

package/lib/esm/components/CommentObjectReply/CommentObjectReply.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, useMemo, useRef, useState } from 'react';
-import { styled } from '@mui/material/styles';
 import Widget from '../Widget';
 import { FormattedMessage } from 'react-intl';
-import { Avatar, Icon, IconButton, Stack, useMediaQuery, useTheme } from '@mui/material';
+import { Avatar, Icon, IconButton, Stack, useMediaQuery, useTheme, styled } from '@mui/material';
 import { useSCUser } from '@selfcommunity/react-core';
 import Editor from '../Editor';
 import classNames from 'classnames';

package/lib/esm/components/CommentsFeedObject/CommentsFeedObject.js

@@ -1,16 +1,14 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useRef, useState } from 'react';
-import { styled } from '@mui/material/styles';
+import { styled, Box, Typography } from '@mui/material';
 import { FormattedMessage } from 'react-intl';
 import CommentObject from '../CommentObject';
-import { Box } from '@mui/material';
 import { SCCommentsOrderBy } from '../../types/comments';
 import classNames from 'classnames';
 import { useThemeProps } from '@mui/system';
 import CommentsObject from '../CommentsObject';
 import { SCOPE_SC_UI } from '../../constants/Errors';
-import Typography from '@mui/material/Typography';
 import { getContribution } from '../../utils/contribution';
 import { Endpoints, http } from '@selfcommunity/api-services';
 import { CacheStrategies, Logger } from '@selfcommunity/utils';

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

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

package/lib/esm/components/CommentsObject/CommentsObject.js

@@ -1,11 +1,9 @@
 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 { FormattedMessage } from 'react-intl';
 import CommentObject, { CommentObjectSkeleton } from '../CommentObject';
-import Typography from '@mui/material/Typography';
-import { Box, Button, Stack } from '@mui/material';
+import { Box, Button, Stack, styled, Typography } from '@mui/material';
 import classNames from 'classnames';
 import CustomAdv from '../CustomAdv';
 import { useThemeProps } from '@mui/system';

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

@@ -1,8 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { styled } from '@mui/material/styles';
 import { CommentObjectSkeleton } from '../CommentObject';
-import { Box } from '@mui/material';
+import { Box, styled } from '@mui/material';
 import { PREFIX } from './constants';
 const classes = {
     root: `${PREFIX}-skeleton-root`

package/lib/esm/components/Composer/Attributes/Attributes.js

@@ -1,8 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback } from 'react';
-import { Box, Chip } from '@mui/material';
-import { styled } from '@mui/material/styles';
-import Icon from '@mui/material/Icon';
+import { Box, Chip, styled, Icon } from '@mui/material';
 import classNames from 'classnames';
 import TagChip from '../../../shared/TagChip';
 import { PREFIX } from '../constants';

package/lib/esm/components/Composer/Composer.js

@@ -5,9 +5,7 @@ import { SCContributionType, SCFeatureName, SCFeedTypologyType } from '@selfcomm
 import { Endpoints, formatHttpErrorCode, http } from '@selfcommunity/api-services';
 import { SCPreferences, UserUtils, useSCPreferences, useSCUser } from '@selfcommunity/react-core';
 import { FormattedMessage } from 'react-intl';
-import Icon from '@mui/material/Icon';
-import { Alert, AlertTitle, Box, Dialog, DialogActions, DialogContent, DialogTitle, Fade, IconButton, Slide, useMediaQuery } from '@mui/material';
-import { styled, useTheme } from '@mui/material/styles';
+import { Alert, AlertTitle, Box, Dialog, DialogActions, DialogContent, DialogTitle, Fade, IconButton, Slide, useMediaQuery, Icon, styled, useTheme } from '@mui/material';
 import { COMPOSER_POLL_MIN_CHOICES, COMPOSER_TITLE_MAX_LENGTH, COMPOSER_TYPE_POLL } from '../../constants/Composer';
 import { MEDIA_TYPE_SHARE } from '../../constants/Media';
 import LoadingButton from '@mui/lab/LoadingButton';

package/lib/esm/components/Composer/Content/ContentDiscussion/ContentDiscussion.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { Box, TextField, Typography, useMediaQuery, useTheme } from '@mui/material';
-import { styled } from '@mui/material/styles';
+import { Box, TextField, Typography, useMediaQuery, useTheme, styled } from '@mui/material';
 import classNames from 'classnames';
 import Editor from '../../../Editor';
 import { FormattedMessage, useIntl } from 'react-intl';

package/lib/esm/components/Composer/Content/ContentLesson/ContentLesson.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useRef, useState } from 'react';
-import { Box, Icon, IconButton, InputAdornment, Typography } from '@mui/material';
-import { styled } from '@mui/material/styles';
+import { Box, Icon, IconButton, InputAdornment, Typography, styled } from '@mui/material';
 import classNames from 'classnames';
 import Editor from '../../../Editor';
 import { FormattedMessage } from 'react-intl';

package/lib/esm/components/Composer/Content/ContentPoll/ContentPoll.js

@@ -1,15 +1,12 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useCallback, useMemo } from 'react';
-import { Box, Button, Checkbox, Divider, FormControlLabel, FormGroup, IconButton, TextField, Tooltip, Typography, } from '@mui/material';
-import { styled } from '@mui/material/styles';
+import { Box, Button, Checkbox, Divider, FormControlLabel, FormGroup, IconButton, TextField, Tooltip, Typography, styled, Icon, InputAdornment } from '@mui/material';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
-import Icon from '@mui/material/Icon';
 import { ReactSortable } from 'react-sortablejs';
-import InputAdornment from '@mui/material/InputAdornment';
 import { DatePicker, LocalizationProvider } from '@mui/x-date-pickers';
 import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
-import { COMPOSER_POLL_MIN_CHOICES, COMPOSER_POLL_MIN_CLOSE_DATE_DELTA, COMPOSER_POLL_TITLE_MAX_LENGTH, } from '../../../../constants/Composer';
+import { COMPOSER_POLL_MIN_CHOICES, COMPOSER_POLL_MIN_CLOSE_DATE_DELTA, COMPOSER_POLL_TITLE_MAX_LENGTH } from '../../../../constants/Composer';
 import itLocale from 'date-fns/locale/it';
 import enLocale from 'date-fns/locale/en-US';
 import classNames from 'classnames';
@@ -61,7 +58,7 @@ export default (inProps) => {
     const { className = null, value = { poll: Object.assign({}, DEFAULT_POLL) }, error = {}, disabled, onChange } = props;
     const { titleError = null, error: generalError = null } = Object.assign({}, error);
     // MEMO
-    const poll = useMemo(() => value.poll ? value.poll : Object.assign({}, DEFAULT_POLL), [value, DEFAULT_POLL]);
+    const poll = useMemo(() => (value.poll ? value.poll : Object.assign({}, DEFAULT_POLL)), [value, DEFAULT_POLL]);
     // INTL
     const intl = useIntl();
     // HANDLERS
@@ -100,7 +97,7 @@ export default (inProps) => {
         minDate.setDate(minDate.getDate() + COMPOSER_POLL_MIN_CLOSE_DATE_DELTA);
         return minDate;
     }, []);
-    return (_jsxs(Root, Object.assign({ className: classNames(classes.root, className) }, { children: [generalError && _jsx(Typography, Object.assign({ className: classes.generalError }, { children: _jsx(FormattedMessage, { id: `ui.composer.content.poll.error.${generalError}`, defaultMessage: `ui.composer.content.poll.error.${generalError}` }) })), _jsx(Box, Object.assign({ className: classes.title }, { children: _jsx(TextField, { autoFocus: true, disabled: disabled, label: _jsx(FormattedMessage, { id: "ui.composer.content.poll.title", defaultMessage: "ui.composer.content.poll.title" }), variant: "outlined", value: poll.title, onChange: handleChangeTitle, fullWidth: true, error: Boolean(titleError), helperText: titleError && titleError, InputProps: {
+    return (_jsxs(Root, Object.assign({ className: classNames(classes.root, className) }, { children: [generalError && (_jsx(Typography, Object.assign({ className: classes.generalError }, { children: _jsx(FormattedMessage, { id: `ui.composer.content.poll.error.${generalError}`, defaultMessage: `ui.composer.content.poll.error.${generalError}` }) }))), _jsx(Box, Object.assign({ className: classes.title }, { children: _jsx(TextField, { autoFocus: true, disabled: disabled, label: _jsx(FormattedMessage, { id: "ui.composer.content.poll.title", defaultMessage: "ui.composer.content.poll.title" }), variant: "outlined", value: poll.title, onChange: handleChangeTitle, fullWidth: true, error: Boolean(titleError), helperText: titleError && titleError, InputProps: {
                         endAdornment: _jsx(Typography, Object.assign({ variant: "body2" }, { children: COMPOSER_POLL_TITLE_MAX_LENGTH - poll.title.length }))
                     } }) })), _jsx(Box, Object.assign({ className: classes.choices }, { children: _jsx(ReactSortable, Object.assign({ list: [...poll.choices], setList: handleSortChoices, tag: SortableComponent }, { children: poll.choices.map((choice, index) => (_jsx(TextField, { placeholder: intl.formatMessage(messages.choicePlaceholder), value: choice.choice, onChange: handleChangeChoice(index), variant: "outlined", disabled: disabled, InputProps: {
                             startAdornment: (_jsx(InputAdornment, Object.assign({ position: "start" }, { children: _jsx(Icon, { children: "drag" }) }))),

package/lib/esm/components/Composer/Content/ContentPost/ContentPost.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useRef } from 'react';
-import { Box, Typography } from '@mui/material';
-import { styled } from '@mui/material/styles';
+import { Box, Typography, styled } from '@mui/material';
 import classNames from 'classnames';
 import Editor from '../../../Editor';
 import { PREFIX } from '../../constants';

package/lib/esm/components/Composer/Layer/AudienceLayer/AudienceLayer.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
-import { TextFieldProps } from '@mui/material/TextField';
-import { BoxProps } from '@mui/material';
-import { SCTagType } from '@selfcommunity/types/src/index';
+import { BoxProps, TextFieldProps } from '@mui/material';
+import { SCTagType } from '@selfcommunity/types';
 import { ComposerLayerProps } from '../../../../types/composer';
 import { SCGroupType } from '@selfcommunity/types';
 export declare enum AudienceTypes {

package/lib/esm/components/Composer/Layer/AudienceLayer/AudienceLayer.js

@@ -2,15 +2,11 @@ import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useCallback, useMemo, useState } from 'react';
 import { FormattedMessage } from 'react-intl';
-import TextField from '@mui/material/TextField';
 import parse from 'autosuggest-highlight/parse';
 import match from 'autosuggest-highlight/match';
-import { Autocomplete, Box, Button, DialogTitle, IconButton, Tab, Tabs, Typography } from '@mui/material';
-import { styled } from '@mui/material/styles';
+import { Autocomplete, Box, Button, DialogTitle, IconButton, Tab, Tabs, Typography, styled, TextField, DialogContent, Icon } from '@mui/material';
 import TagChip from '../../../../shared/TagChip';
 import classNames from 'classnames';
-import Icon from '@mui/material/Icon';
-import DialogContent from '@mui/material/DialogContent';
 import { SCPreferences, useSCFetchAddressingTagList, useSCPreferences } from '@selfcommunity/react-core';
 import { PREFIX } from '../../constants';
 import GroupAutocomplete from '../../../GroupAutocomplete';

package/lib/esm/components/Composer/Layer/CategoryLayer/CategoryLayer.js

@@ -2,12 +2,9 @@ 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 { Box, Button, DialogTitle, IconButton, Typography, styled, Icon, DialogContent } from '@mui/material';
 import { UserUtils, useSCUser } from '@selfcommunity/react-core';
-import Icon from '@mui/material/Icon';
 import CategoryAutocomplete from '../../../CategoryAutocomplete';
-import DialogContent from '@mui/material/DialogContent';
 import classNames from 'classnames';
 import { PREFIX } from '../../constants';
 const classes = {

package/lib/esm/components/Composer/Layer/CloseLayer/CloseLayer.js

@@ -2,10 +2,7 @@ import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { FormattedMessage } from 'react-intl';
-import { Box, DialogTitle, IconButton, List, ListItem, ListItemButton, ListItemText, Typography, } from '@mui/material';
-import { styled } from '@mui/material/styles';
-import Icon from '@mui/material/Icon';
-import DialogContent from '@mui/material/DialogContent';
+import { Box, DialogTitle, IconButton, List, ListItem, ListItemButton, ListItemText, Typography, styled, Icon, DialogContent } from '@mui/material';
 import classNames from 'classnames';
 import { PREFIX } from '../../constants';
 const classes = {
@@ -20,6 +17,6 @@ const Root = styled(Box, {
 const CloseLayer = React.forwardRef((props, ref) => {
     // Props
     const { className, onClose, onSave, defaultValue = [] } = props, rest = __rest(props, ["className", "onClose", "onSave", "defaultValue"]);
-    return _jsxs(Root, Object.assign({ ref: ref, className: classNames(className, classes.root) }, 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.layer.close.title", defaultMessage: "ui.composer.layer.close.title" }) })] })), _jsxs(DialogContent, Object.assign({ className: classes.content }, { children: [_jsx(Typography, { children: _jsx(FormattedMessage, { id: "ui.composer.layer.close.text", defaultMessage: "ui.composer.layer.close.text" }) }), _jsxs(List, { children: [_jsx(ListItem, { children: _jsx(ListItemButton, Object.assign({ onClick: onClose }, { children: _jsx(ListItemText, { primary: _jsx(FormattedMessage, { id: "ui.composer.layer.close.no", defaultMessage: "ui.composer.layer.close.no" }) }) })) }), _jsx(ListItem, { children: _jsx(ListItemButton, Object.assign({ onClick: onSave }, { children: _jsx(ListItemText, { primary: _jsx(FormattedMessage, { id: "ui.composer.layer.close.yes", defaultMessage: "ui.composer.layer.close.yes" }) }) })) })] })] }))] }));
+    return (_jsxs(Root, Object.assign({ ref: ref, className: classNames(className, classes.root) }, 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.layer.close.title", defaultMessage: "ui.composer.layer.close.title" }) })] })), _jsxs(DialogContent, Object.assign({ className: classes.content }, { children: [_jsx(Typography, { children: _jsx(FormattedMessage, { id: "ui.composer.layer.close.text", defaultMessage: "ui.composer.layer.close.text" }) }), _jsxs(List, { children: [_jsx(ListItem, { children: _jsx(ListItemButton, Object.assign({ onClick: onClose }, { children: _jsx(ListItemText, { primary: _jsx(FormattedMessage, { id: "ui.composer.layer.close.no", defaultMessage: "ui.composer.layer.close.no" }) }) })) }), _jsx(ListItem, { children: _jsx(ListItemButton, Object.assign({ onClick: onSave }, { children: _jsx(ListItemText, { primary: _jsx(FormattedMessage, { id: "ui.composer.layer.close.yes", defaultMessage: "ui.composer.layer.close.yes" }) }) })) })] })] }))] })));
 });
 export default CloseLayer;

package/lib/esm/components/Composer/Layer/LocationLayer/LocationLayer.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { BoxProps } from '@mui/material';
-import { SCContributionLocation } from '@selfcommunity/types/src/index';
+import { SCContributionLocation } from '@selfcommunity/types';
 import { ComposerLayerProps } from '../../../../types/composer';
 export interface LocationLayerProps extends Omit<BoxProps, 'defaultValue'>, Omit<ComposerLayerProps, 'defaultValue'> {
     defaultValue: SCContributionLocation;

package/lib/esm/components/Composer/Layer/LocationLayer/LocationLayer.js

@@ -2,11 +2,8 @@ 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 { Box, Button, DialogTitle, IconButton, Typography, styled, Icon, DialogContent } from '@mui/material';
 import LocationAutocomplete from '../../../LocationAutocomplete';
-import DialogContent from '@mui/material/DialogContent';
 import classNames from 'classnames';
 import { PREFIX } from '../../constants';
 const classes = {
@@ -26,6 +23,6 @@ const LocationLayer = React.forwardRef((props, ref) => {
     // HANDLERS
     const handleSave = useCallback(() => onSave(value), [value, onSave]);
     const handleChange = useCallback((location) => setValue(location), []);
-    return _jsxs(Root, Object.assign({ ref: ref, className: classNames(className, classes.root) }, 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.layer.location.title", defaultMessage: "ui.composer.layer.location.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" }) }))] })), _jsx(DialogContent, Object.assign({ className: classes.content }, { children: _jsx(LocationAutocomplete, { onChange: handleChange, defaultValue: value ? value : '' }) }))] }));
+    return (_jsxs(Root, Object.assign({ ref: ref, className: classNames(className, classes.root) }, 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.layer.location.title", defaultMessage: "ui.composer.layer.location.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" }) }))] })), _jsx(DialogContent, Object.assign({ className: classes.content }, { children: _jsx(LocationAutocomplete, { onChange: handleChange, defaultValue: value ? value : '' }) }))] })));
 });
 export default LocationLayer;

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

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

package/lib/esm/components/Composer/TypeSwitchButtonGroup/TypeSwitchButtonGroup.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 { ToggleButton, ToggleButtonGroup } from '@mui/material';
+import { ToggleButton, ToggleButtonGroup, styled } from '@mui/material';
 import { useCallback, useEffect, useMemo } from 'react';
 import classNames from 'classnames';
 import { FormattedMessage } from 'react-intl';

package/lib/esm/components/ConnectionUserButton/ConnectionUserButton.js

@@ -1,9 +1,8 @@
 import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useContext } from 'react';
-import { styled } from '@mui/material/styles';
 import { SCPreferences, SCPreferencesContext } from '@selfcommunity/react-core';
-import { Box } from '@mui/material';
+import { Box, styled } from '@mui/material';
 import FollowUserButton from '../FollowUserButton';
 import FriendshipUserButton from '../FriendshipUserButton';
 import { useThemeProps } from '@mui/system';

package/lib/esm/components/ConsentSolution/ConsentSolution.js

@@ -2,20 +2,13 @@ import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React, { forwardRef, useContext, useEffect, useMemo, useRef, useState } from 'react';
 import { useThemeProps } from '@mui/system';
-import { styled } from '@mui/material/styles';
-import { Alert, Button, Checkbox, FormControlLabel, Typography } from '@mui/material';
+import { Alert, Button, Checkbox, FormControlLabel, Typography, styled, Icon, Dialog, DialogActions, DialogContent, Slide, DialogTitle } from '@mui/material';
 import classNames from 'classnames';
-import Icon from '@mui/material/Icon';
 import { LegalPageService, UserService } from '@selfcommunity/api-services';
 import { arraysEqual, capitalize, Logger } from '@selfcommunity/utils';
 import { SCPreferences, SCUserContext, useSCPreferences } from '@selfcommunity/react-core';
 import ConsentSolutionSwitch from '../../shared/ConsentSolutionSwitch';
 import { SCOPE_SC_UI } from '../../constants/Errors';
-import Dialog from '@mui/material/Dialog';
-import DialogActions from '@mui/material/DialogActions';
-import DialogContent from '@mui/material/DialogContent';
-import DialogTitle from '@mui/material/DialogTitle';
-import Slide from '@mui/material/Slide';
 import { LEGAL_POLICIES } from './../../constants/LegalPolicies';
 import ConsentSolutionSkeleton from './Skeleton';
 import { getDocumentBody, isDocumentApproved, isEmptyDocumentBody } from '../../utils/legalPages';

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

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

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

@@ -1,5 +1,5 @@
 import { ConsentSolutionProps } from '../ConsentSolution';
-import { ButtonProps } from '@mui/material/Button/Button';
+import { ButtonProps } from '@mui/material';
 export interface ConsentSolutionButtonProps extends ButtonProps {
     /**
      * Overrides or extends the styles applied to the component.

package/lib/esm/components/ConsentSolutionButton/ConsentSolutionButton.js

@@ -2,10 +2,8 @@ import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useContext } from 'react';
 import { useThemeProps } from '@mui/system';
-import { styled } from '@mui/material/styles';
-import Dialog from '@mui/material/Dialog';
 import ConsentSolution from '../ConsentSolution';
-import { Button } from '@mui/material';
+import { Button, styled, Dialog } from '@mui/material';
 import { FormattedMessage } from 'react-intl';
 import { SCUserContext } from '@selfcommunity/react-core';
 const PREFIX = 'SCConsentSolutionButton';

package/lib/esm/components/Course/Course.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, Icon, LinearProgress, Tooltip, Typography, useMediaQuery, useTheme } from '@mui/material';
-import { styled } from '@mui/material/styles';
+import { Avatar, Box, Button, CardActions, CardContent, CardMedia, Chip, Icon, LinearProgress, Tooltip, Typography, useMediaQuery, useTheme, styled } from '@mui/material';
 import { useThemeProps } from '@mui/system';
 import { Link, SCRoutes, useSCFetchCourse, useSCRouting } from '@selfcommunity/react-core';
 import { SCCourseJoinStatusType } from '@selfcommunity/types';

package/lib/esm/components/Course/CreatePlaceholder.js

@@ -1,7 +1,6 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, CardActions, CardMedia, Icon } from '@mui/material';
-import { styled } from '@mui/material/styles';
+import { Box, CardActions, CardMedia, Icon, styled } from '@mui/material';
 import { useThemeProps } from '@mui/system';
 import classNames from 'classnames';
 import Widget from '../Widget';

package/lib/esm/components/Course/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 { Box, Button, CardActions, CardContent, Icon } from '@mui/material';
-import Skeleton from '@mui/material/Skeleton';
-import { styled } from '@mui/material/styles';
+import { Box, Button, CardActions, CardContent, Icon, styled, Skeleton } from '@mui/material';
 import { useThemeProps } from '@mui/system';
 import classNames from 'classnames';
 import { SCCourseTemplateType } from '../../types/course';

package/lib/esm/components/CourseContentMenu/CourseContentMenu.js

@@ -1,10 +1,9 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useCallback, useState } from 'react';
-import { styled } from '@mui/material/styles';
 import { useThemeProps } from '@mui/system';
 import classNames from 'classnames';
-import { Box, Collapse, Icon, List, ListItemButton, ListItemIcon, ListItemText } from '@mui/material';
+import { Box, Collapse, Icon, List, ListItemButton, ListItemIcon, ListItemText, styled } from '@mui/material';
 import { PREFIX } from './constants';
 import { SCCourseJoinStatusType, SCCourseLessonCompletionStatusType } from '@selfcommunity/types';
 const classes = {

package/lib/esm/components/CourseForm/CourseForm.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 { Box, CardActionArea, Card, CardContent, FormGroup, Paper, TextField, Typography, Chip } from '@mui/material';
-import { styled } from '@mui/material/styles';
+import { Box, CardActionArea, Card, CardContent, FormGroup, Paper, TextField, Typography, Chip, styled } from '@mui/material';
 import { useThemeProps } from '@mui/system';
 import { CourseService, formatHttpErrorCode } from '@selfcommunity/api-services';
 import { SCPreferences, useSCPreferences } from '@selfcommunity/react-core';

package/lib/esm/components/CourseForm/Edit.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, FormControlLabel, Icon, Radio, RadioGroup, Typography } from '@mui/material';
-import { styled } from '@mui/material/styles';
+import { Box, FormControl, FormControlLabel, Icon, Radio, RadioGroup, Typography, styled } from '@mui/material';
 import { useThemeProps } from '@mui/system';
 import { SCCourseLessonStatusType, SCCoursePrivacyType } from '@selfcommunity/types';
 import classNames from 'classnames';

package/lib/esm/components/CourseForm/UploadCourseCover.js

@@ -1,10 +1,8 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useContext, useRef, useState } from 'react';
-import { styled } from '@mui/material/styles';
-import { Alert } from '@mui/material';
+import { Alert, styled, Icon } from '@mui/material';
 import { SCUserContext } from '@selfcommunity/react-core';
-import Icon from '@mui/material/Icon';
 import classNames from 'classnames';
 import { useThemeProps } from '@mui/system';
 import { PREFIX } from './constants';

package/lib/esm/components/CourseFormDialog/CourseFormDialog.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 { useThemeProps } from '@mui/system';
 import classNames from 'classnames';
 import { FormattedMessage } from 'react-intl';

package/lib/esm/components/CourseJoinButton/CourseJoinButton.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, useSCFetchCourse, useSCUser } from '@selfcommunity/react-core';
 import { SCCoursePrivacyType, SCCourseJoinStatusType } from '@selfcommunity/types';

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

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

package/lib/esm/components/CourseParticipantsButton/CourseParticipantsButton.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, AvatarGroup, Button, Icon, List, ListItem, Typography } from '@mui/material';
-import { styled } from '@mui/material/styles';
+import { Avatar, AvatarGroup, Button, Icon, List, ListItem, Typography, styled } from '@mui/material';
 import { useThemeProps } from '@mui/system';
 import { CourseService, Endpoints, http } from '@selfcommunity/api-services';
 import { useSCFetchCourse } from '@selfcommunity/react-core';

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

@@ -1,8 +1,7 @@
 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 { CourseSkeleton } from '../Course';
 import CourseCreatePlaceholder from '../Course/CreatePlaceholder';

package/lib/esm/components/CreateCourseButton/CreateCourseButton.js

@@ -1,7 +1,6 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Icon } from '@mui/material';
-import { styled } from '@mui/material/styles';
+import { Button, Icon, styled } from '@mui/material';
 import { useThemeProps } from '@mui/system';
 import { SCPreferences, SCUserContext, useSCPreferences } from '@selfcommunity/react-core';
 import { SCFeatureName } from '@selfcommunity/types';