@selfcommunity/react-theme-default 0.1.0-alpha.27 → 0.1.0-alpha.270

package/lib/cjs/components/SCPollObject.js

@@ -1,48 +1,73 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const system_1 = require("@mui/system");
 const Component = {
     styleOverrides: {
         root: ({ theme }) => ({
+            marginTop: theme.spacing(1),
+            marginBottom: theme.spacing(1),
+            borderTop: `1px solid ${(0, system_1.alpha)(theme.palette.primary.main, theme.palette.action.activatedOpacity)}`,
+            borderBottom: `1px solid ${(0, system_1.alpha)(theme.palette.primary.main, theme.palette.action.activatedOpacity)}`,
+            boxShadow: 'none',
+            borderRadius: 0,
             '& .MuiButton-root': {
                 '&:focus:not(:focus-visible)': {
-                    backgroundColor: 'transparent',
-                    borderWidth: '2px !important',
-                    borderColor: theme.palette.primary.light
-                },
-                '&:hover': {
-                    borderWidth: '2px !important'
+                    borderColor: (0, system_1.alpha)(theme.palette.primary.main, theme.palette.action.activatedOpacity)
                 }
             },
             '& .MuiCardHeader-root': {
-                maxHeight: 'none',
+                textAlign: 'center',
                 padding: theme.spacing(2),
-                '& .SCPollObject-toggleButton': {
+                '& .SCPollObject-toggle-button': {
                     fontSize: '0.875rem',
                     textTransform: 'uppercase',
                     '& .MuiButton-endIcon': {
                         display: 'none'
+                    },
+                    '& .SCPollObject-expand-icon': {
+                        marginBottom: 2,
+                        marginLeft: -2,
+                        transition: theme.transitions.create('transform', {
+                            duration: theme.transitions.duration.shortest
+                        })
+                    },
+                    '& .SCPollObject-collapsed-icon': {
+                        transform: 'rotate(180deg)'
                     }
                 }
             },
             '& .SCPollObject-title': {
-                color: theme.palette.grey[600],
-                marginBottom: 10,
+                textAlign: 'center',
+                color: theme.palette.text.primary,
+                marginBottom: theme.spacing(1),
                 fontWeight: theme.typography.fontWeightBold,
+                wordWrap: 'break-word'
+            },
+            '& .SCPollObject-voters, & .SCPollObject-votes': {
+                display: 'flex',
+                margin: theme.spacing(1),
+                alignItems: 'center',
+                justifyContent: 'center',
+                '& .MuiIcon-root': {
+                    width: '1em',
+                    marginRight: theme.spacing(1)
+                }
             },
             '& .SCPollObject-expiration, & .SCPollObject-close, & .SCPollObject-voters': {
-                color: theme.palette.grey[600],
+                textAlign: 'center',
+                color: theme.palette.text.secondary,
                 marginBottom: theme.spacing(2.5),
                 fontWeight: theme.typography.fontWeightLight,
                 fontSize: '0.765rem'
             },
             '& .SCPollObject-voters .MuiTypography-root': {
                 fontWeight: theme.typography.fontWeightLight,
-                fontSize: '0.765rem'
+                fontSize: '1rem'
             },
             '& ul': {
                 padding: theme.spacing(2.5),
                 marginBottom: theme.spacing(2.5),
-                backgroundColor: theme.palette.grey[300],
+                backgroundColor: (0, system_1.alpha)(theme.palette.primary.main, theme.palette.action.activatedOpacity),
                 borderRadius: theme.shape.borderRadius,
                 '& li': {
                     padding: 0,
@@ -72,4 +97,3 @@ const Component = {
     }
 };
 exports.default = Component;
-//# sourceMappingURL=SCPollObject.js.map

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

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

package/lib/cjs/components/SCPreviewMediaDocument.js

@@ -20,4 +20,3 @@ const Component = {
     }
 };
 exports.default = Component;
-//# sourceMappingURL=SCPreviewMediaDocument.js.map

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

@@ -0,0 +1,46 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {
+            '& .SCPreviewMediaLink-preview-link': {
+                position: string;
+                backgroundColor: string;
+                margin: any;
+                padding: any;
+            };
+            '& .SCPreviewMediaLink-preview-video': {
+                margin: string;
+                height: number;
+            };
+            '& .SCPreviewMediaLink-thumbnail': {
+                [x: number]: {
+                    maxWidth: number;
+                    width: string;
+                    float: string;
+                };
+                border: string;
+                borderRadius: number;
+                paddingTop: any;
+                margin: any;
+            };
+            '& .SCPreviewMediaLink-image': {
+                backgroundSize: string;
+                backgroundPosition: string;
+                backgroundRepeat: string;
+                backgroundColor: string;
+                paddingBottom: number;
+            };
+            '& .SCPreviewMediaLink-snippet': {
+                padding: any;
+                '& .SCPreviewMediaLink-snippet-title': {};
+                '& .SCPreviewMediaLink-snippet-description': {
+                    fontSize: string;
+                };
+                '& a': {
+                    fontSize: string;
+                    fontStyle: string;
+                };
+            };
+        };
+    };
+};
+export default Component;

package/lib/cjs/components/SCPreviewMediaLink.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const system_1 = require("@mui/system");
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            '& .SCPreviewMediaLink-preview-link': {
+                position: 'relative',
+                backgroundColor: '#F5F5F5',
+                margin: theme.spacing(1, 0),
+                padding: theme.spacing(1)
+            },
+            '& .SCPreviewMediaLink-preview-video': {
+                margin: '10px 0px',
+                height: 360
+            },
+            '& .SCPreviewMediaLink-thumbnail': {
+                border: `1px solid ${(0, system_1.alpha)(theme.palette.primary.main, theme.palette.action.activatedOpacity)}`,
+                borderRadius: theme.shape.borderRadius * 0.75,
+                paddingTop: theme.spacing(1),
+                margin: theme.spacing(1, 2, 1, 1),
+                [theme.breakpoints.up('sm')]: {
+                    maxWidth: 200,
+                    width: '100%',
+                    float: 'left'
+                }
+            },
+            '& .SCPreviewMediaLink-image': {
+                backgroundSize: 'contain !important',
+                backgroundPosition: 'center !important',
+                backgroundRepeat: 'no-repeat !important',
+                backgroundColor: '#FFF !important',
+                paddingBottom: 120
+            },
+            '& .SCPreviewMediaLink-snippet': {
+                padding: theme.spacing(2),
+                '& .SCPreviewMediaLink-snippet-title': {},
+                '& .SCPreviewMediaLink-snippet-description': {
+                    fontSize: '0.857rem'
+                },
+                '& a': {
+                    fontSize: '1rem',
+                    fontStyle: 'italic'
+                }
+            }
+        })
+    }
+};
+exports.default = Component;

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

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

