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

package/lib/cjs/components/UserActionIconButton/UserActionIconButton.d.ts

@@ -0,0 +1,39 @@
+import { IconButtonProps } from '@mui/material';
+import { SCUserType } from '@selfcommunity/types';
+export interface UserActionIconButtonProps extends IconButtonProps {
+    /**
+     * Id of user object
+     * @default null
+     */
+    userId?: number;
+    /**
+     * User Object
+     * @default null
+     */
+    user?: SCUserType;
+    items?: any;
+}
+/**
+ * > 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: UserActionIconButtonProps): JSX.Element;
+//# sourceMappingURL=UserActionIconButton.d.ts.map

package/lib/cjs/components/UserActionIconButton/UserActionIconButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserActionIconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/UserActionIconButton/UserActionIconButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,eAAe,EAUhB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAyB,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAkCxE,MAAM,WAAW,yBAA0B,SAAQ,eAAe;IAChE;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB,KAAK,CAAC,EAAE,GAAG,CAAC;CACb;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,OAAO,EAAE,yBAAyB,GAAG,GAAG,CAAC,OAAO,CAoI5F"}

package/lib/cjs/components/UserActionIconButton/UserActionIconButton.js

@@ -0,0 +1,179 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const styles_1 = require("@mui/material/styles");
+const material_1 = require("@mui/material");
+const react_core_1 = require("@selfcommunity/react-core");
+const classnames_1 = __importDefault(require("classnames"));
+const system_1 = require("@mui/system");
+const react_intl_1 = require("react-intl");
+const api_services_1 = require("@selfcommunity/api-services");
+const UserInfoDialog_1 = __importDefault(require("../UserInfoDialog"));
+const PREFIX = 'SCUserActionIconButton';
+const classes = {
+    root: `${PREFIX}-root`,
+    drawerRoot: `${PREFIX}-drawer-root`,
+    menuRoot: `${PREFIX}-menu-root`
+};
+const Root = (0, styles_1.styled)(material_1.IconButton, {
+    name: PREFIX,
+    slot: 'Root',
+    overridesResolver: (props, styles) => styles.root
+})(({ theme }) => ({}));
+const SwipeableDrawerRoot = (0, styles_1.styled)(material_1.SwipeableDrawer, {
+    name: PREFIX,
+    slot: 'Root',
+    overridesResolver: (props, styles) => styles.drawerRoot
+})(({ theme }) => ({}));
+const MenuRoot = (0, styles_1.styled)(material_1.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
+ */
+function UserActionIconButton(inProps) {
+    // PROPS
+    const props = (0, system_1.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] = (0, react_1.useState)(null);
+    const [infoOpen, setInfoOpen] = (0, react_1.useState)(false);
+    const [isHiddenLoading, setHiddenLoading] = (0, react_1.useState)(true);
+    const [hidden, setHidden] = (0, react_1.useState)(null);
+    // CONTEXT
+    const scUserContext = (0, react_core_1.useSCUser)();
+    // HOOKS
+    const { scUser, setSCUser } = (0, react_core_1.useSCFetchUser)({ id: userId, user });
+    const theme = (0, material_1.useTheme)();
+    const isMobile = (0, material_1.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);
+        api_services_1.UserService.showHideUser(scUser.id)
+            .then(() => setHidden(!hidden))
+            .then(() => setHiddenLoading(false));
+    };
+    // EFFECTS
+    (0, react_1.useEffect)(() => {
+        if (anchorEl && hidden === null) {
+            api_services_1.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_1.default.createElement(material_1.ListItem, { key: index },
+                    react_1.default.createElement(material_1.ListItemButton, { component: react_core_1.Link, to: item.to },
+                        react_1.default.createElement(material_1.ListItemText, { primary: item.label }))))),
+                react_1.default.createElement(material_1.ListItem, { key: "info" },
+                    react_1.default.createElement(material_1.ListItemButton, { onClick: handleInfoOpen },
+                        react_1.default.createElement(material_1.ListItemText, { primary: react_1.default.createElement(react_intl_1.FormattedMessage, { defaultMessage: "ui.userActionIconButton.information", id: "ui.userActionIconButton.information" }) }))),
+                react_1.default.createElement(material_1.Divider, { key: "divider" }),
+                react_1.default.createElement(material_1.ListItem, { key: "hide" },
+                    react_1.default.createElement(material_1.ListItemButton, { onClick: handleHideToggle, disabled: isHiddenLoading },
+                        react_1.default.createElement(material_1.ListItemText, { primary: hidden ? (react_1.default.createElement(react_intl_1.FormattedMessage, { defaultMessage: "ui.userActionIconButton.show", id: "ui.userActionIconButton.show" })) : (react_1.default.createElement(react_intl_1.FormattedMessage, { defaultMessage: "ui.userActionIconButton.hide", id: "ui.userActionIconButton.hide" })) })))
+            ];
+        }
+        else {
+            return [
+                ...items.map((item, index) => (react_1.default.createElement(material_1.MenuItem, { key: index, component: react_core_1.Link, to: item.to, onClick: handleClose }, item.label))),
+                react_1.default.createElement(material_1.MenuItem, { key: "info", onClick: handleInfoOpen },
+                    react_1.default.createElement(react_intl_1.FormattedMessage, { defaultMessage: "ui.userActionIconButton.information", id: "ui.userActionIconButton.information" })),
+                react_1.default.createElement(material_1.Divider, { key: "divider" }),
+                react_1.default.createElement(material_1.MenuItem, { key: "hide", onClick: handleHideToggle, disabled: isHiddenLoading }, hidden ? (react_1.default.createElement(react_intl_1.FormattedMessage, { defaultMessage: "ui.userActionIconButton.show", id: "ui.userActionIconButton.show" })) : (react_1.default.createElement(react_intl_1.FormattedMessage, { defaultMessage: "ui.userActionIconButton.hide", id: "ui.userActionIconButton.hide" })))
+            ];
+        }
+    };
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest, { onClick: handleOpen }),
+            react_1.default.createElement(material_1.Icon, null, "more_vert")),
+        isMobile ? (react_1.default.createElement(SwipeableDrawerRoot, { className: classes.drawerRoot, anchor: "bottom", open: Boolean(anchorEl), onClose: handleClose, onOpen: handleOpen },
+            react_1.default.createElement(material_1.List, null, renderList()))) : (react_1.default.createElement(MenuRoot, { className: classes.menuRoot, anchorEl: anchorEl, open: Boolean(anchorEl), onClose: handleClose }, renderList())),
+        react_1.default.createElement(UserInfoDialog_1.default, { userId: userId, user: scUser, open: infoOpen, onClose: handleInfoClose })));
+}
+exports.default = UserActionIconButton;
+//# sourceMappingURL=UserActionIconButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UserActionIconButton.js","sourceRoot":"","sources":["../../../../src/components/UserActionIconButton/UserActionIconButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAiD;AACjD,iDAA4C;AAC5C,4CAcuB;AAEvB,0DAAyH;AACzH,4DAAoC;AACpC,wCAA0C;AAC1C,2CAA4C;AAC5C,8DAAwD;AACxD,uEAA+C;AAE/C,MAAM,MAAM,GAAG,wBAAwB,CAAC;AAExC,MAAM,OAAO,GAAG;IACd,IAAI,EAAE,GAAG,MAAM,OAAO;IACtB,UAAU,EAAE,GAAG,MAAM,cAAc;IACnC,QAAQ,EAAE,GAAG,MAAM,YAAY;CAChC,CAAC;AAEF,MAAM,IAAI,GAAG,IAAA,eAAM,EAAC,qBAAU,EAAE;IAC9B,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI;CAClD,CAAC,CAAC,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAEtB,MAAM,mBAAmB,GAAG,IAAA,eAAM,EAAC,0BAAe,EAAE;IAClD,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU;CACxD,CAAC,CAAC,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAEtB,MAAM,QAAQ,GAAG,IAAA,eAAM,EAAC,eAAI,EAAE;IAC5B,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ;CACtD,CAAC,CAAC,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAkBtB;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,SAAwB,oBAAoB,CAAC,OAAkC;IAC7E,QAAQ;IACR,MAAM,KAAK,GAA8B,IAAA,sBAAa,EAAC;QACrD,KAAK,EAAE,OAAO;QACd,IAAI,EAAE,MAAM;KACb,CAAC,CAAC;IACH,MAAM,EAAC,SAAS,GAAG,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,GAAG,EAAE,KAAa,KAAK,EAAb,IAAI,UAAI,KAAK,EAA3E,wCAAmE,CAAQ,CAAC;IAElF,QAAQ;IACR,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAqB,IAAI,CAAC,CAAC;IACnE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IACzD,MAAM,CAAC,eAAe,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAU,IAAI,CAAC,CAAC;IACpE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAiB,IAAI,CAAC,CAAC;IAE3D,UAAU;IACV,MAAM,aAAa,GAAsB,IAAA,sBAAS,GAAE,CAAC;IAErD,QAAQ;IACR,MAAM,EAAC,MAAM,EAAE,SAAS,EAAC,GAAG,IAAA,2BAAc,EAAC,EAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAC,CAAC,CAAC;IAC/D,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAe,CAAC;IACtC,MAAM,QAAQ,GAAG,IAAA,wBAAa,EAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAE7D,WAAW;IACX,MAAM,UAAU,GAAG,CAAC,KAA0C,EAAE,EAAE;QAChE,WAAW,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;IACnC,CAAC,CAAC;IACF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,WAAW,CAAC,IAAI,CAAC,CAAC;IACpB,CAAC,CAAC;IACF,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,WAAW,CAAC,IAAI,CAAC,CAAC;QAClB,WAAW,CAAC,IAAI,CAAC,CAAC;IACpB,CAAC,CAAC;IACF,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,WAAW,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC,CAAC;IACF,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,IAAI,MAAM,KAAK,IAAI,EAAE;YACnB,OAAO,IAAI,CAAC;SACb;QACD,gBAAgB,CAAC,IAAI,CAAC,CAAC;QACvB,0BAAW,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,CAAC;aAChC,IAAI,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;aAC9B,IAAI,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC;IACzC,CAAC,CAAC;IAEF,UAAU;IACV,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,QAAQ,IAAI,MAAM,KAAK,IAAI,EAAE;YAC/B,0BAAW,CAAC,eAAe,CAAC,MAAM,CAAC,EAAE,CAAC;iBACnC,IAAI,CAAC,CAAC,GAA2B,EAAE,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;iBAC/D,IAAI,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC;SACxC;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,SAAS;IACT,MAAM,IAAI,GAAG,aAAa,CAAC,IAAI,IAAI,MAAM,CAAC,EAAE,KAAK,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC;IACvE,IAAI,IAAI,EAAE;QACR,OAAO,IAAI,CAAC;KACb;IAED,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,IAAI,QAAQ,EAAE;YACZ,OAAO;gBACL,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5B,8BAAC,mBAAQ,IAAC,GAAG,EAAE,KAAK;oBAClB,8BAAC,yBAAc,IAAC,SAAS,EAAE,iBAAI,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE;wBAC1C,8BAAC,uBAAY,IAAC,OAAO,EAAE,IAAI,CAAC,KAAK,GAAI,CACtB,CACR,CACZ,CAAC;gBACF,8BAAC,mBAAQ,IAAC,GAAG,EAAC,MAAM;oBAClB,8BAAC,yBAAc,IAAC,OAAO,EAAE,cAAc;wBACrC,8BAAC,uBAAY,IACX,OAAO,EAAE,8BAAC,6BAAgB,IAAC,cAAc,EAAC,qCAAqC,EAAC,EAAE,EAAC,qCAAqC,GAAG,GAC3H,CACa,CACR;gBACX,8BAAC,kBAAO,IAAC,GAAG,EAAC,SAAS,GAAG;gBACzB,8BAAC,mBAAQ,IAAC,GAAG,EAAC,MAAM;oBAClB,8BAAC,yBAAc,IAAC,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,eAAe;wBAClE,8BAAC,uBAAY,IACX,OAAO,EACL,MAAM,CAAC,CAAC,CAAC,CACP,8BAAC,6BAAgB,IAAC,cAAc,EAAC,8BAA8B,EAAC,EAAE,EAAC,8BAA8B,GAAG,CACrG,CAAC,CAAC,CAAC,CACF,8BAAC,6BAAgB,IAAC,cAAc,EAAC,8BAA8B,EAAC,EAAE,EAAC,8BAA8B,GAAG,CACrG,GAEH,CACa,CACR;aACZ,CAAC;SACH;aAAM;YACL,OAAO;gBACL,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5B,8BAAC,mBAAQ,IAAC,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,iBAAI,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE,WAAW,IACrE,IAAI,CAAC,KAAK,CACF,CACZ,CAAC;gBACF,8BAAC,mBAAQ,IAAC,GAAG,EAAC,MAAM,EAAC,OAAO,EAAE,cAAc;oBAC1C,8BAAC,6BAAgB,IAAC,cAAc,EAAC,qCAAqC,EAAC,EAAE,EAAC,qCAAqC,GAAG,CACzG;gBACX,8BAAC,kBAAO,IAAC,GAAG,EAAC,SAAS,GAAG;gBACzB,8BAAC,mBAAQ,IAAC,GAAG,EAAC,MAAM,EAAC,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,eAAe,IACtE,MAAM,CAAC,CAAC,CAAC,CACR,8BAAC,6BAAgB,IAAC,cAAc,EAAC,8BAA8B,EAAC,EAAE,EAAC,8BAA8B,GAAG,CACrG,CAAC,CAAC,CAAC,CACF,8BAAC,6BAAgB,IAAC,cAAc,EAAC,8BAA8B,EAAC,EAAE,EAAC,8BAA8B,GAAG,CACrG,CACQ;aACZ,CAAC;SACH;IACH,CAAC,CAAC;IAEF,OAAO,CACL;QACE,8BAAC,IAAI,kBAAC,SAAS,EAAE,IAAA,oBAAU,EAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,IAAM,IAAI,IAAE,OAAO,EAAE,UAAU;YACjF,8BAAC,eAAI,oBAAiB,CACjB;QACN,QAAQ,CAAC,CAAC,CAAC,CACV,8BAAC,mBAAmB,IAAC,SAAS,EAAE,OAAO,CAAC,UAAU,EAAE,MAAM,EAAC,QAAQ,EAAC,IAAI,EAAE,OAAO,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU;YACnI,8BAAC,eAAI,QAAE,UAAU,EAAE,CAAQ,CACP,CACvB,CAAC,CAAC,CAAC,CACF,8BAAC,QAAQ,IAAC,SAAS,EAAE,OAAO,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,WAAW,IACrG,UAAU,EAAE,CACJ,CACZ;QACD,8BAAC,wBAAc,IAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,eAAe,GAAI,CACzF,CACJ,CAAC;AACJ,CAAC;AApID,uCAoIC"}

