@selfcommunity/react-ui 0.7.46 → 0.7.47-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 (12) hide show
  1. package/lib/cjs/components/GroupForm/GroupForm.d.ts +0 -2
  2. package/lib/cjs/components/GroupForm/GroupForm.js +4 -30
  3. package/lib/cjs/components/GroupHeader/GroupHeader.js +2 -15
  4. package/lib/cjs/components/GroupInfoWidget/GroupInfoWidget.js +2 -21
  5. package/lib/cjs/components/GroupSettingsIconButton/GroupSettingsIconButton.js +2 -1
  6. package/lib/esm/components/GroupForm/GroupForm.d.ts +0 -2
  7. package/lib/esm/components/GroupForm/GroupForm.js +4 -30
  8. package/lib/esm/components/GroupHeader/GroupHeader.js +3 -16
  9. package/lib/esm/components/GroupInfoWidget/GroupInfoWidget.js +2 -21
  10. package/lib/esm/components/GroupSettingsIconButton/GroupSettingsIconButton.js +2 -1
  11. package/lib/umd/react-ui.js +1 -1
  12. package/package.json +7 -7
package/lib/cjs/components/GroupForm/GroupForm.d.ts CHANGED
@@ -60,8 +60,6 @@ export interface GroupFormProps extends BaseDialogProps {
60
60
  |content|.SCGroupForm-content|Styles applied to the element.|
61
61
  |privacySection|.SCGroupForm-privacy-section|Styles applied to the privacy section.|
62
62
  |privacySectionInfo|.SCGroupForm-privacy-section-info|Styles applied to the privacy info section.|
63
- |visibilitySection|.SCGroupForm-visibility-section|Styles applied to the visibility section.|
64
- |visibilitySectionInfo|.SCGroupForm-visibility-section-info|Styles applied to the visibility section info.|
65
63
  |inviteSection|.SCGroupForm-invite-section|Styles applied to the invite section.|
66
64
  |error|.SCGroupForm-error|Styles applied to the error elements.|
67
65
 
package/lib/cjs/components/GroupForm/GroupForm.js CHANGED
@@ -46,8 +46,8 @@ const classes = {
46
46
  content: `${constants_1.PREFIX}-content`,
47
47
  privacySection: `${constants_1.PREFIX}-privacy-section`,
48
48
  privacySectionInfo: `${constants_1.PREFIX}-privacy-section-info`,
49
- visibilitySection: `${constants_1.PREFIX}-visibility-section`,
50
- visibilitySectionInfo: `${constants_1.PREFIX}-visibility-section-info`,
49
+ // visibilitySection: `${PREFIX}-visibility-section`,
50
+ // visibilitySectionInfo: `${PREFIX}-visibility-section-info`,
51
51
  inviteSection: `${constants_1.PREFIX}-invite-section`,
52
52
  error: `${constants_1.PREFIX}-error`
53
53
  };
@@ -84,8 +84,6 @@ const Root = (0, styles_1.styled)(BaseDialog_1.default, {
84
84
  |content|.SCGroupForm-content|Styles applied to the element.|
85
85
  |privacySection|.SCGroupForm-privacy-section|Styles applied to the privacy section.|
86
86
  |privacySectionInfo|.SCGroupForm-privacy-section-info|Styles applied to the privacy info section.|
87
- |visibilitySection|.SCGroupForm-visibility-section|Styles applied to the visibility section.|
88
- |visibilitySectionInfo|.SCGroupForm-visibility-section-info|Styles applied to the visibility section info.|
89
87
  |inviteSection|.SCGroupForm-invite-section|Styles applied to the invite section.|
90
88
  |error|.SCGroupForm-error|Styles applied to the error elements.|
91
89
 
@@ -107,7 +105,7 @@ function GroupForm(inProps) {
107
105
  name: group ? group.name : '',
108
106
  description: group ? group.description : '',
109
107
  isPublic: group && group.privacy === types_1.SCGroupPrivacyType.PUBLIC,
110
- isVisible: group ? group.visible : true,
108
+ // isVisible: group ? group.visible : true,
111
109
  invitedUsers: null,
112
110
  isSubmitting: false
113
111
  };
@@ -167,7 +165,7 @@ function GroupForm(inProps) {
167
165
  formData.append('name', field.name);
168
166
  formData.append('description', field.description);
169
167
  formData.append('privacy', field.isPublic ? types_1.SCGroupPrivacyType.PUBLIC : types_1.SCGroupPrivacyType.PRIVATE);
170
- formData.append('visible', field.isVisible);
168
+ // formData.append('visible', field.isVisible);
171
169
  if (field.imageOriginalFile) {
172
170
  formData.append('image_original', field.imageOriginalFile);
173
171
  }
@@ -260,30 +258,6 @@ function GroupForm(inProps) {
260
258
  // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
261
259
  // @ts-ignore
262
260
  b: (chunks) => react_1.default.createElement("strong", null, chunks)
263
- } })))))),
264
- react_1.default.createElement(material_1.Box, { className: classes.visibilitySection }, ((!field.isPublic && !group) || (group && !field.isPublic)) && (react_1.default.createElement(react_1.default.Fragment, null,
265
- react_1.default.createElement(material_1.Typography, { variant: "h4" },
266
- react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.groupForm.visibility.title", defaultMessage: "ui.groupForm.visibility.title", values: {
267
- // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
268
- // @ts-ignore
269
- b: (chunks) => react_1.default.createElement("strong", null, chunks)
270
- } })),
271
- react_1.default.createElement(material_1.Stack, { direction: "row", spacing: 1, alignItems: "center" },
272
- react_1.default.createElement(material_1.Typography, { className: (0, classnames_1.default)(classes.switchLabel, { [classes.active]: !field.isVisible }) },
273
- react_1.default.createElement(material_1.Icon, null, "visibility_off"),
274
- react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.groupForm.visibility.hidden", defaultMessage: "ui.groupForm.visibility.hidden" })),
275
- react_1.default.createElement(material_1.Switch, { className: classes.switch, checked: field.isVisible, onChange: () => setField((prev) => (Object.assign(Object.assign({}, prev), { ['isVisible']: !field.isVisible }))) }),
276
- react_1.default.createElement(material_1.Typography, { className: (0, classnames_1.default)(classes.switchLabel, { [classes.active]: field.isVisible }) },
277
- react_1.default.createElement(material_1.Icon, null, "visibility"),
278
- react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.groupForm.visibility.visible", defaultMessage: "ui.groupForm.visibility.visible" }))),
279
- react_1.default.createElement(material_1.Typography, { variant: "body2", className: classes.visibilitySectionInfo }, !field.isVisible ? (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.groupForm.visibility.hidden.info", defaultMessage: "ui.groupForm.visibility.hidden.info", values: {
280
- // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
281
- // @ts-ignore
282
- b: (chunks) => react_1.default.createElement("strong", null, chunks)
283
- } })) : (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.groupForm.visibility.visible.info", defaultMessage: "ui.groupForm.visibility.visible.info", values: {
284
- // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
285
- // @ts-ignore
286
- b: (chunks) => react_1.default.createElement("strong", null, chunks)
287
261
  } }))))))),