package/lib/cjs/components/SCPrivateMessageComponent.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            height: '100%',
+            '& .SCPrivateMessageComponent-snippets-box, & .SCPrivateMessageComponent-thread-box': {
+                position: 'relative',
+                '& .SCPrivateMessageSnippets-root, & .SCPrivateMessageThread-root': {
+                    position: 'absolute',
+                    top: 0,
+                    left: 0
+                }
+            },
+            '& .SCPrivateMessageComponent-hide': {
+                display: 'none'
+            }
+        })
+    }
+};
+exports.default = Component;

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

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

package/lib/cjs/components/SCPrivateMessageComponentSkeleton.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            [theme.breakpoints.up('sm')]: {
+                width: theme.breakpoints.values['lg']
+            },
+            '& .SCPrivateMessageComponentSkeleton-thread-section': {
+                '& .MuiCardContent-root': {
+                    padding: 0,
+                    '& .MuiList-root': {
+                        paddingTop: 0,
+                        paddingBottom: 0
+                    }
+                }
+            },
+            ' .MuiPaper-root, MuiAppBar-root': {
+                boxShadow: 'none',
+                borderRadius: 0
+            }
+        })
+    }
+};
+exports.default = Component;

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

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

package/lib/cjs/components/SCPrivateMessageEditor.js

