@selfcommunity/react-ui 0.11.0-alpha.8 → 0.11.0-alpha.80

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

@@ -4,8 +4,6 @@ const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = tslib_1.__importStar(require("react"));
 const material_1 = require("@mui/material");
-const styles_1 = require("@mui/material/styles");
-const Icon_1 = tslib_1.__importDefault(require("@mui/material/Icon"));
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const react_sortablejs_1 = require("react-sortablejs");
 const DisplayComponent_1 = tslib_1.__importDefault(require("./DisplayComponent"));
@@ -18,7 +16,7 @@ const classes = {
     video: `${constants_1.PREFIX}-media-video`,
     delete: `${constants_1.PREFIX}-delete`
 };
-const Root = (0, styles_1.styled)(material_1.Box, {
+const Root = (0, material_1.styled)(material_1.Box, {
     name: constants_1.PREFIX,
     slot: 'PreviewRoot'
 })(() => ({}));
@@ -32,6 +30,6 @@ const PreviewComponent = react_1.default.forwardRef((props, ref) => {
         onChange && onChange([...value.filter((media) => medias.findIndex((m) => m.id === media.id) === -1), ...medias]);
     }, [onChange, value]);
     const handleDelete = (0, react_1.useCallback)((id) => () => onChange && onChange(value.filter((media) => media.id !== id)), [onChange, value]);
-    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ ref: ref, className: (0, classnames_1.default)(className, classes.previewRoot) }, rest, { children: medias.length > 0 && ((0, jsx_runtime_1.jsx)(react_sortablejs_1.ReactSortable, Object.assign({ list: medias, setList: handleSort }, { children: medias.map((media) => ((0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ className: (0, classnames_1.default)(classes.media, { [classes.video]: media.embed.metadata && media.embed.metadata.type === Media_1.MEDIA_TYPE_VIDEO }) }, { children: [(0, jsx_runtime_1.jsx)(DisplayComponent_1.default, { medias: [media] }), (0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ className: classes.delete, onClick: handleDelete(media.id), size: "small" }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "delete" }) }))] }), media.id))) }))) })));
+    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ ref: ref, className: (0, classnames_1.default)(className, classes.previewRoot) }, rest, { children: medias.length > 0 && ((0, jsx_runtime_1.jsx)(react_sortablejs_1.ReactSortable, Object.assign({ list: medias, setList: handleSort }, { children: medias.map((media) => ((0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ className: (0, classnames_1.default)(classes.media, { [classes.video]: media.embed.metadata && media.embed.metadata.type === Media_1.MEDIA_TYPE_VIDEO }) }, { children: [(0, jsx_runtime_1.jsx)(DisplayComponent_1.default, { medias: [media] }), (0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ className: classes.delete, onClick: handleDelete(media.id), size: "small" }, { children: (0, jsx_runtime_1.jsx)(material_1.Icon, { children: "delete" }) }))] }), media.id))) }))) })));
 });
 exports.default = PreviewComponent;

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

@@ -3,18 +3,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
-const Icon_1 = tslib_1.__importDefault(require("@mui/material/Icon"));
 const constants_1 = require("./constants");
-const styles_1 = require("@mui/material/styles");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const classes = {
     triggerRoot: `${constants_1.PREFIX}-trigger-root`
 };
-const Root = (0, styles_1.styled)(material_1.IconButton, {
+const Root = (0, material_1.styled)(material_1.IconButton, {
     name: constants_1.PREFIX,
     slot: 'TriggerRoot'
 })(() => ({}));
 exports.default = (_a) => {
     var { className } = _a, rest = tslib_1.__rest(_a, ["className"]);
-    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ className: (0, classnames_1.default)(className, classes.triggerRoot) }, rest, { "aria-label": "add link" }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "link" }) })));
+    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ className: (0, classnames_1.default)(className, classes.triggerRoot) }, rest, { "aria-label": "add link" }, { children: (0, jsx_runtime_1.jsx)(material_1.Icon, { children: "link" }) })));
 };

package/lib/cjs/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.
@@ -75,6 +72,6 @@ export interface OutlinedUrlTextFieldProps extends BaseUrlTextFieldProps {
      */
     InputProps?: Partial<OutlinedInputProps>;
 }
