@selfcommunity/react-ui 0.7.0-alpha.124 → 0.7.0-alpha.126

package/lib/esm/components/UserActionIconButton/UserActionIconButton.js

@@ -0,0 +1,150 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { useEffect, useState } from 'react';
+import { styled } from '@mui/material/styles';
+import { Divider, Icon, IconButton, List, ListItem, ListItemButton, ListItemText, Menu, MenuItem, SwipeableDrawer, useMediaQuery, useTheme } from '@mui/material';
+import { Link, useSCFetchUser, useSCUser } from '@selfcommunity/react-core';
+import classNames from 'classnames';
+import { useThemeProps } from '@mui/system';
+import { FormattedMessage } from 'react-intl';
+import { UserService } from '@selfcommunity/api-services';
+import UserInfoDialog from '../UserInfoDialog';
+const PREFIX = 'SCUserActionIconButton';
+const classes = {
+    root: `${PREFIX}-root`,
+    drawerRoot: `${PREFIX}-drawer-root`,
+    menuRoot: `${PREFIX}-menu-root`
+};
+const Root = styled(IconButton, {
+    name: PREFIX,
+    slot: 'Root',
+    overridesResolver: (props, styles) => styles.root
+})(({ theme }) => ({}));
+const SwipeableDrawerRoot = styled(SwipeableDrawer, {
+    name: PREFIX,
+    slot: 'Root',
+    overridesResolver: (props, styles) => styles.drawerRoot
+})(({ theme }) => ({}));
+const MenuRoot = styled(Menu, {
+    name: PREFIX,
+    slot: 'Root',
+    overridesResolver: (props, styles) => styles.menuRoot
+})(({ theme }) => ({}));
+/**
+ * > API documentation for the Community-JS User Action Menu component. Learn about the available props and the CSS API.
+
+ #### Import
+
+ ```jsx
+ import {NavigationSettingsIconButton} from '@selfcommunity/react-ui';
+ ```
+
+ #### Component Name
+
+ The name `SUserActionIconButton` can be used when providing style overrides in the theme.
+
+
+ #### CSS
+
+ |Rule Name|Global class|Description|
+ |---|---|---|
+ |root|.SUserActionIconButton-root|Styles applied to the root element.|
+
+ * @param inProps
+ */
+export default function UserActionIconButton(inProps) {
+    // PROPS
+    const props = useThemeProps({
+        props: inProps,
+        name: PREFIX
+    });
+    const { className = null, userId = null, user = null, items = [] } = props, rest = __rest(props, ["className", "userId", "user", "items"]);
+    // STATE
+    const [anchorEl, setAnchorEl] = useState(null);
+    const [infoOpen, setInfoOpen] = useState(false);
+    const [isHiddenLoading, setHiddenLoading] = useState(true);
+    const [hidden, setHidden] = useState(null);
+    // CONTEXT
+    const scUserContext = useSCUser();
+    // HOOKS
+    const { scUser, setSCUser } = useSCFetchUser({ id: userId, user });
+    const theme = useTheme();
+    const isMobile = useMediaQuery(theme.breakpoints.down('md'));
+    // HANDLERS
+    const handleOpen = (event) => {
+        setAnchorEl(event.currentTarget);
+    };
+    const handleClose = () => {
+        setAnchorEl(null);
+    };
+    const handleInfoOpen = () => {
+        setInfoOpen(true);
+        setAnchorEl(null);
+    };
+    const handleInfoClose = () => {
+        setInfoOpen(false);
+    };
+    const handleHideToggle = () => {
+        if (hidden === null) {
+            return null;
+        }
+        setHiddenLoading(true);
+        UserService.showHideUser(scUser.id)
+            .then(() => setHidden(!hidden))
+            .then(() => setHiddenLoading(false));
+    };
+    // EFFECTS
+    useEffect(() => {
+        if (anchorEl && hidden === null) {
+            UserService.checkUserHidden(scUser.id)
+                .then((res) => setHidden(res.is_hidden))
+                .then(() => setHiddenLoading(false));
+        }
+    }, [anchorEl]);
+    // RENDER
+    const isMe = scUserContext.user && scUser.id === scUserContext.user.id;
+    if (isMe) {
+        return null;
+    }
+    const renderList = () => {
+        if (isMobile) {
+            return [
+                ...items.map((item, index) => (React.createElement(ListItem, { key: index },
+                    React.createElement(ListItemButton, { component: Link, to: item.to },
+                        React.createElement(ListItemText, { primary: item.label }))))),
+                React.createElement(ListItem, { key: "info" },
+                    React.createElement(ListItemButton, { onClick: handleInfoOpen },
+                        React.createElement(ListItemText, { primary: React.createElement(FormattedMessage, { defaultMessage: "ui.userActionIconButton.information", id: "ui.userActionIconButton.information" }) }))),
+                React.createElement(Divider, { key: "divider" }),
+                React.createElement(ListItem, { key: "hide" },
+                    React.createElement(ListItemButton, { onClick: handleHideToggle, disabled: isHiddenLoading },
+                        React.createElement(ListItemText, { primary: hidden ? (React.createElement(FormattedMessage, { defaultMessage: "ui.userActionIconButton.show", id: "ui.userActionIconButton.show" })) : (React.createElement(FormattedMessage, { defaultMessage: "ui.userActionIconButton.hide", id: "ui.userActionIconButton.hide" })) })))
+            ];
+        }
+        else {
+            return [
+                ...items.map((item, index) => (React.createElement(MenuItem, { key: index, component: Link, to: item.to, onClick: handleClose }, item.label))),
+                React.createElement(MenuItem, { key: "info", onClick: handleInfoOpen },
+                    React.createElement(FormattedMessage, { defaultMessage: "ui.userActionIconButton.information", id: "ui.userActionIconButton.information" })),
+                React.createElement(Divider, { key: "divider" }),
+                React.createElement(MenuItem, { key: "hide", onClick: handleHideToggle, disabled: isHiddenLoading }, hidden ? (React.createElement(FormattedMessage, { defaultMessage: "ui.userActionIconButton.show", id: "ui.userActionIconButton.show" })) : (React.createElement(FormattedMessage, { defaultMessage: "ui.userActionIconButton.hide", id: "ui.userActionIconButton.hide" })))
+            ];
+        }
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Root, Object.assign({ className: classNames(classes.root, className) }, rest, { onClick: handleOpen }),
+            React.createElement(Icon, null, "more_vert")),
+        isMobile ? (React.createElement(SwipeableDrawerRoot, { className: classes.drawerRoot, anchor: "bottom", open: Boolean(anchorEl), onClose: handleClose, onOpen: handleOpen },
+            React.createElement(List, null, renderList()))) : (React.createElement(MenuRoot, { className: classes.menuRoot, anchorEl: anchorEl, open: Boolean(anchorEl), onClose: handleClose }, renderList())),
+        React.createElement(UserInfoDialog, { userId: userId, user: scUser, open: infoOpen, onClose: handleInfoClose })));
+}
+//# sourceMappingURL=UserActionIconButton.js.map

