@selfcommunity/react-ui 0.7.54 → 0.7.55-alpha.1

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 (24) hide show
  1. package/lib/cjs/components/ChangeCover/ChangeCover.js +3 -3
  2. package/lib/cjs/components/ChangePicture/ChangePictureDialog/ChangePictureDialog.js +1 -1
  3. package/lib/cjs/components/CreateGroupButton/CreateGroupButton.js +1 -1
  4. package/lib/cjs/components/FeedObject/Actions/Share/Share.js +5 -5
  5. package/lib/cjs/components/GroupInviteButton/GroupInviteButton.js +2 -2
  6. package/lib/cjs/components/IncubatorListWidget/IncubatorListWidget.js +1 -1
  7. package/lib/cjs/components/Notification/Notification.js +1 -1
  8. package/lib/cjs/components/PrivateMessageEditor/MessageMediaUploader/index.js +1 -1
  9. package/lib/cjs/components/PrivateMessageSettingsIconButton/PrivateMessageSettingsIconButton.js +6 -6
  10. package/lib/cjs/components/PrivateMessageSnippets/PrivateMessageSnippets.js +1 -1
  11. package/lib/cjs/components/PrivateMessageThread/PrivateMessageThread.js +1 -1
  12. package/lib/esm/components/ChangeCover/ChangeCover.js +3 -3
  13. package/lib/esm/components/ChangePicture/ChangePictureDialog/ChangePictureDialog.js +1 -1
  14. package/lib/esm/components/CreateGroupButton/CreateGroupButton.js +1 -1
  15. package/lib/esm/components/FeedObject/Actions/Share/Share.js +5 -5
  16. package/lib/esm/components/GroupInviteButton/GroupInviteButton.js +2 -2
  17. package/lib/esm/components/IncubatorListWidget/IncubatorListWidget.js +1 -1
  18. package/lib/esm/components/Notification/Notification.js +1 -1
  19. package/lib/esm/components/PrivateMessageEditor/MessageMediaUploader/index.js +1 -1
  20. package/lib/esm/components/PrivateMessageSettingsIconButton/PrivateMessageSettingsIconButton.js +6 -6
  21. package/lib/esm/components/PrivateMessageSnippets/PrivateMessageSnippets.js +1 -1
  22. package/lib/esm/components/PrivateMessageThread/PrivateMessageThread.js +1 -1
  23. package/lib/umd/react-ui.js +1 -1
  24. package/package.json +7 -7
package/lib/cjs/components/ChangeCover/ChangeCover.js CHANGED
@@ -173,11 +173,11 @@ function ChangeCover(inProps) {
173
173
  react_1.default.createElement("input", { type: "file", onChange: handleUpload, ref: fileInput, hidden: true, accept: ".gif,.png,.jpg,.jpeg" }),
174
174
  react_1.default.createElement(material_1.MenuItem, { disabled: loading, onClick: () => fileInput.current.click(), className: classes.addMenuItem },
175
175
  react_1.default.createElement(material_1.ListItemIcon, null,
176
- react_1.default.createElement(Icon_1.default, { fontSize: "small" }, "add_circle_outline")),
176
+ react_1.default.createElement(Icon_1.default, null, "add_circle_outline")),
177
177
  react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.changeCover.button.upload", defaultMessage: "ui.changeCover.button.upload" })),
178
178
  hasCover && (react_1.default.createElement(material_1.MenuItem, { className: classes.delMenuItem, onClick: () => setOpenDeleteCoverDialog(true) },
179
179
  react_1.default.createElement(material_1.ListItemIcon, null,
180
- react_1.default.createElement(Icon_1.default, { fontSize: "small" }, "delete")),
180
+ react_1.default.createElement(Icon_1.default, null, "delete")),
181
181
  react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.changeCover.button.delete", defaultMessage: "ui.changeCover.button.delete" })))))));
182
182
  }
183
183
  /**
@@ -189,7 +189,7 @@ function ChangeCover(inProps) {
189
189
  react_1.default.createElement(react_1.default.Fragment, null, isMobile ? (react_1.default.createElement(material_1.SwipeableDrawer, { open: open, onClose: handleClose, onOpen: handleOpen, anchor: "bottom", disableSwipeToOpen: true }, renderMenuItems())) : (react_1.default.createElement(material_1.Menu, { anchorEl: anchorEl, open: open, onClose: handleClose }, renderMenuItems()))),
190
190
  !isMobile && (react_1.default.createElement(react_1.default.Fragment, null,
191
191
  react_1.default.createElement(material_1.Button, { className: classes.helpPopover, variant: "contained", onClick: handleClickHelpButton },
192
- react_1.default.createElement(Icon_1.default, { fontSize: "small" }, "help_outline")),
192
+ react_1.default.createElement(Icon_1.default, null, "help_outline")),
193
193
  isOpen && (react_1.default.createElement(material_1.Popover, { open: isOpen, anchorEl: anchorElPopover, onClose: handleCloseHelpPopover, anchorOrigin: {
194
194
  vertical: 'bottom',
195
195
  horizontal: 'right'
package/lib/cjs/components/ChangePicture/ChangePictureDialog/ChangePictureDialog.js CHANGED
@@ -185,7 +185,7 @@ function ChangePictureDialog(props) {
185
185
  alert ? (react_1.default.createElement(material_1.Alert, { color: "error", onClose: () => setAlert(false) },
186
186
  react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.changePicture.button.upload.alert", defaultMessage: "ui.changePicture.button.upload.alert" }))) : (react_1.default.createElement(react_1.default.Fragment, null,
187
187
  react_1.default.createElement("input", { type: "file", onChange: handleUpload, ref: fileInput, hidden: true, accept: ".gif,.png,.jpg,.jpeg" }),
188
- react_1.default.createElement(Button_1.default, { disabled: loading || isDeletingAvatar, variant: "outlined", onClick: () => fileInput.current.click(), color: error ? 'error' : 'primary', startIcon: loading ? null : react_1.default.createElement(Icon_1.default, { fontSize: "small" }, "folder_open") }, loading ? (react_1.default.createElement(CircularProgress_1.default, { size: 15 })) : (react_1.default.createElement(react_1.default.Fragment, null, error ? (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.changePicture.button.upload.error", defaultMessage: "ui.changePicture.button.upload.error" })) : (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.changePicture.button.upload", defaultMessage: "ui.changePicture.button.upload" }))))))),
188
+ react_1.default.createElement(Button_1.default, { disabled: loading || isDeletingAvatar, variant: "outlined", onClick: () => fileInput.current.click(), color: error ? 'error' : 'primary', startIcon: loading ? null : react_1.default.createElement(Icon_1.default, null, "folder_open") }, loading ? (react_1.default.createElement(CircularProgress_1.default, { size: 15 })) : (react_1.default.createElement(react_1.default.Fragment, null, error ? (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.changePicture.button.upload.error", defaultMessage: "ui.changePicture.button.upload.error" })) : (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.changePicture.button.upload", defaultMessage: "ui.changePicture.button.upload" }))))))),
189
189
  react_1.default.createElement(Typography_1.default, { component: "span", fontSize: "small", color: "text.secondary", gutterBottom: true },
190
190
  react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.changePicture.info", defaultMessage: "ui.changePicture.info", values: {
191
191
  // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
package/lib/cjs/components/CreateGroupButton/CreateGroupButton.js CHANGED
@@ -73,7 +73,7 @@ function CreateGroupButton(inProps) {
73
73
  * Renders root object
74
74
  */
75
75
  return (react_1.default.createElement(react_1.default.Fragment, null,
76
- react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className), onClick: handleClick, variant: "contained", startIcon: react_1.default.createElement(material_1.Icon, { fontSize: "small" }, "add") }, rest), children !== null && children !== void 0 ? children : react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.createGroupButton", defaultMessage: "ui.createGroupButton" })),
76
+ react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className), onClick: handleClick, variant: "contained", startIcon: react_1.default.createElement(material_1.Icon, null, "add") }, rest), children !== null && children !== void 0 ? children : react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.createGroupButton", defaultMessage: "ui.createGroupButton" })),
77
77
  open && react_1.default.createElement(GroupForm_1.default, Object.assign({}, GroupFormProps, { open: true, onClose: handleClick }))));
