@selfcommunity/react-theme-default 0.1.0-alpha.3 → 0.1.0-alpha.300

package/lib/esm/components/SCPrivateMessageSnippets.js

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

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

@@ -0,0 +1,149 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {
+            height: string;
+            width: string;
+            backgroundColor: string;
+            borderRadius: number;
+            '& .MuiCardContent-root': {
+                display: string;
+                flexDirection: string;
+                height: string;
+                padding: number;
+                position: string;
+                '& .MuiAlert-root': {
+                    position: string;
+                    bottom: number;
+                    left: number;
+                    right: number;
+                    display: string;
+                    justifyContent: string;
+                    borderRadius: number;
+                };
+                '& .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;
+                                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-empty-message': {
+                height: string;
+                display: string;
+                justifyContent: string;
+                alignItems: string;
+                fontSize: string;
+            };
+            '& .SCPrivateMessageThread-new-message-header': {
+                display: string;
+                width: string;
+                height: any;
+                alignItems: string;
+                justifyContent: string;
+                backgroundColor: string;
+                '& .SCPrivateMessageThread-new-message-header-content': {
+                    display: string;
+                    alignItems: string;
+                    width: string;
+                    backgroundColor: any;
+                    borderRadius: any;
+                    marginRight: any;
+                    '& .SCPrivateMessageThread-new-message-header-icon': {
+                        fontSize: string;
+                        marginLeft: any;
+                    };
+                    '& .MuiIcon-root': {
+                        color: any;
+                    };
+                    '& .MuiTypography-root': {
+                        color: any;
+                        marginLeft: any;
+                    };
+                    '& .SCPrivateMessageThread-autocomplete': {
+                        [x: number]: {
+                            maxHeight: any;
+                        };
+                        width: string;
+                        marginLeft: any;
+                        maxHeight: any;
+                        overflow: string;
+                        '& .MuiAutocomplete-tag': {
+                            height: any;
+                            '& .MuiChip-deleteIcon': {
+                                fontSize: string;
+                            };
+                        };
+                        '& .MuiAutocomplete-endAdornment': {
+                            position: string;
+                            '& .MuiAutocomplete-clearIndicator': {
+                                fontSize: string;
+                            };
+                        };
+                    };
+                };
+            };
+            '& .MuiListSubheader-root': {
+                backgroundColor: string;
+                display: string;
+                justifyContent: string;
+                marginBottom: any;
+                '& .SCPrivateMessageThread-subheader': {
+                    width: string;
+                    minWidth: number;
+                    padding: any;
+                    backgroundColor: string;
+                    fontWeight: any;
+                    borderRadius: any;
+                    boxShadow: string;
+                };
+            };
+            '& .MuiList-root, .SCPrivateMessageThread-new-message-content': {
+                flexGrow: number;
+            };
+        };
+    };
+};
+export default Component;

package/lib/esm/components/SCPrivateMessageThread.js

@@ -0,0 +1,148 @@
+import { alpha } from '@mui/system';
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            height: '100%',
+            width: '100%',
+            backgroundColor: alpha(theme.palette.common.white, theme.palette.action.selectedOpacity),
+            borderRadius: 0,
+            '& .MuiCardContent-root': {
+                display: 'flex',
+                flexDirection: 'column',
+                height: '100%',
+                padding: 0,
+                position: 'relative',
+                '& .MuiAlert-root': {
+                    position: 'absolute',
+                    bottom: 0,
+                    left: 0,
+                    right: 0,
+                    display: 'flex',
+                    justifyContent: 'center',
+                    borderRadius: 0
+                },
+                '& .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-empty-message': {
+                height: '100%',
+                display: 'flex',
+                justifyContent: 'center',
+                alignItems: 'center',
+                fontSize: '1.5rem'
+            },
+            '& .SCPrivateMessageThread-new-message-header': {
+                display: 'flex',
+                width: '100%',
+                height: theme.mixins.toolbar.minHeight,
+                alignItems: 'center',
+                justifyContent: 'center',
+                backgroundColor: alpha(theme.palette.secondary.main, theme.palette.action.activatedOpacity),
+                '& .SCPrivateMessageThread-new-message-header-content': {
+                    display: 'flex',
+                    alignItems: 'center',
+                    width: '80%',
+                    backgroundColor: theme.palette.common.white,
+                    borderRadius: theme.shape.borderRadius,
+                    marginRight: theme.spacing(2),
+                    '& .SCPrivateMessageThread-new-message-header-icon': {
+                        fontSize: '1.714rem',
+                        marginLeft: theme.spacing(1)
+                    },
+                    '& .MuiIcon-root': {
+                        color: theme.palette.secondary.main
+                    },
+                    '& .MuiTypography-root': {
+                        color: theme.palette.secondary.main,
+                        marginLeft: theme.spacing(1)
+                    },
+                    '& .SCPrivateMessageThread-autocomplete': {
+                        [theme.breakpoints.down('md')]: {
+                            maxHeight: theme.spacing(3.75)
+                        },
+                        width: '100%',
+                        marginLeft: theme.spacing(1),
+                        maxHeight: theme.mixins.toolbar.minHeight,
+                        overflow: 'auto',
+                        '& .MuiAutocomplete-tag': {
+                            height: theme.spacing(3),
+                            '& .MuiChip-deleteIcon': {
+                                fontSize: '18px'
+                            }
+                        },
+                        '& .MuiAutocomplete-endAdornment': {
+                            position: 'relative',
+                            '& .MuiAutocomplete-clearIndicator': {
+                                fontSize: '1rem'
+                            }
+                        }
+                    }
+                }
+            },
+            '& .MuiListSubheader-root': {
+                backgroundColor: 'inherit',
+                display: 'flex',
+                justifyContent: 'center',
+                marginBottom: theme.spacing(1),
+                '& .SCPrivateMessageThread-subheader': {
+                    width: 'fit-content',
+                    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 }
+        })
+    }
+};
+export default Component;

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

