@selfcommunity/react-theme-default 0.2.0-live.66 → 0.2.0-live.68

package/lib/cjs/index.d.ts

@@ -4858,6 +4858,33 @@ declare const theme: {
                         backgroundColor: string;
                     };
                 };
+                liveStreamRoot: ({ theme }: any) => {
+                    '& .SCNotification-username, & a': {
+                        fontWeight: any;
+                    };
+                    '& .SCNotificationItem-primary': {
+                        '& .MuiIcon-root': {
+                            float: string;
+                            fontSize: string;
+                            marginLeft: any;
+                        };
+                        '& .SCEvent-root': {
+                            width: string;
+                            '& .SCEvent-snippet-root': {
+                                paddingLeft: string;
+                            };
+                        };
+                    };
+                    '& .SCNotificationItem-secondary': {
+                        textTransform: string;
+                    };
+                    '& .SCNotification-snippet-time': {
+                        paddingLeft: any;
+                    };
+                    '& .SCEvent-snippet-root': {
+                        backgroundColor: string;
+                    };
+                };
                 groupRoot: ({ theme }: any) => {};
                 undeletedForRoot: ({ theme }: any) => {
                     '& .SCNotification-undeleted-icon': {
@@ -8634,6 +8661,106 @@ declare const theme: {
                 };
             };
         };