78
78
  }
79
79
  exports.default = CreateGroupButton;
package/lib/cjs/components/FeedObject/Actions/Share/Share.js CHANGED
@@ -195,23 +195,23 @@ function Share(props) {
195
195
  (!feedObject.group || isGroupPublic) && (react_1.default.createElement(react_1.default.Fragment, null,
196
196
  showShareAction && (react_1.default.createElement(MenuItem_1.default, { onClick: () => share(false) },
197
197
  react_1.default.createElement(ListItemIcon_1.default, null,
198
- react_1.default.createElement(Icon_1.default, { fontSize: "small" }, "redo")),
198
+ react_1.default.createElement(Icon_1.default, null, "redo")),
199
199
  react_1.default.createElement(material_1.ListItemText, { primary: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.feedObject.share.shareNow", defaultMessage: "ui.feedObject.share.shareNow" }) }))),
200
200
  facebookShareEnabled && (react_1.default.createElement(MenuItem_1.default, { onClick: () => window.open(SocialShare_1.FACEBOOK_SHARE + url, 'facebook-share-dialog', 'width=626,height=436') },
201
201
  react_1.default.createElement(ListItemIcon_1.default, null,
202
- react_1.default.createElement(Icon_1.default, { fontSize: "small" }, "facebook")),
202
+ react_1.default.createElement(Icon_1.default, null, "facebook")),
203
203
  react_1.default.createElement(material_1.ListItemText, { primary: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.feedObject.share.facebook", defaultMessage: "ui.feedObject.share.facebook" }) }))),
204
204
  xShareEnabled && (react_1.default.createElement(MenuItem_1.default, { onClick: () => window.open(SocialShare_1.X_SHARE + url, 'x-share-dialog', 'width=626,height=436') },
205
205
  react_1.default.createElement(ListItemIcon_1.default, null,
206
- react_1.default.createElement(Icon_1.default, { fontSize: "small" }, "twitter")),
206
+ react_1.default.createElement(Icon_1.default, null, "twitter")),
207
207
  react_1.default.createElement(material_1.ListItemText, { primary: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.feedObject.share.x", defaultMessage: "ui.feedObject.share.x" }) }))),
208
208
  linkedinShareEnabled && (react_1.default.createElement(MenuItem_1.default, { onClick: () => window.open(SocialShare_1.LINKEDIN_SHARE + url, 'linkedin-share-dialog', 'width=626,height=436') },
209
209
  react_1.default.createElement(ListItemIcon_1.default, null,
210
- react_1.default.createElement(Icon_1.default, { fontSize: "small" }, "linkedin")),
210
+ react_1.default.createElement(Icon_1.default, null, "linkedin")),
211
211
  react_1.default.createElement(material_1.ListItemText, { primary: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.feedObject.share.linkedin", defaultMessage: "ui.feedObject.share.linkedin" }) }))))),
212
212
  react_1.default.createElement(MenuItem_1.default, null,
213
213
  react_1.default.createElement(ListItemIcon_1.default, null,
214
- react_1.default.createElement(Icon_1.default, { fontSize: "small" }, "link")),
214
+ react_1.default.createElement(Icon_1.default, null, "link")),
215
215
  react_1.default.createElement(material_1.ListItemText, { primary: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.feedObject.share.permanentLink", defaultMessage: "ui.feedObject.share.permanentLink" }), onClick: () => getPermalink() }))));
216
216
  }
217
217
  /**
package/lib/cjs/components/GroupInviteButton/GroupInviteButton.js CHANGED
@@ -257,11 +257,11 @@ function GroupInviteButton(inProps) {
257
257
  * Renders root object
258
258
  */
259
259
  return (react_1.default.createElement(react_1.default.Fragment, null,
260
- react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className), onClick: handleClose, variant: scGroup ? 'contained' : 'outlined', color: scGroup ? 'secondary' : 'inherit', startIcon: react_1.default.createElement(material_1.Icon, { fontSize: "small" }, "add") }, rest),
260
+ react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className), onClick: handleClose, variant: scGroup ? 'contained' : 'outlined', color: scGroup ? 'secondary' : 'inherit', startIcon: react_1.default.createElement(material_1.Icon, null, "add") }, rest),
261
261
  react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.groupInviteButton", defaultMessage: "ui.groupInviteButton" })),
262
262
  open && (react_1.default.createElement(DialogRoot, { DialogContentProps: { dividers: false }, open: true, className: classes.dialogRoot, title: react_1.default.createElement(react_1.default.Fragment, null,
263
263
  react_1.default.createElement(material_1.IconButton, { onClick: handleClose },
264
- react_1.default.createElement(material_1.Icon, { fontSize: "medium" }, "arrow_back")),
264
+ react_1.default.createElement(material_1.Icon, null, "arrow_back")),
265
265
  react_1.default.createElement(material_1.Typography, { className: classes.dialogTitle },
266
266
  react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.groupInviteButton.dialog.title", defaultMessage: "ui.groupInviteButton.dialog.title" })),
267
267
  react_1.default.createElement(lab_1.LoadingButton, { size: "small", color: "secondary", variant: "contained", onClick: handleSendInvitations, loading: isSending, disabled: !invited.length },
package/lib/cjs/components/IncubatorListWidget/IncubatorListWidget.js CHANGED
@@ -226,7 +226,7 @@ function IncubatorListWidget(inProps) {
226
226
  react_1.default.createElement(material_1.Typography, { className: classes.title, variant: 'h5' },
227
227
  react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.incubatorListWidget.title", defaultMessage: "ui.incubatorListWidget.title" })),
228
228
  react_1.default.createElement(material_1.IconButton, { className: classes.helpPopover, color: "primary", "aria-label": "info", component: "span", onClick: handleClickHelpButton },
229
- react_1.default.createElement(Icon_1.default, { fontSize: "small" }, "help_outline")),
229
+ react_1.default.createElement(Icon_1.default, null, "help_outline")),
230
230
  isOpen && (react_1.default.createElement(Popover_1.default, { open: isOpen, anchorEl: anchorEl, onClose: handlePopoverClose, anchorOrigin: {
231
231
  vertical: 'bottom',
232
232
  horizontal: 'right'
package/lib/cjs/components/Notification/Notification.js CHANGED
@@ -235,7 +235,7 @@ function UserNotification(inProps) {
235
235
  notificationObject.aggregated[0].type === types_1.SCNotificationTypologyType.CONTRIBUTION)) {
236
236
  const contribution = (0, contribution_1.getContribution)(notificationObject);
237
237
  return (react_1.default.createElement(material_1.CardHeader, { className: classes.header, titleTypographyProps: { className: classes.title, variant: 'subtitle1' }, title: react_1.default.createElement(react_core_1.Link, { to: scRoutingContext.url((0, contribution_1.getContributionRouteName)(contribution), (0, contribution_1.getRouteData)(notificationObject[contribution.type])) }, (0, contribution_1.getContributionSnippet)(contribution)), action: contribution && (react_1.default.createElement(material_1.Tooltip, { title: contribution.suspended ? (react_1.default.createElement(react_intl_1.FormattedMessage, { id: 'ui.notification.notificationSuspended', defaultMessage: 'ui.notification.notificationSuspended' })) : (react_1.default.createElement(react_intl_1.FormattedMessage, { id: 'ui.notification.notificationSuspend', defaultMessage: 'ui.notification.notificationSuspend' })) },
238
- react_1.default.createElement(LoadingButton_1.default, { variant: "text", size: "small", loading: loadingSuspendNotification, color: 'inherit', classes: { root: classes.stopButton }, onClick: () => handleStopContentNotification(contribution) }, contribution.suspended ? (react_1.default.createElement(Icon_1.default, { fontSize: "small", color: 'primary' }, "notifications_off")) : (react_1.default.createElement(Icon_1.default, { fontSize: "small", color: 'inherit' }, "notifications"))))) }));
238
+ react_1.default.createElement(LoadingButton_1.default, { variant: "text", size: "small", loading: loadingSuspendNotification, color: 'inherit', classes: { root: classes.stopButton }, onClick: () => handleStopContentNotification(contribution) }, contribution.suspended ? react_1.default.createElement(Icon_1.default, { color: 'primary' }, "notifications_off") : react_1.default.createElement(Icon_1.default, { color: 'inherit' }, "notifications")))) }));
239
239
  }
240
240
  return null;
241
241
  }
package/lib/cjs/components/PrivateMessageEditor/MessageMediaUploader/index.js CHANGED
@@ -108,7 +108,7 @@ function MessageMediaUploader(props) {
108
108
  * Renders root object
109
109
  */
110
110
  return (react_1.default.createElement(Root, { className: (0, classnames_1.default)(classes.root, className) },
111
- react_1.default.createElement(material_1.CardHeader, { action: react_1.default.createElement(Icon_1.default, { fontSize: 'small', onClick: onClose, className: classes.closeButton }, "close") }),
111
+ react_1.default.createElement(material_1.CardHeader, { action: react_1.default.createElement(Icon_1.default, { onClick: onClose, className: classes.closeButton }, "close") }),
112
112
  Object.keys(errors).map((id) => (react_1.default.createElement(material_1.Fade, { in: true, key: id },
113
113
  react_1.default.createElement(material_1.Alert, { severity: "error", onClose: handleRemoveErrors(id) },
114
114
  react_1.default.createElement(material_1.AlertTitle, null, errors[id].name),
package/lib/cjs/components/PrivateMessageSettingsIconButton/PrivateMessageSettingsIconButton.js CHANGED
@@ -112,15 +112,15 @@ function PrivateMessageSettingsIconButton(inProps) {
112
112
  return [
113
113
  user && !group && (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) },
114
114
  react_1.default.createElement(material_1.ListItemIcon, null,
115
- react_1.default.createElement(Icon_1.default, { fontSize: "small" }, "people_alt")),
115
+ react_1.default.createElement(Icon_1.default, null, "people_alt")),
116
116
  react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.privateMessageSettingsIconButton.item.profile", defaultMessage: "ui.privateMessageSettingsIconButton.item.profile" }))),
117
117
  group && !user && (react_1.default.createElement(material_1.ListItem, { className: classes.item, key: "group", component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.GROUP_ROUTE_NAME, group) },
118
118
  react_1.default.createElement(material_1.ListItemIcon, null,
119
- react_1.default.createElement(Icon_1.default, { fontSize: "small" }, "groups")),
119
+ react_1.default.createElement(Icon_1.default, null, "groups")),
120
120
  react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.privateMessageSettingsIconButton.item.group", defaultMessage: "ui.privateMessageSettingsIconButton.item.group" }))),
121
121
  react_1.default.createElement(material_1.ListItem, { className: classes.item, key: "delete", onClick: threadToDelete ? handleOpenDialog : onMenuItemDeleteClick },
122
122
  react_1.default.createElement(material_1.ListItemIcon, null,
123
- react_1.default.createElement(Icon_1.default, { fontSize: "small" }, "delete")),
123
+ react_1.default.createElement(Icon_1.default, null, "delete")),
124
124
  react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.privateMessageSettingsIconButton.item.delete", defaultMessage: "ui.privateMessageSettingsIconButton.item.delete" }))
125
125
  ];
126
126
  }
@@ -128,15 +128,15 @@ function PrivateMessageSettingsIconButton(inProps) {
128
128
  return [
129
129
  user && !group && (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", onClick: handleCloseDialog },
130
130
  react_1.default.createElement(material_1.ListItemIcon, null,
131
- react_1.default.createElement(Icon_1.default, { fontSize: "small" }, "people_alt")),
131
+ react_1.default.createElement(Icon_1.default, null, "people_alt")),
132
132
  react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.privateMessageSettingsIconButton.item.profile", defaultMessage: "ui.privateMessageSettingsIconButton.item.profile" }))),
133
133
  group && !user && (react_1.default.createElement(material_1.MenuItem, { className: classes.item, component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.GROUP_ROUTE_NAME, group), key: "group", onClick: handleCloseDialog },
134
134
  react_1.default.createElement(material_1.ListItemIcon, null,
135
- react_1.default.createElement(Icon_1.default, { fontSize: "small" }, "groups")),
135
+ react_1.default.createElement(Icon_1.default, null, "groups")),
136
136
  react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.privateMessageSettingsIconButton.item.group", defaultMessage: "ui.privateMessageSettingsIconButton.item.group" }))),
137
137
  react_1.default.createElement(material_1.MenuItem, { className: classes.item, onClick: threadToDelete ? handleOpenDialog : onMenuItemDeleteClick, key: "delete" },
138
138
  react_1.default.createElement(material_1.ListItemIcon, null,
139
- react_1.default.createElement(Icon_1.default, { fontSize: "small" }, "delete")),
139
+ react_1.default.createElement(Icon_1.default, null, "delete")),
140
140
  react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.privateMessageSettingsIconButton.item.delete", defaultMessage: "ui.privateMessageSettingsIconButton.item.delete" }))
141
141
  ];
142
142
  }
package/lib/cjs/components/PrivateMessageSnippets/PrivateMessageSnippets.js CHANGED
@@ -247,7 +247,7 @@ function PrivateMessageSnippets(inProps) {
247
247
  react_1.default.createElement(material_1.Icon, null, "close")))
248
248
  } }),
249
249
  react_1.default.createElement(material_1.List, null, filteredSnippets.map((message) => (react_1.default.createElement(PrivateMessageSnippetItem_1.default, { message: message, key: message.id, onItemClick: () => handleOpenThread(message), secondaryAction: react_1.default.createElement(react_1.default.Fragment, null,
250
- message.thread_status === types_1.SCPrivateMessageStatusType.NEW && (react_1.default.createElement(material_1.Icon, { fontSize: "small", color: "secondary" }, "fiber_manual_record")),
250
+ message.thread_status === types_1.SCPrivateMessageStatusType.NEW && react_1.default.createElement(material_1.Icon, { color: "secondary" }, "fiber_manual_record"),
251
251
  !isMobile && (react_1.default.createElement(PrivateMessageSettingsIconButton_1.default, { threadToDelete: (message === null || message === void 0 ? void 0 : message.group) ? message.group.id : messageReceiver(message, authUserId), onItemDeleteConfirm: () => handleDeleteConversation(messageReceiver(message, authUserId)), user: messageReceiver(message, authUserId, true), group: message === null || message === void 0 ? void 0 : message.group }))), selected: isSelected(message) })))))))));
252
252
  }
253
253
  exports.default = PrivateMessageSnippets;
package/lib/cjs/components/PrivateMessageThread/PrivateMessageThread.js CHANGED
@@ -499,7 +499,7 @@ function PrivateMessageThread(inProps) {
499
499
  react_1.default.createElement(react_intl_1.FormattedMessage, { defaultMessage: "ui.privateMessage.thread.newMessage.to", id: "ui.privateMessage.thread.newMessage.to" })),
500
500
  react_1.default.createElement(Autocomplete_1.default, { className: classes.autocomplete, loading: loading, multiple: !singleMessageThread, limitTags: 3, freeSolo: true, disableClearable: true, options: followers, onChange: handleChange, onInputChange: handleInputChange, inputValue: value, value: singleMessageThread ? singleMessageUser : recipients, getOptionLabel: (option) => (option ? option.username : '...'), isOptionEqualToValue: (option, value) => (option ? value.id === option.id : false), renderInput: (params) => (react_1.default.createElement(material_1.TextField, Object.assign({}, params, { placeholder: singleMessageThread ? '...' : `${intl.formatMessage(translMessages.placeholder)}`, variant: "standard", InputProps: Object.assign(Object.assign({}, params.InputProps), { disableUnderline: true }) }))), classes: { popper: classes.autocompleteDialog }, disabled: Boolean(singleMessageUser) })),
501
501
  react_1.default.createElement(material_1.IconButton, { size: "small", onClick: handleNewMessageClose },
502
- react_1.default.createElement(Icon_1.default, { fontSize: "small" }, "close"))),
502
+ react_1.default.createElement(Icon_1.default, null, "close"))),
503
503
  react_1.default.createElement(material_1.List, { className: classes.newMessageContent }),
504
504
  react_1.default.createElement(PrivateMessageEditor_1.default, { className: classes.editor, send: handleSend, autoHide: !followers, error: error, onErrorRemove: () => setError(false) }))) : (react_1.default.createElement(material_1.Typography, { className: classes.emptyMessage },
505
505
  react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.privateMessage.thread.emptyBox.message", defaultMessage: "ui.privateMessage.thread.emptyBox.message" })))));
package/lib/esm/components/ChangeCover/ChangeCover.js CHANGED
@@ -171,11 +171,11 @@ export default function ChangeCover(inProps) {
171
171
  React.createElement("input", { type: "file", onChange: handleUpload, ref: fileInput, hidden: true, accept: ".gif,.png,.jpg,.jpeg" }),
172
172
  React.createElement(MenuItem, { disabled: loading, onClick: () => fileInput.current.click(), className: classes.addMenuItem },
173
173
  React.createElement(ListItemIcon, null,
174
- React.createElement(Icon, { fontSize: "small" }, "add_circle_outline")),
174
+ React.createElement(Icon, null, "add_circle_outline")),
175
175
  React.createElement(FormattedMessage, { id: "ui.changeCover.button.upload", defaultMessage: "ui.changeCover.button.upload" })),
176
176
  hasCover && (React.createElement(MenuItem, { className: classes.delMenuItem, onClick: () => setOpenDeleteCoverDialog(true) },
177
177
  React.createElement(ListItemIcon, null,
178
- React.createElement(Icon, { fontSize: "small" }, "delete")),
178
+ React.createElement(Icon, null, "delete")),
179
179
  React.createElement(FormattedMessage, { id: "ui.changeCover.button.delete", defaultMessage: "ui.changeCover.button.delete" })))))));
180
180
  }