-export type UrlTextFieldProps = StandardUrlTextFieldProps | FilledUrlTextFieldProps | OutlinedUrlTextFieldProps;
+export declare type UrlTextFieldProps = StandardUrlTextFieldProps | FilledUrlTextFieldProps | OutlinedUrlTextFieldProps;
 declare const _default: (props: UrlTextFieldProps) => JSX.Element;
 export default _default;

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

@@ -3,19 +3,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = tslib_1.__importStar(require("react"));
-const InputAdornment_1 = tslib_1.__importDefault(require("@mui/material/InputAdornment"));
-const IconButton_1 = tslib_1.__importDefault(require("@mui/material/IconButton"));
-const TextField_1 = tslib_1.__importDefault(require("@mui/material/TextField"));
+const material_1 = require("@mui/material");
 const api_services_1 = require("@selfcommunity/api-services");
 const utils_1 = require("@selfcommunity/utils");
 const Media_1 = require("../../../../constants/Media");
 const react_intl_1 = require("react-intl");
-const material_1 = require("@mui/material");
 const INITIAL_STATE = {
     url: '',
     urlError: null
 };
 exports.default = (props) => {
+    var _a, _b;
     // STATE
     const [isCreating, setIsCreating] = (0, react_1.useState)(false);
     const [state, setState] = (0, react_1.useState)(Object.assign({}, INITIAL_STATE));
@@ -74,8 +72,6 @@ exports.default = (props) => {
     /**
      * Renders url text field
      */
-    return ((0, jsx_runtime_1.jsx)("form", Object.assign({ method: "post", onSubmit: handleSubmit }, { children: (0, jsx_runtime_1.jsx)(TextField_1.default, Object.assign({ value: url, type: "url", onChange: handleChange, onPaste: handlePaste, error: error || Boolean(urlError), helperText: helperText ||
-                (urlError && ((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: `ui.composer.media.link.add.error.${urlError}`, defaultMessage: `ui.composer.media.link.add.error.${urlError}` }))) || (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.composer.media.link.add.help", defaultMessage: "ui.composer.media.link.add.help" }), disabled: isCreating }, rest, { InputProps: {
-                endAdornment: ((0, jsx_runtime_1.jsx)(InputAdornment_1.default, Object.assign({ position: "end" }, { children: (0, jsx_runtime_1.jsx)(material_1.Fade, Object.assign({ in: urlError === null && url !== '' }, { children: (0, jsx_runtime_1.jsx)(IconButton_1.default, Object.assign({ size: "small", disabled: isCreating, type: "submit" }, { children: isCreating ? (0, jsx_runtime_1.jsx)(material_1.CircularProgress, { color: "primary", size: 20 }) : (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.composer.media.link.add.submit", defaultMessage: "ui.composer.media.link.add.submit" }) })) })) })))
-            } })) })));
+    return ((0, jsx_runtime_1.jsx)("form", Object.assign({ method: "post", onSubmit: handleSubmit }, { children: (0, jsx_runtime_1.jsx)(material_1.TextField, Object.assign({ value: url, type: "url", onChange: handleChange, onPaste: handlePaste, error: error || Boolean(urlError), helperText: helperText ||
+                (urlError && ((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: `ui.composer.media.link.add.error.${urlError}`, defaultMessage: `ui.composer.media.link.add.error.${urlError}` }))) || (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.composer.media.link.add.help", defaultMessage: "ui.composer.media.link.add.help" }), disabled: isCreating }, rest, { InputProps: Object.assign(Object.assign({}, rest.InputProps), { endAdornment: ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: url === '' && ((_a = rest.InputProps) === null || _a === void 0 ? void 0 : _a.endAdornment) ? ((_b = rest.InputProps) === null || _b === void 0 ? void 0 : _b.endAdornment) : ((0, jsx_runtime_1.jsx)(material_1.InputAdornment, Object.assign({ position: "end" }, { children: (0, jsx_runtime_1.jsx)(material_1.Fade, Object.assign({ in: urlError === null && url !== '' }, { children: (0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ size: "small", disabled: isCreating, type: "submit" }, { children: isCreating ? ((0, jsx_runtime_1.jsx)(material_1.CircularProgress, { color: "primary", size: 20 })) : ((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.composer.media.link.add.submit", defaultMessage: "ui.composer.media.link.add.submit" })) })) })) }))) })) }) })) })));
 };

package/lib/cjs/shared/Media/Share/DisplayComponent.d.ts