+        SCUserLiveStreamWidget: {
+            styleOverrides: {
+                root: ({ theme }: {
+                    theme: any;
+                }) => {
+                    '& .SCUserLiveStreamWidget-content': {
+                        padding: string;
+                        '& .SCUserLiveStreamWidget-header': {
+                            flexDirection: string;
+                            justifyContent: string;
+                            alignItems: string;
+                            marginBottom: any;
+                            '& .SCUserLiveStreamWidget-avatar-wrapper': {
+                                flexDirection: string;
+                                alignItems: string;
+                                color: string;
+                                padding: number;
+                                minWidth: string;
+                                '& .SCUserLiveStreamWidget-avatar': {
+                                    width: any;
+                                    height: any;
+                                };
+                            };
+                            '& h4': {
+                                marginLeft: number;
+                                lineHeight: string;
+                            };
+                        };
+                        '& .SCUserLiveStreamWidget-live-wrapper': {
+                            gap: any;
+                            '& .SCUserLiveStreamWidget-live': {
+                                '& > div': {
+                                    padding: string;
+                                    '& > .SCBaseItem-content': {
+                                        '& > .SCBaseItem-text': {
+                                            margin: number;
+                                        };
+                                    };
+                                };
+                            };
+                        };
+                    };
+                    '& .SCUserLiveStreamWidget-actions': {
+                        padding: string;
+                        justifyContent: string;
+                        '& .SCSuggestedEventsWidget-actionButton': {
+                            color: any;
+                        };
+                    };
+                };
+                skeletonRoot: ({ theme }: {
+                    theme: any;
+                }) => {
+                    '& .SCUserLiveStreamWidget-content': {
+                        padding: string;
+                        '& .SCUserLiveStreamWidget-user': {
+                            marginBottom: any;
+                            '& > .SCBaseItem-content': {
+                                '& > .SCBaseItem-text': {
+                                    margin: number;
+                                };
+                            };
+                            '& > .SCBaseItem-actions': {
+                                display: string;
+                            };
+                        };
+                        '& .SCUserLiveStreamWidget-live-wrapper': {
+                            gap: any;
+                            '& .SCUserLiveStreamWidget-live': {
+                                '& > div': {
+                                    padding: string;
+                                    '& > .SCBaseItem-content': {
+                                        '& > .SCBaseItem-text': {
+                                            margin: number;
+                                        };
+                                    };
+                                };
+                            };
+                        };
+                    };
+                    '& .SCUserLiveStreamWidget-actions': {
+                        padding: string;
+                        justifyContent: string;
+                    };
+                };
+                dialogRoot: ({ theme }: {
+                    theme: any;
+                }) => {
+                    '& .SCUserLiveStreamWidget-infinite-scroll': {
+                        [x: number]: {
+                            height: string;
+                        };
+                        height: string;
+                        '& .SCEvent-root': {
+                            width: string;
+                        };
+                    };
+                };
+            };
+        };
         SCCreateLiveStreamDialog: {
             styleOverrides: {
                 root: ({ theme }: any) => {
@@ -8649,6 +8776,71 @@ declare const theme: {
                 };
             };
         };
+        SCLiveStreamSelector: {
+            styleOverrides: {
+                root: ({ theme }: any) => {
+                    '& .SCLiveStreamSelector-warning': {
+                        margin: any;
+                    };
+                    '& .SCLiveStreamSelector-options': {
+                        [x: number]: {
+                            display: string;
+                        };
+                        display: string;
+                        justifyContent: string;
+                        alignItems: string;
+                        '& > div': {
+                            [x: number]: {
+                                margin: string;
+                                marginBottom: any;
+                            };
+                            width: string;
+                        };
+                    };
+                    '& .SCLiveStreamSelector-actions': {
+                        display: string;
+                        justifyContent: string;
+                        alignItems: string;
+                        marginTop: any;
+                    };
+                };
+                optionCardRoot: ({ theme, selected }: any) => {
+                    maxWidth: number;
+                    height: number;
+                    padding: any;
+                    margin: any;
+                    cursor: string;
+                    transition: any;
+                    backgroundColor: any;
+                    '&:hover': {
+                        backgroundColor: any;
+                        boxShadow: any;
+                    };
+                    border: string;
+                    "& > div": {
+                        display: string;
+                        justifyContent: string;
+                        alignItems: string;
+                        marginBottom: number;
+                        maxWidth: string;
+                    };
+                    "& ul": {
+                        marginTop: any;
+                        padding: number;
+                        listStyle: string;
+                    };
+                };
+                featureItemRoot: ({ theme, selected }: any) => {
+                    display: string;
+                    alignItems: string;
+                    gap: any;
+                    marginBottom: any;
+                    '&:last-child': {
+                        marginBottom: number;
+                    };
+                };
+            };
+        };
         SCLiveStreamForm: {
             styleOverrides: {
                 root: ({ theme }: any) => {
@@ -8699,16 +8891,6 @@ declare const theme: {
                     "& .SCLiveStreamRoom-content": {
                         width: string;
                     };
-                    "& .SCLiveStreamRoom-end-conference-wrap": {
-                        display: string;
-                        justifyContent: string;
-                        alignItems: string;
-                        alignContent: string;
-                        flexDirection: string;
-                        "& .SCLiveStreamRoom-btn-back-home": {
-                            marginTop: any;
-                        };
-                    };
                     "& .SCLiveStreamRoom-prejoin": {
                         padding: any;
                         display: string;
@@ -8761,6 +8943,18 @@ declare const theme: {
                         };
                     };
                 };
+                dialogRoot: ({ theme }: any) => {
+                    "& .SCLiveStreamRoom-end-conference-wrap": {
+                        display: string;
+                        justifyContent: string;
+                        alignItems: string;
+                        alignContent: string;
+                        flexDirection: string;
+                        "& .SCLiveStreamVideoConference-btn-back-home": {
+                            marginTop: any;
+                        };
+                    };
+                };
             };
         };
         SCLiveStreamVideoConference: {
@@ -8769,6 +8963,8 @@ declare const theme: {
                     height: string;
                     width: string;
                     overflowY: string;
+                };
+                dialogRoot: ({ theme }: any) => {
                     "& .SCLiveStreamVideoConference-end-conference-wrap": {
                         display: string;
                         justifyContent: string;

package/lib/cjs/index.js

@@ -144,11 +144,13 @@ const SCSnippetNotifications_1 = tslib_1.__importDefault(require("./components/S
 const SCSuggestedEventsWidget_1 = tslib_1.__importDefault(require("./components/SCSuggestedEventsWidget"));
 const SCLiveStream_1 = tslib_1.__importDefault(require("./components/SCLiveStream"));
 const SCLiveStreamDialog_1 = tslib_1.__importDefault(require("./components/SCLiveStreamDialog"));
+const SCLiveStreamSelector_1 = tslib_1.__importDefault(require("./components/SCLiveStreamSelector"));
 const SCLiveStreamForm_1 = tslib_1.__importDefault(require("./components/SCLiveStreamForm"));
 const SCLiveStreamFormSettings_1 = tslib_1.__importDefault(require("./components/SCLiveStreamFormSettings"));
 const SCLiveStreamRoom_1 = tslib_1.__importDefault(require("./components/SCLiveStreamRoom"));
 const SCLiveStreamVideoConference_1 = tslib_1.__importDefault(require("./components/SCLiveStreamVideoConference"));
 const SCLiveStreamInfoDetails_1 = tslib_1.__importDefault(require("./components/SCLiveStreamInfoDetails"));
+const SCUserLiveStreamWidget_1 = tslib_1.__importDefault(require("./components/SCUserLiveStreamWidget"));
 const SCToastNotifications_1 = tslib_1.__importDefault(require("./components/SCToastNotifications"));
 const SCUser_1 = tslib_1.__importDefault(require("./components/SCUser"));
 const SCUserActionIconButton_1 = tslib_1.__importDefault(require("./components/SCUserActionIconButton"));
@@ -401,7 +403,9 @@ const theme = {
         SCWidget: SCWidget_1.default,
         SCLiveStream: SCLiveStream_1.default,
         SCLiveStreamInfoDetails: SCLiveStreamInfoDetails_1.default,
+        SCUserLiveStreamWidget: SCUserLiveStreamWidget_1.default,
         SCCreateLiveStreamDialog: SCLiveStreamDialog_1.default,
+        SCLiveStreamSelector: SCLiveStreamSelector_1.default,
         SCLiveStreamForm: SCLiveStreamForm_1.default,
         SCLiveStreamFormSettings: SCLiveStreamFormSettings_1.default,
         SCLiveStreamRoom: SCLiveStreamRoom_1.default,

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

@@ -8,16 +8,6 @@ declare const Component: {
             "& .SCLiveStreamRoom-content": {
                 width: string;
             };
-            "& .SCLiveStreamRoom-end-conference-wrap": {
-                display: string;
-                justifyContent: string;
-                alignItems: string;
-                alignContent: string;
-                flexDirection: string;
-                "& .SCLiveStreamRoom-btn-back-home": {
-                    marginTop: any;
-                };
-            };
             "& .SCLiveStreamRoom-prejoin": {
                 padding: any;
                 display: string;
@@ -70,6 +60,18 @@ declare const Component: {
                 };
             };
         };
+        dialogRoot: ({ theme }: any) => {
+            "& .SCLiveStreamRoom-end-conference-wrap": {
+                display: string;
+                justifyContent: string;
+                alignItems: string;
+                alignContent: string;
+                flexDirection: string;
+                "& .SCLiveStreamVideoConference-btn-back-home": {
+                    marginTop: any;
+                };
+            };
+        };
     };
 };
 export default Component;

package/lib/esm/components/SCLiveStreamRoom.js

@@ -8,16 +8,6 @@ const Component = {
             [`& .SCLiveStreamRoom-content`]: {
                 width: '100%'
             },
-            [`& .SCLiveStreamRoom-end-conference-wrap`]: {
-                display: 'flex',
-                justifyContent: 'center',
-                alignItems: 'center',
-                alignContent: 'center',
-                flexDirection: 'column',
-                [`& .SCLiveStreamRoom-btn-back-home`]: {
-                    marginTop: theme.spacing(2)
-                }
-            },
             [`& .SCLiveStreamRoom-prejoin`]: {
                 padding: theme.spacing(2),
                 display: 'grid',
@@ -69,6 +59,18 @@ const Component = {
                     backgroundColor: theme.palette.primary.dark
                 }
             }
+        }),
+        dialogRoot: ({ theme }) => ({
+            [`& .SCLiveStreamRoom-end-conference-wrap`]: {
+                display: 'flex',
+                justifyContent: 'center',
+                alignItems: 'center',
+                alignContent: 'center',
+                flexDirection: 'column',
+                [`& .SCLiveStreamVideoConference-btn-back-home`]: {
+                    marginTop: theme.spacing(2)
+                }
+            }
         })
     }
 };

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

@@ -0,0 +1,66 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: any) => {
+            '& .SCLiveStreamSelector-warning': {
+                margin: any;
+            };
+            '& .SCLiveStreamSelector-options': {
+                [x: number]: {
+                    display: string;
+                };
+                display: string;
+                justifyContent: string;
+                alignItems: string;
+                '& > div': {
+                    [x: number]: {
+                        margin: string;
+                        marginBottom: any;
+                    };
+                    width: string;
+                };
+            };
+            '& .SCLiveStreamSelector-actions': {
+                display: string;
+                justifyContent: string;
+                alignItems: string;
+                marginTop: any;
+            };
+        };
+        optionCardRoot: ({ theme, selected }: any) => {
+            maxWidth: number;
+            height: number;
+            padding: any;
+            margin: any;
+            cursor: string;
+            transition: any;
+            backgroundColor: any;
+            '&:hover': {
+                backgroundColor: any;
+                boxShadow: any;
+            };
+            border: string;
+            "& > div": {
+                display: string;
+                justifyContent: string;
+                alignItems: string;
+                marginBottom: number;
+                maxWidth: string;
+            };
+            "& ul": {
+                marginTop: any;
+                padding: number;
+                listStyle: string;
+            };
+        };
+        featureItemRoot: ({ theme, selected }: any) => {
+            display: string;
+            alignItems: string;
+            gap: any;
+            marginBottom: any;
+            '&:last-child': {
+                marginBottom: number;
+            };
+        };
+    };
+};
+export default Component;