181
181
  /**
@@ -187,7 +187,7 @@ export default function ChangeCover(inProps) {
187
187
  React.createElement(React.Fragment, null, isMobile ? (React.createElement(SwipeableDrawer, { open: open, onClose: handleClose, onOpen: handleOpen, anchor: "bottom", disableSwipeToOpen: true }, renderMenuItems())) : (React.createElement(Menu, { anchorEl: anchorEl, open: open, onClose: handleClose }, renderMenuItems()))),
188
188
  !isMobile && (React.createElement(React.Fragment, null,
189
189
  React.createElement(Button, { className: classes.helpPopover, variant: "contained", onClick: handleClickHelpButton },
190
- React.createElement(Icon, { fontSize: "small" }, "help_outline")),
190
+ React.createElement(Icon, null, "help_outline")),
191
191
  isOpen && (React.createElement(Popover, { open: isOpen, anchorEl: anchorElPopover, onClose: handleCloseHelpPopover, anchorOrigin: {
192
192
  vertical: 'bottom',
193
193
  horizontal: 'right'
package/lib/esm/components/ChangePicture/ChangePictureDialog/ChangePictureDialog.js CHANGED
@@ -183,7 +183,7 @@ export default function ChangePictureDialog(props) {
183
183
  alert ? (React.createElement(Alert, { color: "error", onClose: () => setAlert(false) },
184
184
  React.createElement(FormattedMessage, { id: "ui.changePicture.button.upload.alert", defaultMessage: "ui.changePicture.button.upload.alert" }))) : (React.createElement(React.Fragment, null,
185
185
  React.createElement("input", { type: "file", onChange: handleUpload, ref: fileInput, hidden: true, accept: ".gif,.png,.jpg,.jpeg" }),
186
- React.createElement(Button, { disabled: loading || isDeletingAvatar, variant: "outlined", onClick: () => fileInput.current.click(), color: error ? 'error' : 'primary', startIcon: loading ? null : React.createElement(Icon, { fontSize: "small" }, "folder_open") }, loading ? (React.createElement(CircularProgress, { size: 15 })) : (React.createElement(React.Fragment, null, error ? (React.createElement(FormattedMessage, { id: "ui.changePicture.button.upload.error", defaultMessage: "ui.changePicture.button.upload.error" })) : (React.createElement(FormattedMessage, { id: "ui.changePicture.button.upload", defaultMessage: "ui.changePicture.button.upload" }))))))),
186
+ React.createElement(Button, { disabled: loading || isDeletingAvatar, variant: "outlined", onClick: () => fileInput.current.click(), color: error ? 'error' : 'primary', startIcon: loading ? null : React.createElement(Icon, null, "folder_open") }, loading ? (React.createElement(CircularProgress, { size: 15 })) : (React.createElement(React.Fragment, null, error ? (React.createElement(FormattedMessage, { id: "ui.changePicture.button.upload.error", defaultMessage: "ui.changePicture.button.upload.error" })) : (React.createElement(FormattedMessage, { id: "ui.changePicture.button.upload", defaultMessage: "ui.changePicture.button.upload" }))))))),
187
187
  React.createElement(Typography, { component: "span", fontSize: "small", color: "text.secondary", gutterBottom: true },
188
188
  React.createElement(FormattedMessage, { id: "ui.changePicture.info", defaultMessage: "ui.changePicture.info", values: {
189
189
  // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
package/lib/esm/components/CreateGroupButton/CreateGroupButton.js CHANGED
@@ -71,6 +71,6 @@ export default function CreateGroupButton(inProps) {
71
71
  * Renders root object
72
72
  */
