@selfcommunity/react-ui 0.7.0-alpha.307 → 0.7.0-alpha.309

package/lib/cjs/components/NavigationSettingsIconButton/NavigationSettingsIconButton.js

@@ -207,7 +207,7 @@ function NavigationSettingsIconButton(inProps) {
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest, { onClick: handleOpen }),
             react_1.default.createElement(material_1.Icon, null, "more_vert")),
-        isMobile ? (react_1.default.createElement(SwipeableDrawerRoot, { className: classes.drawerRoot, anchor: "bottom", open: Boolean(anchorEl), onClose: handleClose, onOpen: handleOpen, PaperProps: { className: classes.paper }, disableSwipeToOpen: true },
-            react_1.default.createElement(material_1.List, null, renderList()))) : (react_1.default.createElement(MenuRoot, { className: classes.menuRoot, anchorEl: anchorEl, open: Boolean(anchorEl), onClose: handleClose, PaperProps: { className: classes.paper } }, renderList()))));
+        isMobile ? (react_1.default.createElement(SwipeableDrawerRoot, { onClick: () => setAnchorEl(null), className: classes.drawerRoot, anchor: "bottom", open: Boolean(anchorEl), onClose: handleClose, onOpen: handleOpen, PaperProps: { className: classes.paper }, disableSwipeToOpen: true },
+            react_1.default.createElement(material_1.List, null, renderList()))) : (react_1.default.createElement(MenuRoot, { onClick: () => setAnchorEl(null), className: classes.menuRoot, anchorEl: anchorEl, open: Boolean(anchorEl), onClose: handleClose, PaperProps: { className: classes.paper } }, renderList()))));
 }
 exports.default = NavigationSettingsIconButton;

package/lib/cjs/components/PrivateMessageEditor/PrivateMessageEditor.js