@@ -6,10 +6,6 @@ export interface DisplayComponentProps extends BoxProps {
      * Medias
      */
     medias: SCMediaType[];
-    /**
-     * Handles on media click
-     */
-    onMediaClick?: (any: any) => void;
 }
-declare const _default: ({ className, medias, onMediaClick, ...rest }: DisplayComponentProps) => ReactElement;
+declare const _default: ({ className, medias, ...rest }: DisplayComponentProps) => ReactElement;
 export default _default;

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

@@ -3,12 +3,11 @@ 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 Box_1 = tslib_1.__importDefault(require("@mui/material/Box"));
 const FeedObject_1 = tslib_1.__importDefault(require("../../../components/FeedObject"));
 const feedObject_1 = require("../../../types/feedObject");
 const utils_1 = require("@selfcommunity/utils");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const material_1 = require("@mui/material");
 const filter_1 = tslib_1.__importDefault(require("./filter"));
 const constants_1 = require("./constants");
 const Media_1 = require("../../../constants/Media");
@@ -19,16 +18,16 @@ const classes = {
     sharePreview: `${constants_1.PREFIX}-share-preview`,
     sharePlaceholder: `${constants_1.PREFIX}-share-placeholder`
 };
-const Root = (0, styles_1.styled)(Box_1.default, {
+const Root = (0, material_1.styled)(material_1.Box, {
     name: constants_1.PREFIX,
     slot: 'DisplayRoot'
-})(({ theme }) => ({}));
+})(() => ({}));
 exports.default = (_a) => {
-    var { className, medias = [], onMediaClick = null } = _a, rest = tslib_1.__rest(_a, ["className", "medias", "onMediaClick"]);
+    var { className, medias = [] } = _a, rest = tslib_1.__rest(_a, ["className", "medias"]);
     // MEMO
     const _medias = (0, react_1.useMemo)(() => medias.filter(filter_1.default), [medias]);
     if (_medias.length === 0) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ className: (0, classnames_1.default)(className, classes.displayRoot) }, rest, { children: _medias.map((media, i) => ((0, jsx_runtime_1.jsx)(Box_1.default, Object.assign({ className: classes.sharePreview, onClick: onMediaClick }, { children: media.type === Media_1.MEDIA_TYPE_EVENT || (media.embed && media.embed.embed_type === Media_1.MEDIA_EMBED_SC_SHARED_EVENT) ? ((0, jsx_runtime_1.jsx)(Event_1.default, { event: media.embed.metadata, template: event_1.SCEventTemplateType.DETAIL, variant: "outlined", square: true, hideEventParticipants: true, hideEventPlanner: true, actions: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}) })) : ((0, jsx_runtime_1.jsx)(FeedObject_1.default, { feedObjectId: media.embed.metadata.id, feedObjectType: media.embed.metadata.type, variant: 'outlined', template: feedObject_1.SCFeedObjectTemplateType.SHARE, cacheStrategy: utils_1.CacheStrategies.CACHE_FIRST })) }), i))) })));
+    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ className: (0, classnames_1.default)(className, classes.displayRoot) }, rest, { children: _medias.map((media, i) => ((0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ className: classes.sharePreview }, { children: media.type === Media_1.MEDIA_TYPE_EVENT || (media.embed && media.embed.embed_type === Media_1.MEDIA_EMBED_SC_SHARED_EVENT) ? ((0, jsx_runtime_1.jsx)(Event_1.default, { event: media.embed.metadata, template: event_1.SCEventTemplateType.DETAIL, variant: "outlined", square: true, hideEventParticipants: true, hideEventPlanner: true, actions: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}) })) : ((0, jsx_runtime_1.jsx)(FeedObject_1.default, { feedObjectId: media.embed.metadata.id, feedObjectType: media.embed.metadata.type, variant: "outlined", template: feedObject_1.SCFeedObjectTemplateType.SHARE, cacheStrategy: utils_1.CacheStrategies.CACHE_FIRST })) }), i))) })));
 };

package/lib/cjs/shared/MetadataField/MetadataField.d.ts

@@ -1,6 +1,6 @@
 import { TextFieldProps } from '@mui/material';
 import { SCMetadataType } from '@selfcommunity/types';