73
73
  return (React.createElement(React.Fragment, null,
74
- React.createElement(Root, Object.assign({ className: classNames(classes.root, className), onClick: handleClick, variant: "contained", startIcon: React.createElement(Icon, { fontSize: "small" }, "add") }, rest), children !== null && children !== void 0 ? children : React.createElement(FormattedMessage, { id: "ui.createGroupButton", defaultMessage: "ui.createGroupButton" })),
74
+ React.createElement(Root, Object.assign({ className: classNames(classes.root, className), onClick: handleClick, variant: "contained", startIcon: React.createElement(Icon, null, "add") }, rest), children !== null && children !== void 0 ? children : React.createElement(FormattedMessage, { id: "ui.createGroupButton", defaultMessage: "ui.createGroupButton" })),
75
75
  open && React.createElement(GroupForm, Object.assign({}, GroupFormProps, { open: true, onClose: handleClick }))));
76
76
  }
package/lib/esm/components/FeedObject/Actions/Share/Share.js CHANGED
@@ -193,23 +193,23 @@ export default function Share(props) {
193
193
  (!feedObject.group || isGroupPublic) && (React.createElement(React.Fragment, null,
194
194
  showShareAction && (React.createElement(MenuItem, { onClick: () => share(false) },
195
195
  React.createElement(ListItemIcon, null,
196
- React.createElement(Icon, { fontSize: "small" }, "redo")),
196
+ React.createElement(Icon, null, "redo")),
197
197
  React.createElement(ListItemText, { primary: React.createElement(FormattedMessage, { id: "ui.feedObject.share.shareNow", defaultMessage: "ui.feedObject.share.shareNow" }) }))),
198
198
  facebookShareEnabled && (React.createElement(MenuItem, { onClick: () => window.open(FACEBOOK_SHARE + url, 'facebook-share-dialog', 'width=626,height=436') },
199
199
  React.createElement(ListItemIcon, null,
200
- React.createElement(Icon, { fontSize: "small" }, "facebook")),
200
+ React.createElement(Icon, null, "facebook")),
201
201
  React.createElement(ListItemText, { primary: React.createElement(FormattedMessage, { id: "ui.feedObject.share.facebook", defaultMessage: "ui.feedObject.share.facebook" }) }))),
202
202
  xShareEnabled && (React.createElement(MenuItem, { onClick: () => window.open(X_SHARE + url, 'x-share-dialog', 'width=626,height=436') },
203
203
  React.createElement(ListItemIcon, null,
204
- React.createElement(Icon, { fontSize: "small" }, "twitter")),
204
+ React.createElement(Icon, null, "twitter")),
205
205
  React.createElement(ListItemText, { primary: React.createElement(FormattedMessage, { id: "ui.feedObject.share.x", defaultMessage: "ui.feedObject.share.x" }) }))),