package/lib/esm/components/SCLiveStreamSelector.js

@@ -0,0 +1,68 @@
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            '& .SCLiveStreamSelector-warning': {
+                margin: theme.spacing(2, 5, 2, 5)
+            },
+            '& .SCLiveStreamSelector-options': {
+                display: 'flex',
+                justifyContent: 'center',
+                alignItems: 'center',
+                [theme.breakpoints.down('sm')]: {
+                    display: 'block'
+                },
+                '& > div': {
+                    width: '290px',
+                    [theme.breakpoints.down('sm')]: {
+                        margin: '0px auto',
+                        marginBottom: theme.spacing(2)
+                    }
+                }
+            },
+            '& .SCLiveStreamSelector-actions': {
+                display: 'flex',
+                justifyContent: 'flex-end',
+                alignItems: 'flex-end',
+                marginTop: theme.spacing(4)
+            }
+        }),
+        optionCardRoot: ({ theme, selected }) => ({
+            maxWidth: 300,
+            height: 350,
+            padding: theme.spacing(3),
+            margin: theme.spacing(0, 3),
+            cursor: 'pointer',
+            transition: theme.transitions.create(['background-color', 'box-shadow'], {
+                duration: theme.transitions.duration.short
+            }),
+            backgroundColor: selected ? theme.palette.grey[100] : theme.palette.background.paper,
+            '&:hover': {
+                backgroundColor: theme.palette.grey[50],
+                boxShadow: theme.shadows[2]
+            },
+            border: `1px solid ${theme.palette.divider}`,
+            [`& > div`]: {
+                display: 'flex',
+                justifyContent: 'space-between',
+                alignItems: 'center',
+                marginBottom: 2,
+                maxWidth: '300px'
+            },
+            [`& ul`]: {
+                marginTop: theme.spacing(2),
+                padding: 0,
+                listStyle: 'none'
+            }
+        }),
+        featureItemRoot: ({ theme, selected }) => ({
+            display: 'flex',
+            alignItems: 'flex-start',
+            gap: theme.spacing(1.5),
+            marginBottom: theme.spacing(2),
+            '&:last-child': {
+                marginBottom: 0
+            }
+        })
+    }
+};
+export default Component;

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