package/lib/esm/components/UserActionIconButton/UserActionIconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserActionIconButton.js","sourceRoot":"","sources":["../../../../src/components/UserActionIconButton/UserActionIconButton.tsx"],"names":[],"mappings":"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"}

package/lib/esm/components/UserActionIconButton/index.d.ts

@@ -0,0 +1,4 @@
+import UserActionIconButton, { UserActionIconButtonProps } from './UserActionIconButton';
+export default UserActionIconButton;
+export { UserActionIconButtonProps };
+//# sourceMappingURL=index.d.ts.map

package/lib/esm/components/UserActionIconButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/UserActionIconButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,EAAE,EAAC,yBAAyB,EAAC,MAAM,wBAAwB,CAAC;AACvF,eAAe,oBAAoB,CAAC;AACpC,OAAO,EAAC,yBAAyB,EAAC,CAAC"}

package/lib/esm/components/UserActionIconButton/index.js

@@ -0,0 +1,3 @@
+import UserActionIconButton from './UserActionIconButton';
+export default UserActionIconButton;
+//# sourceMappingURL=index.js.map

package/lib/esm/components/UserActionIconButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/UserActionIconButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,oBAAiD,MAAM,wBAAwB,CAAC;AACvF,eAAe,oBAAoB,CAAC"}

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