@@ -1,92 +1,128 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const system_1 = require("@mui/system");
 const Component = {
     styleOverrides: {
         root: ({ theme }) => ({
-            width: '100%',
-            position: 'absolute',
-            bottom: 0,
-            left: 0,
-            zIndex: 1,
-            backgroundColor: theme.palette.primary.main,
+            backgroundColor: (0, system_1.alpha)(theme.palette.primary.main, theme.palette.action.activatedOpacity),
             '& .MuiIcon-root': {
-                fontSize: '1.571rem'
+                fontSize: '1.57rem'
             },
             '& .SCPrivateMessageEditor-message-input': {
                 width: '100%'
             },
-            '& .MuiInputBase-root, MuiOutlinedInput-root': {
-                //height: theme.spacing(6.25),
+            '& .MuiInputBase-root': {
+                '&.Mui-disabled': { backgroundColor: theme.palette.grey['A200'] },
+                borderRadius: 0,
+                padding: theme.spacing(0.5, 0, 0.5, 0),
                 '& textarea': {
                     backgroundColor: theme.palette.common.white,
                     borderRadius: theme.shape.borderRadius,
-                    padding: theme.spacing(1)
+                    padding: theme.spacing(1),
+                    border: `2px solid transparent`,
+                    '&:hover': {
+                        border: `2px solid${theme.palette.primary.main}`
+                    },
+                    '&.Mui-disabled': { border: 'none' }
+                },
+                '& .MuiButtonBase-root': {
+                    padding: theme.spacing(1.625)
+                },
+                '& .MuiOutlinedInput-notchedOutline': {
+                    border: '0 none'
                 }
             },
-            '& .SCPrivateMessageEditor-send-media-section': {
-                backgroundColor: theme.palette.primary.main,
-                display: 'flex',
-                justifyContent: 'center'
+            '& .SCPrivateMessageEditor-emoji-section': {
+                '& .EmojiPickerReact.epr-main': {
+                    borderRadius: 0,
+                    '& .epr-preview': {
+                        display: 'none'
+                    }
+                }
             },
-            '& .MuiPaper-root, MuiCard-root, SCWidget-root, SCMessageMediaUploader-root': {
-                '& .MuiIcon-root': {
-                    fontSize: '1.143rem'
-                },
-                backgroundColor: theme.palette.primary.main,
+            '& .MuiPaper-root': {
+                borderRadius: 0,
+                backgroundColor: theme.palette.grey['A200'],
                 '& .MuiCardHeader-root': {
-                    paddingRight: theme.spacing(2),
-                    paddingTop: theme.spacing(1)
+                    paddingBottom: theme.spacing(0),
+                    '& .SCMessageMediaUploader-close-button': {
+                        fontSize: '0.857rem',
+                        cursor: 'pointer',
+                        '&:hover': {
+                            color: theme.palette.common.black
+                        }
+                    }
+                },
+                '& .MuiAlert-root': {
+                    position: 'relative'
                 },
                 '& .MuiCardContent-root': {
-                    '& .SCMessageMediaUploader-upload': {
-                        display: 'flex',
-                        justifyContent: 'center',
-                        '& .MuiButtonBase-root, MuiIconButton-root': {
-                            backgroundColor: theme.palette.common.white
+                    overflow: 'auto',
+                    padding: theme.spacing(1),
+                    minHeight: theme.spacing(20),
+                    '& .SCMessageMediaUploader-upload-section': {
+                        '& .SCMessageMediaUploader-upload-button': {
+                            display: 'flex',
+                            margin: '0 auto',
+                            fontSize: '1.57rem'
                         }
                     },
-                    '& .SCMessageMediaUploader-preview-container': {
+                    '& .MuiList-root': {
+                        paddingTop: theme.spacing(0),
+                        paddingBottom: theme.spacing(0)
+                    },
+                    '& .SCMessageMediaUploader-preview-content': {
+                        position: 'relative',
                         display: 'flex',
+                        margin: '0 auto',
                         justifyContent: 'center',
-                        img: {
-                            maxWidth: theme.spacing(25)
+                        alignItems: 'center',
+                        '& .MuiListItem-root': {
+                            height: theme.spacing(10),
+                            marginRight: theme.spacing(3),
+                            img: {
+                                width: theme.spacing(10),
+                                height: theme.spacing(10)
+                            },
+                            video: {
+                                objectFit: 'fill',
+                                width: theme.spacing(10),
+                                height: theme.spacing(10)
+                            }
                         },
-                        video: {
-                            maxWidth: theme.spacing(25)
-                        }
-                    },
-                    '& .SCMessageMediaUploader-doc-preview': {
-                        [theme.breakpoints.down('md')]: {
-                            height: theme.spacing(12.5),
-                            width: theme.spacing(25)
+                        '& .SCMessageMediaUploader-preview-actions': {
+                            height: '100%',
+                            background: 'transparent',
+                            '&:hover, &:active, &.SCMessageMediaUploader-progress': {
+                                background: 'rgba(0,0,0,0.5)'
+                            },
+                            '& .MuiButtonBase-root, .MuiTypography-root': {
+                                color: theme.palette.common.white,
+                                position: 'absolute',
+                                top: '50%',
+                                left: '50%',
+                                transform: 'translate(-50%, -50%)'
+                            }
                         },
-                        height: theme.spacing(25),
-                        width: theme.spacing(50),
-                        position: 'relative'
-                    },
-                    '& .SCMessageMediaUploader-doc-loading-preview': {
-                        backgroundColor: theme.palette.background.default,
-                        height: theme.spacing(12.5),
-                        width: theme.spacing(25),
-                        position: 'relative',
-                        '& .MuiCircularProgress-root': {
+                        '& .SCMessageMediaUploader-preview-info': {
                             position: 'absolute',
-                            top: '40%',
-                            left: '45%'
-                        },
-                        '& .SCMessageMediaUploader-progress': {
-                            display: 'flex',
-                            justifyContent: 'center'
-                        },
-                        '& .SCMessageMediaUploader-clear-media': {
-                            display: 'flex',
-                            justifyContent: 'flex-end'
+                            left: '50%',
+                            bottom: 0,
+                            transform: 'translate(-50%, 100%)',
+                            overflow: 'hidden',
+                            textOverflow: 'ellipsis',
+                            width: theme.spacing(10),
+                            '& .MuiTypography-root': {
+                                fontSize: '0.75rem'
+                            }
                         }
                     }
                 }
+            },
+            '&.SCPrivateMessageEditor-ios': {
+                paddingBottom: '15px'
             }
         })
     }
 };
 exports.default = Component;
-//# sourceMappingURL=SCPrivateMessageEditor.js.map