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

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

@@ -2,9 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const LinearProgress_1 = tslib_1.__importDefault(require("@mui/material/LinearProgress"));
 const material_1 = require("@mui/material");
-const styles_1 = require("@mui/material/styles");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const PREFIX = 'SCProgressBar';
 const classes = {
@@ -13,13 +11,13 @@ const classes = {
     progress: `${PREFIX}-progress`,
     message: `${PREFIX}-message`
 };
-const Root = (0, styles_1.styled)(material_1.Box, {
+const Root = (0, material_1.styled)(material_1.Box, {
     name: PREFIX,
     slot: 'Root',
     overridesResolver: (props, styles) => styles.root
 })(() => ({}));
 function ProgressBar(props) {
     const { className, value, loadingMessage = null, hideBar = false } = props, rest = tslib_1.__rest(props, ["className", "value", "loadingMessage", "hideBar"]);
-    return ((0, jsx_runtime_1.jsxs)(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, { children: [(0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ className: classes.message }, { children: loadingMessage })), !hideBar && (0, jsx_runtime_1.jsx)(LinearProgress_1.default, Object.assign({ variant: "determinate", color: "success", className: classes.bar, value: value }, rest)), (0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ className: classes.progress }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "h4", color: "secondary" }, { children: `${Math.round(value)}%` })) }))] })));
+    return ((0, jsx_runtime_1.jsxs)(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, { children: [(0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ className: classes.message }, { children: loadingMessage })), !hideBar && (0, jsx_runtime_1.jsx)(material_1.LinearProgress, Object.assign({ variant: "determinate", color: "success", className: classes.bar, value: value }, rest)), (0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ className: classes.progress }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "h4", color: "secondary" }, { children: `${Math.round(value)}%` })) }))] })));
 }
 exports.default = ProgressBar;

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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const styles_1 = require("@mui/material/styles");
+const material_1 = require("@mui/material");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const react_custom_scrollbars_2_1 = require("react-custom-scrollbars-2");
 const ScrollContainer_1 = require("../../constants/ScrollContainer");
@@ -10,7 +10,7 @@ const PREFIX = 'SCScrollContainer';
 const classes = {
     root: `${PREFIX}-root`
 };