-export type MetadataFieldProps = TextFieldProps & {
+export declare type MetadataFieldProps = TextFieldProps & {
     metadata: SCMetadataType;
 };
 declare const MetadataField: (props: MetadataFieldProps) => JSX.Element;

package/lib/cjs/shared/NewChip/NewChip.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 material_1 = require("@mui/material");
 const react_intl_1 = require("react-intl");
 const system_1 = require("@mui/system");
@@ -11,7 +10,7 @@ const PREFIX = 'SCNotificationNewChip';
 const classes = {
     root: `${PREFIX}-root`
 };
-const Root = (0, styles_1.styled)(material_1.Chip, {
+const Root = (0, material_1.styled)(material_1.Chip, {
     name: PREFIX,
     slot: 'Root',
     overridesResolver: (props, styles) => [styles.root]

package/lib/cjs/shared/NotificationItem/NotificationItem.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 material_1 = require("@mui/material");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const Widget_1 = tslib_1.__importDefault(require("../../components/Widget"));
@@ -24,7 +23,7 @@ const classes = {
     new: `${PREFIX}-new`,
     newChip: `${PREFIX}-new-chip`
 };
-const Root = (0, styles_1.styled)(Widget_1.default, {
+const Root = (0, material_1.styled)(Widget_1.default, {
     name: PREFIX,
     slot: 'Root',
     overridesResolver: (props, styles) => styles.root

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

@@ -1,13 +1,10 @@
 "use strict";
 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 Icon_1 = tslib_1.__importDefault(require("@mui/material/Icon"));
 const PREFIX = 'SCPasswordTextField';
-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
@@ -22,7 +19,7 @@ function PasswordTextField(props) {
     };
     // RENDER
     return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ type: showPassword ? 'text' : 'password' }, props, { InputProps: {
-            endAdornment: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(_a = props === null || props === void 0 ? void 0 : props.InputProps) === null || _a === void 0 ? void 0 : _a.endAdornment, (0, jsx_runtime_1.jsx)(material_1.InputAdornment, Object.assign({ position: "end" }, { children: (0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ "aria-label": "toggle password visibility", onClick: handleClick, edge: "end" }, { children: showPassword ? (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "visibility_off" }) : (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "visibility" }) })) }))] }))
+            endAdornment: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(_a = props === null || props === void 0 ? void 0 : props.InputProps) === null || _a === void 0 ? void 0 : _a.endAdornment, (0, jsx_runtime_1.jsx)(material_1.InputAdornment, Object.assign({ position: "end" }, { children: (0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ "aria-label": "toggle password visibility", onClick: handleClick, edge: "end" }, { children: showPassword ? (0, jsx_runtime_1.jsx)(material_1.Icon, { children: "visibility_off" }) : (0, jsx_runtime_1.jsx)(material_1.Icon, { children: "visibility" }) })) }))] }))
         } })));
 }
 exports.default = PasswordTextField;

package/lib/cjs/shared/PhoneTextField/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 libphonenumber_js_1 = require("libphonenumber-js");
@@ -14,7 +13,7 @@ const messages = (0, react_intl_1.defineMessages)({
     }
 });
 const PREFIX = 'SCPhoneTextField';
-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/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/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/StickyBox/index.d.ts

@@ -32,18 +32,18 @@ import React from 'react';
 /**
  * Types/interfaces
  */
