@selfcommunity/react-ui 0.7.0-alpha.367 → 0.7.0-alpha.368

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 (8) hide show
  1. package/lib/cjs/components/PrivateMessageSettingsIconButton/PrivateMessageSettingsIconButton.js +16 -18
  2. package/lib/cjs/components/UserProfileHeader/Skeleton.d.ts +1 -0
  3. package/lib/cjs/components/UserProfileHeader/Skeleton.js +3 -1
  4. package/lib/esm/components/PrivateMessageSettingsIconButton/PrivateMessageSettingsIconButton.js +16 -18
  5. package/lib/esm/components/UserProfileHeader/Skeleton.d.ts +1 -0
  6. package/lib/esm/components/UserProfileHeader/Skeleton.js +3 -1
  7. package/lib/umd/react-ui.js +1 -1
  8. package/package.json +2 -2
package/lib/cjs/components/PrivateMessageSettingsIconButton/PrivateMessageSettingsIconButton.js CHANGED
@@ -104,28 +104,26 @@ function PrivateMessageSettingsIconButton(inProps) {
104
104
  const renderList = () => {
105
105
  if (isMobile) {
106
106
  return [
107
- react_1.default.createElement(react_1.default.Fragment, null,
108
- user && (react_1.default.createElement(material_1.ListItem, { className: classes.item, key: "profile", component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_ROUTE_NAME, user) },
109
- react_1.default.createElement(material_1.ListItemIcon, null,
110
- react_1.default.createElement(Icon_1.default, { fontSize: "small" }, "people_alt")),
111
- react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.privateMessageSettingsIconButton.item.profile", defaultMessage: "ui.privateMessageSettingsIconButton.item.profile" }))),
112
- react_1.default.createElement(material_1.ListItem, { className: classes.item, key: "delete", onClick: threadToDelete ? handleOpenDialog : onMenuItemDeleteClick },
113
- react_1.default.createElement(material_1.ListItemIcon, null,
114
- react_1.default.createElement(Icon_1.default, { fontSize: "small" }, "delete")),
115
- react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.privateMessageSettingsIconButton.item.delete", defaultMessage: "ui.privateMessageSettingsIconButton.item.delete" })))
107
+ user && (react_1.default.createElement(material_1.ListItem, { className: classes.item, key: "profile", component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_ROUTE_NAME, user) },
108
+ react_1.default.createElement(material_1.ListItemIcon, null,
109
+ react_1.default.createElement(Icon_1.default, { fontSize: "small" }, "people_alt")),
110
+ react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.privateMessageSettingsIconButton.item.profile", defaultMessage: "ui.privateMessageSettingsIconButton.item.profile" }))),
111
+ react_1.default.createElement(material_1.ListItem, { className: classes.item, key: "delete", onClick: threadToDelete ? handleOpenDialog : onMenuItemDeleteClick },
112
+ react_1.default.createElement(material_1.ListItemIcon, null,
113
+ react_1.default.createElement(Icon_1.default, { fontSize: "small" }, "delete")),
114
+ react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.privateMessageSettingsIconButton.item.delete", defaultMessage: "ui.privateMessageSettingsIconButton.item.delete" }))
116
115
  ];
117
116
  }
118
117
  else {
119
118
  return [
120
- react_1.default.createElement(react_1.default.Fragment, null,
121
- user && (react_1.default.createElement(material_1.MenuItem, { className: classes.item, component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_ROUTE_NAME, user), key: "profile" },
122
- react_1.default.createElement(material_1.ListItemIcon, null,
123
- react_1.default.createElement(Icon_1.default, { fontSize: "small" }, "people_alt")),
124
- react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.privateMessageSettingsIconButton.item.profile", defaultMessage: "ui.privateMessageSettingsIconButton.item.profile" }))),
125
- react_1.default.createElement(material_1.MenuItem, { className: classes.item, onClick: threadToDelete ? handleOpenDialog : onMenuItemDeleteClick, key: "delete" },
126
- react_1.default.createElement(material_1.ListItemIcon, null,
127
- react_1.default.createElement(Icon_1.default, { fontSize: "small" }, "delete")),
128
- react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.privateMessageSettingsIconButton.item.delete", defaultMessage: "ui.privateMessageSettingsIconButton.item.delete" })))
119
+ user && (react_1.default.createElement(material_1.MenuItem, { className: classes.item, component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_ROUTE_NAME, user), key: "profile" },
120
+ react_1.default.createElement(material_1.ListItemIcon, null,
121
+ react_1.default.createElement(Icon_1.default, { fontSize: "small" }, "people_alt")),
122
+ react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.privateMessageSettingsIconButton.item.profile", defaultMessage: "ui.privateMessageSettingsIconButton.item.profile" }))),
123
+ react_1.default.createElement(material_1.MenuItem, { className: classes.item, onClick: threadToDelete ? handleOpenDialog : onMenuItemDeleteClick, key: "delete" },
124
+ react_1.default.createElement(material_1.ListItemIcon, null,
125
+ react_1.default.createElement(Icon_1.default, { fontSize: "small" }, "delete")),
126
+ react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.privateMessageSettingsIconButton.item.delete", defaultMessage: "ui.privateMessageSettingsIconButton.item.delete" }))
129
127
  ];
130
128
  }
131
129
  };
package/lib/cjs/components/UserProfileHeader/Skeleton.d.ts CHANGED
@@ -17,6 +17,7 @@
17
17
  |---|---|---|
18
18
  |root|.SCUserProfileHeader-skeleton-root|Styles applied to the root element.|
19
19
  |avatar|.SCUserProfileHeader-avatar|Styles applied to the avatar element.|
20
+ |cover|.SCUserProfileHeader-cover|Styles applied to the cover element.|
20
21
  |actions|.SCUserProfileHeader-actions|Styles applied to the actions section.|
21
22
  |section|.SCUserProfileHeader-section|Styles applied to the info section.|
22
23
  |username|.SCUserProfileHeader-username|Styles applied to the username element.|
package/lib/cjs/components/UserProfileHeader/Skeleton.js CHANGED
@@ -8,6 +8,7 @@ const Skeleton_1 = tslib_1.__importDefault(require("@mui/material/Skeleton"));
8
8
  const constants_1 = require("./constants");
9
9
  const classes = {
10
10
  root: `${constants_1.PREFIX}-skeleton-root`,
11
+ cover: `${constants_1.PREFIX}-cover`,
11
12
  avatar: `${constants_1.PREFIX}-avatar`,
12
13
  actions: `${constants_1.PREFIX}-actions`,
13
14
  section: `${constants_1.PREFIX}-section`,
@@ -36,6 +37,7 @@ const Root = (0, styles_1.styled)(material_1.Box, {
36
37
  |---|---|---|
37
38
  |root|.SCUserProfileHeader-skeleton-root|Styles applied to the root element.|
38
39
  |avatar|.SCUserProfileHeader-avatar|Styles applied to the avatar element.|
40
+ |cover|.SCUserProfileHeader-cover|Styles applied to the cover element.|
39
41
  |actions|.SCUserProfileHeader-actions|Styles applied to the actions section.|
40
42
  |section|.SCUserProfileHeader-section|Styles applied to the info section.|
41
43
  |username|.SCUserProfileHeader-username|Styles applied to the username element.|
@@ -44,7 +46,7 @@ const Root = (0, styles_1.styled)(material_1.Box, {
44
46
  function UserProfileHeaderSkeleton() {
45
47
  const theme = (0, material_1.useTheme)();
46
48
  return (react_1.default.createElement(Root, { className: classes.root },
47
- react_1.default.createElement(Skeleton_1.default, { sx: { height: 350 }, animation: "wave", variant: "rectangular" }),
49
+ react_1.default.createElement(Skeleton_1.default, { className: classes.cover, animation: "wave", variant: "rectangular" }),
48
50
  react_1.default.createElement(material_1.Box, { className: classes.avatar },
49
51
  react_1.default.createElement(Skeleton_1.default, { animation: "wave", variant: "circular", width: theme.selfcommunity.user.avatar.sizeXLarge, height: theme.selfcommunity.user.avatar.sizeXLarge })),
50
52
  react_1.default.createElement(material_1.Box, { className: classes.section },
package/lib/esm/components/PrivateMessageSettingsIconButton/PrivateMessageSettingsIconButton.js CHANGED
@@ -102,28 +102,26 @@ export default function PrivateMessageSettingsIconButton(inProps) {
102
102
  const renderList = () => {
103
103
  if (isMobile) {
104
104
  return [
105
- React.createElement(React.Fragment, null,
106
- user && (React.createElement(ListItem, { className: classes.item, key: "profile", component: Link, to: scRoutingContext.url(SCRoutes.USER_PROFILE_ROUTE_NAME, user) },
107
- React.createElement(ListItemIcon, null,
108
- React.createElement(Icon, { fontSize: "small" }, "people_alt")),
109
- React.createElement(FormattedMessage, { id: "ui.privateMessageSettingsIconButton.item.profile", defaultMessage: "ui.privateMessageSettingsIconButton.item.profile" }))),
110
- React.createElement(ListItem, { className: classes.item, key: "delete", onClick: threadToDelete ? handleOpenDialog : onMenuItemDeleteClick },
111
- React.createElement(ListItemIcon, null,
112
- React.createElement(Icon, { fontSize: "small" }, "delete")),
113
- React.createElement(FormattedMessage, { id: "ui.privateMessageSettingsIconButton.item.delete", defaultMessage: "ui.privateMessageSettingsIconButton.item.delete" })))
105
+ user && (React.createElement(ListItem, { className: classes.item, key: "profile", component: Link, to: scRoutingContext.url(SCRoutes.USER_PROFILE_ROUTE_NAME, user) },
106
+ React.createElement(ListItemIcon, null,
107
+ React.createElement(Icon, { fontSize: "small" }, "people_alt")),
108
+ React.createElement(FormattedMessage, { id: "ui.privateMessageSettingsIconButton.item.profile", defaultMessage: "ui.privateMessageSettingsIconButton.item.profile" }))),
109
+ React.createElement(ListItem, { className: classes.item, key: "delete", onClick: threadToDelete ? handleOpenDialog : onMenuItemDeleteClick },
110
+ React.createElement(ListItemIcon, null,
111
+ React.createElement(Icon, { fontSize: "small" }, "delete")),
112
+ React.createElement(FormattedMessage, { id: "ui.privateMessageSettingsIconButton.item.delete", defaultMessage: "ui.privateMessageSettingsIconButton.item.delete" }))
114
113
  ];
115
114
  }
116
115
  else {
117
116
  return [
118
- React.createElement(React.Fragment, null,
119
- user && (React.createElement(MenuItem, { className: classes.item, component: Link, to: scRoutingContext.url(SCRoutes.USER_PROFILE_ROUTE_NAME, user), key: "profile" },
120
- React.createElement(ListItemIcon, null,
121
- React.createElement(Icon, { fontSize: "small" }, "people_alt")),
122
- React.createElement(FormattedMessage, { id: "ui.privateMessageSettingsIconButton.item.profile", defaultMessage: "ui.privateMessageSettingsIconButton.item.profile" }))),
123
- React.createElement(MenuItem, { className: classes.item, onClick: threadToDelete ? handleOpenDialog : onMenuItemDeleteClick, key: "delete" },
124
- React.createElement(ListItemIcon, null,
125
- React.createElement(Icon, { fontSize: "small" }, "delete")),
126
- React.createElement(FormattedMessage, { id: "ui.privateMessageSettingsIconButton.item.delete", defaultMessage: "ui.privateMessageSettingsIconButton.item.delete" })))
117
+ user && (React.createElement(MenuItem, { className: classes.item, component: Link, to: scRoutingContext.url(SCRoutes.USER_PROFILE_ROUTE_NAME, user), key: "profile" },
118
+ React.createElement(ListItemIcon, null,
119
+ React.createElement(Icon, { fontSize: "small" }, "people_alt")),
120
+ React.createElement(FormattedMessage, { id: "ui.privateMessageSettingsIconButton.item.profile", defaultMessage: "ui.privateMessageSettingsIconButton.item.profile" }))),
121
+ React.createElement(MenuItem, { className: classes.item, onClick: threadToDelete ? handleOpenDialog : onMenuItemDeleteClick, key: "delete" },
122
+ React.createElement(ListItemIcon, null,
123
+ React.createElement(Icon, { fontSize: "small" }, "delete")),
124
+ React.createElement(FormattedMessage, { id: "ui.privateMessageSettingsIconButton.item.delete", defaultMessage: "ui.privateMessageSettingsIconButton.item.delete" }))
127
125
  ];
128
126
  }
129
127
  };
package/lib/esm/components/UserProfileHeader/Skeleton.d.ts CHANGED
@@ -17,6 +17,7 @@
17
17
  |---|---|---|
18
18
  |root|.SCUserProfileHeader-skeleton-root|Styles applied to the root element.|
19
19
  |avatar|.SCUserProfileHeader-avatar|Styles applied to the avatar element.|
20
+ |cover|.SCUserProfileHeader-cover|Styles applied to the cover element.|
20
21
  |actions|.SCUserProfileHeader-actions|Styles applied to the actions section.|
21
22
  |section|.SCUserProfileHeader-section|Styles applied to the info section.|
22
23
  |username|.SCUserProfileHeader-username|Styles applied to the username element.|
package/lib/esm/components/UserProfileHeader/Skeleton.js CHANGED
@@ -5,6 +5,7 @@ import Skeleton from '@mui/material/Skeleton';
5
5
  import { PREFIX } from './constants';
6
6
  const classes = {
7
7
  root: `${PREFIX}-skeleton-root`,
8
+ cover: `${PREFIX}-cover`,
8
9
  avatar: `${PREFIX}-avatar`,
9
10
  actions: `${PREFIX}-actions`,
10
11
  section: `${PREFIX}-section`,
@@ -33,6 +34,7 @@ const Root = styled(Box, {
33
34
  |---|---|---|
34
35
  |root|.SCUserProfileHeader-skeleton-root|Styles applied to the root element.|
35
36
  |avatar|.SCUserProfileHeader-avatar|Styles applied to the avatar element.|
37
+ |cover|.SCUserProfileHeader-cover|Styles applied to the cover element.|
36
38
  |actions|.SCUserProfileHeader-actions|Styles applied to the actions section.|
37
39
  |section|.SCUserProfileHeader-section|Styles applied to the info section.|
38
40
  |username|.SCUserProfileHeader-username|Styles applied to the username element.|
@@ -41,7 +43,7 @@ const Root = styled(Box, {
41
43
  function UserProfileHeaderSkeleton() {
42
44
  const theme = useTheme();
43
45
  return (React.createElement(Root, { className: classes.root },
44
- React.createElement(Skeleton, { sx: { height: 350 }, animation: "wave", variant: "rectangular" }),
46
+ React.createElement(Skeleton, { className: classes.cover, animation: "wave", variant: "rectangular" }),
45
47
  React.createElement(Box, { className: classes.avatar },
46
48
  React.createElement(Skeleton, { animation: "wave", variant: "circular", width: theme.selfcommunity.user.avatar.sizeXLarge, height: theme.selfcommunity.user.avatar.sizeXLarge })),
47
49
  React.createElement(Box, { className: classes.section },