@selfcommunity/react-ui 1.2.5-alpha.3 → 1.2.5-alpha.5

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 (35) hide show
  1. package/lib/cjs/components/CommentsFeedObject/CommentsFeedObject.js +1 -1
  2. package/lib/cjs/components/Course/Course.js +1 -1
  3. package/lib/cjs/components/CourseDashboard/Student.js +2 -2
  4. package/lib/cjs/components/CourseForm/CourseForm.d.ts +2 -2
  5. package/lib/cjs/components/CourseForm/CourseForm.js +2 -2
  6. package/lib/cjs/components/CourseFormDialog/CourseFormDialog.js +3 -2
  7. package/lib/cjs/components/CreateCourseButton/CreateCourseButton.d.ts +1 -1
  8. package/lib/cjs/components/CreateCourseButton/CreateCourseButton.js +1 -1
  9. package/lib/cjs/components/EventLocationWidget/EventMap.js +7 -5
  10. package/lib/cjs/components/Events/Events.js +1 -5
  11. package/lib/cjs/components/Feed/Feed.js +1 -1
  12. package/lib/cjs/components/InlineComposerWidget/InlineComposerWidget.js +1 -1
  13. package/lib/cjs/shared/Media/File/DisplayComponent.d.ts +2 -2
  14. package/lib/cjs/shared/Media/File/DisplayComponent.js +6 -4
  15. package/lib/cjs/shared/Media/File/DocComponent.js +1 -1
  16. package/lib/cjs/shared/Media/File/PreviewComponent.js +1 -1
  17. package/lib/esm/components/CommentsFeedObject/CommentsFeedObject.js +1 -1
  18. package/lib/esm/components/Course/Course.js +1 -1
  19. package/lib/esm/components/CourseDashboard/Student.js +2 -2
  20. package/lib/esm/components/CourseForm/CourseForm.d.ts +2 -2
  21. package/lib/esm/components/CourseForm/CourseForm.js +2 -2
  22. package/lib/esm/components/CourseFormDialog/CourseFormDialog.js +3 -2
  23. package/lib/esm/components/CreateCourseButton/CreateCourseButton.d.ts +1 -1
  24. package/lib/esm/components/CreateCourseButton/CreateCourseButton.js +1 -1
  25. package/lib/esm/components/EventLocationWidget/EventMap.js +7 -5
  26. package/lib/esm/components/Events/Events.js +1 -5
  27. package/lib/esm/components/Feed/Feed.js +1 -1
  28. package/lib/esm/components/InlineComposerWidget/InlineComposerWidget.js +1 -1
  29. package/lib/esm/index.js +3 -1
  30. package/lib/esm/shared/Media/File/DisplayComponent.d.ts +2 -2
  31. package/lib/esm/shared/Media/File/DisplayComponent.js +6 -4
  32. package/lib/esm/shared/Media/File/DocComponent.js +1 -1
  33. package/lib/esm/shared/Media/File/PreviewComponent.js +1 -1
  34. package/lib/umd/react-ui.js +1 -1
  35. package/package.json +7 -7
package/lib/esm/shared/Media/File/DisplayComponent.js CHANGED
@@ -34,7 +34,7 @@ const Root = styled(Stack, {
34
34
  })(() => ({}));
