@selfcommunity/react-ui 0.7.9-alpha.73 → 0.7.9-alpha.74
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/ChangeGroupCover/ChangeGroupCover.js +6 -6
- package/lib/cjs/components/ChangeGroupPicture/ChangeGroupPicture.js +6 -6
- package/lib/cjs/components/FeedObject/Actions/Share/Share.js +18 -16
- package/lib/esm/components/ChangeGroupCover/ChangeGroupCover.js +6 -6
- package/lib/esm/components/ChangeGroupPicture/ChangeGroupPicture.js +6 -6
- package/lib/esm/components/FeedObject/Actions/Share/Share.js +19 -17
- package/lib/umd/react-ui.js +1 -1
- package/package.json +2 -2
|
@@ -84,12 +84,12 @@ function ChangeGroupCover(inProps) {
|
|
|
84
84
|
reader.onload = (e) => {
|
|
85
85
|
const img = new Image();
|
|
86
86
|
img.onload = () => {
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
else {
|
|
91
|
-
|
|
92
|
-
}
|
|
87
|
+
isCreationMode ? onChange && onChange(fileInput) : handleSave();
|
|
88
|
+
// if (img.width < 1920) {
|
|
89
|
+
// setAlert(intl.formatMessage(messages.errorImageSize));
|
|
90
|
+
// } else {
|
|
91
|
+
// isCreationMode ? onChange && onChange(fileInput) : handleSave();
|
|
92
|
+
// }
|
|
93
93
|
};
|
|
94
94
|
// eslint-disable-next-line @typescript-eslint/ban-ts-ignore
|
|
95
95
|
// @ts-ignore
|
|
@@ -82,12 +82,12 @@ function ChangeGroupPicture(inProps) {
|
|
|
82
82
|
reader.onload = (e) => {
|
|
83
83
|
const img = new Image();
|
|
84
84
|
img.onload = () => {
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
else {
|
|
89
|
-
|
|
90
|
-
}
|
|
85
|
+
isCreationMode ? onChange && onChange(fileInput) : handleSave();
|
|
86
|
+
// if (img.width < 600 && img.height < 600) {
|
|
87
|
+
// setAlert(intl.formatMessage(messages.errorLoadImage));
|
|
88
|
+
// } else {
|
|
89
|
+
// isCreationMode ? onChange && onChange(fileInput) : handleSave();
|
|
90
|
+
// }
|
|
91
91
|
};
|
|
92
92
|
// eslint-disable-next-line @typescript-eslint/ban-ts-ignore
|
|
93
93
|
// @ts-ignore
|
|
@@ -70,6 +70,7 @@ function Share(props) {
|
|
|
70
70
|
const { enqueueSnackbar } = (0, notistack_1.useSnackbar)();
|
|
71
71
|
const domain = typeof location !== 'undefined' && location.origin ? location.origin : '';
|
|
72
72
|
const url = domain + scRoutingContext.url((0, contribution_1.getContributionRouteName)(obj), (0, contribution_1.getRouteData)(obj));
|
|
73
|
+
const isGroupPublic = (0, react_1.useMemo)(() => feedObject.group && feedObject.group.privacy === types_1.SCGroupPrivacyType.PUBLIC, [feedObject.group]);
|
|
73
74
|
// INTL
|
|
74
75
|
const intl = (0, react_intl_1.useIntl)();
|
|
75
76
|
// HANDLERS
|
|
@@ -188,22 +189,23 @@ function Share(props) {
|
|
|
188
189
|
}
|
|
189
190
|
function renderShareMenuItems() {
|
|
190
191
|
return (react_1.default.createElement(material_1.Box, null,
|
|
191
|
-
react_1.default.createElement(
|
|
192
|
-
react_1.default.createElement(
|
|
193
|
-
react_1.default.createElement(
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
react_1.default.createElement(
|
|
197
|
-
react_1.default.createElement(
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
react_1.default.createElement(
|
|
201
|
-
react_1.default.createElement(
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
react_1.default.createElement(
|
|
205
|
-
react_1.default.createElement(
|
|
206
|
-
|
|
192
|
+
(!feedObject.group || isGroupPublic) && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
193
|
+
react_1.default.createElement(MenuItem_1.default, { onClick: () => share(false) },
|
|
194
|
+
react_1.default.createElement(ListItemIcon_1.default, null,
|
|
195
|
+
react_1.default.createElement(Icon_1.default, { fontSize: "small" }, "redo")),
|
|
196
|
+
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" }) })),
|
|
197
|
+
facebookShareEnabled && (react_1.default.createElement(MenuItem_1.default, { onClick: () => window.open(SocialShare_1.FACEBOOK_SHARE + url, 'facebook-share-dialog', 'width=626,height=436') },
|
|
198
|
+
react_1.default.createElement(ListItemIcon_1.default, null,
|
|
199
|
+
react_1.default.createElement(Icon_1.default, { fontSize: "small" }, "facebook")),
|
|
200
|
+
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" }) }))),
|
|
201
|
+
twitterShareEnabled && (react_1.default.createElement(MenuItem_1.default, { onClick: () => window.open(SocialShare_1.TWITTER_SHARE + url, 'twitter-share-dialog', 'width=626,height=436') },
|
|
202
|
+
react_1.default.createElement(ListItemIcon_1.default, null,
|
|
203
|
+
react_1.default.createElement(Icon_1.default, { fontSize: "small" }, "twitter")),
|
|
204
|
+
react_1.default.createElement(material_1.ListItemText, { primary: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.feedObject.share.twitter", defaultMessage: "ui.feedObject.share.twitter" }) }))),
|
|
205
|
+
linkedinShareEnabled && (react_1.default.createElement(MenuItem_1.default, { onClick: () => window.open(SocialShare_1.LINKEDIN_SHARE + url, 'linkedin-share-dialog', 'width=626,height=436') },
|
|
206
|
+
react_1.default.createElement(ListItemIcon_1.default, null,
|
|
207
|
+
react_1.default.createElement(Icon_1.default, { fontSize: "small" }, "linkedin")),
|
|
208
|
+
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" }) }))))),
|
|
207
209
|
react_1.default.createElement(MenuItem_1.default, null,
|
|
208
210
|
react_1.default.createElement(ListItemIcon_1.default, null,
|
|
209
211
|
react_1.default.createElement(Icon_1.default, { fontSize: "small" }, "link")),
|
|
@@ -82,12 +82,12 @@ export default function ChangeGroupCover(inProps) {
|
|
|
82
82
|
reader.onload = (e) => {
|
|
83
83
|
const img = new Image();
|
|
84
84
|
img.onload = () => {
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
else {
|
|
89
|
-
|
|
90
|
-
}
|
|
85
|
+
isCreationMode ? onChange && onChange(fileInput) : handleSave();
|
|
86
|
+
// if (img.width < 1920) {
|
|
87
|
+
// setAlert(intl.formatMessage(messages.errorImageSize));
|
|
88
|
+
// } else {
|
|
89
|
+
// isCreationMode ? onChange && onChange(fileInput) : handleSave();
|
|
90
|
+
// }
|
|
91
91
|
};
|
|
92
92
|
// eslint-disable-next-line @typescript-eslint/ban-ts-ignore
|
|
93
93
|
// @ts-ignore
|
|
@@ -80,12 +80,12 @@ export default function ChangeGroupPicture(inProps) {
|
|
|
80
80
|
reader.onload = (e) => {
|
|
81
81
|
const img = new Image();
|
|
82
82
|
img.onload = () => {
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
else {
|
|
87
|
-
|
|
88
|
-
}
|
|
83
|
+
isCreationMode ? onChange && onChange(fileInput) : handleSave();
|
|
84
|
+
// if (img.width < 600 && img.height < 600) {
|
|
85
|
+
// setAlert(intl.formatMessage(messages.errorLoadImage));
|
|
86
|
+
// } else {
|
|
87
|
+
// isCreationMode ? onChange && onChange(fileInput) : handleSave();
|
|
88
|
+
// }
|
|
89
89
|
};
|
|
90
90
|
// eslint-disable-next-line @typescript-eslint/ban-ts-ignore
|
|
91
91
|
// @ts-ignore
|
|
@@ -13,7 +13,7 @@ import { SCOPE_SC_UI } from '../../../../constants/Errors';
|
|
|
13
13
|
import classNames from 'classnames';
|
|
14
14
|
import { useSnackbar } from 'notistack';
|
|
15
15
|
import Skeleton from '@mui/material/Skeleton';
|
|
16
|
-
import { SCContributionType } from '@selfcommunity/types';
|
|
16
|
+
import { SCContributionType, SCGroupPrivacyType } from '@selfcommunity/types';
|
|
17
17
|
import { Endpoints, http } from '@selfcommunity/api-services';
|
|
18
18
|
import { copyTextToClipboard, Logger } from '@selfcommunity/utils';
|
|
19
19
|
import { SCPreferences, SCPreferencesContext, UserUtils, useSCContext, useSCFetchFeedObject, useSCRouting, useSCUser } from '@selfcommunity/react-core';
|
|
@@ -68,6 +68,7 @@ export default function Share(props) {
|
|
|
68
68
|
const { enqueueSnackbar } = useSnackbar();
|
|
69
69
|
const domain = typeof location !== 'undefined' && location.origin ? location.origin : '';
|
|
70
70
|
const url = domain + scRoutingContext.url(getContributionRouteName(obj), getRouteData(obj));
|
|
71
|
+
const isGroupPublic = useMemo(() => feedObject.group && feedObject.group.privacy === SCGroupPrivacyType.PUBLIC, [feedObject.group]);
|
|
71
72
|
// INTL
|
|
72
73
|
const intl = useIntl();
|
|
73
74
|
// HANDLERS
|
|
@@ -186,22 +187,23 @@ export default function Share(props) {
|
|
|
186
187
|
}
|
|
187
188
|
function renderShareMenuItems() {
|
|
188
189
|
return (React.createElement(Box, null,
|
|
189
|
-
|
|
190
|
-
React.createElement(
|
|
191
|
-
React.createElement(
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
React.createElement(
|
|
195
|
-
React.createElement(
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
React.createElement(
|
|
199
|
-
React.createElement(
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
React.createElement(
|
|
203
|
-
React.createElement(
|
|
204
|
-
|
|
190
|
+
(!feedObject.group || isGroupPublic) && (React.createElement(React.Fragment, null,
|
|
191
|
+
React.createElement(MenuItem, { onClick: () => share(false) },
|
|
192
|
+
React.createElement(ListItemIcon, null,
|
|
193
|
+
React.createElement(Icon, { fontSize: "small" }, "redo")),
|
|
194
|
+
React.createElement(ListItemText, { primary: React.createElement(FormattedMessage, { id: "ui.feedObject.share.shareNow", defaultMessage: "ui.feedObject.share.shareNow" }) })),
|
|
195
|
+
facebookShareEnabled && (React.createElement(MenuItem, { onClick: () => window.open(FACEBOOK_SHARE + url, 'facebook-share-dialog', 'width=626,height=436') },
|
|
196
|
+
React.createElement(ListItemIcon, null,
|
|
197
|
+
React.createElement(Icon, { fontSize: "small" }, "facebook")),
|
|
198
|
+
React.createElement(ListItemText, { primary: React.createElement(FormattedMessage, { id: "ui.feedObject.share.facebook", defaultMessage: "ui.feedObject.share.facebook" }) }))),
|
|
199
|
+
twitterShareEnabled && (React.createElement(MenuItem, { onClick: () => window.open(TWITTER_SHARE + url, 'twitter-share-dialog', 'width=626,height=436') },
|
|
200
|
+
React.createElement(ListItemIcon, null,
|
|
201
|
+
React.createElement(Icon, { fontSize: "small" }, "twitter")),
|
|
202
|
+
React.createElement(ListItemText, { primary: React.createElement(FormattedMessage, { id: "ui.feedObject.share.twitter", defaultMessage: "ui.feedObject.share.twitter" }) }))),
|
|
203
|
+
linkedinShareEnabled && (React.createElement(MenuItem, { onClick: () => window.open(LINKEDIN_SHARE + url, 'linkedin-share-dialog', 'width=626,height=436') },
|
|
204
|
+
React.createElement(ListItemIcon, null,
|
|
205
|
+
React.createElement(Icon, { fontSize: "small" }, "linkedin")),
|
|
206
|
+
React.createElement(ListItemText, { primary: React.createElement(FormattedMessage, { id: "ui.feedObject.share.linkedin", defaultMessage: "ui.feedObject.share.linkedin" }) }))))),
|
|
205
207
|
React.createElement(MenuItem, null,
|
|
206
208
|
React.createElement(ListItemIcon, null,
|
|
207
209
|
React.createElement(Icon, { fontSize: "small" }, "link")),
|