@selfcommunity/react-ui 0.7.0-alpha.337 → 0.7.0-alpha.339

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/Composer/Composer.js +1 -1
  2. package/lib/cjs/components/Editor/plugins/ToolbarPlugin.js +1 -3
  3. package/lib/cjs/components/FeedObject/Actions/Share/Share.js +19 -17
  4. package/lib/cjs/shared/Media/File/PreviewComponent.js +1 -1
  5. package/lib/cjs/shared/Media/Link/PreviewComponent.js +1 -1
  6. package/lib/esm/components/Composer/Composer.js +1 -1
  7. package/lib/esm/components/Editor/plugins/ToolbarPlugin.js +1 -3
  8. package/lib/esm/components/FeedObject/Actions/Share/Share.js +19 -17
  9. package/lib/esm/shared/Media/File/PreviewComponent.js +1 -1
  10. package/lib/esm/shared/Media/Link/PreviewComponent.js +1 -1
  11. package/lib/umd/react-ui.js +1 -1
  12. package/package.json +2 -2
package/lib/cjs/components/Composer/Composer.js CHANGED
@@ -464,7 +464,7 @@ function Composer(inProps) {
464
464
  return react_1.default.createElement(mediaObjectType.previewComponent, { key: mediaObjectType.name, value: medias, onChange: handleChangeMedias });
465
465
  }
466
466
  else if (mediaObjectType.displayComponent) {
467
- return react_1.default.createElement(mediaObjectType.displayComponent, { key: mediaObjectType.name, value: medias });
467
+ return react_1.default.createElement(mediaObjectType.displayComponent, { key: mediaObjectType.name, medias: medias });
468
468
  }
469
469
  }))),
470
470
  !canSubmit && !editMode && react_1.default.createElement(TypeSwitchButtonGroup_1.default, { className: classes.types, onChange: handleChangeType, size: "small", value: type }),
package/lib/cjs/components/Editor/plugins/ToolbarPlugin.js CHANGED
@@ -271,9 +271,7 @@ function ToolbarPlugin(inProps) {
271
271
  activeEditor.dispatchCommand(lexical_1.FORMAT_ELEMENT_COMMAND, ALIGNMENTS[(ALIGNMENTS.findIndex((a) => alignment === a) + 1) % ALIGNMENTS.length]);
272
272
  } },