package/lib/cjs/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/cjs/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/cjs/components/UserActionIconButton/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const UserActionIconButton_1 = __importDefault(require("./UserActionIconButton"));
+exports.default = UserActionIconButton_1.default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/UserActionIconButton/index.tsx"],"names":[],"mappings":";;;;;AAAA,kFAAuF;AACvF,kBAAe,8BAAoB,CAAC"}

package/lib/cjs/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/cjs/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/cjs/components/UserCounters/UserCounters.js

@@ -0,0 +1,121 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const styles_1 = require("@mui/material/styles");
+const material_1 = require("@mui/material");
+const react_intl_1 = require("react-intl");
+const react_core_1 = require("@selfcommunity/react-core");
+const classnames_1 = __importDefault(require("classnames"));
+const system_1 = require("@mui/system");
+const Bullet_1 = __importDefault(require("../../shared/Bullet"));
+const PREFIX = 'SCUserCounters';
+const classes = {
+    root: `${PREFIX}-root`,
+    button: `${PREFIX}-button`
+};
+const Root = (0, styles_1.styled)(material_1.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
+ */
+function UserCounters(inProps) {
+    // PROPS
+    const props = (0, system_1.useThemeProps)({
+        props: inProps,
+        name: PREFIX
+    });
+    const { className = null, userId = null, user = null } = props, rest = __rest(props, ["className", "userId", "user"]);
+    // CONTEXT
+    const scRoutingContext = (0, react_core_1.useSCRouting)();
+    const scPreferencesContext = (0, react_1.useContext)(react_core_1.SCPreferencesContext);
+    const followEnabled = react_core_1.SCPreferences.CONFIGURATIONS_FOLLOW_ENABLED in scPreferencesContext.preferences &&
+        scPreferencesContext.preferences[react_core_1.SCPreferences.CONFIGURATIONS_FOLLOW_ENABLED].value;
+    // HOOKS
+    const { scUser } = (0, react_core_1.useSCFetchUser)({ id: userId, user });
+    return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest),
+        followEnabled ? (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(material_1.Button, { className: classes.button, variant: "text", component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_FOLLOWINGS_ROUTE_NAME, scUser) },
+                react_1.default.createElement(react_intl_1.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_1.default.createElement("strong", null, chunks) } })),
+            react_1.default.createElement(Bullet_1.default, null),
+            react_1.default.createElement(material_1.Button, { className: classes.button, variant: "text", component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_FOLLOWERS_ROUTE_NAME, scUser) },
+                react_1.default.createElement(react_intl_1.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_1.default.createElement("strong", null, chunks) } })))) : (react_1.default.createElement(material_1.Button, { className: classes.button, variant: "text", component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_CONNECTIONS_ROUTE_NAME, scUser) },
+            react_1.default.createElement(react_intl_1.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_1.default.createElement("strong", null, chunks) } }))),
+        react_1.default.createElement(Bullet_1.default, null),
+        react_1.default.createElement(material_1.Button, { className: classes.button, variant: "text", component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_CATEGORIES_ROUTE_NAME, scUser) },
+            react_1.default.createElement(react_intl_1.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_1.default.createElement("strong", null, chunks) } }))));
+}
+exports.default = UserCounters;
+//# sourceMappingURL=UserCounters.js.map

package/lib/cjs/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/cjs/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/cjs/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/cjs/components/UserCounters/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const UserCounters_1 = __importDefault(require("./UserCounters"));
+exports.default = UserCounters_1.default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/UserCounters/index.tsx"],"names":[],"mappings":";;;;;AAAA,kEAA+D;AAC/D,kBAAe,sBAAY,CAAC"}

package/lib/cjs/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/cjs/components/{UserProfileInfo → UserInfo}/Skeleton.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/components/UserInfo/Skeleton.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,4CAAgD;AAChD,iDAA8C;AAC9C,sEAA8C;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,IAAA,eAAM,EAAC,cAAG,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,8BAAC,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,8BAAC,cAAG,IAAC,SAAS,EAAE,OAAO,CAAC,KAAK;QAC3B,8BAAC,qBAAU,IAAC,OAAO,EAAC,IAAI;YACtB,8BAAC,kBAAQ,IAAC,SAAS,EAAC,MAAM,EAAC,EAAE,EAAE,EAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAC,GAAI,CAClD;QACb,8BAAC,qBAAU,IAAC,OAAO,EAAC,OAAO;YACzB,8BAAC,kBAAQ,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,kBAAe,uBAAuB,CAAC"}

package/lib/cjs/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/cjs/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"}