@selfcommunity/react-theme-default 0.1.0-alpha.99 → 0.1.1-alpha.0

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

@@ -1,24 +1,16 @@
 declare const Component: {
     styleOverrides: {
         root: ({ theme }: any) => {
-            [x: number]: {
-                minHeight: string;
-                height?: undefined;
-                maxHeight?: undefined;
-            } | {
-                height: any;
-                maxHeight: string;
-                minHeight?: undefined;
-            };
+            height: string;
+            width: string;
             backgroundColor: string;
-            position: string;
+            borderRadius: number;
             '& .MuiCardContent-root': {
-                [x: number]: {
-                    height: string;
-                    maxHeight: string;
-                    overflow: string;
-                    padding: any;
-                };
+                display: string;
+                flexDirection: string;
+                height: string;
+                padding: number;
+                position: string;
                 '& .MuiAlert-root': {
                     position: string;
                     bottom: number;
@@ -26,41 +18,66 @@ declare const Component: {
                     right: number;
                     display: string;
                     justifyContent: string;
+                    borderRadius: number;
                 };
-                '& .MuiList-root': {
-                    margin: any;
-                    '& .MuiListItem-root': {
-                        '&.SCPrivateMessageThread-receiver': {
-                            backgroundColor: any;
-                            marginLeft: any;
-                            filter: string;
-                            '&:after': {
-                                marginRight: any;
-                                content: string;
+                '& .infinite-scroll-component__outerdiv': {
+                    flexGrow: number;
+                    overflowY: string;
+                    '& .infinite-scroll-component': {
+                        display: string;
+                        flexDirection: string;
+                        '& .MuiList-root': {
+                            margin: number;
+                            padding: any;
+                            '& .MuiListItem-root': {
+                                padding: any;
+                                minWidth: string;
+                                maxWidth: string;
+                                textAlign: string;
+                                width: string;
                                 position: string;
-                                border: string;
-                                borderTop: string;
-                                top: number;
-                                left: any;
+                                marginBottom: any;
+                                '&.SCPrivateMessageThread-receiver': {
+                                    backgroundColor: any;
+                                    marginLeft: any;
+                                    filter: string;
+                                    '&:after': {
+                                        marginRight: any;
+                                        content: string;
+                                        position: string;
+                                        border: string;
+                                        borderTop: string;
+                                        top: any;
+                                        left: any;
+                                    };
+                                };
+                                '&.SCPrivateMessageThread-sender': {
+                                    backgroundColor: any;
+                                    position: string;
+                                    marginLeft: string;
+                                    marginRight: any;
+                                    '&:after': {
+                                        content: string;
+                                        position: string;
+                                        border: string;
+                                        borderTop: string;
+                                        top: any;
+                                        right: any;
+                                    };
+                                };
                             };
                         };
-                        '&.SCPrivateMessageThread-sender': {
-                            backgroundColor: string;
-                        };
                     };
                 };
             };
             '& .SCPrivateMessageThread-empty-message': {
-                position: string;
-                top: string;
+                height: string;
                 display: string;
                 justifyContent: string;
+                alignItems: string;
                 fontSize: string;
             };
             '& .SCPrivateMessageThread-new-message-header': {
-                position: string;
-                top: number;
-                right: number;
                 display: string;
                 width: string;
                 height: any;
@@ -86,11 +103,19 @@ declare const Component: {
                         marginLeft: any;
                     };
                     '& .SCPrivateMessageThread-autocomplete': {
-                        minWidth: any;
+                        [x: number]: {
+                            maxHeight: any;
+                        };
+                        width: string;
                         marginLeft: any;
                         maxHeight: any;
                         overflow: string;
-                        scrollbarWidth: string;
+                        '& .MuiAutocomplete-tag': {
+                            height: any;
+                            '& .MuiChip-deleteIcon': {
+                                fontSize: string;
+                            };
+                        };
                         '& .MuiAutocomplete-endAdornment': {
                             position: string;
                             '& .MuiAutocomplete-clearIndicator': {
@@ -107,6 +132,7 @@ declare const Component: {
                 marginBottom: any;
                 '& .SCPrivateMessageThread-subheader': {
                     width: string;
+                    minWidth: number;
                     padding: any;
                     backgroundColor: string;
                     fontWeight: any;
@@ -114,8 +140,24 @@ declare const Component: {
                     boxShadow: string;
                 };
             };
+            '& .MuiList-root, .SCPrivateMessageThread-new-message-content': {
+                flexGrow: number;
+            };
+        };
+        skeletonRoot: ({ theme }: any) => {
+            height: string;
+            width: string;
+            borderRadius: number;
+            '& .MuiCardContent-root': {
+                padding: number;
+                '& .MuiList-root .MuiListItem-root': {
+                    height: any;
+                };
+                '&:last-child': {
+                    paddingBottom: number;
+                };
+            };
         };
     };
 };
 export default Component;
-//# sourceMappingURL=SCPrivateMessageThread.d.ts.map

package/lib/esm/components/SCPrivateMessageThread.js

@@ -2,67 +2,86 @@ import { alpha } from '@mui/system';
 const Component = {
     styleOverrides: {
         root: ({ theme }) => ({
-            backgroundColor: alpha(theme.palette.secondary.main, theme.palette.action.selectedOpacity),
-            position: 'relative',
-            [theme.breakpoints.down('md')]: {
-                minHeight: '90vh'
-            },
-            [theme.breakpoints.up('sm')]: {
-                height: theme.spacing(103.5),
-                maxHeight: 'inherit'
-            },
+            height: '100%',
+            width: '100%',
+            backgroundColor: alpha(theme.palette.common.white, theme.palette.action.selectedOpacity),
+            borderRadius: 0,
             '& .MuiCardContent-root': {
-                [theme.breakpoints.up('sm')]: {
-                    height: '100%',
-                    maxHeight: `calc(100% - ${theme.spacing(6.25)})`,
-                    overflow: 'auto',
-                    padding: theme.spacing(0)
-                },
+                display: 'flex',
+                flexDirection: 'column',
+                height: '100%',
+                padding: 0,
+                position: 'relative',
                 '& .MuiAlert-root': {
                     position: 'absolute',
                     bottom: 0,
                     left: 0,
                     right: 0,
                     display: 'flex',
-                    justifyContent: 'center'
+                    justifyContent: 'center',
+                    borderRadius: 0
                 },
-                '& .MuiList-root': {
-                    margin: theme.spacing(0, 2, 0, 2),
-                    '& .MuiListItem-root': {
-                        '&.SCPrivateMessageThread-receiver': {
-                            backgroundColor: theme.palette.common.white,
-                            marginLeft: theme.spacing(-2),
-                            filter: 'drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.1))',
-                            '&:after': {
-                                marginRight: theme.spacing(3),
-                                content: `""`,
-                                position: 'absolute',
-                                border: `${theme.spacing(3)} solid transparent`,
-                                borderTop: `${theme.spacing(3)} solid ${theme.palette.common.white}`,
-                                top: 0,
-                                left: theme.spacing(-3)
+                '& .infinite-scroll-component__outerdiv': {
+                    flexGrow: 1,
+                    overflowY: 'auto',
+                    '& .infinite-scroll-component': {
+                        display: 'flex',
+                        flexDirection: 'column-reverse',
+                        '& .MuiList-root': {
+                            margin: 0,
+                            padding: theme.spacing(2, 2, 0, 2),
+                            '& .MuiListItem-root': {
+                                padding: theme.spacing(1, 1, 4, 2),
+                                minWidth: '35%',
+                                maxWidth: '80%',
+                                textAlign: 'left',
+                                width: 'fit-content',
+                                position: 'relative',
+                                marginBottom: theme.spacing(1),
+                                '&.SCPrivateMessageThread-receiver': {
+                                    backgroundColor: theme.palette.common.white,
+                                    marginLeft: theme.spacing(-4),
+                                    filter: 'drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.1))',
+                                    '&:after': {
+                                        marginRight: theme.spacing(3),
+                                        content: `""`,
+                                        position: 'absolute',
+                                        border: `${theme.spacing(3)} solid transparent`,
+                                        borderTop: `${theme.spacing(3)} solid ${theme.palette.common.white}`,
+                                        top: theme.spacing(1),
+                                        left: theme.spacing(-2)
+                                    }
+                                },
+                                '&.SCPrivateMessageThread-sender': {
+                                    backgroundColor: theme.palette.grey[300],
+                                    position: 'relative',
+                                    marginLeft: 'auto',
+                                    marginRight: theme.spacing(1),
+                                    '&:after': {
+                                        content: `""`,
+                                        position: 'absolute',
+                                        border: `${theme.spacing(3)} solid transparent`,
+                                        borderTop: `${theme.spacing(3)} solid ${theme.palette.grey[300]}`,
+                                        top: theme.spacing(1),
+                                        right: theme.spacing(-2)
+                                    }
+                                }
                             }
-                        },
-                        '&.SCPrivateMessageThread-sender': {
-                            backgroundColor: alpha(theme.palette.secondary.main, theme.palette.action.activatedOpacity)
                         }
                     }
                 }
             },
             '& .SCPrivateMessageThread-empty-message': {
-                position: 'relative',
-                top: '50%',
+                height: '100%',
                 display: 'flex',
                 justifyContent: 'center',
+                alignItems: 'center',
                 fontSize: '1.5rem'
             },
             '& .SCPrivateMessageThread-new-message-header': {
-                position: 'absolute',
-                top: 0,
-                right: 0,
                 display: 'flex',
                 width: '100%',
-                height: theme.spacing(6.25),
+                height: theme.mixins.toolbar.minHeight,
                 alignItems: 'center',
                 justifyContent: 'center',
                 backgroundColor: alpha(theme.palette.secondary.main, theme.palette.action.activatedOpacity),
@@ -85,11 +104,19 @@ const Component = {
                         marginLeft: theme.spacing(1)
                     },
                     '& .SCPrivateMessageThread-autocomplete': {
-                        minWidth: theme.spacing(27),
+                        [theme.breakpoints.down('md')]: {
+                            maxHeight: theme.spacing(3.75)
+                        },
+                        width: '100%',
                         marginLeft: theme.spacing(1),
-                        maxHeight: theme.spacing(5),
+                        maxHeight: theme.mixins.toolbar.minHeight,
                         overflow: 'auto',
-                        scrollbarWidth: 'none',
+                        '& .MuiAutocomplete-tag': {
+                            height: theme.spacing(3),
+                            '& .MuiChip-deleteIcon': {
+                                fontSize: '18px'
+                            }
+                        },
                         '& .MuiAutocomplete-endAdornment': {
                             position: 'relative',
                             '& .MuiAutocomplete-clearIndicator': {
@@ -106,15 +133,30 @@ const Component = {
                 marginBottom: theme.spacing(1),
                 '& .SCPrivateMessageThread-subheader': {
                     width: 'fit-content',
-                    padding: theme.spacing(0.5),
+                    minWidth: 100,
+                    padding: theme.spacing(0.25, 1),
                     backgroundColor: 'white',
                     fontWeight: theme.typography.fontWeightRegular,
                     borderRadius: theme.shape.borderRadius,
                     boxShadow: '0px 0px 10px rgba(0, 0, 0, 0.1)'
                 }
+            },
+            '& .MuiList-root, .SCPrivateMessageThread-new-message-content': { flexGrow: 1 }
+        }),
+        skeletonRoot: ({ theme }) => ({
+            height: '100%',
+            width: '100%',
+            borderRadius: 0,
+            '& .MuiCardContent-root': {
+                padding: 0,
+                '& .MuiList-root .MuiListItem-root': {
+                    height: theme.spacing(10)
+                },
+                '&:last-child': {
+                    paddingBottom: 0
+                }
             }
         })
     }
 };
 export default Component;
-//# sourceMappingURL=SCPrivateMessageThread.js.map

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

@@ -2,13 +2,16 @@ declare const Component: {
     styleOverrides: {
         root: ({ theme }: any) => {
             borderRadius: any;
-            paddingTop: string;
-            paddingBottom: string;
-            paddingRight: string;
-            paddingLeft: string;
+            padding: any;
+            boxShadow: string;
+            marginBottom: any;
             '& .MuiListItemSecondaryAction-root': {
-                right: any;
+                right: number;
                 top: any;
+                zIndex: number;
+                '& .MuiButtonBase-root': {
+                    fontSize: string;
+                };
             };
             '& .SCPrivateMessageThreadItem-message-time': {
                 position: string;
@@ -17,20 +20,23 @@ declare const Component: {
                 padding: any;
             };
             '& .SCPrivateMessageThreadItem-text': {
-                minHeight: any;
                 display: string;
                 alignItems: string;
+                zIndex: number;
+                width: string;
+                minWidth: string;
                 '& .MuiTypography-root': {
                     fontSize: string;
+                    whiteSpace: string;
+                    overflowWrap: string;
+                    wordWrap: string;
+                    wordBreak: string;
+                    hyphens: string;
                 };
             };
             '& .SCPrivateMessageThreadItem-img': {
-                [x: number]: {
-                    height: any;
-                };
                 display: string;
                 alignItems: string;
-                height: any;
                 objectFit: string;
                 flex: string;
                 '& img': {
@@ -53,26 +59,33 @@ declare const Component: {
                         fontSize: string;
                     };
                 };
+                '& .SCPrivateMessageThreadItem-icon-button': {
+                    [x: number]: {
+                        transform: string;
+                    };
+                    top: string;
+                    '& .MuiIcon-root': {
+                        [x: number]: {
+                            fontSize: string;
+                        };
+                        color: any;
+                        fontSize: string;
+                    };
+                };
             };
             '& .SCPrivateMessageThreadItem-document': {
                 [x: number]: {
                     width: any;
                 };
-                width: any;
                 '& img': {
-                    [x: number]: {
-                        height: any;
-                    };
-                    height: any;
+                    height: string;
                     width: string;
                 };
                 '& .MuiButtonBase-root': {
-                    [x: number]: {
-                        bottom: string;
-                    };
+                    flexWrap: string;
                     width: string;
                     position: string;
-                    bottom: string;
+                    bottom: any;
                     backgroundColor: string;
                     color: string;
                     display: string;
@@ -85,8 +98,31 @@ declare const Component: {
                     };
                 };
             };
+            '& .SCPrivateMessageThreadItem-other': {
+                marginTop: any;
+                '& .MuiButtonBase-root': {
+                    padding: any;
+                    flexWrap: string;
+                    '& .MuiTypography-root': {
+                        [x: number]: {
+                            fontSize: any;
+                        };
+                        marginRight: any;
+                        overflow: string;
+                        whiteSpace: string;
+                        textOverflow: string;
+                        maxWidth: string;
+                    };
+                };
+            };
+        };
+        skeletonRoot: ({ theme }: any) => {};
+        dialogRoot: ({ theme }: any) => {
+            '& h2 .MuiIconButton-root': {
+                top: any;
+                fontSize: string;
+            };
         };
     };
 };
 export default Component;
-//# sourceMappingURL=SCPrivateMessageThreadItem.d.ts.map

package/lib/esm/components/SCPrivateMessageThreadItem.js

@@ -2,37 +2,43 @@ const Component = {
     styleOverrides: {
         root: ({ theme }) => ({
             borderRadius: theme.shape.borderRadius,
-            paddingTop: `${theme.spacing(2)} !important`,
-            paddingBottom: `${theme.spacing(4)} !important`,
-            paddingRight: `${theme.spacing(2)} !important`,
-            paddingLeft: `${theme.spacing(2)} !important`,
+            padding: theme.spacing(2, 4, 4, 2),
+            boxShadow: '0px 0px 10px rgba(0, 0, 0, 0.1)',
+            marginBottom: theme.spacing(1),
             '& .MuiListItemSecondaryAction-root': {
-                right: theme.spacing(0),
-                top: theme.spacing(3)
+                right: 10,
+                top: theme.spacing(3),
+                zIndex: 1,
+                '& .MuiButtonBase-root': {
+                    fontSize: '1.2rem'
+                }
             },
             '& .SCPrivateMessageThreadItem-message-time': {
                 position: 'absolute',
                 bottom: theme.spacing(0),
-                right: theme.spacing(1),
-                padding: theme.spacing(0.5)
+                right: theme.spacing(3),
+                padding: theme.spacing(0.5, 0, 0.5, 0)
             },
             '& .SCPrivateMessageThreadItem-text': {
-                minHeight: theme.spacing(6),
                 display: 'flex',
                 alignItems: 'center',
+                zIndex: 1,
+                width: 'calc(100% - 24px)',
+                minWidth: 'calc(100% - 24px)',
                 '& .MuiTypography-root': {
-                    fontSize: '1.143rem'
+                    fontSize: '1.143rem',
+                    whiteSpace: 'pre-line',
+                    overflowWrap: 'break-word',
+                    wordWrap: 'break-word',
+                    wordBreak: 'break-word',
+                    hyphens: 'auto'
                 }
             },
             '& .SCPrivateMessageThreadItem-img': {
                 display: 'flex',
                 alignItems: 'center',
-                height: theme.spacing(52),
                 objectFit: 'cover',
                 flex: '0 0 95%',
-                [theme.breakpoints.down('md')]: {
-                    height: theme.spacing(22)
-                },
                 '& img': {
                     width: '100%',
                     height: '100%'
@@ -44,7 +50,7 @@ const Component = {
                     position: 'absolute',
                     top: '50%',
                     left: '50%',
-                    transform: 'translate(-50%, -50%)',
+                    transform: 'translate(-60%, -50%)',
                     '& .MuiIcon-root': {
                         color: theme.palette.common.white,
                         fontSize: '6rem',
@@ -52,24 +58,34 @@ const Component = {
                             fontSize: '3rem'
                         }
                     }
+                },
+                '& .SCPrivateMessageThreadItem-icon-button': {
+                    top: '40%',
+                    [theme.breakpoints.up('sm')]: {
+                        transform: 'translate(-70%, -40%)'
+                    },
+                    '& .MuiIcon-root': {
+                        color: theme.palette.common.white,
+                        fontSize: '3rem',
+                        [theme.breakpoints.down('md')]: {
+                            fontSize: '2rem'
+                        }
+                    }
                 }
             },
             '& .SCPrivateMessageThreadItem-document': {
-                width: theme.spacing(32.5),
-                [theme.breakpoints.down('md')]: {
-                    width: theme.spacing(22)
+                [theme.breakpoints.up('sm')]: {
+                    width: theme.spacing(32.5)
                 },
                 '& img': {
-                    height: theme.spacing(40),
-                    width: '100%',
-                    [theme.breakpoints.down('md')]: {
-                        height: theme.spacing(22)
-                    }
+                    height: '100%',
+                    width: '100%'
                 },
                 '& .MuiButtonBase-root': {
-                    width: 'inherit',
+                    flexWrap: 'wrap',
+                    width: 'calc(100% - 24px)',
                     position: 'absolute',
-                    bottom: '10%',
+                    bottom: theme.spacing(4),
                     backgroundColor: 'rgba(0,0,0,0.5)',
                     color: 'rgba(255,255,255,0.9)',
                     display: 'flex',
@@ -79,14 +95,34 @@ const Component = {
                         overflow: 'hidden',
                         textOverflow: 'ellipsis',
                         marginLeft: theme.spacing(0.5)
-                    },
-                    [theme.breakpoints.down('md')]: {
-                        bottom: '15%'
                     }
                 }
+            },
+            '& .SCPrivateMessageThreadItem-other': {
+                marginTop: theme.spacing(2),
+                '& .MuiButtonBase-root': {
+                    padding: theme.spacing(2, 1, 0, 1),
+                    flexWrap: 'wrap',
+                    '& .MuiTypography-root': {
+                        marginRight: theme.spacing(1),
+                        overflow: 'hidden',
+                        whiteSpace: 'nowrap',
+                        textOverflow: 'ellipsis',
+                        maxWidth: '100%',
+                        [theme.breakpoints.down('md')]: {
+                            fontSize: theme.typography.fontSize
+                        }
+                    }
+                }
+            }
+        }),
+        skeletonRoot: ({ theme }) => ({}),
+        dialogRoot: ({ theme }) => ({
+            '& h2 .MuiIconButton-root': {
+                top: theme.spacing(1),
+                fontSize: '1.57rem'
             }
         })
     }
 };
 export default Component;
-//# sourceMappingURL=SCPrivateMessageThreadItem.js.map

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

@@ -21,4 +21,3 @@ declare const Component: {
     };
 };
 export default Component;
-//# sourceMappingURL=SCReactionAction.d.ts.map

package/lib/esm/components/SCReactionAction.js

@@ -5,7 +5,7 @@ const Component = {
             justifyContent: 'center',
             alignItems: 'center',
             flexDirection: 'column',
-            fontSize: '1.571rem',
+            fontSize: '1.57rem',
             '&.SCReactionAction-inline': {
                 flexDirection: 'row-reverse'
             },
@@ -21,4 +21,3 @@ const Component = {
     }
 };
 export default Component;
-//# sourceMappingURL=SCReactionAction.js.map

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

@@ -0,0 +1,8 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {};
+        skeletonRoot: ({ theme }: any) => {};
+        dialogRoot: ({ theme }: any) => {};
+    };
+};
+export default Component;