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

package/lib/esm/components/SCFeed.js

@@ -7,22 +7,47 @@ const Component = {
                 [theme.breakpoints.up('sm')]: {
                     padding: theme.spacing(1.25)
                 },
-                '&:last-child': {
-                    paddingBottom: theme.spacing(4)
+                '& > div:first-of-type': {
+                    marginTop: 0
+                },
+                '& > .SCWidget-root, & > .SCCustomAdv-root': {
+                    maxWidth: 850,
+                    marginLeft: 'auto',
+                    marginRight: 'auto'
+                },
+                '& > * > * > .SCWidget-root': {
+                    marginBottom: theme.spacing(2)
                 }
             },
             '& .SCFeed-right': {
                 padding: theme.spacing(1.25, 0),
-                '& > * > .SCWidget-root': {
+                '& > .SCWidget-root': {
                     marginBottom: theme.spacing(3)
                 }
             },
+            '& .SCFeed-start': {
+                '& > .SCWidget-root': {
+                    padding: 0,
+                    marginBottom: theme.spacing(2),
+                }
+            },
             '& .SCFeed-end': {
-                padding: 0,
-                marginBottom: theme.spacing(3),
+                '& > .SCWidget-root': {
+                    padding: 0,
+                    marginBottom: theme.spacing(2),
+                }
+            },
+            '& .SCFeed-end-message': {
+                textAlign: 'center',
                 '& > div': {
                     padding: theme.spacing(2)
                 }
+            },
+            '& .SCFeed-refresh': {
+                textAlign: 'center'
+            },
+            '& .SCFeed-pagination-link': {
+                display: 'none'
             }
         })
     }

package/lib/esm/components/SCFeed.js.map

@@ -1 +1 @@
-{"version":3,"file":"SCFeed.js","sourceRoot":"","sources":["../../../src/components/SCFeed.tsx"],"names":[],"mappings":"AAAA,MAAM,SAAS,GAAG;IAChB,cAAc,EAAE;QACd,IAAI,EAAE,CAAC,EAAC,KAAK,EAAM,EAAE,EAAE,CAAC,CAAC;YACvB,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC;YACxC,gBAAgB,EAAE;gBAChB,OAAO,EAAE,CAAC;gBACV,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE;oBAC5B,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;iBAC7B;gBACD,cAAc,EAAE;oBACd,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;iBAChC;aACF;YACD,iBAAiB,EAAE;gBACjB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC;gBAC/B,wBAAwB,EAAE;oBACxB,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;iBAC/B;aACF;YACD,eAAe,EAAE;gBACf,OAAO,EAAE,CAAC;gBACV,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;gBAC9B,SAAS,EAAE;oBACT,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;iBAC1B;aACF;SACF,CAAC;KACH;CACF,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"SCFeed.js","sourceRoot":"","sources":["../../../src/components/SCFeed.tsx"],"names":[],"mappings":"AAAA,MAAM,SAAS,GAAG;IAChB,cAAc,EAAE;QACd,IAAI,EAAE,CAAC,EAAC,KAAK,EAAM,EAAE,EAAE,CAAC,CAAC;YACvB,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC;YACxC,gBAAgB,EAAE;gBAChB,OAAO,EAAE,CAAC;gBACV,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE;oBAC5B,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;iBAC7B;gBACD,uBAAuB,EAAE;oBACvB,SAAS,EAAE,CAAC;iBACb;gBACD,2CAA2C,EAAE;oBAC3C,QAAQ,EAAE,GAAG;oBACb,UAAU,EAAE,MAAM;oBAClB,WAAW,EAAE,MAAM;iBACpB;gBACD,4BAA4B,EAAE;oBAC5B,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;iBAC/B;aACF;YACD,iBAAiB,EAAE;gBACjB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC;gBAC/B,oBAAoB,EAAE;oBACpB,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;iBAC/B;aACF;YACD,iBAAiB,EAAE;gBACjB,oBAAoB,EAAE;oBACpB,OAAO,EAAE,CAAC;oBACV,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;iBAC/B;aACF;YACD,eAAe,EAAE;gBACf,oBAAoB,EAAE;oBACpB,OAAO,EAAE,CAAC;oBACV,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;iBAC/B;aACF;YACD,uBAAuB,EAAE;gBACvB,SAAS,EAAE,QAAQ;gBACnB,SAAS,EAAE;oBACT,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;iBAC1B;aACF;YACD,mBAAmB,EAAE;gBACnB,SAAS,EAAE,QAAQ;aACpB;YACD,2BAA2B,EAAE;gBAC3B,OAAO,EAAE,MAAM;aAChB;SACF,CAAC;KACH;CACF,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/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/esm/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"}