@selfcommunity/react-theme-default 0.1.0-alpha.21 → 0.1.0-alpha.210

package/lib/cjs/components/SCFeedObject.d.ts

@@ -1,7 +1,100 @@
 declare const Component: {
     styleOverrides: {
         root: ({ theme }: any) => {
-            '&.SCFeedObject-preview, &.SCFeedObject-detail': {
+            width: string;
+            '& .SCFeedObject-title-section': {
+                '& a': {
+                    textDecoration: string;
+                };
+                '& a:hover': {
+                    textDecoration: string;
+                };
+            };
+            '& .SCFeedObject-username': {
+                textDecoration: string;
+                color: any;
+            };
+            '& .SCFeedObject-avatar': {
+                width: any;
+                height: any;
+            };
+            '& .SCFeedObject-header': {
+                paddingBottom: number;
+                '& .MuiCardHeader-subheader': {
+                    display: string;
+                    alignItems: string;
+                };
+            };
+            '& .SCFeedObject-category': {
+                color: any;
+                textAlign: string;
+                borderBottom: string;
+                '& a': {
+                    color: string;
+                    textDecoration: string;
+                };
+                '& a::after': {
+                    content: string;
+                    padding: any;
+                };
+                '& a:last-child::after': {
+                    display: string;
+                };
+                '& span': {
+                    textTransform: string;
+                };
+            };
+            '& .SCFeedObject-content': {
+                padding: any;
+                '&.SCFeedObject-error': {
+                    padding: any;
+                    textAlign: string;
+                };
+            };
+            '& .SCFeedObject-snippet': {
+                '& > div': {
+                    alignItems: string;
+                };
+                '& .SCBaseItem-text': {
+                    marginTop: number;
+                };
+            };
+            '& .SCFeedObject-snippet-content a': {
+                textDecoration: string;
+                color: any;
+            };
+            '& .SCFeedObject-tag': {
+                display: string;
+            };
+            '& .SCFeedObject-location': {
+                display: string;
+            };
+            '& .SCFeedObject-actions-section': {
+                padding: number;
+                display: string;
+                flexDirection: string;
+            };
+            '& .SCFeedObject-reply-content': {
+                width: string;
+                boxSizing: string;
+                margin: number;
+                padding: any;
+            };
+            '& .SCFeedObject-info-section': {
+                padding: any;
+            };
+            '& .SCFeedObject-activity-at': {
+                textDecoration: string;
+                color: string;
+                marginTop: number;
+            };
+            '& .SCFeedObject-deleted': {
+                opacity: number;
+                '&:hover': {
+                    opacity: number;
+                };
+            };
+            '&.SCFeedObject-preview, &.SCFeedObject-detail, &.SCFeedObject-search, &.SCFeedObject-share': {
                 [x: number]: {
                     borderRadius: any;
                 };
@@ -13,23 +106,26 @@ declare const Component: {
                     margin: any;
                 };
                 '& .SCFeedObject-header': {
+                    '& .MuiCardHeader-avatar': {
+                        marginRight: any;
+                    };
                     '& .SCFeedObject-username': {
                         fontWeight: any;
                     };
                     '& .MuiCardHeader-subheader': {
                         fontSize: string;
-                        marginTop: any;
+                        color: any;
                         '& .SCFeedObject-activity-at': {
-                            marginTop: number;
+                            display: string;
                             '&:hover': {
                                 color: string;
                                 textDecoration: string;
                             };
                         };
-                        '& .SCFeedObject-tag': {
+                        '& .SCFeedObject-tag, & .SCFeedObject-location': {
                             '& .MuiIcon-root': {
                                 fontSize: string;
-                                lineHeight: string;
+                                color: string;
                             };
                         };
                     };
@@ -39,29 +135,123 @@ declare const Component: {
                         '& .SCFeedObject-title': {
                             fontWeight: any;
                             marginBottom: any;
+                            padding: any;
                         };
                         '& a': {
                             color: string;
                         };
                     };
                     '& .SCFeedObject-text-section': {
-                        '& > :first-child': {
+                        overflowWrap: string;
+                        '& > :first-of-type': {
                             padding: any;
+                            display: string;
+                        };
+                        '& hr': {
+                            margin: string;
                         };
                         '& a': {
+                            color: any;
+                            textDecoration: string;
                             '&:hover': {
                                 textDecoration: string;
-                                color: string;
+                                cursor: string;
                             };
                         };
+                        '& img': {
+                            maxWidth: string;
+                        };
+                        '& blockquote': {
+                            margin: number;
+                            marginLeft: any;
+                            marginBottom: any;
+                            color: any;
+                            borderLeftColor: any;
+                            borderLeftWidth: any;
+                            borderLeftStyle: string;
+                            paddingLeft: any;
+                        };
+                        '& h1': {
+                            fontSize: string;
+                            color: any;
+                            fontWeight: any;
+                            margin: number;
+                        };
+                        '& h2': {
+                            fontSize: string;
+                            color: any;
+                            fontWeight: any;
+                            margin: number;
+                        };
+                        '& h3': {
+                            fontSize: string;
+                            color: any;
+                            fontWeight: any;
+                            margin: number;
+                        };
+                        '& b': {
+                            fontWeight: string;
+                        };
+                        '& i': {
+                            fontStyle: string;
+                        };
+                        '& u': {
+                            textDecoration: string;
+                        };
+                        '& s': {
+                            textDecoration: string;
+                        };
+                        '& sub': {
+                            fontSize: string;
+                            verticalAlign: string;
+                        };
+                        '& sup': {
+                            fontSize: string;
+                            verticalAlign: string;
+                        };
+                        '& ol': {
+                            padding: number;
+                            margin: number;
+                        };
+                        '& ol ol': {
+                            padding: number;
+                            margin: number;
+                            listStyleType: string;
+                        };
+                        '& ol ol ol': {
+                            padding: number;
+                            margin: number;
+                            listStyleType: string;
+                        };
+                        '& ol ol ol ol': {
+                            padding: number;
+                            margin: number;
+                            listStyleType: string;
+                        };
+                        '& ol ol ol ol ol': {
+                            padding: number;
+                            margin: number;
+                            listStyleType: string;
+                        };
+                        '& ul': {
+                            padding: number;
+                            margin: number;
+                        };
+                        '& li': {
+                            margin: string;
+                        };
                     };
                 };
                 '& .SCFeedObject-actions-section': {
                     marginBottom: any;
+                    '&:last-of-type': {
+                        marginBottom: number;
+                    };
                     '& .SCFeedObjectActions-root': {
                         margin: number;
                         padding: any;
                         '& .SCFeedObjectActions-action': {
+                            marginTop: string;
                             '& .SCVoteAction-view-audience-button, & .SCCommentAction-view-audience-button, & .SCShareAction-view-audience-button, & .SCReactionAction-view-audience-button': {
                                 fontSize: string;
                                 fontWeight: any;
@@ -71,15 +261,12 @@ declare const Component: {
                                 '&:hover': {
                                     color: string;
                                 };
-                                '& .SCReactionAction-grouped-icons': {
-                                    justifyContent: string;
-                                    alignItems: string;
-                                };
                             };
                             '& .MuiDivider-root': {
                                 borderColor: any;
                             };
-                            '& .SCVoteAction-action-button, & .SCCommentAction-action-button, & .SCShareAction-action-button, & .SCReactionAction-action-button': {
+                            '& .SCVoteAction-button, & .SCCommentAction-button, & .SCShareAction-button, & .SCReactionAction-button': {
+                                color: any;
                                 marginTop: any;
                                 marginBottom: any;
                                 borderRadius: string;
@@ -88,11 +275,9 @@ declare const Component: {
                                 '& .MuiIcon-root': {
                                     fontSize: string;
                                 };
-                                '& .SCReactionAction-reaction-icon': {
-                                    '>img': {
-                                        height: string;
-                                        width: string;
-                                    };
+                                '& > img': {
+                                    width: string;
+                                    height: string;
                                 };
                             };
                         };
@@ -100,9 +285,10 @@ declare const Component: {
                     '& .SCFeedObject-reply-content': {
                         marginLeft: number;
                         background: string;
-                        '& .SCReplyCommentObject-root': {
+                        '& .SCCommentObjectReply-root': {
                             background: string;
-                            '& .SCReplyCommentObject-comment': {
+                            marginBottom: number;
+                            '& .SCCommentObjectReply-comment': {
                                 background: string;
                                 border: string;
                                 '& .SCEditor-root': {
@@ -150,8 +336,8 @@ declare const Component: {
                             };
                         };
                     };
-                    '& .SCReplyCommentObject-root': {
-                        '& .SCReplyCommentObject-comment': {
+                    '& .SCCommentObjectReply-root': {
+                        '& .SCCommentObjectReply-comment': {
                             marginBottom: string;
                             border: string;
                             borderRadius: any;
@@ -181,7 +367,7 @@ declare const Component: {
                     marginBottom: any;
                 };
                 '& .SCFeedObject-activity-at': {
-                    marginTop: number;
+                    display: string;
                     '&:hover': {
                         color: string;
                         textDecoration: string;
@@ -191,6 +377,10 @@ declare const Component: {
             '&.SCFeedObject-detail .SCFeedObject-reply-content': {
                 borderBottom: string;
             };
+            '&.SCFeedObject-share': {
+                boxShadow: string;
+                border: string;
+            };
         };
     };
 };

package/lib/cjs/components/SCFeedObject.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SCFeedObject.d.ts","sourceRoot":"","sources":["../../../src/components/SCFeedObject.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,SAAS;;0BAEK,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkMtB,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"SCFeedObject.d.ts","sourceRoot":"","sources":["../../../src/components/SCFeedObject.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,SAAS;;0BAEK,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgYtB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/cjs/components/SCFeedObject.js

@@ -4,7 +4,100 @@ const system_1 = require("@mui/system");
 const Component = {
     styleOverrides: {
         root: ({ theme }) => ({
-            '&.SCFeedObject-preview, &.SCFeedObject-detail': {
+            width: '100%',
+            '& .SCFeedObject-title-section': {
+                '& a': {
+                    textDecoration: 'none'
+                },
+                '& a:hover': {
+                    textDecoration: 'underline'
+                }
+            },
+            '& .SCFeedObject-username': {
+                textDecoration: 'none',
+                color: theme.palette.text.primary
+            },
+            '& .SCFeedObject-avatar': {
+                width: theme.selfcommunity.user.avatar.sizeMedium,
+                height: theme.selfcommunity.user.avatar.sizeMedium
+            },
+            '& .SCFeedObject-header': {
+                paddingBottom: 0,
+                '& .MuiCardHeader-subheader': {
+                    display: 'flex',
+                    alignItems: 'center'
+                }
+            },
+            '& .SCFeedObject-category': {
+                color: theme.palette.primary.main,
+                textAlign: 'center',
+                borderBottom: '1px solid rgba(0, 0, 0, 0.12)',
+                '& a': {
+                    color: 'inherit',
+                    textDecoration: 'none'
+                },
+                '& a::after': {
+                    content: '"\\2022"',
+                    padding: theme.spacing()
+                },
+                '& a:last-child::after': {
+                    display: 'none'
+                },
+                '& span': {
+                    textTransform: 'initial'
+                }
+            },
+            '& .SCFeedObject-content': {
+                padding: theme.spacing(1, 0),
+                '&.SCFeedObject-error': {
+                    padding: theme.spacing(2),
+                    textAlign: 'center'
+                }
+            },
+            '& .SCFeedObject-snippet': {
+                '& > div': {
+                    alignItems: 'flex-start'
+                },
+                '& .SCBaseItem-text': {
+                    marginTop: 0
+                }
+            },
+            '& .SCFeedObject-snippet-content a': {
+                textDecoration: 'none',
+                color: theme.palette.text.secondary
+            },
+            '& .SCFeedObject-tag': {
+                display: 'inline-flex'
+            },
+            '& .SCFeedObject-location': {
+                display: 'inline-flex'
+            },
+            '& .SCFeedObject-actions-section': {
+                padding: 0,
+                display: 'flex',
+                flexDirection: 'column'
+            },
+            '& .SCFeedObject-reply-content': {
+                width: '100%',
+                boxSizing: 'border-box',
+                margin: 0,
+                padding: theme.spacing(2)
+            },
+            '& .SCFeedObject-info-section': {
+                padding: theme.spacing(0, 2)
+            },
+            '& .SCFeedObject-activity-at': {
+                textDecoration: 'none',
+                color: 'inherit',
+                marginTop: 0
+            },
+            '& .SCFeedObject-deleted': {
+                opacity: 0.3,
+                '&:hover': {
+                    opacity: 1
+                }
+            },
+            '&.SCFeedObject-preview, &.SCFeedObject-detail, &.SCFeedObject-search, &.SCFeedObject-share': {
                 border: `0 none`,
                 boxShadow: '0px 0px 10px rgba(0, 0, 0, 0.1)',
                 borderRadius: 0,
@@ -16,23 +109,26 @@ const Component = {
                     margin: theme.spacing(0, 2)
                 },
                 '& .SCFeedObject-header': {
+                    '& .MuiCardHeader-avatar': {
+                        marginRight: theme.spacing(1)
+                    },
                     '& .SCFeedObject-username': {
-                        fontWeight: theme.typography.fontWeightMedium
+                        fontWeight: theme.typography.fontWeightBold
                     },
                     '& .MuiCardHeader-subheader': {
                         fontSize: '0.857rem',
-                        marginTop: theme.spacing(0.5),
+                        color: theme.palette.primary.main,
                         '& .SCFeedObject-activity-at': {
-                            marginTop: 0,
+                            display: 'inline-flex',
                             '&:hover': {
                                 color: 'inherit',
                                 textDecoration: 'underline'
                             }
                         },
-                        '& .SCFeedObject-tag': {
+                        '& .SCFeedObject-tag, & .SCFeedObject-location': {
                             '& .MuiIcon-root': {
                                 fontSize: '1rem',
-                                lineHeight: '1.143rem'
+                                color: 'inherit'
                             }
                         }
                     }
@@ -41,48 +137,139 @@ const Component = {
                     '& .SCFeedObject-title-section': {
                         '& .SCFeedObject-title': {
                             fontWeight: theme.typography.fontWeightBold,
-                            marginBottom: theme.spacing(1)
+                            marginBottom: theme.spacing(1),
+                            padding: theme.spacing(0, 2)
                         },
                         '& a': {
                             color: 'inherit'
                         }
                     },
                     '& .SCFeedObject-text-section': {
-                        '& > :first-child': {
-                            padding: theme.spacing(0, 2, 2)
+                        overflowWrap: 'anywhere',
+                        '& > :first-of-type': {
+                            padding: theme.spacing(0, 2, 2),
+                            display: 'block'
+                        },
+                        '& hr': {
+                            margin: '1em 0'
                         },
                         '& a': {
+                            color: theme.palette.text.primary,
+                            textDecoration: 'none',
                             '&:hover': {
                                 textDecoration: 'underline',
-                                color: 'inherit'
+                                cursor: 'pointer'
                             }
+                        },
+                        '& img': {
+                            maxWidth: '100%'
+                        },
+                        '& blockquote': {
+                            margin: 0,
+                            marginLeft: theme.spacing(2),
+                            marginBottom: theme.spacing(1),
+                            color: theme.palette.text.secondary,
+                            borderLeftColor: theme.palette.primary.main,
+                            borderLeftWidth: theme.spacing(0.25),
+                            borderLeftStyle: 'solid',
+                            paddingLeft: theme.spacing(2)
+                        },
+                        '& h1': {
+                            fontSize: '1.429rem',
+                            color: theme.palette.text.primary,
+                            fontWeight: theme.typography.fontWeightBold,
+                            margin: 0
+                        },
+                        '& h2': {
+                            fontSize: '1.143rem',
+                            color: theme.palette.text.primary,
+                            fontWeight: theme.typography.fontWeightBold,
+                            margin: 0
+                        },
+                        '& h3': {
+                            fontSize: '1rem',
+                            color: theme.palette.text.primary,
+                            fontWeight: theme.typography.fontWeightLight,
+                            margin: 0
+                        },
+                        '& b': {
+                            fontWeight: 'bold'
+                        },
+                        '& i': {
+                            fontStyle: 'italic'
+                        },
+                        '& u': {
+                            textDecoration: 'underline'
+                        },
+                        '& s': {
+                            textDecoration: 'line-through'
+                        },
+                        '& sub': {
+                            fontSize: '0.8em',
+                            verticalAlign: 'sub !important'
+                        },
+                        '& sup': {
+                            fontSize: '0.8em',
+                            verticalAlign: 'super'
+                        },
+                        '& ol': {
+                            padding: 0,
+                            margin: 0
+                        },
+                        '& ol ol': {
+                            padding: 0,
+                            margin: 0,
+                            listStyleType: 'upper-alpha'
+                        },
+                        '& ol ol ol': {
+                            padding: 0,
+                            margin: 0,
+                            listStyleType: 'lower-alpha'
+                        },
+                        '& ol ol ol ol': {
+                            padding: 0,
+                            margin: 0,
+                            listStyleType: 'upper-roman'
+                        },
+                        '& ol ol ol ol ol': {
+                            padding: 0,
+                            margin: 0,
+                            listStyleType: 'lower-roman'
+                        },
+                        '& ul': {
+                            padding: 0,
+                            margin: 0
+                        },
+                        '& li': {
+                            margin: '0 32px'
                         }
                     }
                 },
                 '& .SCFeedObject-actions-section': {
                     marginBottom: theme.spacing(1),
+                    '&:last-of-type': {
+                        marginBottom: 0
+                    },
                     '& .SCFeedObjectActions-root': {
                         margin: 0,
                         padding: theme.spacing(2, 2, 0, 2),
                         '& .SCFeedObjectActions-action': {
+                            marginTop: 'auto',
                             '& .SCVoteAction-view-audience-button, & .SCCommentAction-view-audience-button, & .SCShareAction-view-audience-button, & .SCReactionAction-view-audience-button': {
                                 fontSize: '0.857rem',
                                 fontWeight: theme.typography.fontWeightRegular,
                                 marginTop: theme.spacing(1),
                                 marginBottom: 0,
-                                color: theme.palette.text.secondary,
+                                color: theme.palette.primary.main,
                                 '&:hover': {
                                     color: 'inherit'
-                                },
-                                '& .SCReactionAction-grouped-icons': {
-                                    justifyContent: 'center',
-                                    alignItems: 'center'
                                 }
                             },
                             '& .MuiDivider-root': {
                                 borderColor: theme.palette.grey[300]
                             },
-                            '& .SCVoteAction-action-button, & .SCCommentAction-action-button, & .SCShareAction-action-button, & .SCReactionAction-action-button': {
+                            '& .SCVoteAction-button, & .SCCommentAction-button, & .SCShareAction-button, & .SCReactionAction-button': {
+                                color: theme.palette.primary.main,
                                 marginTop: theme.spacing(0.5),
                                 marginBottom: theme.spacing(0.5),
                                 borderRadius: '50%',
@@ -91,11 +278,9 @@ const Component = {
                                 '& .MuiIcon-root': {
                                     fontSize: '1.571rem'
                                 },
-                                '& .SCReactionAction-reaction-icon': {
-                                    '>img': {
-                                        height: '18px',
-                                        width: '18px'
-                                    }
+                                '& > img': {
+                                    width: '1.571rem',
+                                    height: '1.571rem'
                                 }
                             }
                         }
@@ -103,9 +288,10 @@ const Component = {
                     '& .SCFeedObject-reply-content': {
                         marginLeft: 0,
                         background: (0, system_1.alpha)(theme.palette.primary.main, theme.palette.action.hoverOpacity),
-                        '& .SCReplyCommentObject-root': {
+                        '& .SCCommentObjectReply-root': {
                             background: 'transparent',
-                            '& .SCReplyCommentObject-comment': {
+                            marginBottom: 0,
+                            '& .SCCommentObjectReply-comment': {
                                 background: 'transparent',
                                 border: '0 none',
                                 '& .SCEditor-root': {
@@ -153,8 +339,8 @@ const Component = {
                             }
                         }
                     },
-                    '& .SCReplyCommentObject-root': {
-                        '& .SCReplyCommentObject-comment': {
+                    '& .SCCommentObjectReply-root': {
+                        '& .SCCommentObjectReply-comment': {
                             marginBottom: '0 !important',
                             border: `1px solid ${theme.palette.grey[300]}`,
                             borderRadius: theme.shape.borderRadius,
@@ -184,7 +370,7 @@ const Component = {
                     marginBottom: theme.spacing(1)
                 },
                 '& .SCFeedObject-activity-at': {
-                    marginTop: 0,
+                    display: 'inline-flex',
                     '&:hover': {
                         color: 'inherit',
                         textDecoration: 'underline'
@@ -193,6 +379,10 @@ const Component = {
             },
             '&.SCFeedObject-detail .SCFeedObject-reply-content': {
                 borderBottom: '0 none'
+            },
+            '&.SCFeedObject-share': {
+                boxShadow: 'none',
+                border: '1px solid rgba(0, 0, 0, 0.12)'
             }
         })
     }