35
35
  export default (props) => {
36
36
  // PROPS
37
- const { className = '', medias = [], maxVisible = 5, gallery = true, onMediaClick = null } = props;
37
+ const { className = '', medias = [], maxVisible = 5, gallery = true, onMediaClick = undefined } = props;
38
38
  // STATE
39
39
  const [preview, setPreview] = useState(-1);
40
40
  const [toolbarButtons, setToolbarButtons] = useState(undefined);
@@ -84,8 +84,10 @@ export default (props) => {
84
84
  const renderOne = () => {
85
85
  const overlay = images.length > maxVisible && maxVisible == 1 ? renderCountOverlay(true) : renderOverlay(0);
86
86
  const isGif = images[0]['image_mimetype'] ? images[0]['image_mimetype'].includes('image/gif') : false;
87
- const isLandscape = images[0].image_height < images[0].image_width;
88
- return (_jsx(Grid, Object.assign({ container: true, width: "100%", style: Object.assign({}, (images[0].image_thumbnail && images[0].image_thumbnail.color ? { backgroundColor: images[0].image_thumbnail.color } : {})) }, { children: _jsxs(Grid, Object.assign({ ref: ref, size: 12, className: classNames(classes.border, classes.heightOne, Object.assign(Object.assign({}, (isGif || isLandscape ? { [classes.background]: true } : { [classes.backgroundPortrait]: true })), { [classes.gallery]: gallery, [classes.heightHalfOne]: images.length > 1 })), onClick: () => openPreviewImage(0), style: Object.assign({ background: `url(${getImageUrl(images[0], inView && isGif)})` }, (isLandscape ? { paddingTop: `${(100 * images[0].image_height) / images[0].image_width}%` } : {})) }, { children: [overlay, renderTitle(images[0])] })) })));
87
+ const isLandscape = images[0].image_height && images[0].image_width && images[0].image_height < images[0].image_width;
88
+ return (_jsx(Grid, Object.assign({ container: true, width: "100%", style: Object.assign({}, (images[0].image_thumbnail && images[0].image_thumbnail.color ? { backgroundColor: images[0].image_thumbnail.color } : {})) }, { children: _jsxs(Grid, Object.assign({ ref: ref, size: 12, className: classNames(classes.border, classes.heightOne, Object.assign(Object.assign({}, (isGif || isLandscape ? { [classes.background]: true } : { [classes.backgroundPortrait]: true })), { [classes.gallery]: gallery, [classes.heightHalfOne]: images.length > 1 })), onClick: () => openPreviewImage(0), style: Object.assign({ background: `url(${getImageUrl(images[0], inView && isGif)})` }, (isLandscape && images[0].image_height && images[0].image_width
89
+ ? { paddingTop: `${(100 * images[0].image_height) / images[0].image_width}%` }
90
+ : {})) }, { children: [overlay, renderTitle(images[0])] })) })));
89
91
  };
90
92
  const renderTwo = () => {
91
93
  const overlay = images.length > maxVisible && [2, 3].includes(+maxVisible) ? renderCountOverlay(true) : renderOverlay(1);
@@ -122,7 +124,7 @@ export default (props) => {
122
124
  const url = window.URL.createObjectURL(blob);
123
125
  const link = document.createElement('a');
124
126
  link.href = url;
125
- link.download = docs[index].title;
127
+ link.download = docs[index].title || '';
126
128
  link.click();
127
129
  // Cleanup
128
130
  window.URL.revokeObjectURL(url);
package/lib/esm/shared/Media/File/DocComponent.js CHANGED
@@ -70,5 +70,5 @@ export default function DocComponent(props) {
70
70
  return fallback;
71
71
  }
72
72
  }, [document.mimetype]);
73
- return (_jsxs(Root, Object.assign({ className: classNames(classes.docRoot, className) }, { children: [_jsx(Box, { component: "img", alt: document.title, src: getImage() }), _jsxs(Stack, Object.assign({ className: classes.textWrapper }, { children: [_jsx(Typography, Object.assign({ className: classNames(classes.title, classes.contrastColor) }, { children: document.title })), document.size && _jsx(Typography, Object.assign({ className: classNames(classes.subtitle, classes.contrastColor) }, { children: formatBytes(document.size) }))] })), (handleDownload || onDelete) && (_jsxs(Stack, Object.assign({ className: classes.actionWrapper }, { children: [onDelete && (_jsx(IconButton, Object.assign({ className: classes.action, onClick: () => onDelete(document.id) }, { children: _jsx(Icon, { children: "delete" }) }))), handleDownload && (_jsxs(_Fragment, { children: [document.mimetype === SCMimeTypes.PDF && (_jsx(IconButton, Object.assign({ className: classes.action, component: Link, to: document.url, target: "_blank", onClick: () => onMediaClick === null || onMediaClick === void 0 ? void 0 : onMediaClick(document) }, { children: _jsx(Icon, { children: "visibility" }) }))), _jsx(IconButton, Object.assign({ className: classes.action, onClick: () => handleDownload(index) }, { children: _jsx(Icon, { children: "download" }) }))] }))] })))] })));
73
+ return (_jsxs(Root, Object.assign({ className: classNames(classes.docRoot, className) }, { children: [_jsx(Box, { component: "img", alt: document.title, src: getImage() }), _jsxs(Stack, Object.assign({ className: classes.textWrapper }, { children: [_jsx(Typography, Object.assign({ className: classNames(classes.title, classes.contrastColor) }, { children: document.title })), document.size && _jsx(Typography, Object.assign({ className: classNames(classes.subtitle, classes.contrastColor) }, { children: formatBytes(document.size) }))] })), (handleDownload || onDelete) && (_jsxs(Stack, Object.assign({ className: classes.actionWrapper }, { children: [onDelete && (_jsx(IconButton, Object.assign({ className: classes.action, onClick: () => onDelete(document.id) }, { children: _jsx(Icon, { children: "delete" }) }))), handleDownload && index && (_jsxs(_Fragment, { children: [document.mimetype === SCMimeTypes.PDF && (_jsx(IconButton, Object.assign({ className: classes.action, component: Link, to: document.url, target: "_blank", onClick: () => onMediaClick === null || onMediaClick === void 0 ? void 0 : onMediaClick(document) }, { children: _jsx(Icon, { children: "visibility" }) }))), _jsx(IconButton, Object.assign({ className: classes.action, onClick: () => handleDownload(index) }, { children: _jsx(Icon, { children: "download" }) }))] }))] })))] })));
74
74
  }
package/lib/esm/shared/Media/File/PreviewComponent.js CHANGED
@@ -30,7 +30,7 @@ const PreviewComponent = forwardRef((props, ref) => {
30
30
  // EFFECTS
31
31
  useEffect(() => {
32
32
  if (typeof document === undefined) {
33
- return null;
33
+ return;
34
34
  }
35
35
  const sortable = document.getElementById(SORTABLE_ID);
36
36
  if (sortable) {