@@ -4,6 +4,8 @@ declare const Component: {
             height: string;
             width: string;
             overflowY: string;
+        };
+        dialogRoot: ({ theme }: any) => {
             "& .SCLiveStreamVideoConference-end-conference-wrap": {
                 display: string;
                 justifyContent: string;

package/lib/esm/components/SCLiveStreamVideoConference.js

@@ -3,7 +3,9 @@ const Component = {
         root: ({ theme }) => ({
             height: '100vh',
             width: '100%',
-            overflowY: 'hidden',
+            overflowY: 'hidden'
+        }),
+        dialogRoot: ({ theme }) => ({
             [`& .SCLiveStreamVideoConference-end-conference-wrap`]: {
                 display: 'flex',
                 justifyContent: 'center',

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

@@ -305,6 +305,33 @@ declare const Component: {
                 backgroundColor: string;
             };
         };
+        liveStreamRoot: ({ theme }: any) => {
+            '& .SCNotification-username, & a': {
+                fontWeight: any;
+            };
+            '& .SCNotificationItem-primary': {
+                '& .MuiIcon-root': {
+                    float: string;
+                    fontSize: string;
+                    marginLeft: any;
+                };
+                '& .SCEvent-root': {
+                    width: string;
+                    '& .SCEvent-snippet-root': {
+                        paddingLeft: string;
+                    };
+                };
+            };
+            '& .SCNotificationItem-secondary': {
+                textTransform: string;
+            };
+            '& .SCNotification-snippet-time': {
+                paddingLeft: any;
+            };
+            '& .SCEvent-snippet-root': {
+                backgroundColor: string;
+            };
+        };
         groupRoot: ({ theme }: any) => {};
         undeletedForRoot: ({ theme }: any) => {
             '& .SCNotification-undeleted-icon': {

package/lib/esm/components/SCNotification.js

@@ -307,6 +307,33 @@ const Component = {
                 backgroundColor: 'transparent !important'
             }
         }),
+        liveStreamRoot: ({ theme }) => ({
+            '& .SCNotification-username, & a': {
+                fontWeight: theme.typography.fontWeightBold
+            },
+            '& .SCNotificationItem-primary': {
+                '& .MuiIcon-root': {
+                    float: 'right',
+                    fontSize: '20px',
+                    marginLeft: theme.spacing(0.5)
+                },
+                '& .SCEvent-root': {
+                    width: '100%',
+                    '& .SCEvent-snippet-root': {
+                        paddingLeft: '0 !important'
+                    }
+                }
+            },
+            '& .SCNotificationItem-secondary': {
+                textTransform: 'capitalize'
+            },
+            '& .SCNotification-snippet-time': {
+                paddingLeft: theme.spacing(5)
+            },
+            '& .SCEvent-snippet-root': {
+                backgroundColor: 'transparent !important'
+            }
+        }),
         groupRoot: ({ theme }) => ({}),
         undeletedForRoot: ({ theme }) => ({
             '& .SCNotification-undeleted-icon': {

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

@@ -0,0 +1,101 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: {
+            theme: any;
+        }) => {
+            '& .SCUserLiveStreamWidget-content': {
+                padding: string;
+                '& .SCUserLiveStreamWidget-header': {
+                    flexDirection: string;
+                    justifyContent: string;
+                    alignItems: string;
+                    marginBottom: any;
+                    '& .SCUserLiveStreamWidget-avatar-wrapper': {
+                        flexDirection: string;
+                        alignItems: string;
+                        color: string;
+                        padding: number;
+                        minWidth: string;
+                        '& .SCUserLiveStreamWidget-avatar': {
+                            width: any;
+                            height: any;
+                        };
+                    };
+                    '& h4': {
+                        marginLeft: number;
+                        lineHeight: string;
+                    };
+                };
+                '& .SCUserLiveStreamWidget-live-wrapper': {
+                    gap: any;
+                    '& .SCUserLiveStreamWidget-live': {
+                        '& > div': {
+                            padding: string;
+                            '& > .SCBaseItem-content': {
+                                '& > .SCBaseItem-text': {
+                                    margin: number;
+                                };
+                            };
+                        };
+                    };
+                };
+            };
+            '& .SCUserLiveStreamWidget-actions': {
+                padding: string;
+                justifyContent: string;
+                '& .SCSuggestedEventsWidget-actionButton': {
+                    color: any;
+                };
+            };
+        };
+        skeletonRoot: ({ theme }: {
+            theme: any;
+        }) => {
+            '& .SCUserLiveStreamWidget-content': {
+                padding: string;
+                '& .SCUserLiveStreamWidget-user': {
+                    marginBottom: any;
+                    '& > .SCBaseItem-content': {
+                        '& > .SCBaseItem-text': {
+                            margin: number;
+                        };
+                    };
+                    '& > .SCBaseItem-actions': {
+                        display: string;
+                    };
+                };
+                '& .SCUserLiveStreamWidget-live-wrapper': {
+                    gap: any;
+                    '& .SCUserLiveStreamWidget-live': {
+                        '& > div': {
+                            padding: string;
+                            '& > .SCBaseItem-content': {
+                                '& > .SCBaseItem-text': {
+                                    margin: number;
+                                };
+                            };
+                        };
+                    };
+                };
+            };
+            '& .SCUserLiveStreamWidget-actions': {
+                padding: string;
+                justifyContent: string;
+            };
+        };
+        dialogRoot: ({ theme }: {
+            theme: any;
+        }) => {
+            '& .SCUserLiveStreamWidget-infinite-scroll': {
+                [x: number]: {
+                    height: string;
+                };
+                height: string;
+                '& .SCEvent-root': {
+                    width: string;
+                };
+            };
+        };
+    };
+};
+export default Component;