@selfcommunity/react-theme-default 0.1.0-alpha.30 → 0.1.0-alpha.301

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

@@ -0,0 +1,19 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {
+            height: string;
+            '& .SCPrivateMessageComponent-snippets-box, & .SCPrivateMessageComponent-thread-box': {
+                position: string;
+                '& .SCPrivateMessageSnippets-root, & .SCPrivateMessageThread-root': {
+                    position: string;
+                    top: number;
+                    left: number;
+                };
+            };
+            '& .SCPrivateMessageComponent-hide': {
+                display: string;
+            };
+        };
+    };
+};
+export default Component;

package/lib/esm/components/SCPrivateMessageComponent.js

@@ -0,0 +1,19 @@
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            height: '100%',
+            '& .SCPrivateMessageComponent-snippets-box, & .SCPrivateMessageComponent-thread-box': {
+                position: 'relative',
+                '& .SCPrivateMessageSnippets-root, & .SCPrivateMessageThread-root': {
+                    position: 'absolute',
+                    top: 0,
+                    left: 0
+                }
+            },
+            '& .SCPrivateMessageComponent-hide': {
+                display: 'none'
+            }
+        })
+    }
+};
+export default Component;

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

@@ -0,0 +1,23 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {
+            [x: number]: {
+                width: any;
+            };
+            '& .SCPrivateMessageComponentSkeleton-thread-section': {
+                '& .MuiCardContent-root': {
+                    padding: number;
+                    '& .MuiList-root': {
+                        paddingTop: number;
+                        paddingBottom: number;
+                    };
+                };
+            };
+            ' .MuiPaper-root, MuiAppBar-root': {
+                boxShadow: string;
+                borderRadius: number;
+            };
+        };
+    };
+};
+export default Component;

package/lib/esm/components/SCPrivateMessageComponentSkeleton.js

@@ -0,0 +1,23 @@
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            [theme.breakpoints.up('sm')]: {
+                width: theme.breakpoints.values['lg']
+            },
+            '& .SCPrivateMessageComponentSkeleton-thread-section': {
+                '& .MuiCardContent-root': {
+                    padding: 0,
+                    '& .MuiList-root': {
+                        paddingTop: 0,
+                        paddingBottom: 0
+                    }
+                }
+            },
+            ' .MuiPaper-root, MuiAppBar-root': {
+                boxShadow: 'none',
+                borderRadius: 0
+            }
+        })
+    }
+};
+export default Component;

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