@@ -0,0 +1,48 @@
+import { SCUserType } from '@selfcommunity/types';
+export interface UserCountersProps {
+    /**
+     * Overrides or extends the styles applied to the component.
+     * @default null
+     */
+    className?: string;
+    /**
+     * Id of user object
+     * @default null
+     */
+    userId?: number;
+    /**
+     * User Object
+     * @default null
+     */
+    user?: SCUserType;
+    /**
+     * Any other properties
+     */
+    [p: string]: any;
+}
+/**
+ *
+ > API documentation for the Community-JS User Counters component. Learn about the available props and the CSS API.
+
+ #### Import
+
+ ```jsx
+ import {UserCounters} from '@selfcommunity/react-ui';
+ ```
+
+ #### Component Name
+
+ The name `SCUserCounters` can be used when providing style overrides in the theme.
+
+
+ #### CSS
+
+ |Rule Name|Global class|Description|
+ |---|---|---|
+ |root|.SCUserCounters-root|Styles applied to the root element.|
+ |field|.SCUserCounters-field|Styles applied to the field element.|
+
+ * @param inProps
+ */
+export default function UserCounters(inProps: UserCountersProps): JSX.Element;
+//# sourceMappingURL=UserCounters.d.ts.map

package/lib/esm/components/UserCounters/UserCounters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserCounters.d.ts","sourceRoot":"","sources":["../../../../src/components/UserCounters/UserCounters.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AA4BhD,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,OAAO,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAiF5E"}

package/lib/esm/components/UserCounters/UserCounters.js

@@ -0,0 +1,92 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { useContext } from 'react';
+import { styled } from '@mui/material/styles';
+import { Box, Button } from '@mui/material';
+import { FormattedMessage } from 'react-intl';
+import { Link, SCPreferences, SCPreferencesContext, SCRoutes, useSCFetchUser, useSCRouting } from '@selfcommunity/react-core';
+import classNames from 'classnames';
+import { useThemeProps } from '@mui/system';
+import Bullet from '../../shared/Bullet';
+const PREFIX = 'SCUserCounters';
+const classes = {
+    root: `${PREFIX}-root`,
+    button: `${PREFIX}-button`
+};
+const Root = styled(Box, {
+    name: PREFIX,
+    slot: 'Root',
+    overridesResolver: (props, styles) => styles.root
+})(({ theme }) => ({}));
+/**
+ *
+ > API documentation for the Community-JS User Counters component. Learn about the available props and the CSS API.
+
+ #### Import
+
+ ```jsx
+ import {UserCounters} from '@selfcommunity/react-ui';
+ ```
+
+ #### Component Name
+
+ The name `SCUserCounters` can be used when providing style overrides in the theme.
+
+
+ #### CSS
+
+ |Rule Name|Global class|Description|
+ |---|---|---|
+ |root|.SCUserCounters-root|Styles applied to the root element.|
+ |field|.SCUserCounters-field|Styles applied to the field element.|
+
+ * @param inProps
+ */
+export default function UserCounters(inProps) {
+    // PROPS
+    const props = useThemeProps({
+        props: inProps,
+        name: PREFIX
+    });
+    const { className = null, userId = null, user = null } = props, rest = __rest(props, ["className", "userId", "user"]);
+    // CONTEXT
+    const scRoutingContext = useSCRouting();
+    const scPreferencesContext = useContext(SCPreferencesContext);
+    const followEnabled = SCPreferences.CONFIGURATIONS_FOLLOW_ENABLED in scPreferencesContext.preferences &&
+        scPreferencesContext.preferences[SCPreferences.CONFIGURATIONS_FOLLOW_ENABLED].value;
+    // HOOKS
+    const { scUser } = useSCFetchUser({ id: userId, user });
+    return (React.createElement(Root, Object.assign({ className: classNames(classes.root, className) }, rest),
+        followEnabled ? (React.createElement(React.Fragment, null,
+            React.createElement(Button, { className: classes.button, variant: "text", component: Link, to: scRoutingContext.url(SCRoutes.USER_PROFILE_FOLLOWINGS_ROUTE_NAME, scUser) },
+                React.createElement(FormattedMessage, { id: "ui.userCounters.followings", defaultMessage: "ui.userCounters.followings", 
+                    // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
+                    // @ts-ignore
+                    values: { count: scUser === null || scUser === void 0 ? void 0 : scUser.followings_counter, b: (chunks) => React.createElement("strong", null, chunks) } })),
+            React.createElement(Bullet, null),
+            React.createElement(Button, { className: classes.button, variant: "text", component: Link, to: scRoutingContext.url(SCRoutes.USER_PROFILE_FOLLOWERS_ROUTE_NAME, scUser) },
+                React.createElement(FormattedMessage, { id: "ui.userCounters.followers", defaultMessage: "ui.userCounters.followers", 
+                    // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
+                    // @ts-ignore
+                    values: { count: scUser === null || scUser === void 0 ? void 0 : scUser.followers_counter, b: (chunks) => React.createElement("strong", null, chunks) } })))) : (React.createElement(Button, { className: classes.button, variant: "text", component: Link, to: scRoutingContext.url(SCRoutes.USER_PROFILE_CONNECTIONS_ROUTE_NAME, scUser) },
+            React.createElement(FormattedMessage, { id: "ui.userCounters.connections", defaultMessage: "ui.userCounters.connections", 
+                // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
+                // @ts-ignore
+                values: { count: scUser === null || scUser === void 0 ? void 0 : scUser.connections_counter, b: (chunks) => React.createElement("strong", null, chunks) } }))),
+        React.createElement(Bullet, null),
+        React.createElement(Button, { className: classes.button, variant: "text", component: Link, to: scRoutingContext.url(SCRoutes.USER_PROFILE_CATEGORIES_ROUTE_NAME, scUser) },
+            React.createElement(FormattedMessage, { id: "ui.userCounters.categories", defaultMessage: "ui.userCounters.categories", 
+                // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
+                // @ts-ignore
+                values: { count: scUser === null || scUser === void 0 ? void 0 : scUser.categories_counter, b: (chunks) => React.createElement("strong", null, chunks) } }))));
+}
+//# sourceMappingURL=UserCounters.js.map