288
262
  !group && (react_1.default.createElement(react_1.default.Fragment, null,
289
263
  react_1.default.createElement(material_1.Divider, null),
package/lib/cjs/components/GroupHeader/GroupHeader.js CHANGED
@@ -12,7 +12,6 @@ const system_1 = require("@mui/system");
12
12
  const constants_1 = require("./constants");
13
13
  const ChangeGroupCover_1 = tslib_1.__importDefault(require("../ChangeGroupCover"));
14
14
  const react_intl_1 = require("react-intl");
15
- const Bullet_1 = tslib_1.__importDefault(require("../../shared/Bullet"));
16
15
  const ChangeGroupPicture_1 = tslib_1.__importDefault(require("../ChangeGroupPicture"));
17
16
  const GroupMembersButton_1 = tslib_1.__importDefault(require("../GroupMembersButton"));
18
17
  const EditGroupButton_1 = tslib_1.__importDefault(require("../EditGroupButton"));
@@ -28,8 +27,8 @@ const classes = {
28
27
  name: `${constants_1.PREFIX}-name`,
29
28
  changePicture: `${constants_1.PREFIX}-change-picture`,
30
29
  changeCover: `${constants_1.PREFIX}-change-cover`,
31
- visibility: `${constants_1.PREFIX}-visibility`,
32
- visibilityItem: `${constants_1.PREFIX}-visibility-item`,
30
+ // visibility: `${PREFIX}-visibility`,
31
+ // visibilityItem: `${PREFIX}-visibility-item`,
33
32
  members: `${constants_1.PREFIX}-members`,
34
33
  membersCounter: `${constants_1.PREFIX}-members-counter`
35
34
  };
@@ -156,18 +155,6 @@ function GroupHeader(inProps) {
156
155
  react_1.default.createElement(material_1.Box, { className: classes.info },
157
156
  isGroupAdmin && react_1.default.createElement(EditGroupButton_1.default, { group: scGroup, groupId: scGroup.id, onEditSuccess: (data) => setSCGroup(data) }),
158
157
  react_1.default.createElement(material_1.Typography, { variant: "h5", className: classes.name }, scGroup.name),
159
- react_1.default.createElement(material_1.Box, { className: classes.visibility },
160
- scGroup.privacy === types_1.SCGroupPrivacyType.PUBLIC ? (react_1.default.createElement(material_1.Typography, { className: classes.visibilityItem },
161
- react_1.default.createElement(material_1.Icon, null, "public"),
162
- react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.groupHeader.visibility.public", defaultMessage: "ui.groupHeader.visibility.public" }))) : (react_1.default.createElement(material_1.Typography, { className: classes.visibilityItem },
163
- react_1.default.createElement(material_1.Icon, null, "private"),
164
- react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.groupHeader.visibility.private", defaultMessage: "ui.groupHeader.visibility.private" }))),
165
- react_1.default.createElement(Bullet_1.default, null),
166
- scGroup.visible ? (react_1.default.createElement(material_1.Typography, { className: classes.visibilityItem },
167
- react_1.default.createElement(material_1.Icon, null, "visibility"),
168
- react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.groupHeader.visibility.visible", defaultMessage: "ui.groupHeader.visibility.visible" }))) : (react_1.default.createElement(material_1.Typography, { className: classes.visibilityItem },
169
- react_1.default.createElement(material_1.Icon, null, "visibility_off"),
170
- react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.groupHeader.visibility.hidden", defaultMessage: "ui.groupHeader.visibility.hidden" })))),
171
158
  react_1.default.createElement(react_1.default.Fragment, null, ((scGroup && scGroup.privacy === types_1.SCGroupPrivacyType.PUBLIC) ||
172
159
  scGroup.subscription_status === types_1.SCGroupSubscriptionStatusType.SUBSCRIBED ||
173
160
  isGroupAdmin) && (react_1.default.createElement(material_1.Box, { className: classes.members },
package/lib/cjs/components/GroupInfoWidget/GroupInfoWidget.js CHANGED
@@ -21,8 +21,8 @@ const classes = {
21
21
  description: `${constants_1.PREFIX}-description`,
22
22
  privacy: `${constants_1.PREFIX}-privacy`,
23
23
  privacyTitle: `${constants_1.PREFIX}-privacy-title`,
24
- visibility: `${constants_1.PREFIX}-visibility`,
25
- visibilityTitle: `${constants_1.PREFIX}-visibility-title`,
24
+ // visibility: `${PREFIX}-visibility`,
25
+ // visibilityTitle: `${PREFIX}-visibility-title`,
26
26
  admin: `${constants_1.PREFIX}-admin`,
27
27
  date: `${constants_1.PREFIX}-date`
28
28
  };
@@ -124,25 +124,6 @@ function GroupInfoWidget(inProps) {
124
124
  // @ts-ignore
125
125
  b: (chunks) => react_1.default.createElement("strong", null, chunks)
126
126
  } }))))),
127
- scGroup.privacy === types_1.SCGroupPrivacyType.PRIVATE && (react_1.default.createElement(material_1.Typography, { component: "div", className: classes.visibility }, scGroup.visible ? (react_1.default.createElement(react_1.default.Fragment, null,
128
- react_1.default.createElement(material_1.Typography, { className: classes.visibilityTitle },
129
- react_1.default.createElement(material_1.Icon, null, "visibility"),
130
- react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.groupForm.visibility.visible", defaultMessage: "ui.groupForm.visibility.visible" })),
131
- react_1.default.createElement(material_1.Typography, { variant: "body2" },
132
- react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.groupForm.visibility.visible.info", defaultMessage: "ui.groupForm.visibility.visible.info", values: {
133
- // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
134
- // @ts-ignore
135
- b: (chunks) => react_1.default.createElement("strong", null, chunks)
136
- } })))) : (react_1.default.createElement(react_1.default.Fragment, null,
137
- react_1.default.createElement(material_1.Typography, { className: classes.visibilityTitle },
138
- react_1.default.createElement(material_1.Icon, null, "visibility_off"),
139
- react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.groupForm.visibility.hidden", defaultMessage: "ui.groupForm.visibility.hidden" })),
140
- react_1.default.createElement(material_1.Typography, { variant: "body2" },
141
- react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.groupForm.visibility.hidden.info", defaultMessage: "ui.groupForm.visibility.hidden.info", values: {
142
- // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
143
- // @ts-ignore
144
- b: (chunks) => react_1.default.createElement("strong", null, chunks)
145
- } })))))),
146
127
  react_1.default.createElement(material_1.Typography, { variant: "body2", className: classes.date },
147
128
  react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.groupInfoWidget.date", defaultMessage: "ui.groupInfoWidget.date", values: { date: intl.formatDate(scGroup.created_at, { day: 'numeric', year: 'numeric', month: 'long' }) } })),
148
129
  react_1.default.createElement(material_1.Typography, { component: "div", className: classes.admin },
package/lib/cjs/components/GroupSettingsIconButton/GroupSettingsIconButton.js CHANGED
@@ -56,6 +56,7 @@ const MenuRoot = (0, styles_1.styled)(material_1.Menu, {
56
56
  * @param inProps
57
57
  */
58
58
  function GroupSettingsIconButton(inProps) {
59
+ var _a;
59
60
  // PROPS
60
61
  const props = (0, system_1.useThemeProps)({
61
62
  props: inProps,
@@ -111,7 +112,7 @@ function GroupSettingsIconButton(inProps) {
111
112
  console.log(error);
112
113
  });
113
114
  }
114
- if (scUserContext.user.id === user.id) {
115
+ if (((_a = scUserContext === null || scUserContext === void 0 ? void 0 : scUserContext.user) === null || _a === void 0 ? void 0 : _a.id) === (user === null || user === void 0 ? void 0 : user.id)) {
115
116
  return null;
116
117
  }
117
118
  /**
package/lib/esm/components/GroupForm/GroupForm.d.ts CHANGED
@@ -60,8 +60,6 @@ export interface GroupFormProps extends BaseDialogProps {
60
60
  |content|.SCGroupForm-content|Styles applied to the element.|
61
61
  |privacySection|.SCGroupForm-privacy-section|Styles applied to the privacy section.|
62
62
  |privacySectionInfo|.SCGroupForm-privacy-section-info|Styles applied to the privacy info section.|
63
- |visibilitySection|.SCGroupForm-visibility-section|Styles applied to the visibility section.|
64
- |visibilitySectionInfo|.SCGroupForm-visibility-section-info|Styles applied to the visibility section info.|
65
63
  |inviteSection|.SCGroupForm-invite-section|Styles applied to the invite section.|
66
64
  |error|.SCGroupForm-error|Styles applied to the error elements.|
67
65
 
package/lib/esm/components/GroupForm/GroupForm.js CHANGED
@@ -44,8 +44,8 @@ const classes = {
44
44
  content: `${PREFIX}-content`,
45
45
  privacySection: `${PREFIX}-privacy-section`,
46
46
  privacySectionInfo: `${PREFIX}-privacy-section-info`,
47
- visibilitySection: `${PREFIX}-visibility-section`,
48
- visibilitySectionInfo: `${PREFIX}-visibility-section-info`,
47
+ // visibilitySection: `${PREFIX}-visibility-section`,
48
+ // visibilitySectionInfo: `${PREFIX}-visibility-section-info`,
49
49
  inviteSection: `${PREFIX}-invite-section`,
50
50
  error: `${PREFIX}-error`
51
51
  };
@@ -82,8 +82,6 @@ const Root = styled(BaseDialog, {
82
82
  |content|.SCGroupForm-content|Styles applied to the element.|
83
83
  |privacySection|.SCGroupForm-privacy-section|Styles applied to the privacy section.|
84
84
  |privacySectionInfo|.SCGroupForm-privacy-section-info|Styles applied to the privacy info section.|
85
- |visibilitySection|.SCGroupForm-visibility-section|Styles applied to the visibility section.|
86
- |visibilitySectionInfo|.SCGroupForm-visibility-section-info|Styles applied to the visibility section info.|
87
85
  |inviteSection|.SCGroupForm-invite-section|Styles applied to the invite section.|
88
86
  |error|.SCGroupForm-error|Styles applied to the error elements.|
89
87
 
@@ -105,7 +103,7 @@ export default function GroupForm(inProps) {
105
103
  name: group ? group.name : '',
106
104
  description: group ? group.description : '',
107
105
  isPublic: group && group.privacy === SCGroupPrivacyType.PUBLIC,
108
- isVisible: group ? group.visible : true,
106
+ // isVisible: group ? group.visible : true,
109
107
  invitedUsers: null,
110
108
  isSubmitting: false
111
109
  };
@@ -165,7 +163,7 @@ export default function GroupForm(inProps) {
165
163
  formData.append('name', field.name);
166
164
  formData.append('description', field.description);
167
165
  formData.append('privacy', field.isPublic ? SCGroupPrivacyType.PUBLIC : SCGroupPrivacyType.PRIVATE);
168
- formData.append('visible', field.isVisible);
166
+ // formData.append('visible', field.isVisible);
169
167
  if (field.imageOriginalFile) {
170
168
  formData.append('image_original', field.imageOriginalFile);
171
169
  }
@@ -258,30 +256,6 @@ export default function GroupForm(inProps) {
258
256
  // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
259
257
  // @ts-ignore
260
258
  b: (chunks) => React.createElement("strong", null, chunks)
261
- } })))))),
262
- React.createElement(Box, { className: classes.visibilitySection }, ((!field.isPublic && !group) || (group && !field.isPublic)) && (React.createElement(React.Fragment, null,
263
- React.createElement(Typography, { variant: "h4" },
264
- React.createElement(FormattedMessage, { id: "ui.groupForm.visibility.title", defaultMessage: "ui.groupForm.visibility.title", values: {
265
- // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
266
- // @ts-ignore
267
- b: (chunks) => React.createElement("strong", null, chunks)
268
- } })),
269
- React.createElement(Stack, { direction: "row", spacing: 1, alignItems: "center" },
270
- React.createElement(Typography, { className: classNames(classes.switchLabel, { [classes.active]: !field.isVisible }) },
271
- React.createElement(Icon, null, "visibility_off"),
272
- React.createElement(FormattedMessage, { id: "ui.groupForm.visibility.hidden", defaultMessage: "ui.groupForm.visibility.hidden" })),
273
- React.createElement(Switch, { className: classes.switch, checked: field.isVisible, onChange: () => setField((prev) => (Object.assign(Object.assign({}, prev), { ['isVisible']: !field.isVisible }))) }),
274
- React.createElement(Typography, { className: classNames(classes.switchLabel, { [classes.active]: field.isVisible }) },
275
- React.createElement(Icon, null, "visibility"),
276
- React.createElement(FormattedMessage, { id: "ui.groupForm.visibility.visible", defaultMessage: "ui.groupForm.visibility.visible" }))),
277
- React.createElement(Typography, { variant: "body2", className: classes.visibilitySectionInfo }, !field.isVisible ? (React.createElement(FormattedMessage, { id: "ui.groupForm.visibility.hidden.info", defaultMessage: "ui.groupForm.visibility.hidden.info", values: {
278
- // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
279
- // @ts-ignore
280
- b: (chunks) => React.createElement("strong", null, chunks)
281
- } })) : (React.createElement(FormattedMessage, { id: "ui.groupForm.visibility.visible.info", defaultMessage: "ui.groupForm.visibility.visible.info", values: {
282
- // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
283
- // @ts-ignore
284
- b: (chunks) => React.createElement("strong", null, chunks)
285
259
  } }))))))),
286
260
  !group && (React.createElement(React.Fragment, null,
287
261
  React.createElement(Divider, null),
package/lib/esm/components/GroupHeader/GroupHeader.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { __rest } from "tslib";
2
2
  import React, { useCallback, useEffect, useMemo, useRef } from 'react';
3
3
  import { styled } from '@mui/material/styles';
4
- import { Avatar, Box, Icon, Paper, Typography } from '@mui/material';
4
+ import { Avatar, Box, Paper, Typography } from '@mui/material';
5
5
  import { SCGroupPrivacyType, SCGroupSubscriptionStatusType } from '@selfcommunity/types';
6
6
  import { SCPreferences, useSCFetchGroup, useSCPreferences, useSCUser } from '@selfcommunity/react-core';
7
7
  import GroupHeaderSkeleton from './Skeleton';
@@ -10,7 +10,6 @@ import { useThemeProps } from '@mui/system';
10
10
  import { PREFIX } from './constants';
11
11
  import ChangeGroupCover from '../ChangeGroupCover';
12
12
  import { FormattedMessage } from 'react-intl';
13
- import Bullet from '../../shared/Bullet';
14
13
  import ChangeGroupPicture from '../ChangeGroupPicture';
15
14
  import GroupMembersButton from '../GroupMembersButton';
16
15
  import EditGroupButton from '../EditGroupButton';
@@ -26,8 +25,8 @@ const classes = {
26
25
  name: `${PREFIX}-name`,
27
26
  changePicture: `${PREFIX}-change-picture`,
28
27
  changeCover: `${PREFIX}-change-cover`,
29
- visibility: `${PREFIX}-visibility`,
30
- visibilityItem: `${PREFIX}-visibility-item`,
28
+ // visibility: `${PREFIX}-visibility`,
29
+ // visibilityItem: `${PREFIX}-visibility-item`,
31
30
  members: `${PREFIX}-members`,
32
31
  membersCounter: `${PREFIX}-members-counter`
33
32
  };
@@ -154,18 +153,6 @@ export default function GroupHeader(inProps) {
154
153
  React.createElement(Box, { className: classes.info },
155
154
  isGroupAdmin && React.createElement(EditGroupButton, { group: scGroup, groupId: scGroup.id, onEditSuccess: (data) => setSCGroup(data) }),
156
155
  React.createElement(Typography, { variant: "h5", className: classes.name }, scGroup.name),
157
- React.createElement(Box, { className: classes.visibility },
158
- scGroup.privacy === SCGroupPrivacyType.PUBLIC ? (React.createElement(Typography, { className: classes.visibilityItem },
159
- React.createElement(Icon, null, "public"),
160
- React.createElement(FormattedMessage, { id: "ui.groupHeader.visibility.public", defaultMessage: "ui.groupHeader.visibility.public" }))) : (React.createElement(Typography, { className: classes.visibilityItem },
161
- React.createElement(Icon, null, "private"),
162
- React.createElement(FormattedMessage, { id: "ui.groupHeader.visibility.private", defaultMessage: "ui.groupHeader.visibility.private" }))),
163
- React.createElement(Bullet, null),
164
- scGroup.visible ? (React.createElement(Typography, { className: classes.visibilityItem },
165
- React.createElement(Icon, null, "visibility"),
166
- React.createElement(FormattedMessage, { id: "ui.groupHeader.visibility.visible", defaultMessage: "ui.groupHeader.visibility.visible" }))) : (React.createElement(Typography, { className: classes.visibilityItem },
167
- React.createElement(Icon, null, "visibility_off"),
168
- React.createElement(FormattedMessage, { id: "ui.groupHeader.visibility.hidden", defaultMessage: "ui.groupHeader.visibility.hidden" })))),
169
156
  React.createElement(React.Fragment, null, ((scGroup && scGroup.privacy === SCGroupPrivacyType.PUBLIC) ||
170
157
  scGroup.subscription_status === SCGroupSubscriptionStatusType.SUBSCRIBED ||
171
158
  isGroupAdmin) && (React.createElement(Box, { className: classes.members },
package/lib/esm/components/GroupInfoWidget/GroupInfoWidget.js CHANGED
@@ -19,8 +19,8 @@ const classes = {
19
19
  description: `${PREFIX}-description`,
20
20
  privacy: `${PREFIX}-privacy`,
21
21
  privacyTitle: `${PREFIX}-privacy-title`,
22
- visibility: `${PREFIX}-visibility`,
23
- visibilityTitle: `${PREFIX}-visibility-title`,
22
+ // visibility: `${PREFIX}-visibility`,
23
+ // visibilityTitle: `${PREFIX}-visibility-title`,
24
24
  admin: `${PREFIX}-admin`,
25
25
  date: `${PREFIX}-date`
26
26
  };
@@ -122,25 +122,6 @@ export default function GroupInfoWidget(inProps) {
122
122
  // @ts-ignore
123
123
  b: (chunks) => React.createElement("strong", null, chunks)
124
124
  } }))))),
125
- scGroup.privacy === SCGroupPrivacyType.PRIVATE && (React.createElement(Typography, { component: "div", className: classes.visibility }, scGroup.visible ? (React.createElement(React.Fragment, null,
126
- React.createElement(Typography, { className: classes.visibilityTitle },
127
- React.createElement(Icon, null, "visibility"),
128
- React.createElement(FormattedMessage, { id: "ui.groupForm.visibility.visible", defaultMessage: "ui.groupForm.visibility.visible" })),
129
- React.createElement(Typography, { variant: "body2" },
130
- React.createElement(FormattedMessage, { id: "ui.groupForm.visibility.visible.info", defaultMessage: "ui.groupForm.visibility.visible.info", values: {
131
- // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
132
- // @ts-ignore
133
- b: (chunks) => React.createElement("strong", null, chunks)
134
- } })))) : (React.createElement(React.Fragment, null,
135
- React.createElement(Typography, { className: classes.visibilityTitle },
136
- React.createElement(Icon, null, "visibility_off"),
137
- React.createElement(FormattedMessage, { id: "ui.groupForm.visibility.hidden", defaultMessage: "ui.groupForm.visibility.hidden" })),
138
- React.createElement(Typography, { variant: "body2" },
139
- React.createElement(FormattedMessage, { id: "ui.groupForm.visibility.hidden.info", defaultMessage: "ui.groupForm.visibility.hidden.info", values: {
140
- // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
141
- // @ts-ignore
142
- b: (chunks) => React.createElement("strong", null, chunks)
143
- } })))))),
144
125
  React.createElement(Typography, { variant: "body2", className: classes.date },
145
126
  React.createElement(FormattedMessage, { id: "ui.groupInfoWidget.date", defaultMessage: "ui.groupInfoWidget.date", values: { date: intl.formatDate(scGroup.created_at, { day: 'numeric', year: 'numeric', month: 'long' }) } })),
146
127
  React.createElement(Typography, { component: "div", className: classes.admin },
package/lib/esm/components/GroupSettingsIconButton/GroupSettingsIconButton.js CHANGED
@@ -54,6 +54,7 @@ const MenuRoot = styled(Menu, {
54
54
  * @param inProps
55
55
  */
56
56
  export default function GroupSettingsIconButton(inProps) {
57
+ var _a;
57
58
  // PROPS
58
59
  const props = useThemeProps({
59
60
  props: inProps,
@@ -109,7 +110,7 @@ export default function GroupSettingsIconButton(inProps) {
109
110
  console.log(error);
110
111
  });
111
112
  }
112
- if (scUserContext.user.id === user.id) {
113
+ if (((_a = scUserContext === null || scUserContext === void 0 ? void 0 : scUserContext.user) === null || _a === void 0 ? void 0 : _a.id) === (user === null || user === void 0 ? void 0 : user.id)) {
113
114
  return null;
114
115
  }
115
116
  /**