-const Root = (0, styles_1.styled)(react_custom_scrollbars_2_1.Scrollbars, {
+const Root = (0, material_1.styled)(react_custom_scrollbars_2_1.Scrollbars, {
     name: PREFIX,
     slot: 'Root',
     overridesResolver: (props, styles) => [styles.root]

package/lib/cjs/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/cjs/shared/TagChip/index.js

@@ -2,14 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const Chip_1 = tslib_1.__importDefault(require("@mui/material/Chip"));
+const material_1 = require("@mui/material");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const styles_1 = require("@mui/material/styles");
 const PREFIX = 'SCTagChip';
 const classes = {
     ellipsis: `${PREFIX}-ellipsis`
 };
-const Root = (0, styles_1.styled)(Chip_1.default, {
+const Root = (0, material_1.styled)(material_1.Chip, {
     name: PREFIX,
     slot: 'Root',
     overridesResolver: (props, styles) => [styles.root]

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

@@ -4,16 +4,10 @@ exports.TagsComponentType = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = tslib_1.__importStar(require("react"));
-const styles_1 = require("@mui/material/styles");
-const ClickAwayListener_1 = tslib_1.__importDefault(require("@mui/material/ClickAwayListener"));
 const material_1 = require("@mui/material");
-const Grow_1 = tslib_1.__importDefault(require("@mui/material/Grow"));
-const Paper_1 = tslib_1.__importDefault(require("@mui/material/Paper"));
-const Popper_1 = tslib_1.__importDefault(require("@mui/material/Popper"));
-const Icon_1 = tslib_1.__importDefault(require("@mui/material/Icon"));
 const TagChip_1 = tslib_1.__importDefault(require("../TagChip"));
 const PREFIX = 'SCTags';
-const TagsPopperRoot = (0, styles_1.styled)(material_1.Box, {
+const TagsPopperRoot = (0, material_1.styled)(material_1.Box, {
     name: `${PREFIX}`,
     slot: 'Root',
     overridesResolver: (props, styles) => styles.root
@@ -26,7 +20,7 @@ const TagsPopperRoot = (0, styles_1.styled)(material_1.Box, {
 const classes = {
     paper: `${PREFIX}-paper`
 };
-const TagsPopper = (0, styles_1.styled)(Popper_1.default, {
+const TagsPopper = (0, material_1.styled)(material_1.Popper, {
     name: `${PREFIX}Popper`,
     slot: 'Root',
     overridesResolver: (props, styles) => styles.root
@@ -39,12 +33,12 @@ const TagsPopper = (0, styles_1.styled)(Popper_1.default, {
 /**
  * Custom StackList and ItemList
  */
-const ListRoot = (0, styles_1.styled)(material_1.Stack, {
+const ListRoot = (0, material_1.styled)(material_1.Stack, {
     name: `${PREFIX}List`,
     slot: 'Root',
     overridesResolver: (props, styles) => styles.root
 })({});
-const StackList = (0, styles_1.styled)(material_1.Stack, {
+const StackList = (0, material_1.styled)(material_1.Stack, {
     name: `${PREFIX}Stack`,
     slot: 'Root',
     overridesResolver: (props, styles) => styles.root
@@ -56,7 +50,7 @@ const StackList = (0, styles_1.styled)(material_1.Stack, {
         margin: 0
     }
 });
-const ItemList = (0, styles_1.styled)(material_1.Box, {
+const ItemList = (0, material_1.styled)(material_1.Box, {
     name: `${PREFIX}ItemList`,
     slot: 'Root',
     overridesResolver: (props, styles) => styles.root
@@ -111,14 +105,14 @@ function Tags(props) {
     /**
      * Renders component
      */
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: tags.length && ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: type === TagsComponentType.POPPER ? ((0, jsx_runtime_1.jsxs)(TagsPopperRoot, Object.assign({}, rest, { children: [(0, jsx_runtime_1.jsx)(Icon_1.default, Object.assign({ ref: popperRef, fontSize: "small", onClick: handleToggle, "aria-haspopup": "true" }, { children: "label" })), (0, jsx_runtime_1.jsx)(TagsPopper, Object.assign({ open: open, anchorEl: popperRef.current, transition: true, placement: "bottom-start", modifiers: [
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: tags.length && ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: type === TagsComponentType.POPPER ? ((0, jsx_runtime_1.jsxs)(TagsPopperRoot, Object.assign({}, rest, { children: [(0, jsx_runtime_1.jsx)(material_1.Icon, Object.assign({ ref: popperRef, fontSize: "small", onClick: handleToggle, "aria-haspopup": "true" }, { children: "label" })), (0, jsx_runtime_1.jsx)(TagsPopper, Object.assign({ open: open, anchorEl: popperRef.current, transition: true, placement: "bottom-start", modifiers: [
                             {
                                 name: 'preventOverflow',
                                 enabled: true
                             }
                         ] }, { children: (_a) => {
                             var { TransitionProps, placement } = _a, rest = tslib_1.__rest(_a, ["TransitionProps", "placement"]);
-                            return ((0, jsx_runtime_1.jsx)(Grow_1.default, Object.assign({}, TransitionProps, { style: { transformOrigin: placement === 'bottom' ? 'center top' : 'center bottom' } }, { children: (0, jsx_runtime_1.jsx)(Paper_1.default, Object.assign({ variant: 'outlined', className: classes.paper }, { children: (0, jsx_runtime_1.jsx)(ClickAwayListener_1.default, Object.assign({ onClickAway: handleClose }, { children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [renderTitle(), (0, jsx_runtime_1.jsx)(StackList, Object.assign({ spacing: 2 }, rest, { children: tags.map((tag) => ((0, jsx_runtime_1.jsx)(ItemList, { children: (0, jsx_runtime_1.jsx)(TagChip_1.default, Object.assign({ tag: tag, onClick: onClickTag }, TagChipProps)) }, tag.id))) }))] }) })) })) })));
+                            return ((0, jsx_runtime_1.jsx)(material_1.Grow, Object.assign({}, TransitionProps, { style: { transformOrigin: placement === 'bottom' ? 'center top' : 'center bottom' } }, { children: (0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ variant: 'outlined', className: classes.paper }, { children: (0, jsx_runtime_1.jsx)(material_1.ClickAwayListener, Object.assign({ onClickAway: handleClose }, { children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [renderTitle(), (0, jsx_runtime_1.jsx)(StackList, Object.assign({ spacing: 2 }, rest, { children: tags.map((tag) => ((0, jsx_runtime_1.jsx)(ItemList, { children: (0, jsx_runtime_1.jsx)(TagChip_1.default, Object.assign({ tag: tag, onClick: onClickTag }, TagChipProps)) }, tag.id))) }))] }) })) })) })));
                         } }))] }))) : ((0, jsx_runtime_1.jsxs)(ListRoot, { children: [renderTitle(), (0, jsx_runtime_1.jsx)(StackList, Object.assign({ spacing: 1, direction: rest.direction ? rest.direction : 'column' }, { children: tags.map((tag) => ((0, jsx_runtime_1.jsx)(ItemList, { children: (0, jsx_runtime_1.jsx)(TagChip_1.default, Object.assign({ tag: tag, onClick: onClickTag }, TagChipProps)) }, tag.id))) }))] })) })) }));
 }
 exports.default = Tags;

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

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const styles_1 = require("@mui/material/styles");
 const system_1 = require("@mui/system");
 const react_intl_1 = require("react-intl");
 const react_core_1 = require("@selfcommunity/react-core");
@@ -15,12 +14,12 @@ const classes = {
     root: `${PREFIX}-root`,
     badge: `${PREFIX}-badge`
 };
-const Root = (0, styles_1.styled)(material_1.Tooltip, {
+const Root = (0, material_1.styled)(material_1.Tooltip, {
     name: PREFIX,
     slot: 'Root',
     overridesResolver: (props, styles) => [styles.root]
 })(() => ({}));
-const Badge = (0, styles_1.styled)(material_1.Chip, {
+const Badge = (0, material_1.styled)(material_1.Chip, {
     name: PREFIX,
     slot: 'badgeRoot'
 })(({ theme }) => ({}));

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

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const styles_1 = require("@mui/material/styles");
 const material_1 = require("@mui/material");
 const react_intl_1 = require("react-intl");
 const messages = (0, react_intl_1.defineMessages)({
@@ -13,7 +12,7 @@ const messages = (0, react_intl_1.defineMessages)({
     }
 });
 const PREFIX = 'SCUrlTextField';
-const Root = (0, styles_1.styled)(material_1.TextField, {
+const Root = (0, material_1.styled)(material_1.TextField, {
     name: PREFIX,
     slot: 'Root',
     overridesResolver: (props, styles) => styles.root

package/lib/cjs/shared/UserAvatar/UserAvatar.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const styles_1 = require("@mui/material/styles");
 const system_1 = require("@mui/system");
 const material_1 = require("@mui/material");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
@@ -15,7 +14,7 @@ const classes = {
     badgeContent: `${PREFIX}-badge-content`,
     badgeContentSmaller: `${PREFIX}-badge-content-xs`
 };
-const Root = (0, styles_1.styled)(material_1.Badge, {
+const Root = (0, material_1.styled)(material_1.Badge, {
     name: PREFIX,
     slot: 'Root',
     overridesResolver: (props, styles) => styles.root

package/lib/cjs/shared/UserDeletedSnackBar/UserDeletedSnackBar.js

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const styles_1 = require("@mui/material/styles");
 const system_1 = require("@mui/system");
 const material_1 = require("@mui/material");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
@@ -11,7 +10,7 @@ const PREFIX = 'SCUserDeletedSnackBar';
 const classes = {
     root: `${PREFIX}-root`
 };
-const Root = (0, styles_1.styled)(material_1.Snackbar, {
+const Root = (0, material_1.styled)(material_1.Snackbar, {
     name: PREFIX,
     slot: 'Root',
     overridesResolver: (props, styles) => styles.root

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

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const styles_1 = require("@mui/material/styles");
 const material_1 = require("@mui/material");
 const react_intl_1 = require("react-intl");
 const Account_1 = require("../../constants/Account");
@@ -18,7 +17,7 @@ const messages = (0, react_intl_1.defineMessages)({
     }
 });
 const PREFIX = 'SCUsernameTextField';
-const Root = (0, styles_1.styled)(material_1.TextField, {
+const Root = (0, material_1.styled)(material_1.TextField, {
     name: PREFIX,
     slot: 'Root',
     overridesResolver: (props, styles) => styles.root

package/lib/esm/components/AcceptRequestUserEventButton/AcceptRequestUserEventButton.js

@@ -1,7 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } 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/AccountChangeMailValidation/AccountChangeMailValidation.js

@@ -1,9 +1,8 @@
 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 { useSCUser } from '@selfcommunity/react-core';
-import { Alert, Box, CircularProgress } from '@mui/material';
+import { Alert, Box, CircularProgress, styled } from '@mui/material';
 import classNames from 'classnames';
 import { useThemeProps } from '@mui/system';
 import { UserService } from '@selfcommunity/api-services';

package/lib/esm/components/AccountDataPortability/AccountDataPortability.js

@@ -2,10 +2,8 @@ import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useContext, useEffect, useState } from 'react';
 import { useThemeProps } from '@mui/system';
-import { styled } from '@mui/material/styles';
-import { Box, Typography } from '@mui/material';
+import { Box, Typography, styled, Icon } from '@mui/material';
 import classNames from 'classnames';
-import Icon from '@mui/material/Icon';
 import { LoadingButton } from '@mui/lab';
 import { DataPortabilityService } from '@selfcommunity/api-services';
 import { capitalize, Logger } from '@selfcommunity/utils';

package/lib/esm/components/AccountDataPortabilityButton/AccountDataPortabilityButton.js

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

package/lib/esm/components/AccountDelete/AccountDelete.js

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

package/lib/esm/components/AccountDeleteButton/AccountDeleteButton.js

@@ -1,10 +1,9 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo, useState } from 'react';
-import { styled } from '@mui/material/styles';
 import classNames from 'classnames';
 import { useThemeProps } from '@mui/system';
-import { Button } from '@mui/material';
+import { Button, styled } from '@mui/material';
 import { FormattedMessage } from 'react-intl';
 import { UserUtils, useSCUser } from '@selfcommunity/react-core';
 import BaseDialog from '../../shared/BaseDialog';

package/lib/esm/components/AccountRecover/AccountRecover.js

@@ -1,9 +1,8 @@
 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 { useSCUser } from '@selfcommunity/react-core';
-import { Box, Button, Alert } from '@mui/material';
+import { Box, Button, Alert, styled } from '@mui/material';
 import classNames from 'classnames';
 import { FormattedMessage, useIntl } from 'react-intl';
 import EmailTextField from '../../shared/EmailTextField';

package/lib/esm/components/AccountReset/AccountReset.js

@@ -1,9 +1,8 @@
 import { __rest } from "tslib";
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
-import { styled } from '@mui/material/styles';
 import { useSCUser } from '@selfcommunity/react-core';
-import { Alert, Box, Button, CircularProgress } from '@mui/material';
+import { Alert, Box, Button, CircularProgress, styled } from '@mui/material';
 import classNames from 'classnames';
 import { FormattedMessage, useIntl } from 'react-intl';
 import { useThemeProps } from '@mui/system';

package/lib/esm/components/AccountVerify/AccountVerify.js

@@ -1,9 +1,8 @@
 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 { useSCUser } from '@selfcommunity/react-core';
-import { Alert, Box, CircularProgress } from '@mui/material';
+import { Alert, Box, CircularProgress, styled } from '@mui/material';
 import classNames from 'classnames';
 import { useThemeProps } from '@mui/system';
 import { AccountService } from '@selfcommunity/api-services';

package/lib/esm/components/BroadcastMessages/BroadcastMessages.js

@@ -1,8 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useRef, useState } from 'react';
-import { styled } from '@mui/material/styles';
-import { Avatar, Box, Button, CardContent } from '@mui/material';
+import { Avatar, Box, Button, CardContent, styled } from '@mui/material';
 import PubSub from 'pubsub-js';
 import { useThemeProps } from '@mui/system';
 import { SCNotificationTopicType, SCNotificationTypologyType } from '@selfcommunity/types';

package/lib/esm/components/BroadcastMessages/Message.js

@@ -1,9 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useContext, useEffect, useMemo, useState } from 'react';
-import { Avatar, Box, CardContent, CardHeader, CardMedia, Chip, CircularProgress, Fade, IconButton, ListItem, ListItemAvatar, ListItemText, Typography } from '@mui/material';
-import { styled } from '@mui/material/styles';
-import Icon from '@mui/material/Icon';
+import { Avatar, Box, CardContent, CardHeader, CardMedia, Chip, CircularProgress, Fade, IconButton, ListItem, ListItemAvatar, ListItemText, Typography, styled, Icon } from '@mui/material';
 import { FormattedMessage } from 'react-intl';
 import { SCOPE_SC_UI } from '../../constants/Errors';
 import MarkRead from '../../shared/MarkRead';

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

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

package/lib/esm/components/Categories/Categories.js

@@ -1,8 +1,7 @@
 import { __awaiter, __rest } from "tslib";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useContext, useEffect, useRef, useState } from 'react';
-import { styled } from '@mui/material/styles';
-import { Box, Grid, TextField, Typography } from '@mui/material';
+import { Box, Grid, TextField, Typography, styled } from '@mui/material';
 import { CategoryService, Endpoints } from '@selfcommunity/api-services';
 import { SCPreferences, SCPreferencesContext, SCUserContext, useIsComponentMountedRef } from '@selfcommunity/react-core';
 import CategoriesSkeleton from './Skeleton';

package/lib/esm/components/Categories/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, Grid } from '@mui/material';
+import { styled, Box, Grid } from '@mui/material';
 import CategorySkeleton from '../Category/Skeleton';
 import classNames from 'classnames';
 import { PREFIX } from './constants';

package/lib/esm/components/CategoriesPopularWidget/CategoriesPopularWidget.js

@@ -1,8 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useCallback, useContext, useEffect, useMemo, useReducer, useRef, useState } from 'react';
-import { styled } from '@mui/material/styles';
-import { Button, CardContent, List, ListItem, Typography, useMediaQuery, useTheme } from '@mui/material';
+import { Button, CardContent, List, ListItem, Typography, useMediaQuery, useTheme, styled } from '@mui/material';
 import { CategoryService, Endpoints, http } from '@selfcommunity/api-services';
 import { CacheStrategies, Logger } from '@selfcommunity/utils';
 import Skeleton from './Skeleton';

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

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

package/lib/esm/components/CategoriesSuggestionWidget/CategoriesSuggestionWidget.js

@@ -1,8 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useCallback, useEffect, useMemo, useReducer, useRef, useState } from 'react';
-import { styled } from '@mui/material/styles';
-import { Button, CardContent, List, ListItem, Typography, useMediaQuery, useTheme } from '@mui/material';
+import { Button, CardContent, List, ListItem, Typography, useMediaQuery, useTheme, styled } from '@mui/material';
 import { Endpoints, http, SuggestionService } from '@selfcommunity/api-services';
 import { SCCache, useSCUser } from '@selfcommunity/react-core';
 import Skeleton from './Skeleton';

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

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

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

@@ -1,8 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { useMemo } from 'react';
-import { styled } from '@mui/material/styles';
-import { Avatar, Tooltip, Typography } from '@mui/material';
+import { Avatar, Tooltip, Typography, styled } from '@mui/material';
 import { Link, SCRoutes, useSCFetchCategory, useSCRouting } from '@selfcommunity/react-core';
 import { SCCategoryAutoFollowType } from '@selfcommunity/types';
 import CategorySkeleton from './Skeleton';

package/lib/esm/components/Category/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 { Button, useTheme } from '@mui/material';
+import { Button, useTheme, styled, Skeleton } from '@mui/material';
 import BaseItem from '../../shared/BaseItem';
 import { PREFIX } from './constants';
 const classes = {

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

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

package/lib/esm/components/CategoryAutocomplete/CategoryAutocomplete.js

@@ -2,15 +2,10 @@ import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment, useEffect, useState } from 'react';
 import { FormattedMessage } from 'react-intl';
-import Autocomplete from '@mui/material/Autocomplete';
-import TextField from '@mui/material/TextField';
-import CircularProgress from '@mui/material/CircularProgress';
-import Checkbox from '@mui/material/Checkbox';
 import parse from 'autosuggest-highlight/parse';
 import match from 'autosuggest-highlight/match';
-import { Chip } from '@mui/material';
+import { Autocomplete, Chip, TextField, Checkbox, CircularProgress, styled } from '@mui/material';
 import { useSCFetchCategories } from '@selfcommunity/react-core';
-import { styled } from '@mui/material/styles';
 import { useThemeProps } from '@mui/system';
 const PREFIX = 'SCCategoryAutocomplete';
 const classes = {

package/lib/esm/components/CategoryFollowButton/CategoryFollowButton.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 { CacheStrategies, Logger } from '@selfcommunity/utils';
 import { useSCContext, useSCFetchCategory, useSCUser } from '@selfcommunity/react-core';
 import { SCOPE_SC_UI } from '../../constants/Errors';

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

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

package/lib/esm/components/CategoryFollowersButton/CategoryFollowersButton.js

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

package/lib/esm/components/CategoryHeader/CategoryHeader.js

@@ -1,8 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo } from 'react';
-import { styled } from '@mui/material/styles';
-import { Box, Paper, Typography } from '@mui/material';
+import { Box, Paper, Typography, styled } from '@mui/material';
 import CategoryFollowButton from '../CategoryFollowButton';
 import { FormattedMessage } from 'react-intl';
 import { useSCFetchCategory } from '@selfcommunity/react-core';

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

@@ -1,11 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box } from '@mui/material';
-import { styled } from '@mui/material/styles';
-import Skeleton from '@mui/material/Skeleton';
+import { Box, styled, Skeleton } from '@mui/material';
 import { PREFIX } from './constants';
 const classes = {
     root: `${PREFIX}-skeleton-root`,
-    cover: `${PREFIX}-skeleton-cover`,
+    cover: `${PREFIX}-skeleton-cover`
 };
 const Root = styled(Box, {
     name: PREFIX,

package/lib/esm/components/CategoryTrendingFeedWidget/CategoryTrendingFeedWidget.js

@@ -1,9 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useEffect, useMemo, useReducer, useState } from 'react';
-import { styled } from '@mui/material/styles';
-import List from '@mui/material/List';
-import { Button, CardContent, ListItem, Typography, useMediaQuery, useTheme } from '@mui/material';
+import { Button, CardContent, ListItem, Typography, useMediaQuery, useTheme, styled, List } from '@mui/material';
 import Widget from '../Widget';
 import { CategoryService, Endpoints, http } from '@selfcommunity/api-services';
 import { CacheStrategies, isInteger, Logger } from '@selfcommunity/utils';

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

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

package/lib/esm/components/CategoryTrendingUsersWidget/CategoryTrendingUsersWidget.js

@@ -1,9 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useEffect, useMemo, useReducer, useState } from 'react';
-import { styled } from '@mui/material/styles';
-import List from '@mui/material/List';
-import { Button, CardContent, ListItem, Typography, useMediaQuery, useTheme } from '@mui/material';
+import { Button, CardContent, ListItem, Typography, useMediaQuery, useTheme, styled, List } from '@mui/material';
 import Widget from '../Widget';
 import { http, Endpoints, CategoryService } from '@selfcommunity/api-services';
 import { SCCache, SCPreferences, useSCFetchCategory, useSCPreferences, useSCUser } from '@selfcommunity/react-core';

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

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