@selfcommunity/react-theme-default 0.1.0-alpha.32 → 0.1.0-alpha.320

package/lib/esm/components/SCPrivateMessageEditor.js

@@ -1,95 +1,127 @@
+import { alpha } from '@mui/system';
 const Component = {
     styleOverrides: {
         root: ({ theme }) => ({
-            width: '100%',
-            position: 'absolute',
-            bottom: 0,
-            left: 0,
-            zIndex: 1,
-            [theme.breakpoints.down('md')]: {
-                position: 'fixed',
-                top: 'auto',
-                bottom: 0
-            },
-            backgroundColor: theme.palette.primary.main,
+            backgroundColor: alpha(theme.palette.primary.main, theme.palette.action.activatedOpacity),
             '& .MuiIcon-root': {
-                fontSize: '1.571rem'
+                fontSize: '1.57rem'
             },
             '& .SCPrivateMessageEditor-message-input': {
                 width: '100%'
             },
-            '& .MuiInputBase-root, MuiOutlinedInput-root': {
-                //height: theme.spacing(6.25),
+            '& .MuiInputBase-root': {
+                '&.Mui-disabled': { backgroundColor: theme.palette.grey['A200'] },
+                borderRadius: 0,
+                padding: theme.spacing(0.5, 0, 0.5, 0),
                 '& textarea': {
                     backgroundColor: theme.palette.common.white,
                     borderRadius: theme.shape.borderRadius,
-                    padding: theme.spacing(1)
+                    padding: theme.spacing(1),
+                    border: `2px solid transparent`,
+                    '&:hover': {
+                        border: `2px solid${theme.palette.primary.main}`
+                    },
+                    '&.Mui-disabled': { border: 'none' }
+                },
+                '& .MuiButtonBase-root': {
+                    padding: theme.spacing(1.625)
+                },
+                '& .MuiOutlinedInput-notchedOutline': {
+                    border: '0 none'
                 }
             },
-            '& .SCPrivateMessageEditor-send-media-section': {
-                backgroundColor: theme.palette.primary.main,
-                display: 'flex',
-                justifyContent: 'center'
+            '& .SCPrivateMessageEditor-emoji-section': {
+                '& .EmojiPickerReact.epr-main': {
+                    borderRadius: 0,
+                    '& .epr-preview': {
+                        display: 'none'
+                    }
+                }
             },
-            '& .MuiPaper-root, MuiCard-root, SCWidget-root, SCMessageMediaUploader-root': {
-                '& .MuiIcon-root': {
-                    fontSize: '1.143rem'
-                },
-                backgroundColor: theme.palette.primary.main,
+            '& .MuiPaper-root': {
+                borderRadius: 0,
+                backgroundColor: theme.palette.grey['A200'],
                 '& .MuiCardHeader-root': {
-                    paddingRight: theme.spacing(2),
-                    paddingTop: theme.spacing(1)
+                    paddingBottom: theme.spacing(0),
+                    '& .SCPrivateMessageEditor-close-button': {
+                        fontSize: '0.857rem',
+                        cursor: 'pointer',
+                        '&:hover': {
+                            color: theme.palette.common.black
+                        }
+                    }
+                },
+                '& .MuiAlert-root': {
+                    position: 'relative'
                 },
                 '& .MuiCardContent-root': {
-                    '& .SCMessageMediaUploader-upload': {
-                        display: 'flex',
-                        justifyContent: 'center',
-                        '& .MuiButtonBase-root, MuiIconButton-root': {
-                            backgroundColor: theme.palette.common.white
+                    overflow: 'auto',
+                    padding: theme.spacing(1),
+                    minHeight: theme.spacing(20),
+                    '& .SCPrivateMessageEditor-upload-section': {
+                        '& .SCPrivateMessageEditor-upload-button': {
+                            display: 'flex',
+                            margin: '0 auto',
+                            fontSize: '1.57rem'
                         }
                     },
-                    '& .SCMessageMediaUploader-preview-container': {
+                    '& .MuiList-root': {
+                        paddingTop: theme.spacing(0),
+                        paddingBottom: theme.spacing(0)
+                    },
+                    '& .SCPrivateMessageEditor-preview-content': {
+                        position: 'relative',
                         display: 'flex',
+                        margin: '0 auto',
                         justifyContent: 'center',
-                        img: {
-                            maxWidth: theme.spacing(25)
+                        alignItems: 'center',
+                        '& .MuiListItem-root': {
+                            height: theme.spacing(10),
+                            marginRight: theme.spacing(3),
+                            img: {
+                                width: theme.spacing(10),
+                                height: theme.spacing(10)
+                            },
+                            video: {
+                                objectFit: 'fill',
+                                width: theme.spacing(10),
+                                height: theme.spacing(10)
+                            }
                         },
-                        video: {
-                            maxWidth: theme.spacing(25)
-                        }
-                    },
-                    '& .SCMessageMediaUploader-doc-preview': {
-                        [theme.breakpoints.down('md')]: {
-                            height: theme.spacing(12.5),
-                            width: theme.spacing(25)
+                        '& .SCPrivateMessageEditor-preview-actions': {
+                            height: '100%',
+                            background: 'transparent',
+                            '&:hover, &:active, &.SCPrivateMessageEditor-progress': {
+                                background: 'rgba(0,0,0,0.5)'
+                            },
+                            '& .MuiButtonBase-root, .MuiTypography-root': {
+                                color: theme.palette.common.white,
+                                position: 'absolute',
+                                top: '50%',
+                                left: '50%',
+                                transform: 'translate(-50%, -50%)'
+                            }
                         },
-                        height: theme.spacing(25),
-                        width: theme.spacing(50),
-                        position: 'relative'
-                    },
-                    '& .SCMessageMediaUploader-doc-loading-preview': {
-                        backgroundColor: theme.palette.background.default,
-                        height: theme.spacing(12.5),
-                        width: theme.spacing(25),
-                        position: 'relative',
-                        '& .MuiCircularProgress-root': {
+                        '& .SCPrivateMessageEditor-preview-info': {
                             position: 'absolute',
-                            top: '40%',
-                            left: '45%'
-                        },
-                        '& .SCMessageMediaUploader-progress': {
-                            display: 'flex',
-                            justifyContent: 'center'
-                        },
-                        '& .SCMessageMediaUploader-clear-media': {
-                            display: 'flex',
-                            justifyContent: 'flex-end'
+                            left: '50%',
+                            bottom: 0,
+                            transform: 'translate(-50%, 100%)',
+                            overflow: 'hidden',
+                            textOverflow: 'ellipsis',
+                            width: theme.spacing(10),
+                            '& .MuiTypography-root': {
+                                fontSize: '0.75rem'
+                            }
                         }
                     }
                 }
+            },
+            '&.SCPrivateMessageEditor-ios': {
+                paddingBottom: '15px'
             }
-        })
+        }),
+        skeletonRoot: ({ theme }) => ({})
     }
 };
 export default Component;
-//# sourceMappingURL=SCPrivateMessageEditor.js.map

package/lib/esm/components/SCPrivateMessageSettingsIconButton.d.ts

@@ -0,0 +1,11 @@
+declare const Component: {
+    styleOverrides: {
+        menuRoot: ({ theme }: any) => {
+            '& .SCNavigationSettingsIconButton-paper': {
+                maxWidth: number;
+                padding: any;
+            };
+        };
+    };
+};
+export default Component;

package/lib/esm/components/SCPrivateMessageSettingsIconButton.js

@@ -0,0 +1,11 @@
+const Component = {
+    styleOverrides: {
+        menuRoot: ({ theme }) => ({
+            '& .SCNavigationSettingsIconButton-paper': {
+                maxWidth: 400,
+                padding: theme.spacing(2)
+            }
+        })
+    }
+};
+export default Component;

package/lib/esm/components/SCPrivateMessageSnippetItem.d.ts

@@ -3,10 +3,23 @@ declare const Component: {
         root: ({ theme }: any) => {
             borderRadius: any;
             padding: string;
+            boxShadow: string;
+            marginBottom: any;
             '& .SCPrivateMessageSnippetItem-time': {
                 float: string;
                 fontSize: any;
             };
+            '& .MuiListItemButton-root': {
+                [x: number]: {
+                    '&.SCPrivateMessageSnippetItem-unread': {
+                        paddingRight: any;
+                    };
+                    paddingRight: any;
+                };
+                '&.SCPrivateMessageSnippetItem-unread': {
+                    paddingRight: any;
+                };
+            };
             '& .MuiListItemText-primary': {
                 '& .SCPrivateMessageSnippetItem-username': {
                     fontWeight: any;
@@ -18,17 +31,34 @@ declare const Component: {
                 };
             };
             '& .MuiListItemText-secondary': {
-                display: string;
-                justifyContent: string;
-                alignItems: string;
+                '& .MuiTypography-root': {
+                    display: string;
+                    width: string;
+                    whiteSpace: string;
+                    overflow: string;
+                    textOverflow: string;
+                };
             };
             '& .MuiListItemSecondaryAction-root': {
+                [x: number]: {
+                    padding: any;
+                };
+                display: string;
+                alignItems: string;
                 position: string;
                 top: any;
                 right: any;
+                '& .MuiButtonBase-root': {
+                    fontSize: string;
+                };
+                ' .MuiPaper-root': {
+                    padding: number;
+                };
             };
         };
+        skeletonRoot: ({ theme }: any) => {
+            maxWidth: number;
+        };
     };
 };
 export default Component;
-//# sourceMappingURL=SCPrivateMessageSnippetItem.d.ts.map

package/lib/esm/components/SCPrivateMessageSnippetItem.js

@@ -3,32 +3,58 @@ const Component = {
         root: ({ theme }) => ({
             borderRadius: theme.spacing(1.5),
             padding: `${theme.spacing(0)}!important`,
+            boxShadow: '0px 0px 10px rgba(0, 0, 0, 0.1)',
+            marginBottom: theme.spacing(1),
             '& .SCPrivateMessageSnippetItem-time': {
                 float: 'right',
                 fontSize: theme.typography.fontWeightRegular
             },
+            '& .MuiListItemButton-root': {
+                '&.SCPrivateMessageSnippetItem-unread': { paddingRight: theme.spacing(7.5) },
+                [theme.breakpoints.down('md')]: {
+                    '&.SCPrivateMessageSnippetItem-unread': { paddingRight: theme.spacing(5) },
+                    paddingRight: theme.spacing(2)
+                }
+            },
             '& .MuiListItemText-primary': {
                 '& .SCPrivateMessageSnippetItem-username': {
                     fontWeight: theme.typography.fontWeightBold
                 },
                 '& .SCPrivateMessageSnippetItem-badge-label': {
-                    marginLeft: theme.spacing(1),
+                    marginLeft: theme.spacing(0.5),
                     borderRadius: 0,
                     fontSize: '0.5rem'
                 }
             },
             '& .MuiListItemText-secondary': {
-                display: 'flex',
-                justifyContent: 'space-between',
-                alignItems: 'center'
+                '& .MuiTypography-root': {
+                    display: 'inline-block',
+                    width: '80%',
+                    whiteSpace: 'nowrap',
+                    overflow: 'hidden',
+                    textOverflow: 'ellipsis'
+                }
             },
             '& .MuiListItemSecondaryAction-root': {
+                display: 'flex',
+                alignItems: 'center',
                 position: 'absolute',
                 top: theme.spacing(3),
-                right: theme.spacing(0.5)
+                right: theme.spacing(1),
+                '& .MuiButtonBase-root': {
+                    fontSize: '1rem'
+                },
+                [theme.breakpoints.down('md')]: {
+                    padding: theme.spacing(1)
+                },
+                ' .MuiPaper-root': {
+                    padding: 0
+                }
             }
+        }),
+        skeletonRoot: ({ theme }) => ({
+            maxWidth: 700
         })
     }
 };
 export default Component;
-//# sourceMappingURL=SCPrivateMessageSnippetItem.js.map

package/lib/esm/components/SCPrivateMessageSnippets.d.ts

@@ -1,20 +1,45 @@
 declare const Component: {
     styleOverrides: {
         root: ({ theme }: any) => {
-            height: any;
-            maxHeight: string;
+            height: string;
+            width: string;
             '& .MuiCardContent-root': {
                 display: string;
                 flexDirection: string;
-                maxHeight: any;
-                overflow: string;
+                height: string;
+                padding: any;
+                '& .SCPrivateMessageSnippets-search-bar': {
+                    padding: any;
+                    '& .SCPrivateMessageSnippets-input': {
+                        borderRadius: any;
+                        '& .MuiInputBase-input, MuiFilledInput-input': {
+                            padding: any;
+                        };
+                        '& .SCPrivateMessageSnippets-icon': {
+                            marginRight: any;
+                        };
+                    };
+                };
+                '& .SCPrivateMessageSnippets-new-message-button': {
+                    color: string;
+                    alignSelf: string;
+                    backgroundColor: string;
+                    '&:hover': {
+                        borderWidth: string;
+                        backgroundColor: any;
+                    };
+                };
                 '& .MuiList-root': {
-                    '&:last-child': {
-                        marginBottom: any;
+                    flexGrow: number;
+                    overflowY: string;
+                    padding: any;
+                    '& .Mui-selected': {
+                        backgroundColor: any;
                     };
                     '& .MuiButtonBase-root, MuiListItemButton-root': {
                         '&:hover': {
                             borderRadius: string;
+                            backgroundColor: any;
                         };
                     };
                 };
@@ -22,27 +47,8 @@ declare const Component: {
             '& .MuiPaper-root, MuiCard-root, SCWidget-root, SCPrivateMessageSnippets-root, MuiCardContent-root': {
                 padding: any;
             };
-            '& .Mui-selected': {
-                background: any;
-            };
-            '& .SCPrivateMessageSnippets-input': {
-                borderRadius: any;
-                height: any;
-                '& .SCPrivateMessageSnippets-icon': {
-                    marginRight: any;
-                };
-            };
-            '& .SCPrivateMessageSnippets-new-message-button': {
-                color: string;
-                alignSelf: string;
-                backgroundColor: string;
-                '&:hover': {
-                    borderWidth: string;
-                    backgroundColor: string;
-                };
-            };
         };
+        skeletonRoot: ({ theme }: any) => {};
     };
 };
 export default Component;
-//# sourceMappingURL=SCPrivateMessageSnippets.d.ts.map

package/lib/esm/components/SCPrivateMessageSnippets.js

@@ -1,46 +1,51 @@
 const Component = {
     styleOverrides: {
         root: ({ theme }) => ({
-            height: theme.spacing(103.5),
-            maxHeight: 'inherit',
+            height: '100%',
+            width: '100%',
             '& .MuiCardContent-root': {
                 display: 'flex',
                 flexDirection: 'column',
-                maxHeight: theme.spacing(103.5),
-                overflow: 'auto',
+                height: `calc(100% - ${theme.spacing(4)})`,
+                padding: theme.spacing(2),
+                '& .SCPrivateMessageSnippets-search-bar': {
+                    padding: theme.spacing(1),
+                    '& .SCPrivateMessageSnippets-input': {
+                        borderRadius: theme.shape.borderRadius,
+                        '& .MuiInputBase-input, MuiFilledInput-input': {
+                            padding: theme.spacing(0.5, 1)
+                        },
+                        '& .SCPrivateMessageSnippets-icon': {
+                            marginRight: theme.spacing(1)
+                        }
+                    }
+                },
+                '& .SCPrivateMessageSnippets-new-message-button': {
+                    color: `${theme.palette.primary.main} !important`,
+                    alignSelf: 'center',
+                    backgroundColor: 'transparent',
+                    '&:hover': {
+                        borderWidth: '2px !important',
+                        backgroundColor: theme.palette.grey['A200']
+                    }
+                },
                 '& .MuiList-root': {
-                    '&:last-child': {
-                        marginBottom: theme.spacing(2)
+                    flexGrow: 1,
+                    overflowY: 'auto',
+                    padding: theme.spacing(1),
+                    '& .Mui-selected': {
+                        backgroundColor: theme.palette.grey['A200']
                     },
                     '& .MuiButtonBase-root, MuiListItemButton-root': {
-                        '&:hover': { borderRadius: 'inherit' }
+                        '&:hover': { borderRadius: 'inherit', backgroundColor: theme.palette.grey['A200'] }
                     }
                 }
             },
             '& .MuiPaper-root, MuiCard-root, SCWidget-root, SCPrivateMessageSnippets-root, MuiCardContent-root': {
                 padding: theme.spacing(2)
-            },
-            '& .Mui-selected': {
-                background: theme.palette.action.selected
-            },
-            '& .SCPrivateMessageSnippets-input': {
-                borderRadius: theme.shape.borderRadius,
-                height: theme.spacing(3.75),
-                '& .SCPrivateMessageSnippets-icon': {
-                    marginRight: theme.spacing(1)
-                }
-            },
-            '& .SCPrivateMessageSnippets-new-message-button': {
-                color: `${theme.palette.primary.main} !important`,
-                alignSelf: 'center',
-                backgroundColor: 'transparent',
-                '&:hover': {
-                    borderWidth: '2px !important',
-                    backgroundColor: `${theme.palette.action.hover} !important`
-                }
             }
-        })
+        }),
+        skeletonRoot: ({ theme }) => ({})
     }
 };
 export default Component;
-//# sourceMappingURL=SCPrivateMessageSnippets.js.map