@@ -1,94 +1,129 @@
 declare const Component: {
     styleOverrides: {
         root: ({ theme }: any) => {
-            [x: number]: {
-                position: string;
-                top: string;
-                bottom: number;
-            };
-            width: string;
-            position: string;
-            bottom: number;
-            left: number;
-            zIndex: number;
-            backgroundColor: any;
+            backgroundColor: string;
             '& .MuiIcon-root': {
                 fontSize: string;
             };
             '& .SCPrivateMessageEditor-message-input': {
                 width: string;
             };
-            '& .MuiInputBase-root, MuiOutlinedInput-root': {
+            '& .MuiInputBase-root': {
+                '&.Mui-disabled': {
+                    backgroundColor: any;
+                };
+                borderRadius: number;
+                padding: any;
                 '& textarea': {
                     backgroundColor: any;
                     borderRadius: any;
                     padding: any;
+                    border: string;
+                    '&:hover': {
+                        border: string;
+                    };
+                    '&.Mui-disabled': {
+                        border: string;
+                    };
+                };
+                '& .MuiButtonBase-root': {
+                    padding: any;
+                };
+                '& .MuiOutlinedInput-notchedOutline': {
+                    border: string;
                 };
             };
-            '& .SCPrivateMessageEditor-send-media-section': {
-                backgroundColor: any;
-                display: string;
-                justifyContent: string;
-            };
-            '& .MuiPaper-root, MuiCard-root, SCWidget-root, SCMessageMediaUploader-root': {
-                '& .MuiIcon-root': {
-                    fontSize: string;
+            '& .SCPrivateMessageEditor-emoji-section': {
+                '& .EmojiPickerReact.epr-main': {
+                    borderRadius: number;
+                    '& .epr-preview': {
+                        display: string;
+                    };
                 };
+            };
+            '& .MuiPaper-root': {
+                borderRadius: number;
                 backgroundColor: any;
                 '& .MuiCardHeader-root': {
-                    paddingRight: any;
-                    paddingTop: any;
+                    paddingBottom: any;
+                    '& .SCMessageMediaUploader-close-button': {
+                        fontSize: string;
+                        cursor: string;
+                        '&:hover': {
+                            color: any;
+                        };
+                    };
+                };
+                '& .MuiAlert-root': {
+                    position: string;
                 };
                 '& .MuiCardContent-root': {
-                    '& .SCMessageMediaUploader-upload': {
-                        display: string;
-                        justifyContent: string;
-                        '& .MuiButtonBase-root, MuiIconButton-root': {
-                            backgroundColor: any;
+                    overflow: string;
+                    padding: any;
+                    minHeight: any;
+                    '& .SCMessageMediaUploader-upload-section': {
+                        '& .SCMessageMediaUploader-upload-button': {
+                            display: string;
+                            margin: string;
+                            fontSize: string;
                         };
                     };
-                    '& .SCMessageMediaUploader-preview-container': {
+                    '& .MuiList-root': {
+                        paddingTop: any;
+                        paddingBottom: any;
+                    };
+                    '& .SCMessageMediaUploader-preview-content': {
+                        position: string;
                         display: string;
+                        margin: string;
                         justifyContent: string;
-                        img: {
-                            maxWidth: any;
-                        };
-                        video: {
-                            maxWidth: any;
-                        };
-                    };
-                    '& .SCMessageMediaUploader-doc-preview': {
-                        [x: number]: {
+                        alignItems: string;
+                        '& .MuiListItem-root': {
                             height: any;
-                            width: any;
+                            marginRight: any;
+                            img: {
+                                width: any;
+                                height: any;
+                            };
+                            video: {
+                                objectFit: string;
+                                width: any;
+                                height: any;
+                            };
                         };
-                        height: any;
-                        width: any;
-                        position: string;
-                    };
-                    '& .SCMessageMediaUploader-doc-loading-preview': {
-                        backgroundColor: any;
-                        height: any;
-                        width: any;
-                        position: string;
-                        '& .MuiCircularProgress-root': {
+                        '& .SCMessageMediaUploader-preview-actions': {
+                            height: string;
+                            background: string;
+                            '&:hover, &:active, &.SCMessageMediaUploader-progress': {
+                                background: string;
+                            };
+                            '& .MuiButtonBase-root, .MuiTypography-root': {
+                                color: any;
+                                position: string;
+                                top: string;
+                                left: string;
+                                transform: string;
+                            };
+                        };
+                        '& .SCMessageMediaUploader-preview-info': {
                             position: string;
-                            top: string;
                             left: string;
-                        };
-                        '& .SCMessageMediaUploader-progress': {
-                            display: string;
-                            justifyContent: string;
-                        };
-                        '& .SCMessageMediaUploader-clear-media': {
-                            display: string;
-                            justifyContent: string;
+                            bottom: number;
+                            transform: string;
+                            overflow: string;
+                            textOverflow: string;
+                            width: any;
+                            '& .MuiTypography-root': {
+                                fontSize: string;
+                            };
                         };
                     };
                 };
             };
+            '&.SCPrivateMessageEditor-ios': {
+                paddingBottom: string;
+            };
         };
     };
 };
 export default Component;
-//# sourceMappingURL=SCPrivateMessageEditor.d.ts.map

package/lib/esm/components/SCPrivateMessageEditor.js

@@ -1,95 +1,126 @@
+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),
+                    '& .SCMessageMediaUploader-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),
+                    '& .SCMessageMediaUploader-upload-section': {
+                        '& .SCMessageMediaUploader-upload-button': {
+                            display: 'flex',
+                            margin: '0 auto',
+                            fontSize: '1.57rem'
                         }
                     },
-                    '& .SCMessageMediaUploader-preview-container': {
+                    '& .MuiList-root': {
+                        paddingTop: theme.spacing(0),
+                        paddingBottom: theme.spacing(0)
+                    },
+                    '& .SCMessageMediaUploader-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)
+                        '& .SCMessageMediaUploader-preview-actions': {
+                            height: '100%',
+                            background: 'transparent',
+                            '&:hover, &:active, &.SCMessageMediaUploader-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': {
+                        '& .SCMessageMediaUploader-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'
             }
         })
     }
 };
 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,31 @@ 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;
+                };
             };
         };
     };
 };
 export default Component;
-//# sourceMappingURL=SCPrivateMessageSnippetItem.d.ts.map

package/lib/esm/components/SCPrivateMessageSnippetItem.js

@@ -3,32 +3,55 @@ 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
+                }
             }
         })
     }
 };
 export default Component;
-//# sourceMappingURL=SCPrivateMessageSnippetItem.js.map