@selfcommunity/react-ui 0.7.9-alpha.42 → 0.7.9-alpha.44

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.
Files changed (12) hide show
  1. package/lib/cjs/components/CategoryHeader/Skeleton.js +1 -1
  2. package/lib/cjs/components/Group/Group.d.ts +3 -0
  3. package/lib/cjs/components/Group/Group.js +9 -3
  4. package/lib/cjs/components/Groups/Groups.js +1 -1
  5. package/lib/cjs/components/PrivateMessageComponent/PrivateMessageComponent.js +1 -0
  6. package/lib/esm/components/CategoryHeader/Skeleton.js +1 -1
  7. package/lib/esm/components/Group/Group.d.ts +3 -0
  8. package/lib/esm/components/Group/Group.js +9 -3
  9. package/lib/esm/components/Groups/Groups.js +1 -1
  10. package/lib/esm/components/PrivateMessageComponent/PrivateMessageComponent.js +1 -0
  11. package/lib/umd/react-ui.js +1 -1
  12. package/package.json +4 -4
package/lib/cjs/components/CategoryHeader/Skeleton.js CHANGED
@@ -35,7 +35,7 @@ const Root = (0, styles_1.styled)(material_1.Box, {
35
35
  */
36
36
  function CategoryHeaderSkeleton() {
37
37
  return (react_1.default.createElement(Root, { className: classes.root },
38
- react_1.default.createElement(Skeleton_1.default, { sx: { height: 150 }, animation: "wave", variant: "rectangular" }),
38
+ react_1.default.createElement(Skeleton_1.default, { sx: { height: 230 }, animation: "wave", variant: "rectangular" }),
39
39
  react_1.default.createElement(material_1.Box, null,
40
40
  react_1.default.createElement(Skeleton_1.default, { animation: "wave", sx: { height: 20, maxWidth: 300, width: '100%', margin: '0 auto' } })),
41
41
  react_1.default.createElement(material_1.Box, null,
package/lib/cjs/components/Group/Group.d.ts CHANGED
@@ -61,6 +61,9 @@ export interface GroupProps extends WidgetProps {
61
61
  |---|---|---|
62
62
  |root|.SCGroup-root|Styles applied to the root element.|
63
63
  |avatar|.SCGroup-avatar|Styles applied to the avatar element.|
64
+ |actions|.SCGroup-actions|Styles applied to the actions section.|
65
+ |icon|.SCGroup-icon|Styles applied to the group privacy icon element.|
66
+
64
67
 
65
68
  *
66
69
  * @param inProps
package/lib/cjs/components/Group/Group.js CHANGED
@@ -23,7 +23,8 @@ const messages = (0, react_intl_1.defineMessages)({
23
23
  const classes = {
24
24
  root: `${constants_1.PREFIX}-root`,
25
25
  avatar: `${constants_1.PREFIX}-avatar`,
26
- actions: `${constants_1.PREFIX}-actions`
26
+ actions: `${constants_1.PREFIX}-actions`,
27
+ icon: `${constants_1.PREFIX}-icon`
27
28
  };
28
29
  const Root = (0, styles_1.styled)(BaseItemButton_1.default, {
29
30
  name: constants_1.PREFIX,
@@ -54,6 +55,9 @@ const Root = (0, styles_1.styled)(BaseItemButton_1.default, {
54
55
  |---|---|---|
55
56
  |root|.SCGroup-root|Styles applied to the root element.|
56
57
  |avatar|.SCGroup-avatar|Styles applied to the avatar element.|
58
+ |actions|.SCGroup-actions|Styles applied to the actions section.|
59
+ |icon|.SCGroup-icon|Styles applied to the group privacy icon element.|
60
+
57
61
 
58
62
  *
59
63
  * @param inProps
@@ -82,7 +86,6 @@ function Group(inProps) {
82
86
  */
83
87
  function renderAuthenticatedActions() {
84
88
  return (react_1.default.createElement(material_1.Stack, { className: classes.actions, direction: "row", alignItems: "center", justifyContent: "center", spacing: 2 },
85
- react_1.default.createElement(material_1.Icon, null, (group === null || group === void 0 ? void 0 : group.privacy) === types_1.SCGroupPrivacyType.PRIVATE ? 'private' : 'public'),
86
89
  isGroupAdmin && react_1.default.createElement(material_1.Icon, null, "face"),
87
90
  react_1.default.createElement(GroupSubscribeButton_1.default, Object.assign({ group: group, groupId: groupId }, groupSubscribeButtonProps))));
88
91
  }
@@ -96,7 +99,10 @@ function Group(inProps) {
96
99
  * Renders root object
97
100
  */
98
101
  return (react_1.default.createElement(react_1.default.Fragment, null,
99
- react_1.default.createElement(Root, Object.assign({ elevation: elevation }, rest, { className: (0, classnames_1.default)(classes.root, className), ButtonBaseProps: { component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.GROUP_ROUTE_NAME, scGroup) }, image: react_1.default.createElement(material_1.Avatar, { alt: scGroup.name, src: scGroup.image_medium, className: classes.avatar }), primary: scGroup.name, secondary: `${intl.formatMessage(messages.groupMembers, { total: scGroup.subscribers_counter })}`, actions: hideActions ? null : renderAuthenticatedActions() })),
102
+ react_1.default.createElement(Root, Object.assign({ elevation: elevation }, rest, { className: (0, classnames_1.default)(classes.root, className), ButtonBaseProps: { component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.GROUP_ROUTE_NAME, scGroup) }, image: react_1.default.createElement(material_1.Avatar, { alt: scGroup.name, src: scGroup.image_medium, className: classes.avatar }), primary: react_1.default.createElement(react_1.default.Fragment, null,
103
+ scGroup.name,
104
+ " ",
105
+ react_1.default.createElement(material_1.Icon, { className: classes.icon }, (group === null || group === void 0 ? void 0 : group.privacy) === types_1.SCGroupPrivacyType.PRIVATE ? 'private' : 'public')), secondary: `${intl.formatMessage(messages.groupMembers, { total: scGroup.subscribers_counter })}`, actions: hideActions ? null : renderAuthenticatedActions() })),
100
106
  openAlert && react_1.default.createElement(UserDeletedSnackBar_1.default, { open: openAlert, handleClose: () => setOpenAlert(false) })));
101
107
  }
102
108
  exports.default = Group;
package/lib/cjs/components/Groups/Groups.js CHANGED
@@ -152,7 +152,7 @@ function Groups(inProps) {
152
152
  react_1.default.createElement(material_1.Typography, { variant: "h4" },
153
153
  react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.groups.noGroups.title", defaultMessage: "ui.groups.noGroups.title" })),
154
154
  react_1.default.createElement(material_1.Typography, { variant: "body1" },
155
- react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.groups.noGroups.subtitle", defaultMessage: "ui.groups.noGroups.subtitle" })))) : (react_1.default.createElement(material_1.Grid, { container: true, spacing: { xs: 3 }, className: classes.groups }, filteredGroups.map((group) => (react_1.default.createElement(material_1.Grid, { item: true, xs: 12, sm: 8, md: 6, key: group.id, className: classes.item },
155
+ react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.groups.noGroups.subtitle", defaultMessage: "ui.groups.noGroups.subtitle" })))) : (react_1.default.createElement(material_1.Grid, { container: true, spacing: { xs: 2 }, className: classes.groups }, filteredGroups.map((group) => (react_1.default.createElement(material_1.Grid, { item: true, xs: 12, sm: 8, md: 6, key: group.id, className: classes.item },
156
156
  react_1.default.createElement(Group_1.default, Object.assign({ group: group, groupId: group.id, groupSubscribeButtonProps: { onSubscribe: handleSubscribe } }, GroupComponentProps)))))))))));
157
157
  // RENDER
158
158
  if (!contentAvailability && !scUserContext.user) {
package/lib/cjs/components/PrivateMessageComponent/PrivateMessageComponent.js CHANGED
@@ -110,6 +110,7 @@ function PrivateMessageComponent(inProps) {
110
110
  const handleOpenNewMessage = () => {
111
111
  setOpenNewMessage(!openNewMessage);
112
112
  setObj(types_1.SCPrivateMessageStatusType.NEW);
113
+ setType(types_1.SCPrivateMessageType.NEW);
113
114
  onItemClick && onItemClick(types_1.SCPrivateMessageStatusType.NEW, types_1.SCPrivateMessageType.NEW);
114
115
  };
115
116
  /**
package/lib/esm/components/CategoryHeader/Skeleton.js CHANGED
@@ -32,7 +32,7 @@ const Root = styled(Box, {
32
32
  */
33
33
  export default function CategoryHeaderSkeleton() {
34
34
  return (React.createElement(Root, { className: classes.root },
35
- React.createElement(Skeleton, { sx: { height: 150 }, animation: "wave", variant: "rectangular" }),
35
+ React.createElement(Skeleton, { sx: { height: 230 }, animation: "wave", variant: "rectangular" }),
36
36
  React.createElement(Box, null,
37
37
  React.createElement(Skeleton, { animation: "wave", sx: { height: 20, maxWidth: 300, width: '100%', margin: '0 auto' } })),
38
38
  React.createElement(Box, null,
package/lib/esm/components/Group/Group.d.ts CHANGED
@@ -61,6 +61,9 @@ export interface GroupProps extends WidgetProps {
61
61
  |---|---|---|
62
62
  |root|.SCGroup-root|Styles applied to the root element.|
63
63
  |avatar|.SCGroup-avatar|Styles applied to the avatar element.|
64
+ |actions|.SCGroup-actions|Styles applied to the actions section.|
65
+ |icon|.SCGroup-icon|Styles applied to the group privacy icon element.|
66
+
64
67
 
65
68
  *
66
69
  * @param inProps
package/lib/esm/components/Group/Group.js CHANGED
@@ -21,7 +21,8 @@ const messages = defineMessages({
21
21
  const classes = {
22
22
  root: `${PREFIX}-root`,
23
23
  avatar: `${PREFIX}-avatar`,
24
- actions: `${PREFIX}-actions`
24
+ actions: `${PREFIX}-actions`,
25
+ icon: `${PREFIX}-icon`
25
26
  };
26
27
  const Root = styled(BaseItemButton, {
27
28
  name: PREFIX,
@@ -52,6 +53,9 @@ const Root = styled(BaseItemButton, {
52
53
  |---|---|---|
53
54
  |root|.SCGroup-root|Styles applied to the root element.|
54
55
  |avatar|.SCGroup-avatar|Styles applied to the avatar element.|
56
+ |actions|.SCGroup-actions|Styles applied to the actions section.|
57
+ |icon|.SCGroup-icon|Styles applied to the group privacy icon element.|
58
+
55
59
 
56
60
  *
57
61
  * @param inProps
@@ -80,7 +84,6 @@ export default function Group(inProps) {
80
84
  */
81
85
  function renderAuthenticatedActions() {
82
86
  return (React.createElement(Stack, { className: classes.actions, direction: "row", alignItems: "center", justifyContent: "center", spacing: 2 },
83
- React.createElement(Icon, null, (group === null || group === void 0 ? void 0 : group.privacy) === SCGroupPrivacyType.PRIVATE ? 'private' : 'public'),
84
87
  isGroupAdmin && React.createElement(Icon, null, "face"),
85
88
  React.createElement(GroupSubscribeButton, Object.assign({ group: group, groupId: groupId }, groupSubscribeButtonProps))));
86
89
  }
@@ -94,6 +97,9 @@ export default function Group(inProps) {
94
97
  * Renders root object
95
98
  */
96
99
  return (React.createElement(React.Fragment, null,
97
- React.createElement(Root, Object.assign({ elevation: elevation }, rest, { className: classNames(classes.root, className), ButtonBaseProps: { component: Link, to: scRoutingContext.url(SCRoutes.GROUP_ROUTE_NAME, scGroup) }, image: React.createElement(Avatar, { alt: scGroup.name, src: scGroup.image_medium, className: classes.avatar }), primary: scGroup.name, secondary: `${intl.formatMessage(messages.groupMembers, { total: scGroup.subscribers_counter })}`, actions: hideActions ? null : renderAuthenticatedActions() })),
100
+ React.createElement(Root, Object.assign({ elevation: elevation }, rest, { className: classNames(classes.root, className), ButtonBaseProps: { component: Link, to: scRoutingContext.url(SCRoutes.GROUP_ROUTE_NAME, scGroup) }, image: React.createElement(Avatar, { alt: scGroup.name, src: scGroup.image_medium, className: classes.avatar }), primary: React.createElement(React.Fragment, null,
101
+ scGroup.name,
102
+ " ",
103
+ React.createElement(Icon, { className: classes.icon }, (group === null || group === void 0 ? void 0 : group.privacy) === SCGroupPrivacyType.PRIVATE ? 'private' : 'public')), secondary: `${intl.formatMessage(messages.groupMembers, { total: scGroup.subscribers_counter })}`, actions: hideActions ? null : renderAuthenticatedActions() })),
98
104
  openAlert && React.createElement(UserDeletedSnackBar, { open: openAlert, handleClose: () => setOpenAlert(false) })));
99
105
  }
package/lib/esm/components/Groups/Groups.js CHANGED
@@ -150,7 +150,7 @@ export default function Groups(inProps) {
150
150
  React.createElement(Typography, { variant: "h4" },
151
151
  React.createElement(FormattedMessage, { id: "ui.groups.noGroups.title", defaultMessage: "ui.groups.noGroups.title" })),
152
152
  React.createElement(Typography, { variant: "body1" },
153
- React.createElement(FormattedMessage, { id: "ui.groups.noGroups.subtitle", defaultMessage: "ui.groups.noGroups.subtitle" })))) : (React.createElement(Grid, { container: true, spacing: { xs: 3 }, className: classes.groups }, filteredGroups.map((group) => (React.createElement(Grid, { item: true, xs: 12, sm: 8, md: 6, key: group.id, className: classes.item },
153
+ React.createElement(FormattedMessage, { id: "ui.groups.noGroups.subtitle", defaultMessage: "ui.groups.noGroups.subtitle" })))) : (React.createElement(Grid, { container: true, spacing: { xs: 2 }, className: classes.groups }, filteredGroups.map((group) => (React.createElement(Grid, { item: true, xs: 12, sm: 8, md: 6, key: group.id, className: classes.item },
154
154
  React.createElement(Group, Object.assign({ group: group, groupId: group.id, groupSubscribeButtonProps: { onSubscribe: handleSubscribe } }, GroupComponentProps)))))))))));
155
155
  // RENDER
156
156
  if (!contentAvailability && !scUserContext.user) {
package/lib/esm/components/PrivateMessageComponent/PrivateMessageComponent.js CHANGED
@@ -108,6 +108,7 @@ export default function PrivateMessageComponent(inProps) {
108
108
  const handleOpenNewMessage = () => {
109
109
  setOpenNewMessage(!openNewMessage);
110
110
  setObj(SCPrivateMessageStatusType.NEW);
111
+ setType(SCPrivateMessageType.NEW);
111
112
  onItemClick && onItemClick(SCPrivateMessageStatusType.NEW, SCPrivateMessageType.NEW);
112
113
  };
113
114
  /**