package/lib/esm/components/UserCounters/UserCounters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserCounters.js","sourceRoot":"","sources":["../../../../src/components/UserCounters/UserCounters.tsx"],"names":[],"mappings":"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"}

package/lib/esm/components/UserCounters/index.d.ts

@@ -0,0 +1,4 @@
+import UserCounters, { UserCountersProps } from './UserCounters';
+export default UserCounters;
+export { UserCountersProps };
+//# sourceMappingURL=index.d.ts.map

package/lib/esm/components/UserCounters/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/UserCounters/index.tsx"],"names":[],"mappings":"AAAA,OAAO,YAAY,EAAE,EAAC,iBAAiB,EAAC,MAAM,gBAAgB,CAAC;AAC/D,eAAe,YAAY,CAAC;AAC5B,OAAO,EAAC,iBAAiB,EAAC,CAAC"}

package/lib/esm/components/UserCounters/index.js

@@ -0,0 +1,3 @@
+import UserCounters from './UserCounters';
+export default UserCounters;
+//# sourceMappingURL=index.js.map

package/lib/esm/components/UserCounters/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/UserCounters/index.tsx"],"names":[],"mappings":"AAAA,OAAO,YAAiC,MAAM,gBAAgB,CAAC;AAC/D,eAAe,YAAY,CAAC"}

package/lib/esm/components/UserInfo/Skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/UserInfo/Skeleton.tsx"],"names":[],"mappings":"AAkBA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,iBAAS,uBAAuB,IAAI,GAAG,CAAC,OAAO,CAe9C;AAED,eAAe,uBAAuB,CAAC"}

package/lib/esm/components/{UserProfileInfo → UserInfo}/Skeleton.js

@@ -1,10 +1,11 @@
 import React from 'react';
-import { Box, Grid } from '@mui/material';
+import { Box, Typography } from '@mui/material';
 import { styled } from '@mui/material/styles';
 import Skeleton from '@mui/material/Skeleton';