206
206
  linkedinShareEnabled && (React.createElement(MenuItem, { onClick: () => window.open(LINKEDIN_SHARE + url, 'linkedin-share-dialog', 'width=626,height=436') },
207
207
  React.createElement(ListItemIcon, null,
208
- React.createElement(Icon, { fontSize: "small" }, "linkedin")),
208
+ React.createElement(Icon, null, "linkedin")),
209
209
  React.createElement(ListItemText, { primary: React.createElement(FormattedMessage, { id: "ui.feedObject.share.linkedin", defaultMessage: "ui.feedObject.share.linkedin" }) }))))),
210
210
  React.createElement(MenuItem, null,
211
211
  React.createElement(ListItemIcon, null,
212
- React.createElement(Icon, { fontSize: "small" }, "link")),
212
+ React.createElement(Icon, null, "link")),
213
213
  React.createElement(ListItemText, { primary: React.createElement(FormattedMessage, { id: "ui.feedObject.share.permanentLink", defaultMessage: "ui.feedObject.share.permanentLink" }), onClick: () => getPermalink() }))));
214
214
  }
215
215
  /**
package/lib/esm/components/GroupInviteButton/GroupInviteButton.js CHANGED
@@ -255,11 +255,11 @@ export default function GroupInviteButton(inProps) {
255
255
  * Renders root object
256
256
  */