-export type UseStickyBoxProps = {
+export declare type UseStickyBoxProps = {
     offsetTop?: number;
     offsetBottom?: number;
     bottom?: boolean;
 };
-export type StickyBoxProps = UseStickyBoxProps & {
+export declare type StickyBoxProps = UseStickyBoxProps & {
     style?: React.CSSProperties;
     className?: string;
     children?: React.ReactNode;
 };
-export type useStickyBox = <T = any>(options?: UseStickyBoxProps) => React.RefCallback<T>;
-export type StickyBoxComponent = React.FunctionComponent<StickyBoxProps>;
+export declare type useStickyBox = <T = any>(options?: UseStickyBoxProps) => React.RefCallback<T>;
+export declare type StickyBoxComponent = React.FunctionComponent<StickyBoxProps>;
 /**
  * useStickyBox
  * @param offsetTop

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,18 @@ 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 && tags.filter((tag) => tag.visible).length > 0 && ((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))) }))] }) })) })) })));
-                        } }))] }))) : ((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))) }))] })) })) }));
+                            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
+                                                        .filter((tag) => tag.visible)
+                                                        .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
+                            .filter((tag) => tag.visible)
+                            .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,9 +2,9 @@
 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");
 const material_1 = require("@mui/material");
 const react_1 = require("react");
 const types_1 = require("@selfcommunity/types");
@@ -14,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 }) => ({}));
@@ -30,6 +30,11 @@ function UpScalingTierBadge(inProps) {
         name: PREFIX
     });
     const { className, desiredTier = types_1.SCCommunitySubscriptionTier.GO } = props, rest = tslib_1.__rest(props, ["className", "desiredTier"]);
+    const { preferences } = (0, react_core_1.useSCPreferences)();
+    const isEnterpriseTier = (0, react_1.useMemo)(() => preferences &&
+        react_core_1.SCPreferences.CONFIGURATIONS_SUBSCRIPTION_TIER in preferences &&
+        preferences[react_core_1.SCPreferences.CONFIGURATIONS_SUBSCRIPTION_TIER].value &&
+        preferences[react_core_1.SCPreferences.CONFIGURATIONS_SUBSCRIPTION_TIER].value === types_1.SCCommunitySubscriptionTier.ENTERPRISE, [preferences]);
     const tooltipMsg = (0, react_1.useMemo)(() => {
         let _msg = (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.upScalingTierBadge.goFeature", defaultMessage: "ui.upScalingTierBadge.goFeature" });
         switch (desiredTier) {
@@ -58,6 +63,9 @@ function UpScalingTierBadge(inProps) {
         }
         return _label;
     }, [desiredTier]);
+    if (desiredTier === types_1.SCCommunitySubscriptionTier.ENTERPRISE && isEnterpriseTier) {
+        return null;
+    }
     return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ classes: { root: (0, classnames_1.default)(className, classes.root) }, title: tooltipMsg, placement: "top" }, rest, { children: (0, jsx_runtime_1.jsx)(Badge, { color: "secondary", size: "small", label: badgeLabel, className: classes.badge }) })));
 }
 exports.default = UpScalingTierBadge;

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.d.ts

@@ -1,5 +1,5 @@
 import { TextFieldProps } from '@mui/material';
-export type UsernameTextFieldProps = {
+export declare type UsernameTextFieldProps = {
     /**
      * Allows the field to accept an email format as well
      */

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/cjs/types/composer.d.ts

@@ -10,6 +10,6 @@ export interface ComposerLayerProps {
     onSave: (value: any) => void;
     defaultValue: any;
 }
-export type ComposerContentType = Omit<SCFeedPostType, 'id' | 'last_activity_at' | 'added_at' | 'slug' | 'summary' | 'deleted' | 'collapsed' | 'comment_count' | 'share_count' | 'view_count' | 'vote_count' | 'follower_count' | 'reaction' | 'reactions_count' | 'flag_count' | 'type'> & {
+export declare type ComposerContentType = Omit<SCFeedPostType, 'id' | 'last_activity_at' | 'last_edited_at' | 'added_at' | 'slug' | 'summary' | 'deleted' | 'collapsed' | 'comment_count' | 'share_count' | 'view_count' | 'vote_count' | 'follower_count' | 'reaction' | 'reactions_count' | 'flag_count' | 'type'> & {
     title?: string;
 };

package/lib/cjs/types/course.d.ts

@@ -0,0 +1,40 @@
+import { SCUserType } from '@selfcommunity/types';
+export declare enum SCCourseTemplateType {
+    SNIPPET = "snippet",
+    PREVIEW = "preview"
+}
+export declare enum SCLessonActionsType {
+    COMMENTS = "comments",
+    LESSONS = "lessons",
+    SETTINGS = "settings"
+}
+export declare enum SCLessonModeType {
+    VIEW = "view",
+    EDIT = "edit"
+}
+export declare enum SCCourseEditTabType {
+    LESSONS = "lessons",
+    CUSTOMIZE = "customize",
+    USERS = "users",
+    REQUESTS = "requests",
+    OPTIONS = "options"
+}
+export declare enum SCCourseUsersTableModeType {
+    DASHBOARD = "dashboard",
+    EDIT = "edit",
+    REQUESTS = "requests"
+}
+export interface SCCourseEditManageUserProps {
+    tab: SCCourseEditTabType;
+    user?: SCUserType;
+    request?: SCUserType;
+}
+export interface SCCourseEditManageUserRef {
+    handleManageUser: (user: SCUserType) => void;
+}
+export interface SCCourseGetUrlLessonData {
+    id: number;
+    slug: string;
+    section_id: number;
+    lesson_id: number;
+}