-const PREFIX = 'SCUserProfileInfoSkeleton';
+const PREFIX = 'SCUserInfoSkeleton';
 const classes = {
-    root: `${PREFIX}-root`
+    root: `${PREFIX}-root`,
+    field: `${PREFIX}-field`
 };
 const Root = styled(Box, {
     name: PREFIX,
@@ -32,11 +33,11 @@ const Root = styled(Box, {
  *
  */
 function UserProfileInfoSkeleton() {
-    return (React.createElement(Root, { className: classes.root },
-        React.createElement(Grid, { container: true },
-            React.createElement(Grid, { item: true, md: 12, sm: 12 },
-                React.createElement(Skeleton, { animation: "wave", sx: { height: 20, width: '100%' } }),
-                React.createElement(Skeleton, { animation: "wave", sx: { height: 20, width: '100%' } })))));
+    return (React.createElement(Root, { className: classes.root }, Array.from({ length: 3 }).map(() => (React.createElement(Box, { className: classes.field },
+        React.createElement(Typography, { variant: "h6" },
+            React.createElement(Skeleton, { animation: "wave", sx: { height: 20, width: '50%' } })),
+        React.createElement(Typography, { variant: "body2" },
+            React.createElement(Skeleton, { animation: "wave", sx: { height: 20, width: '80%' } })))))));
 }
 export default UserProfileInfoSkeleton;
 //# sourceMappingURL=Skeleton.js.map

package/lib/esm/components/UserInfo/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/components/UserInfo/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAE9C,MAAM,MAAM,GAAG,oBAAoB,CAAC;AAEpC,MAAM,OAAO,GAAG;IACd,IAAI,EAAE,GAAG,MAAM,OAAO;IACtB,KAAK,EAAE,GAAG,MAAM,QAAQ;CACzB,CAAC;AAEF,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,EAAE;IACvB,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI;CAClD,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAEf;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,SAAS,uBAAuB;IAC9B,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI,IAC1B,KAAK,CAAC,IAAI,CAAC,EAAC,MAAM,EAAE,CAAC,EAAC,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CACjC,oBAAC,GAAG,IAAC,SAAS,EAAE,OAAO,CAAC,KAAK;QAC3B,oBAAC,UAAU,IAAC,OAAO,EAAC,IAAI;YACtB,oBAAC,QAAQ,IAAC,SAAS,EAAC,MAAM,EAAC,EAAE,EAAE,EAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAC,GAAI,CAClD;QACb,oBAAC,UAAU,IAAC,OAAO,EAAC,OAAO;YACzB,oBAAC,QAAQ,IAAC,SAAS,EAAC,MAAM,EAAC,EAAE,EAAE,EAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAC,GAAI,CAClD,CACT,CACP,CAAC,CACG,CACR,CAAC;AACJ,CAAC;AAED,eAAe,uBAAuB,CAAC"}

package/lib/esm/components/{UserProfileInfo/UserProfileInfo.d.ts → UserInfo/UserInfo.d.ts}

@@ -1,6 +1,11 @@
 import { SCUserType } from '@selfcommunity/types';
 import { SCUserProfileFields } from '../../types';
-export interface UserProfileInfoProps {
+export interface UserInfoProps {
+    /**
+     * Overrides or extends the styles applied to the component.
+     * @default null
+     */
+    className?: string;
     /**
      * Id of user object
      * @default null
@@ -23,27 +28,27 @@ export interface UserProfileInfoProps {
 }
 /**
  *
- > API documentation for the Community-JS User Profile Info component. Learn about the available props and the CSS API.
+ > API documentation for the Community-JS User Info component. Learn about the available props and the CSS API.
 
  #### Import
 
  ```jsx
- import {UserProfileInfo} from '@selfcommunity/react-ui';
+ import {UserCounters} from '@selfcommunity/react-ui';
  ```
 
  #### Component Name
 
- The name `SCUserProfileInfo` can be used when providing style overrides in the theme.
+ The name `SCUserInfo` can be used when providing style overrides in the theme.
 
 
  #### CSS
 
  |Rule Name|Global class|Description|
  |---|---|---|
- |root|.SCUserProfileInfo-root|Styles applied to the root element.|
- |field|.SCUserProfileInfo-field|Styles applied to the field element.|
+ |root|.SCUserInfo-root|Styles applied to the root element.|
+ |field|.SCUserInfo-field|Styles applied to the field element.|
 
  * @param inProps
  */
-export default function UserProfileInfo(inProps: UserProfileInfoProps): JSX.Element;
-//# sourceMappingURL=UserProfileInfo.d.ts.map
+export default function UserInfo(inProps: UserInfoProps): JSX.Element;
+//# sourceMappingURL=UserInfo.d.ts.map

package/lib/esm/components/UserInfo/UserInfo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserInfo.d.ts","sourceRoot":"","sources":["../../../../src/components/UserInfo/UserInfo.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAMhD,OAAO,EAAC,mBAAmB,EAAC,MAAM,aAAa,CAAC;AAgEhD,MAAM,WAAW,aAAa;IAC5B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;;OAGG;IACH,MAAM,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAE/B;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,OAAO,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CAgFpE"}

package/lib/esm/components/UserInfo/UserInfo.js

@@ -0,0 +1,161 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { useMemo } from 'react';
+import { styled } from '@mui/material/styles';
+import { Box, Typography } from '@mui/material';
+import { defineMessages, useIntl } from 'react-intl';
+import { camelCase, Logger } from '@selfcommunity/utils';
+import { SCPreferences, useSCFetchUser, useSCPreferences } from '@selfcommunity/react-core';
+import { DEFAULT_FIELDS } from '../../constants/UserProfile';
+import UserInfoSkeleton from './Skeleton';
+import classNames from 'classnames';
+import { useThemeProps } from '@mui/system';
+import { SCUserProfileFields } from '../../types';
+import { SCOPE_SC_UI } from '../../constants/Errors';
+import Tags, { TagsComponentType } from '../../shared/Tags';
+const messages = defineMessages({
+    realName: {
+        id: 'ui.userInfo.realName',
+        defaultMessage: 'ui.userInfo.realName'
+    },
+    dateJoined: {
+        id: 'ui.userInfo.dateJoined',
+        defaultMessage: 'ui.userInfo.dateJoined'
+    },
+    bio: {
+        id: 'ui.userInfo.bio',
+        defaultMessage: 'ui.userInfo.bio'
+    },
+    location: {
+        id: 'ui.userInfo.location',
+        defaultMessage: 'ui.userInfo.location'
+    },
+    dateOfBirth: {
+        id: 'ui.userInfo.dateOfBirth',
+        defaultMessage: 'ui.userInfo.dateOfBirth'
+    },
+    description: {
+        id: 'ui.userInfo.description',
+        defaultMessage: 'ui.userInfo.description'
+    },
+    gender: {
+        id: 'ui.userInfo.gender',
+        defaultMessage: 'ui.userInfo.gender'
+    },
+    website: {
+        id: 'ui.userInfo.website',
+        defaultMessage: 'ui.userInfo.website'
+    },
+    tags: {
+        id: 'ui.userInfo.website',
+        defaultMessage: 'ui.userInfo.website'
+    },
+    fieldLink: {
+        id: 'ui.userInfo.fieldLink',
+        defaultMessage: 'ui.userInfo.fieldLink'
+    },
+    fieldLinkFemale: {
+        id: 'ui.userInfo.fieldLink.female',
+        defaultMessage: 'ui.userInfo.fieldLink.female'
+    }
+});
+const PREFIX = 'SCUserInfo';
+const classes = {
+    root: `${PREFIX}-root`,
+    field: `${PREFIX}-field`
+};
+const Root = styled(Box, {
+    name: PREFIX,
+    slot: 'Root',
+    overridesResolver: (props, styles) => styles.root
+})(({ theme }) => ({}));
+/**
+ *
+ > API documentation for the Community-JS User Info component. Learn about the available props and the CSS API.
+
+ #### Import
+
+ ```jsx
+ import {UserCounters} from '@selfcommunity/react-ui';
+ ```
+
+ #### Component Name
+
+ The name `SCUserInfo` can be used when providing style overrides in the theme.
+
+
+ #### CSS
+
+ |Rule Name|Global class|Description|
+ |---|---|---|
+ |root|.SCUserInfo-root|Styles applied to the root element.|
+ |field|.SCUserInfo-field|Styles applied to the field element.|
+
+ * @param inProps
+ */
+export default function UserInfo(inProps) {
+    // PROPS
+    const props = useThemeProps({
+        props: inProps,
+        name: PREFIX
+    });
+    const { className = null, userId = null, user = null, fields = [...DEFAULT_FIELDS] } = props, rest = __rest(props, ["className", "userId", "user", "fields"]);
+    // STATE
+    const { scUser } = useSCFetchUser({ id: userId, user });
+    // INTL
+    const intl = useIntl();
+    // PREFERENCES
+    const scPreferences = useSCPreferences();
+    const metadataDefinitions = useMemo(() => {
+        if (scPreferences.preferences && SCPreferences.CONFIGURATIONS_USER_METADATA_DEFINITIONS in scPreferences.preferences) {
+            try {
+                return JSON.parse(scPreferences.preferences[SCPreferences.CONFIGURATIONS_USER_METADATA_DEFINITIONS].value);
+            }
+            catch (e) {
+                Logger.error(SCOPE_SC_UI, 'Error on parse user metadata.');
+                console.log(scPreferences.preferences[SCPreferences.CONFIGURATIONS_USER_METADATA_DEFINITIONS]);
+                return {};
+            }
+        }
+        return null;
+    }, [scPreferences.preferences]);
+    // RENDER
+    const renderField = (user, field) => {
+        switch (field) {
+            case SCUserProfileFields.DATE_JOINED:
+            case SCUserProfileFields.DATE_OF_BIRTH:
+                return `${intl.formatDate(user[field], { year: 'numeric', month: 'numeric', day: 'numeric' })}`;
+            case SCUserProfileFields.TAGS:
+                return (React.createElement(Tags, { tags: user.tags.filter((t) => t.visible), type: TagsComponentType.LIST, direction: 'row', TagChipProps: { clickable: false, disposable: false } }));
+            default:
+                return user[field];
+        }
+    };
+    if (!scUser || !metadataDefinitions) {
+        return React.createElement(UserInfoSkeleton, null);
+    }
+    if (fields.length === 0) {
+        return null;
+    }
+    return (React.createElement(Root, Object.assign({ className: classNames(classes.root, className) }, rest), fields.map((field) => {
+        if (scUser[field]) {
+            if (field === SCUserProfileFields.TAGS) {
+                return scUser[field].length > 0 ? (React.createElement(Box, { key: field, className: classes.field }, renderField(scUser, field))) : null;
+            }
+            return (React.createElement(Box, { key: field, className: classes.field },
+                React.createElement(Typography, { variant: "h6" }, metadataDefinitions[field] ? metadataDefinitions[field].label : intl.formatMessage(messages[camelCase(field)])),
+                React.createElement(Typography, { variant: "body2" }, renderField(scUser, field))));
+        }
+        return null;
+    })));
+}
+//# sourceMappingURL=UserInfo.js.map

package/lib/esm/components/UserInfo/UserInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserInfo.js","sourceRoot":"","sources":["../../../../src/components/UserInfo/UserInfo.tsx"],"names":[],"mappings":"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"}

package/lib/esm/components/UserInfo/index.d.ts

@@ -0,0 +1,5 @@
+import UserInfo, { UserInfoProps } from './UserInfo';
+import UserInfoSkeleton from './Skeleton';
+export default UserInfo;
+export { UserInfoProps, UserInfoSkeleton };
+//# sourceMappingURL=index.d.ts.map

package/lib/esm/components/UserInfo/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/UserInfo/index.tsx"],"names":[],"mappings":"AAAA,OAAO,QAAQ,EAAE,EAAC,aAAa,EAAC,MAAM,YAAY,CAAC;AACnD,OAAO,gBAAgB,MAAM,YAAY,CAAC;AAC1C,eAAe,QAAQ,CAAC;AACxB,OAAO,EAAC,aAAa,EAAE,gBAAgB,EAAC,CAAC"}

package/lib/esm/components/UserInfo/index.js

@@ -0,0 +1,5 @@
+import UserInfo from './UserInfo';
+import UserInfoSkeleton from './Skeleton';
+export default UserInfo;
+export { UserInfoSkeleton };
+//# sourceMappingURL=index.js.map

package/lib/esm/components/UserInfo/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/UserInfo/index.tsx"],"names":[],"mappings":"AAAA,OAAO,QAAyB,MAAM,YAAY,CAAC;AACnD,OAAO,gBAAgB,MAAM,YAAY,CAAC;AAC1C,eAAe,QAAQ,CAAC;AACxB,OAAO,EAAgB,gBAAgB,EAAC,CAAC"}