@@ -0,0 +1,86 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {
+            borderRadius: any;
+            padding: any;
+            boxShadow: string;
+            marginBottom: any;
+            '& .MuiListItemSecondaryAction-root': {
+                right: number;
+                top: any;
+                zIndex: number;
+                '& .MuiButtonBase-root': {
+                    fontSize: string;
+                };
+            };
+            '& .SCPrivateMessageThreadItem-message-time': {
+                position: string;
+                bottom: any;
+                right: any;
+                padding: any;
+            };
+            '& .SCPrivateMessageThreadItem-text': {
+                display: string;
+                alignItems: string;
+                zIndex: number;
+                '& .MuiTypography-root': {
+                    fontSize: string;
+                    whiteSpace: string;
+                    overflowWrap: string;
+                    wordWrap: string;
+                    wordBreak: string;
+                    hyphens: string;
+                };
+            };
+            '& .SCPrivateMessageThreadItem-img': {
+                display: string;
+                alignItems: string;
+                objectFit: string;
+                flex: string;
+                '& img': {
+                    width: string;
+                    height: string;
+                };
+            };
+            '& .SCPrivateMessageThreadItem-video': {
+                '& .MuiButtonBase-root': {
+                    color: any;
+                    position: string;
+                    top: string;
+                    left: string;
+                    transform: string;
+                    '& .MuiIcon-root': {
+                        [x: number]: {
+                            fontSize: string;
+                        };
+                        color: any;
+                        fontSize: string;
+                    };
+                };
+            };
+            '& .SCPrivateMessageThreadItem-document': {
+                width: any;
+                '& img': {
+                    height: string;
+                    width: string;
+                };
+                '& .MuiButtonBase-root': {
+                    width: string;
+                    position: string;
+                    bottom: string;
+                    backgroundColor: string;
+                    color: string;
+                    display: string;
+                    borderRadius: number;
+                    '& .MuiTypography-root': {
+                        whiteSpace: string;
+                        overflow: string;
+                        textOverflow: string;
+                        marginLeft: any;
+                    };
+                };
+            };
+        };
+    };
+};
+export default Component;

package/lib/esm/components/SCPrivateMessageThreadItem.js