273
273
  React.createElement(material_1.Tooltip, { title: React.createElement(react_intl_1.FormattedMessage, { id: `ui.editor.toolbarPlugin.${alignment}`, defaultMessage: `ui.editor.toolbarPlugin.${alignment}` }) },
274
- React.createElement(material_1.Icon, null,
275
- "format_align_",
276
- alignment))),
274
+ React.createElement(material_1.Icon, null, `format_align_${alignment}`))),
277
275
  React.createElement(material_1.ToggleButtonGroup, { value: formats }, FORMATS.map((format) => (React.createElement(material_1.ToggleButton, { key: format, value: format, disabled: !isEditable, onClick: () => {
278
276
  activeEditor.dispatchCommand(lexical_1.FORMAT_TEXT_COMMAND, format);
279
277
  } },
package/lib/cjs/components/FeedObject/Actions/Share/Share.js CHANGED
@@ -225,23 +225,25 @@ function Share(inProps) {
225
225
  react_1.default.createElement(material_1.Tooltip, { title: `${intl.formatMessage(messages.share)}` },
226
226
  react_1.default.createElement(LoadingButton_1.default, { loading: isSharing, onClick: handleOpenShareMenu, className: classes.button },
227
227
  react_1.default.createElement(Icon_1.default, null, "share"))),
228
- react_1.default.createElement(react_1.default.Fragment, null, !isMobile ? (react_1.default.createElement(material_1.Menu, { anchorEl: anchorEl, open: Boolean(anchorEl), onClose: handleClose, onClick: handleClose, PaperProps: {
229
- elevation: 0,
230
- sx: {
231
- overflow: 'visible',
232
- filter: 'drop-shadow(0px 2px 8px rgba(0,0,0,0.32))',
233
- mt: 1.5,
234
- '&:before': {
235
- content: '""',
236
- display: 'block',
237
- position: 'absolute',
238
- top: 0,
239
- right: 14,
240
- width: 10,
241
- height: 10,
242
- bgcolor: 'background.paper',
243
- transform: 'translateY(-50%) rotate(45deg)',
244
- zIndex: 0
228
+ react_1.default.createElement(react_1.default.Fragment, null, !isMobile ? (react_1.default.createElement(material_1.Menu, { anchorEl: anchorEl, open: Boolean(anchorEl), onClose: handleClose, onClick: handleClose, slotProps: {
229
+ paper: {
230
+ elevation: 0,
231
+ sx: {
232
+ overflow: 'visible',
233
+ filter: 'drop-shadow(0px 2px 8px rgba(0,0,0,0.32))',
234
+ mt: 1.5,
235
+ '&:before': {
236
+ content: '""',
237
+ display: 'block',
238
+ position: 'absolute',
239
+ top: 0,
240
+ right: 14,
241
+ width: 10,
242
+ height: 10,
243
+ bgcolor: 'background.paper',
244
+ transform: 'translateY(-50%) rotate(45deg)',
245
+ zIndex: 0
246
+ }
245
247
  }
246
248
  }
247
249
  }, transformOrigin: { horizontal: 'right', vertical: 'top' }, anchorOrigin: { horizontal: 'right', vertical: 'bottom' } }, renderShareMenuItems())) : (react_1.default.createElement(material_1.SwipeableDrawer, { open: Boolean(anchorEl), onClick: handleClose, onClose: handleClose, onOpen: handleOpenShareMenu, anchor: "bottom", disableSwipeToOpen: true }, renderShareMenuItems()))),
package/lib/cjs/shared/Media/File/PreviewComponent.js CHANGED
@@ -39,7 +39,7 @@ const PreviewComponent = react_1.default.forwardRef((props, ref) => {
39
39
  // HANDLERS
40
40
  const handleSort = (0, react_1.useCallback)((medias) => {
41
41
  onChange && onChange([...value.filter((media) => medias.findIndex((m) => m.id === media.id) === -1), ...medias]);
42
- }, [onChange]);
42
+ }, [onChange, value]);
43
43
  const handleDelete = (0, react_1.useCallback)((id) => () => onChange && onChange(value.filter((media) => media.id !== id)), [onChange, value]);
44
44
  return react_1.default.createElement(Root, Object.assign({ ref: ref, className: (0, classnames_1.default)(className, classes.previewRoot) }, rest), medias.length > 0 && (react_1.default.createElement(react_sortablejs_1.ReactSortable, { id: SORTABLE_ID, list: medias, setList: handleSort }, medias.map((media) => (react_1.default.createElement(material_1.Box, { key: media.id, className: classes.media, sx: { backgroundImage: `url(${(media === null || media === void 0 ? void 0 : media.image_thumbnail) ? media.image_thumbnail.url : media.image})` } },
45
45
  react_1.default.createElement(material_1.IconButton, { className: classes.delete, onClick: handleDelete(media.id), size: "small" },
package/lib/cjs/shared/Media/Link/PreviewComponent.js CHANGED
@@ -27,7 +27,7 @@ const PreviewComponent = react_1.default.forwardRef((props, ref) => {
27
27
  // HANDLERS
28
28
  const handleSort = (0, react_1.useCallback)((medias) => {
29
29
  onChange && onChange([...value.filter((media) => medias.findIndex((m) => m.id === media.id) === -1), ...medias]);
30
- }, [onChange]);
30
+ }, [onChange, value]);
31
31
  const handleDelete = (0, react_1.useCallback)((id) => () => onChange && onChange(value.filter((media) => media.id !== id)), [onChange, value]);
32
32
  return react_1.default.createElement(Root, Object.assign({ ref: ref, className: (0, classnames_1.default)(className, classes.previewRoot) }, rest), medias.length > 0 && (react_1.default.createElement(react_sortablejs_1.ReactSortable, { list: medias, setList: handleSort }, medias.map((media) => (react_1.default.createElement(material_1.Box, { key: media.id, className: classes.media },
33
33
  react_1.default.createElement(DisplayComponent_1.default, { medias: [media] }),
package/lib/esm/components/Composer/Composer.js CHANGED
@@ -462,7 +462,7 @@ export default function Composer(inProps) {
462
462
  return React.createElement(mediaObjectType.previewComponent, { key: mediaObjectType.name, value: medias, onChange: handleChangeMedias });
463
463
  }
464
464
  else if (mediaObjectType.displayComponent) {
465
- return React.createElement(mediaObjectType.displayComponent, { key: mediaObjectType.name, value: medias });
465
+ return React.createElement(mediaObjectType.displayComponent, { key: mediaObjectType.name, medias: medias });
466
466
  }
467
467
  }))),
468
468
  !canSubmit && !editMode && React.createElement(TypeSwitchButtonGroup, { className: classes.types, onChange: handleChangeType, size: "small", value: type }),
package/lib/esm/components/Editor/plugins/ToolbarPlugin.js CHANGED
@@ -268,9 +268,7 @@ export default function ToolbarPlugin(inProps) {
268
268
  activeEditor.dispatchCommand(FORMAT_ELEMENT_COMMAND, ALIGNMENTS[(ALIGNMENTS.findIndex((a) => alignment === a) + 1) % ALIGNMENTS.length]);
269
269
  } },
270
270
  React.createElement(Tooltip, { title: React.createElement(FormattedMessage, { id: `ui.editor.toolbarPlugin.${alignment}`, defaultMessage: `ui.editor.toolbarPlugin.${alignment}` }) },
271
- React.createElement(Icon, null,
272
- "format_align_",
273
- alignment))),
271
+ React.createElement(Icon, null, `format_align_${alignment}`))),
274
272
  React.createElement(ToggleButtonGroup, { value: formats }, FORMATS.map((format) => (React.createElement(ToggleButton, { key: format, value: format, disabled: !isEditable, onClick: () => {
275
273
  activeEditor.dispatchCommand(FORMAT_TEXT_COMMAND, format);
276
274
  } },
package/lib/esm/components/FeedObject/Actions/Share/Share.js CHANGED
@@ -223,23 +223,25 @@ export default function Share(inProps) {
223
223
  React.createElement(Tooltip, { title: `${intl.formatMessage(messages.share)}` },
224
224
  React.createElement(LoadingButton, { loading: isSharing, onClick: handleOpenShareMenu, className: classes.button },
225
225
  React.createElement(Icon, null, "share"))),
226
- React.createElement(React.Fragment, null, !isMobile ? (React.createElement(Menu, { anchorEl: anchorEl, open: Boolean(anchorEl), onClose: handleClose, onClick: handleClose, PaperProps: {
227
- elevation: 0,
228
- sx: {
229
- overflow: 'visible',
230
- filter: 'drop-shadow(0px 2px 8px rgba(0,0,0,0.32))',
231
- mt: 1.5,
232
- '&:before': {
233
- content: '""',
234
- display: 'block',
235
- position: 'absolute',
236
- top: 0,
237
- right: 14,
238
- width: 10,
239
- height: 10,
240
- bgcolor: 'background.paper',
241
- transform: 'translateY(-50%) rotate(45deg)',
242
- zIndex: 0
226
+ React.createElement(React.Fragment, null, !isMobile ? (React.createElement(Menu, { anchorEl: anchorEl, open: Boolean(anchorEl), onClose: handleClose, onClick: handleClose, slotProps: {
227
+ paper: {
228
+ elevation: 0,
229
+ sx: {
230
+ overflow: 'visible',
231
+ filter: 'drop-shadow(0px 2px 8px rgba(0,0,0,0.32))',
232
+ mt: 1.5,
233
+ '&:before': {
234
+ content: '""',
235
+ display: 'block',
236
+ position: 'absolute',
237
+ top: 0,
238
+ right: 14,
239
+ width: 10,
240
+ height: 10,
241
+ bgcolor: 'background.paper',
242
+ transform: 'translateY(-50%) rotate(45deg)',
243
+ zIndex: 0
244
+ }
243
245
  }
244
246
  }
245
247
  }, transformOrigin: { horizontal: 'right', vertical: 'top' }, anchorOrigin: { horizontal: 'right', vertical: 'bottom' } }, renderShareMenuItems())) : (React.createElement(SwipeableDrawer, { open: Boolean(anchorEl), onClick: handleClose, onClose: handleClose, onOpen: handleOpenShareMenu, anchor: "bottom", disableSwipeToOpen: true }, renderShareMenuItems()))),
package/lib/esm/shared/Media/File/PreviewComponent.js CHANGED
@@ -37,7 +37,7 @@ const PreviewComponent = React.forwardRef((props, ref) => {
37
37
  // HANDLERS
38
38
  const handleSort = useCallback((medias) => {
39
39
  onChange && onChange([...value.filter((media) => medias.findIndex((m) => m.id === media.id) === -1), ...medias]);
40
- }, [onChange]);
40
+ }, [onChange, value]);
41
41
  const handleDelete = useCallback((id) => () => onChange && onChange(value.filter((media) => media.id !== id)), [onChange, value]);
42
42
  return React.createElement(Root, Object.assign({ ref: ref, className: classNames(className, classes.previewRoot) }, rest), medias.length > 0 && (React.createElement(ReactSortable, { id: SORTABLE_ID, list: medias, setList: handleSort }, medias.map((media) => (React.createElement(Box, { key: media.id, className: classes.media, sx: { backgroundImage: `url(${(media === null || media === void 0 ? void 0 : media.image_thumbnail) ? media.image_thumbnail.url : media.image})` } },
43
43
  React.createElement(IconButton, { className: classes.delete, onClick: handleDelete(media.id), size: "small" },
package/lib/esm/shared/Media/Link/PreviewComponent.js CHANGED
@@ -25,7 +25,7 @@ const PreviewComponent = React.forwardRef((props, ref) => {
25
25
  // HANDLERS
26
26
  const handleSort = useCallback((medias) => {
27
27
  onChange && onChange([...value.filter((media) => medias.findIndex((m) => m.id === media.id) === -1), ...medias]);
28
- }, [onChange]);
28
+ }, [onChange, value]);
29
29
  const handleDelete = useCallback((id) => () => onChange && onChange(value.filter((media) => media.id !== id)), [onChange, value]);
30
30
  return React.createElement(Root, Object.assign({ ref: ref, className: classNames(className, classes.previewRoot) }, rest), medias.length > 0 && (React.createElement(ReactSortable, { list: medias, setList: handleSort }, medias.map((media) => (React.createElement(Box, { key: media.id, className: classes.media },
31
31
  React.createElement(DisplayComponent, { medias: [media] }),