@@ -128,7 +128,7 @@ function PrivateMessageEditor(inProps) {
     function renderContent() {
         return (react_1.default.createElement(react_1.default.Fragment, null, openMediaSection ? (react_1.default.createElement(MessageMediaUploader_1.default, { className: classes.uploadMediaSection, open: openMediaSection, onClose: handleMediaSectionClose, forwardMessageFile: handleMessageFiles, isUploading: setUploading, action: react_1.default.createElement(material_1.IconButton, { disabled: (!message && !messageFiles.length) || uploading, onClick: handleMessageSend },
                 react_1.default.createElement(Icon_1.default, null, "send")) })) : (react_1.default.createElement(react_1.default.Fragment, null,
-            openEmojiSection && react_1.default.createElement(EmojiPicker_1.default, { className: classes.emojiSection, onEmojiClick: handleEmojiClick, width: "100%" }),
+            openEmojiSection && react_1.default.createElement(EmojiPicker_1.default, { className: classes.emojiSection, onEmojiClick: handleEmojiClick, width: "100%", searchDisabled: true }),
             react_1.default.createElement(material_1.TextField, { size: "small", disabled: Boolean(messageFiles.length) || openMediaSection, ref: ref, className: classes.messageInput, multiline: true, placeholder: `${intl.formatMessage(messages.placeholder)}`, value: message, onChange: handleMessageInput, maxRows: 2, onSelect: () => setOpenEmojiSection(false), InputProps: {
                     disableUnderline: true,
                     startAdornment: (react_1.default.createElement(react_1.default.Fragment, null,

package/lib/cjs/shared/Media/Document/EditComponent.js

@@ -52,6 +52,11 @@ exports.default = (props) => {
     const [errors, setErrors] = (0, react_1.useState)({});
     // CONTEXT
     const scContext = (0, react_1.useContext)(react_core_1.SCContext);
+    // FILTER
+    const filterByMime = (0, react_1.useCallback)((file) => {
+        //filter out files larger than 5MB
+        return file.type === 'application/pdf';
+    }, []);
     // HANDLERS
     const handleSuccess = (media) => {
         onSuccess(media);
@@ -91,7 +96,7 @@ exports.default = (props) => {
                 url: `${scContext.settings.portal}${api_services_1.Endpoints.ComposerChunkUploadMedia.url()}`,
                 headers: { Authorization: `Bearer ${scContext.settings.session.authToken.accessToken}` },
                 method: api_services_1.Endpoints.ComposerChunkUploadMedia.method
-            }, chunkSize: 204800, multiple: true, accept: "application/pdf" },
+            }, chunkSize: 204800, multiple: true, accept: "application/pdf", fileFilter: filterByMime },
             react_1.default.createElement(MediaChunkUploader_1.default, { onSuccess: handleSuccess, onProgress: handleProgress, onError: handleError }),
             react_1.default.createElement(upload_drop_zone_1.default, { onDragOverClassName: classes.dragOver, inputFieldName: "document", className: classes.upload },
                 react_1.default.createElement(UploadButton, { inputFieldName: "document", className: classes.uploadBtn })))));

package/lib/cjs/shared/Media/Image/EditComponent.js

@@ -54,6 +54,10 @@ exports.default = (props) => {
     const [errors, setErrors] = (0, react_1.useState)({});
     // CONTEXT
     const scContext = (0, react_1.useContext)(react_core_1.SCContext);
+    // FILTER
+    const filterByMime = (0, react_1.useCallback)((file) => {
+        return file.type.startsWith('image/');
+    }, []);
     // HANDLERS
     const handleSuccess = (media) => {
         onSuccess(media);
@@ -91,7 +95,7 @@ exports.default = (props) => {
         react_1.default.createElement(chunked_uploady_1.default, { destination: {
                 url: `${scContext.settings.portal}${api_services_1.Endpoints.ComposerChunkUploadMedia.url()}`,
                 method: api_services_1.Endpoints.ComposerChunkUploadMedia.method
-            }, chunkSize: 204800, multiple: true, accept: "image/*" },
+            }, fileFilter: filterByMime, chunkSize: 204800, multiple: true, accept: "image/*;capture=camera" },
             react_1.default.createElement(MediaChunkUploader_1.default, { onSuccess: handleSuccess, onProgress: handleProgress, onError: handleError }),
             react_1.default.createElement(upload_drop_zone_1.default, { onDragOverClassName: classes.dragOver, inputFieldName: "image", className: classes.upload },
                 react_1.default.createElement(UploadButton, { inputFieldName: "image", className: classes.uploadBtn })))));

package/lib/esm/components/NavigationSettingsIconButton/NavigationSettingsIconButton.js

@@ -205,6 +205,6 @@ export default function NavigationSettingsIconButton(inProps) {
     return (React.createElement(React.Fragment, null,
         React.createElement(Root, Object.assign({ className: classNames(classes.root, className) }, rest, { onClick: handleOpen }),
             React.createElement(Icon, null, "more_vert")),
-        isMobile ? (React.createElement(SwipeableDrawerRoot, { className: classes.drawerRoot, anchor: "bottom", open: Boolean(anchorEl), onClose: handleClose, onOpen: handleOpen, PaperProps: { className: classes.paper }, disableSwipeToOpen: true },
-            React.createElement(List, null, renderList()))) : (React.createElement(MenuRoot, { className: classes.menuRoot, anchorEl: anchorEl, open: Boolean(anchorEl), onClose: handleClose, PaperProps: { className: classes.paper } }, renderList()))));
+        isMobile ? (React.createElement(SwipeableDrawerRoot, { onClick: () => setAnchorEl(null), className: classes.drawerRoot, anchor: "bottom", open: Boolean(anchorEl), onClose: handleClose, onOpen: handleOpen, PaperProps: { className: classes.paper }, disableSwipeToOpen: true },
+            React.createElement(List, null, renderList()))) : (React.createElement(MenuRoot, { onClick: () => setAnchorEl(null), className: classes.menuRoot, anchorEl: anchorEl, open: Boolean(anchorEl), onClose: handleClose, PaperProps: { className: classes.paper } }, renderList()))));
 }

package/lib/esm/components/PrivateMessageEditor/PrivateMessageEditor.js

@@ -126,7 +126,7 @@ export default function PrivateMessageEditor(inProps) {
     function renderContent() {
         return (React.createElement(React.Fragment, null, openMediaSection ? (React.createElement(MessageMediaUploader, { className: classes.uploadMediaSection, open: openMediaSection, onClose: handleMediaSectionClose, forwardMessageFile: handleMessageFiles, isUploading: setUploading, action: React.createElement(IconButton, { disabled: (!message && !messageFiles.length) || uploading, onClick: handleMessageSend },
                 React.createElement(Icon, null, "send")) })) : (React.createElement(React.Fragment, null,
-            openEmojiSection && React.createElement(EmojiPicker, { className: classes.emojiSection, onEmojiClick: handleEmojiClick, width: "100%" }),
+            openEmojiSection && React.createElement(EmojiPicker, { className: classes.emojiSection, onEmojiClick: handleEmojiClick, width: "100%", searchDisabled: true }),
             React.createElement(TextField, { size: "small", disabled: Boolean(messageFiles.length) || openMediaSection, ref: ref, className: classes.messageInput, multiline: true, placeholder: `${intl.formatMessage(messages.placeholder)}`, value: message, onChange: handleMessageInput, maxRows: 2, onSelect: () => setOpenEmojiSection(false), InputProps: {
                     disableUnderline: true,
                     startAdornment: (React.createElement(React.Fragment, null,

package/lib/esm/shared/Media/Document/EditComponent.js

@@ -1,6 +1,6 @@
 import { __rest } from "tslib";
 import { asUploadButton } from '@rpldy/upload-button';
-import React, { forwardRef, useContext, useState } from 'react';
+import React, { forwardRef, useCallback, useContext, useState } from 'react';
 import { Alert, AlertTitle, Box, Button as MuiButton, Fade, IconButton, ImageList, ImageListItem, ImageListItemBar, Typography } from '@mui/material';
 import { FormattedMessage } from 'react-intl';
 import { ReactSortable } from 'react-sortablejs';
@@ -50,6 +50,11 @@ export default (props) => {
     const [errors, setErrors] = useState({});
     // CONTEXT
     const scContext = useContext(SCContext);
+    // FILTER
+    const filterByMime = useCallback((file) => {
+        //filter out files larger than 5MB
+        return file.type === 'application/pdf';
+    }, []);
     // HANDLERS
     const handleSuccess = (media) => {
         onSuccess(media);
@@ -89,7 +94,7 @@ export default (props) => {
                 url: `${scContext.settings.portal}${Endpoints.ComposerChunkUploadMedia.url()}`,
                 headers: { Authorization: `Bearer ${scContext.settings.session.authToken.accessToken}` },
                 method: Endpoints.ComposerChunkUploadMedia.method
-            }, chunkSize: 204800, multiple: true, accept: "application/pdf" },
+            }, chunkSize: 204800, multiple: true, accept: "application/pdf", fileFilter: filterByMime },
             React.createElement(MediaChunkUploader, { onSuccess: handleSuccess, onProgress: handleProgress, onError: handleError }),
             React.createElement(UploadDropZone, { onDragOverClassName: classes.dragOver, inputFieldName: "document", className: classes.upload },
                 React.createElement(UploadButton, { inputFieldName: "document", className: classes.uploadBtn })))));

package/lib/esm/shared/Media/Image/EditComponent.js

@@ -1,6 +1,6 @@
 import { __rest } from "tslib";
 import { asUploadButton } from '@rpldy/upload-button';
-import React, { forwardRef, useContext, useState } from 'react';
+import React, { forwardRef, useCallback, useContext, useState } from 'react';
 import { Alert, AlertTitle, Box, Button as MuiButton, Fade, IconButton, ImageList, ImageListItem, ImageListItemBar, Typography } from '@mui/material';
 import Icon from '@mui/material/Icon';
 import { FormattedMessage } from 'react-intl';
@@ -52,6 +52,10 @@ export default (props) => {
     const [errors, setErrors] = useState({});
     // CONTEXT
     const scContext = useContext(SCContext);
+    // FILTER
+    const filterByMime = useCallback((file) => {
+        return file.type.startsWith('image/');
+    }, []);
     // HANDLERS
     const handleSuccess = (media) => {
         onSuccess(media);
@@ -89,7 +93,7 @@ export default (props) => {
         React.createElement(ChunkedUploady, { destination: {
                 url: `${scContext.settings.portal}${Endpoints.ComposerChunkUploadMedia.url()}`,
                 method: Endpoints.ComposerChunkUploadMedia.method
-            }, chunkSize: 204800, multiple: true, accept: "image/*" },
+            }, fileFilter: filterByMime, chunkSize: 204800, multiple: true, accept: "image/*;capture=camera" },
             React.createElement(MediaChunkUploader, { onSuccess: handleSuccess, onProgress: handleProgress, onError: handleError }),
             React.createElement(UploadDropZone, { onDragOverClassName: classes.dragOver, inputFieldName: "image", className: classes.upload },
                 React.createElement(UploadButton, { inputFieldName: "image", className: classes.uploadBtn })))));