@selfcommunity/react-ui 0.6.1-alpha.5 → 0.6.1-alpha.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/cjs/components/FeedObject/Actions/Reaction/Reaction.d.ts.map +1 -1
- package/lib/cjs/components/FeedObject/Actions/Reaction/Reaction.js +7 -11
- package/lib/cjs/components/FeedObject/Actions/Reaction/Reaction.js.map +1 -1
- package/lib/cjs/components/FeedObject/Actions/Reaction/ReactionsPopover.d.ts +0 -4
- package/lib/cjs/components/FeedObject/Actions/Reaction/ReactionsPopover.d.ts.map +1 -1
- package/lib/cjs/components/FeedObject/Actions/Reaction/ReactionsPopover.js +14 -5
- package/lib/cjs/components/FeedObject/Actions/Reaction/ReactionsPopover.js.map +1 -1
- package/lib/cjs/components/User/User.d.ts +2 -0
- package/lib/cjs/components/User/User.d.ts.map +1 -1
- package/lib/cjs/components/User/User.js +57 -4
- package/lib/cjs/components/User/User.js.map +1 -1
- package/lib/esm/components/FeedObject/Actions/Reaction/Reaction.d.ts.map +1 -1
- package/lib/esm/components/FeedObject/Actions/Reaction/Reaction.js +8 -12
- package/lib/esm/components/FeedObject/Actions/Reaction/Reaction.js.map +1 -1
- package/lib/esm/components/FeedObject/Actions/Reaction/ReactionsPopover.d.ts +0 -4
- package/lib/esm/components/FeedObject/Actions/Reaction/ReactionsPopover.d.ts.map +1 -1
- package/lib/esm/components/FeedObject/Actions/Reaction/ReactionsPopover.js +14 -5
- package/lib/esm/components/FeedObject/Actions/Reaction/ReactionsPopover.js.map +1 -1
- package/lib/esm/components/User/User.d.ts +2 -0
- package/lib/esm/components/User/User.d.ts.map +1 -1
- package/lib/esm/components/User/User.js +36 -6
- package/lib/esm/components/User/User.js.map +1 -1
- package/lib/umd/react-ui.js +2 -2
- package/lib/umd/react-ui.js.map +1 -1
- package/package.json +5 -5
|
@@ -19,18 +19,21 @@ const classes = {
|
|
|
19
19
|
root: `${PREFIX}-root`,
|
|
20
20
|
reactionsMenu: `${PREFIX}-reactions-menu`,
|
|
21
21
|
reactionsList: `${PREFIX}-reactions-list`,
|
|
22
|
+
reactionIcon: `${PREFIX}-reaction-icon`,
|
|
22
23
|
arrowIcon: `${PREFIX}-arrow-icon`
|
|
23
24
|
};
|
|
24
25
|
const Root = styled(Popover, {
|
|
25
26
|
name: PREFIX,
|
|
26
27
|
slot: 'Root'
|
|
27
28
|
})(({ theme }) => ({
|
|
28
|
-
|
|
29
|
+
' .MuiPopover-paper': {
|
|
30
|
+
pointerEvents: 'auto'
|
|
31
|
+
},
|
|
32
|
+
pointerEvents: 'none',
|
|
29
33
|
'& .MuiPaper-root': {
|
|
30
34
|
borderRadius: '40px',
|
|
31
35
|
paddingBottom: '4px',
|
|
32
36
|
paddingTop: '4px'
|
|
33
|
-
//position: 'fixed',
|
|
34
37
|
},
|
|
35
38
|
[`.${classes.reactionsMenu}`]: {
|
|
36
39
|
width: 200,
|
|
@@ -51,6 +54,12 @@ const Root = styled(Popover, {
|
|
|
51
54
|
width: 0,
|
|
52
55
|
height: 0
|
|
53
56
|
}
|
|
57
|
+
},
|
|
58
|
+
[`.${classes.reactionIcon}`]: {
|
|
59
|
+
cursor: 'pointer',
|
|
60
|
+
display: 'flex',
|
|
61
|
+
alignItems: 'center',
|
|
62
|
+
justifyContent: 'center'
|
|
54
63
|
}
|
|
55
64
|
}));
|
|
56
65
|
export default function ReactionsPopover(inProps) {
|
|
@@ -59,7 +68,7 @@ export default function ReactionsPopover(inProps) {
|
|
|
59
68
|
props: inProps,
|
|
60
69
|
name: PREFIX
|
|
61
70
|
});
|
|
62
|
-
const { className, open, reactions, anchorEl, onClose, onReactionSelection, onOpen
|
|
71
|
+
const { className, open, reactions, anchorEl, onClose, onReactionSelection, onOpen } = props, rest = __rest(props, ["className", "open", "reactions", "anchorEl", "onClose", "onReactionSelection", "onOpen"]);
|
|
63
72
|
const theme = useTheme();
|
|
64
73
|
const isMobile = useMediaQuery(theme.breakpoints.down('md'));
|
|
65
74
|
const scroll = useRef(null);
|
|
@@ -102,12 +111,12 @@ export default function ReactionsPopover(inProps) {
|
|
|
102
111
|
}, transformOrigin: {
|
|
103
112
|
vertical: 'bottom',
|
|
104
113
|
horizontal: 'center'
|
|
105
|
-
}, PaperProps: {
|
|
114
|
+
}, PaperProps: { onMouseEnter: onOpen, onMouseLeave: onClose, onTouchStart: onOpen } }),
|
|
106
115
|
React.createElement(ClickAwayListener, { onClickAway: onClose },
|
|
107
116
|
React.createElement(Box, { component: 'div', className: classes.reactionsMenu },
|
|
108
117
|
scrollLeft !== 0 && !isMobile && (React.createElement(Icon, { onClick: () => slide(-50), fontSize: 'small', className: classes.arrowIcon }, "chevron_left")),
|
|
109
118
|
React.createElement(List, { ref: scroll, onScroll: checkScrollEnd, className: classes.reactionsList }, reactions.map((reaction, index) => (React.createElement(ListItem, { key: index, onClick: () => onReactionSelection(reaction) },
|
|
110
|
-
React.createElement(Icon, {
|
|
119
|
+
React.createElement(Icon, { className: classes.reactionIcon },
|
|
111
120
|
React.createElement("img", { alt: reaction.label, src: reaction.image, width: 16, height: 16 })))))),
|
|
112
121
|
!scrollRight && !isMobile && (React.createElement(Icon, { onClick: () => slide(+50), fontSize: 'small', className: classes.arrowIcon }, "chevron_right"))))));
|
|
113
122
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReactionsPopover.js","sourceRoot":"","sources":["../../../../../../src/components/FeedObject/Actions/Reaction/ReactionsPopover.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,aAAa,EAAE,QAAQ,EAAE,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAC/G,OAAO,IAAI,MAAM,oBAAoB,CAAC;AACtC,OAAO,KAAK,EAAE,EAAC,MAAM,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC9C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAC,aAAa,EAAC,MAAM,aAAa,CAAC;AAG1C,MAAM,MAAM,GAAG,oBAAoB,CAAC;AAEpC,MAAM,OAAO,GAAG;IACd,IAAI,EAAE,GAAG,MAAM,OAAO;IACtB,aAAa,EAAE,GAAG,MAAM,iBAAiB;IACzC,aAAa,EAAE,GAAG,MAAM,iBAAiB;IACzC,SAAS,EAAE,GAAG,MAAM,aAAa;CAClC,CAAC;AAEF,MAAM,IAAI,GAAG,MAAM,CAAC,OAAO,EAAE;IAC3B,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;CACb,CAAC,CAAC,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE,CAAC,CAAC;IACf,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"ReactionsPopover.js","sourceRoot":"","sources":["../../../../../../src/components/FeedObject/Actions/Reaction/ReactionsPopover.tsx"],"names":[],"mappings":"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"}
|
|
@@ -62,6 +62,8 @@ export interface UserProps extends WidgetProps {
|
|
|
62
62
|
|Rule Name|Global class|Description|
|
|
63
63
|
|---|---|---|
|
|
64
64
|
|root|.SCUser-root|Styles applied to the root element.|
|
|
65
|
+
|staffBadgeLabel|.SCUser-staff-badge-label|Styles applied to the staff badge label element.|
|
|
66
|
+
|staffBadgeIcon|.SCUser-staff-badge-icon|Styles applied to the staff badge icon element.|
|
|
65
67
|
|
|
66
68
|
* @param inProps
|
|
67
69
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"User.d.ts","sourceRoot":"","sources":["../../../../src/components/User/User.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"User.d.ts","sourceRoot":"","sources":["../../../../src/components/User/User.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAYhD,OAAO,EAAC,qBAAqB,EAAC,MAAM,sCAAsC,CAAC;AAE3E,OAAO,EAAC,qBAAqB,EAAC,MAAM,8CAA8C,CAAC;AAInF,OAAO,EAAC,WAAW,EAAC,MAAM,WAAW,CAAC;AAoCtC,MAAM,WAAW,SAAU,SAAQ,WAAW;IAC5C;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,CAAC,CAAC,KAAA,KAAK,IAAI,CAAC;IACjC;;;OAGG;IACH,4BAA4B,CAAC,EAAE,qBAAqB,GAAG,qBAAqB,CAAC;IAC7E;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AAGD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,OAAO,EAAE,SAAS,GAAG,GAAG,CAAC,OAAO,CAiH5D"}
|
|
@@ -9,11 +9,11 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import React from 'react';
|
|
12
|
+
import React, { useMemo } from 'react';
|
|
13
13
|
import { styled } from '@mui/material/styles';
|
|
14
14
|
import UserSkeleton from './Skeleton';
|
|
15
|
-
import { Avatar, Badge, Button } from '@mui/material';
|
|
16
|
-
import { Link, SCRoutes, useSCFetchUser, useSCRouting } from '@selfcommunity/react-core';
|
|
15
|
+
import { Avatar, Badge, Button, Chip, Typography } from '@mui/material';
|
|
16
|
+
import { Link, SCPreferences, SCRoutes, useSCFetchUser, useSCPreferences, useSCRouting } from '@selfcommunity/react-core';
|
|
17
17
|
import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
|
|
18
18
|
import classNames from 'classnames';
|
|
19
19
|
import ConnectionUserButton from '../ConnectionUserButton';
|
|
@@ -27,13 +27,29 @@ const messages = defineMessages({
|
|
|
27
27
|
});
|
|
28
28
|
const PREFIX = 'SCUser';
|
|
29
29
|
const classes = {
|
|
30
|
-
root: `${PREFIX}-root
|
|
30
|
+
root: `${PREFIX}-root`,
|
|
31
|
+
staffBadgeLabel: `${PREFIX}-staff-badge-label`,
|
|
32
|
+
staffBadgeIcon: `${PREFIX}-staff-badge-icon`
|
|
31
33
|
};
|
|
32
34
|
const Root = styled(BaseItemButton, {
|
|
33
35
|
name: PREFIX,
|
|
34
36
|
slot: 'Root',
|
|
35
37
|
overridesResolver: (props, styles) => styles.root
|
|
36
|
-
})(({ theme }) => ({
|
|
38
|
+
})(({ theme }) => ({
|
|
39
|
+
'& .MuiChip-root': {
|
|
40
|
+
height: '18px'
|
|
41
|
+
},
|
|
42
|
+
[`& .${classes.staffBadgeLabel}`]: {
|
|
43
|
+
marginLeft: theme.spacing(1),
|
|
44
|
+
borderRadius: 0,
|
|
45
|
+
fontSize: '0.5rem'
|
|
46
|
+
},
|
|
47
|
+
[`& .${classes.staffBadgeIcon}`]: {
|
|
48
|
+
top: '25%',
|
|
49
|
+
right: '5%'
|
|
50
|
+
}
|
|
51
|
+
}));
|
|
52
|
+
const PREFERENCES = [SCPreferences.STAFF_STAFF_BADGE_LABEL, SCPreferences.STAFF_STAFF_BADGE_ICON];
|
|
37
53
|
/**
|
|
38
54
|
* > API documentation for the Community-JS User component. Learn about the available props and the CSS API.
|
|
39
55
|
|
|
@@ -53,6 +69,8 @@ const Root = styled(BaseItemButton, {
|
|
|
53
69
|
|Rule Name|Global class|Description|
|
|
54
70
|
|---|---|---|
|
|
55
71
|
|root|.SCUser-root|Styles applied to the root element.|
|
|
72
|
+
|staffBadgeLabel|.SCUser-staff-badge-label|Styles applied to the staff badge label element.|
|
|
73
|
+
|staffBadgeIcon|.SCUser-staff-badge-icon|Styles applied to the staff badge icon element.|
|
|
56
74
|
|
|
57
75
|
* @param inProps
|
|
58
76
|
*/
|
|
@@ -73,6 +91,14 @@ export default function User(inProps) {
|
|
|
73
91
|
const { scUser, setSCUser } = useSCFetchUser({ id: userId, user });
|
|
74
92
|
// CONTEXT
|
|
75
93
|
const scRoutingContext = useSCRouting();
|
|
94
|
+
// PREFERENCES
|
|
95
|
+
const scPreferences = useSCPreferences();
|
|
96
|
+
const preferences = useMemo(() => {
|
|
97
|
+
const _preferences = {};
|
|
98
|
+
PREFERENCES.map((p) => (_preferences[p] = p in scPreferences.preferences ? scPreferences.preferences[p].value : null));
|
|
99
|
+
return _preferences;
|
|
100
|
+
}, [scPreferences.preferences]);
|
|
101
|
+
const hasBadge = scUser && scUser.community_badge;
|
|
76
102
|
// INTL
|
|
77
103
|
const intl = useIntl();
|
|
78
104
|
/**
|
|
@@ -95,6 +121,10 @@ export default function User(inProps) {
|
|
|
95
121
|
* Renders root object
|
|
96
122
|
*/
|
|
97
123
|
return (React.createElement(Root, Object.assign({ elevation: elevation }, rest, { className: classNames(classes.root, className), ButtonBaseProps: { component: Link, to: scRoutingContext.url(SCRoutes.USER_PROFILE_ROUTE_NAME, scUser) }, image: showReaction ? (React.createElement(Badge, { overlap: "circular", anchorOrigin: { vertical: 'bottom', horizontal: 'right' }, badgeContent: React.createElement(SmallAvatar, { alt: reaction.label, src: reaction.image }) },
|
|
98
|
-
React.createElement(Avatar, { alt: scUser.username, src: scUser.avatar }))) : (React.createElement(
|
|
124
|
+
React.createElement(Avatar, { alt: scUser.username, src: scUser.avatar }))) : (React.createElement(Badge, { invisible: !hasBadge, classes: { badge: classes.staffBadgeIcon }, overlap: "circular", anchorOrigin: { vertical: 'top', horizontal: 'right' }, badgeContent: preferences ? (React.createElement(SmallAvatar, { alt: preferences[SCPreferences.STAFF_STAFF_BADGE_LABEL], src: preferences[SCPreferences.STAFF_STAFF_BADGE_ICON] })) : null },
|
|
125
|
+
React.createElement(Avatar, { alt: scUser.username, src: scUser.avatar }))), primary: hasBadge && preferences ? (React.createElement(Typography, { component: 'span' },
|
|
126
|
+
scUser.username,
|
|
127
|
+
" ",
|
|
128
|
+
React.createElement(Chip, { className: classes.staffBadgeLabel, size: "small", label: preferences[SCPreferences.STAFF_STAFF_BADGE_LABEL] }))) : (scUser.username), secondary: showFollowers ? `${intl.formatMessage(messages.userFollowers, { total: scUser.followers_counter })}` : scUser.description, actions: renderAuthenticatedActions() })));
|
|
99
129
|
}
|
|
100
130
|
//# sourceMappingURL=User.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"User.js","sourceRoot":"","sources":["../../../../src/components/User/User.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"User.js","sourceRoot":"","sources":["../../../../src/components/User/User.tsx"],"names":[],"mappings":"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"}
|