257
257
  return (React.createElement(React.Fragment, null,
258
- React.createElement(Root, Object.assign({ className: classNames(classes.root, className), onClick: handleClose, variant: scGroup ? 'contained' : 'outlined', color: scGroup ? 'secondary' : 'inherit', startIcon: React.createElement(Icon, { fontSize: "small" }, "add") }, rest),
258
+ React.createElement(Root, Object.assign({ className: classNames(classes.root, className), onClick: handleClose, variant: scGroup ? 'contained' : 'outlined', color: scGroup ? 'secondary' : 'inherit', startIcon: React.createElement(Icon, null, "add") }, rest),
259
259
  React.createElement(FormattedMessage, { id: "ui.groupInviteButton", defaultMessage: "ui.groupInviteButton" })),
260
260
  open && (React.createElement(DialogRoot, { DialogContentProps: { dividers: false }, open: true, className: classes.dialogRoot, title: React.createElement(React.Fragment, null,
261
261
  React.createElement(IconButton, { onClick: handleClose },
262
- React.createElement(Icon, { fontSize: "medium" }, "arrow_back")),
262
+ React.createElement(Icon, null, "arrow_back")),
263
263
  React.createElement(Typography, { className: classes.dialogTitle },
264
264
  React.createElement(FormattedMessage, { id: "ui.groupInviteButton.dialog.title", defaultMessage: "ui.groupInviteButton.dialog.title" })),
265
265
  React.createElement(LoadingButton, { size: "small", color: "secondary", variant: "contained", onClick: handleSendInvitations, loading: isSending, disabled: !invited.length },
package/lib/esm/components/IncubatorListWidget/IncubatorListWidget.js CHANGED
@@ -224,7 +224,7 @@ export default function IncubatorListWidget(inProps) {
224
224
  React.createElement(Typography, { className: classes.title, variant: 'h5' },
225
225
  React.createElement(FormattedMessage, { id: "ui.incubatorListWidget.title", defaultMessage: "ui.incubatorListWidget.title" })),
226
226
  React.createElement(IconButton, { className: classes.helpPopover, color: "primary", "aria-label": "info", component: "span", onClick: handleClickHelpButton },
227
- React.createElement(Icon, { fontSize: "small" }, "help_outline")),
227
+ React.createElement(Icon, null, "help_outline")),
228
228
  isOpen && (React.createElement(Popover, { open: isOpen, anchorEl: anchorEl, onClose: handlePopoverClose, anchorOrigin: {
229
229
  vertical: 'bottom',
230
230
  horizontal: 'right'
package/lib/esm/components/Notification/Notification.js CHANGED
@@ -233,7 +233,7 @@ export default function UserNotification(inProps) {
233
233
  notificationObject.aggregated[0].type === SCNotificationTypologyType.CONTRIBUTION)) {
234
234
  const contribution = getContribution(notificationObject);
235
235
  return (React.createElement(CardHeader, { className: classes.header, titleTypographyProps: { className: classes.title, variant: 'subtitle1' }, title: React.createElement(Link, { to: scRoutingContext.url(getContributionRouteName(contribution), getRouteData(notificationObject[contribution.type])) }, getContributionSnippet(contribution)), action: contribution && (React.createElement(Tooltip, { title: contribution.suspended ? (React.createElement(FormattedMessage, { id: 'ui.notification.notificationSuspended', defaultMessage: 'ui.notification.notificationSuspended' })) : (React.createElement(FormattedMessage, { id: 'ui.notification.notificationSuspend', defaultMessage: 'ui.notification.notificationSuspend' })) },
236
- React.createElement(LoadingButton, { variant: "text", size: "small", loading: loadingSuspendNotification, color: 'inherit', classes: { root: classes.stopButton }, onClick: () => handleStopContentNotification(contribution) }, contribution.suspended ? (React.createElement(Icon, { fontSize: "small", color: 'primary' }, "notifications_off")) : (React.createElement(Icon, { fontSize: "small", color: 'inherit' }, "notifications"))))) }));
236
+ React.createElement(LoadingButton, { variant: "text", size: "small", loading: loadingSuspendNotification, color: 'inherit', classes: { root: classes.stopButton }, onClick: () => handleStopContentNotification(contribution) }, contribution.suspended ? React.createElement(Icon, { color: 'primary' }, "notifications_off") : React.createElement(Icon, { color: 'inherit' }, "notifications")))) }));
237
237
  }
238
238
  return null;
239
239
  }
package/lib/esm/components/PrivateMessageEditor/MessageMediaUploader/index.js CHANGED
@@ -105,7 +105,7 @@ export default function MessageMediaUploader(props) {
105
105
  * Renders root object
106
106
  */
107
107
  return (React.createElement(Root, { className: classNames(classes.root, className) },
108
- React.createElement(CardHeader, { action: React.createElement(Icon, { fontSize: 'small', onClick: onClose, className: classes.closeButton }, "close") }),
108
+ React.createElement(CardHeader, { action: React.createElement(Icon, { onClick: onClose, className: classes.closeButton }, "close") }),
109
109
  Object.keys(errors).map((id) => (React.createElement(Fade, { in: true, key: id },
110
110
  React.createElement(Alert, { severity: "error", onClose: handleRemoveErrors(id) },
111
111
  React.createElement(AlertTitle, null, errors[id].name),
package/lib/esm/components/PrivateMessageSettingsIconButton/PrivateMessageSettingsIconButton.js CHANGED
@@ -110,15 +110,15 @@ export default function PrivateMessageSettingsIconButton(inProps) {
110
110
  return [
111
111
  user && !group && (React.createElement(ListItem, { className: classes.item, key: "profile", component: Link, to: scRoutingContext.url(SCRoutes.USER_PROFILE_ROUTE_NAME, user) },
112
112
  React.createElement(ListItemIcon, null,
113
- React.createElement(Icon, { fontSize: "small" }, "people_alt")),
113
+ React.createElement(Icon, null, "people_alt")),
114
114
  React.createElement(FormattedMessage, { id: "ui.privateMessageSettingsIconButton.item.profile", defaultMessage: "ui.privateMessageSettingsIconButton.item.profile" }))),
115
115
  group && !user && (React.createElement(ListItem, { className: classes.item, key: "group", component: Link, to: scRoutingContext.url(SCRoutes.GROUP_ROUTE_NAME, group) },
116
116
  React.createElement(ListItemIcon, null,
117
- React.createElement(Icon, { fontSize: "small" }, "groups")),
117
+ React.createElement(Icon, null, "groups")),
118
118
  React.createElement(FormattedMessage, { id: "ui.privateMessageSettingsIconButton.item.group", defaultMessage: "ui.privateMessageSettingsIconButton.item.group" }))),
119
119
  React.createElement(ListItem, { className: classes.item, key: "delete", onClick: threadToDelete ? handleOpenDialog : onMenuItemDeleteClick },
120
120
  React.createElement(ListItemIcon, null,
121
- React.createElement(Icon, { fontSize: "small" }, "delete")),
121
+ React.createElement(Icon, null, "delete")),
122
122
  React.createElement(FormattedMessage, { id: "ui.privateMessageSettingsIconButton.item.delete", defaultMessage: "ui.privateMessageSettingsIconButton.item.delete" }))
123
123
  ];
124
124
  }
@@ -126,15 +126,15 @@ export default function PrivateMessageSettingsIconButton(inProps) {
126
126
  return [
127
127
  user && !group && (React.createElement(MenuItem, { className: classes.item, component: Link, to: scRoutingContext.url(SCRoutes.USER_PROFILE_ROUTE_NAME, user), key: "profile", onClick: handleCloseDialog },
128
128
  React.createElement(ListItemIcon, null,
129
- React.createElement(Icon, { fontSize: "small" }, "people_alt")),
129
+ React.createElement(Icon, null, "people_alt")),
130
130
  React.createElement(FormattedMessage, { id: "ui.privateMessageSettingsIconButton.item.profile", defaultMessage: "ui.privateMessageSettingsIconButton.item.profile" }))),
131
131
  group && !user && (React.createElement(MenuItem, { className: classes.item, component: Link, to: scRoutingContext.url(SCRoutes.GROUP_ROUTE_NAME, group), key: "group", onClick: handleCloseDialog },
132
132
  React.createElement(ListItemIcon, null,
133
- React.createElement(Icon, { fontSize: "small" }, "groups")),
133
+ React.createElement(Icon, null, "groups")),
134
134
  React.createElement(FormattedMessage, { id: "ui.privateMessageSettingsIconButton.item.group", defaultMessage: "ui.privateMessageSettingsIconButton.item.group" }))),
135
135
  React.createElement(MenuItem, { className: classes.item, onClick: threadToDelete ? handleOpenDialog : onMenuItemDeleteClick, key: "delete" },
136
136
  React.createElement(ListItemIcon, null,
137
- React.createElement(Icon, { fontSize: "small" }, "delete")),
137
+ React.createElement(Icon, null, "delete")),
138
138
  React.createElement(FormattedMessage, { id: "ui.privateMessageSettingsIconButton.item.delete", defaultMessage: "ui.privateMessageSettingsIconButton.item.delete" }))
139
139
  ];
140
140
  }
package/lib/esm/components/PrivateMessageSnippets/PrivateMessageSnippets.js CHANGED
@@ -245,6 +245,6 @@ export default function PrivateMessageSnippets(inProps) {
245
245
  React.createElement(Icon, null, "close")))
246
246
  } }),
247
247
  React.createElement(List, null, filteredSnippets.map((message) => (React.createElement(PrivateMessageSnippetItem, { message: message, key: message.id, onItemClick: () => handleOpenThread(message), secondaryAction: React.createElement(React.Fragment, null,
248
- message.thread_status === SCPrivateMessageStatusType.NEW && (React.createElement(Icon, { fontSize: "small", color: "secondary" }, "fiber_manual_record")),
248
+ message.thread_status === SCPrivateMessageStatusType.NEW && React.createElement(Icon, { color: "secondary" }, "fiber_manual_record"),
249
249
  !isMobile && (React.createElement(PrivateMessageSettingsIconButton, { threadToDelete: (message === null || message === void 0 ? void 0 : message.group) ? message.group.id : messageReceiver(message, authUserId), onItemDeleteConfirm: () => handleDeleteConversation(messageReceiver(message, authUserId)), user: messageReceiver(message, authUserId, true), group: message === null || message === void 0 ? void 0 : message.group }))), selected: isSelected(message) })))))))));