@@ -0,0 +1,86 @@
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            borderRadius: theme.shape.borderRadius,
+            padding: theme.spacing(2, 4, 4, 2),
+            boxShadow: '0px 0px 10px rgba(0, 0, 0, 0.1)',
+            marginBottom: theme.spacing(1),
+            '& .MuiListItemSecondaryAction-root': {
+                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(3),
+                padding: theme.spacing(0.5, 0, 0.5, 0)
+            },
+            '& .SCPrivateMessageThreadItem-text': {
+                display: 'flex',
+                alignItems: 'center',
+                zIndex: 1,
+                '& .MuiTypography-root': {
+                    fontSize: '1.143rem',
+                    whiteSpace: 'pre-line',
+                    overflowWrap: 'break-word',
+                    wordWrap: 'break-word',
+                    wordBreak: 'break-word',
+                    hyphens: 'auto'
+                }
+            },
+            '& .SCPrivateMessageThreadItem-img': {
+                display: 'flex',
+                alignItems: 'center',
+                objectFit: 'cover',
+                flex: '0 0 95%',
+                '& img': {
+                    width: '100%',
+                    height: '100%'
+                }
+            },
+            '& .SCPrivateMessageThreadItem-video': {
+                '& .MuiButtonBase-root': {
+                    color: theme.palette.common.white,
+                    position: 'absolute',
+                    top: '50%',
+                    left: '50%',
+                    transform: 'translate(-60%, -50%)',
+                    '& .MuiIcon-root': {
+                        color: theme.palette.common.white,
+                        fontSize: '6rem',
+                        [theme.breakpoints.down('md')]: {
+                            fontSize: '3rem'
+                        }
+                    }
+                }
+            },
+            '& .SCPrivateMessageThreadItem-document': {
+                width: theme.spacing(32.5),
+                '& img': {
+                    height: '100%',
+                    width: '100%'
+                },
+                '& .MuiButtonBase-root': {
+                    width: 'inherit',
+                    position: 'absolute',
+                    bottom: '10%',
+                    backgroundColor: 'rgba(0,0,0,0.5)',
+                    color: 'rgba(255,255,255,0.9)',
+                    display: 'flex',
+                    borderRadius: 0,
+                    '& .MuiTypography-root': {
+                        whiteSpace: 'nowrap',
+                        overflow: 'hidden',
+                        textOverflow: 'ellipsis',
+                        marginLeft: theme.spacing(0.5)
+                    }
+                }
+            }
+        })
+    }
+};
+export default Component;

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

@@ -0,0 +1,11 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {
+            '& h2 .MuiIconButton-root': {
+                top: any;
+                fontSize: string;
+            };
+        };
+    };
+};
+export default Component;

package/lib/esm/components/SCPrivateMessageThreadItemDialog.js

@@ -0,0 +1,11 @@
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            '& h2 .MuiIconButton-root': {
+                top: theme.spacing(1),
+                fontSize: '1.57rem'
+            }
+        })
+    }
+};
+export default Component;

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

@@ -0,0 +1,19 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ 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;

package/lib/esm/components/SCPrivateMessageThreadSkeleton.js

@@ -0,0 +1,19 @@
+const Component = {
+    styleOverrides: {
+        root: ({ 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;

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

@@ -0,0 +1,32 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {
+            [x: number]: {
+                width: any;
+                height: any;
+                marginTop: any;
+            };
+            '& .MuiCard-root': {
+                [x: number]: {
+                    borderRadius: number;
+                    height: string;
+                };
+            };
+            '& .MuiCardContent-root': {
+                justifyContent: string;
+                '& .SCPrizeItemSkeleton-content': {
+                    display: string;
+                    flexDirection: string;
+                    justifyContent: string;
+                    alignItems: string;
+                    marginTop: any;
+                    paddingBottom: any;
+                };
+            };
+            '& .MuiCardActions-root': {
+                justifyContent: string;
+            };
+        };
+    };
+};
+export default Component;

package/lib/esm/components/SCPrizeItemSkeleton.js

@@ -0,0 +1,32 @@
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            [theme.breakpoints.up('sm')]: {
+                width: theme.spacing(45),
+                height: theme.spacing(45),
+                marginTop: theme.spacing(3)
+            },
+            '& .MuiCard-root': {
+                [theme.breakpoints.down('md')]: {
+                    borderRadius: 0,
+                    height: '100%'
+                }
+            },
+            '& .MuiCardContent-root': {
+                justifyContent: 'center',
+                '& .SCPrizeItemSkeleton-content': {
+                    display: 'flex',
+                    flexDirection: 'column',
+                    justifyContent: 'center',
+                    alignItems: 'center',
+                    marginTop: theme.spacing(2),
+                    paddingBottom: theme.spacing(8)
+                }
+            },
+            '& .MuiCardActions-root': {
+                justifyContent: 'center'
+            }
+        })
+    }
+};
+export default Component;

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

@@ -0,0 +1,23 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {
+            display: string;
+            justifyContent: string;
+            alignItems: string;
+            flexDirection: string;
+            fontSize: string;
+            '&.SCReactionAction-inline': {
+                flexDirection: string;
+            };
+            '& .SCReactionAction-divider': {
+                width: string;
+                borderBottom: number;
+            };
+            '& .SCReactionAction-reaction': {
+                width: string;
+                height: string;
+            };
+        };
+    };
+};
+export default Component;