250
250
  }
package/lib/esm/components/PrivateMessageThread/PrivateMessageThread.js CHANGED
@@ -497,7 +497,7 @@ export default function PrivateMessageThread(inProps) {
497
497
  React.createElement(FormattedMessage, { defaultMessage: "ui.privateMessage.thread.newMessage.to", id: "ui.privateMessage.thread.newMessage.to" })),
498
498
  React.createElement(Autocomplete, { className: classes.autocomplete, loading: loading, multiple: !singleMessageThread, limitTags: 3, freeSolo: true, disableClearable: true, options: followers, onChange: handleChange, onInputChange: handleInputChange, inputValue: value, value: singleMessageThread ? singleMessageUser : recipients, getOptionLabel: (option) => (option ? option.username : '...'), isOptionEqualToValue: (option, value) => (option ? value.id === option.id : false), renderInput: (params) => (React.createElement(TextField, Object.assign({}, params, { placeholder: singleMessageThread ? '...' : `${intl.formatMessage(translMessages.placeholder)}`, variant: "standard", InputProps: Object.assign(Object.assign({}, params.InputProps), { disableUnderline: true }) }))), classes: { popper: classes.autocompleteDialog }, disabled: Boolean(singleMessageUser) })),
499
499
  React.createElement(IconButton, { size: "small", onClick: handleNewMessageClose },
500
- React.createElement(Icon, { fontSize: "small" }, "close"))),
500
+ React.createElement(Icon, null, "close"))),
501
501
  React.createElement(List, { className: classes.newMessageContent }),
502
502
  React.createElement(PrivateMessageEditor, { className: classes.editor, send: handleSend, autoHide: !followers, error: error, onErrorRemove: () => setError(false) }))) : (React.createElement(Typography, { className: classes.emptyMessage },
503
503
  React.createElement(FormattedMessage, { id: "ui.privateMessage.thread.emptyBox.message", defaultMessage: "ui.privateMessage.thread.emptyBox.message" })))));