@selfcommunity/react-theme-default 0.1.50-events.44 → 0.1.50-events.47

package/lib/cjs/index.d.ts

@@ -3334,6 +3334,15 @@ declare const theme: {
                 triggerRoot: ({ theme }: any) => {};
             };
         };
+        SCMediaEvent: {
+            styleOverrides: {
+                displayRoot: ({ theme }: any) => {
+                    '& .SCMediaEvent-event-preview': {
+                        margin: any;
+                    };
+                };
+            };
+        };
         SCNavigationSettingsIconButton: {
             styleOverrides: {
                 menuRoot: ({ theme }: any) => {
@@ -3768,6 +3777,21 @@ declare const theme: {
                         maxWidth: string;
                     };
                 };
+                eventRoot: ({ theme }: any) => {
+                    '& .SCNotification-username, & a': {
+                        fontWeight: any;
+                    };
+                    '& .SCNotificationItem-primary .MuiIcon-root': {
+                        float: string;
+                        fontSize: string;
+                    };
+                    '& .SCNotificationItem-secondary': {
+                        textTransform: string;
+                    };
+                    '& .SCNotification-snippet-time': {
+                        paddingLeft: any;
+                    };
+                };
                 groupRoot: ({ theme }: any) => {};
                 undeletedForRoot: ({ theme }: any) => {
                     '& .SCNotification-undeleted-icon': {
@@ -3827,6 +3851,9 @@ declare const theme: {
                     };
                 };
                 voteUpRoot: ({ theme }: any) => {
+                    /**
+                     * Export default theme
+                     */
                     width: string;
                     '& .SCNotification-username': {
                         fontWeight: number;
@@ -6425,8 +6452,68 @@ declare const theme: {
         };
         SCEvent: {
             styleOverrides: {
-                root: ({ theme }: any) => {
+                root: ({ theme }: any) => {};
+                detailRoot: ({ theme }: any) => {
+                    '& .SCEvent-detail-image-wrapper': {
+                        position: string;
+                        '& .SCEvent-detail-image': {
+                            height: string;
+                        };
+                    };
+                    '& .SCEvent-detail-content': {
+                        padding: string;
+                        '& .SCEvent-detail-user': {
+                            marginTop: string;
+                            '& .SCBaseItemButton-text': {
+                                margin: number;
+                            };
+                        };
+                        '& .SCEvent-detail-name-wrapper': {
+                            textDecoration: string;
+                            color: string;
+                            '& .SCEvent-detail-name': {
+                                marginBottom: string;
+                            };
+                        };
+                        '& .SCEvent-detail-first-divider': {
+                            marginTop: string;
+                            marginBottom: any;
+                        };
+                        '& .SCEvent-detail-second-divider': {
+                            marginTop: any;
+                            marginBottom: string;
+                        };
+                    };
+                };
+                previewRoot: ({ theme }: any) => {
+                    '& .SCEvent-preview-image-wrapper': {
+                        position: string;
+                        '& .SCEvent-preview-image': {
+                            height: string;
+                        };
+                    };
+                    '& .SCEvent-preview-content': {
+                        padding: string;
+                        '& .SCEvent-detail-user': {
+                            marginTop: string;
+                            '& .SCBaseItemButton-text': {
+                                margin: number;
+                            };
+                        };
+                        '& .SCEvent-preview-name-wrapper': {
+                            textDecoration: string;
+                            color: string;
+                            '& .SCEvent-preview-name': {
+                                marginBottom: string;
+                            };
+                        };
+                    };
+                };
+                snippetRoot: ({ theme }: any) => {
                     overflow: string;
+                    boxSizing: string;
+                    paddingLeft: string;
+                    paddingRight: string;
                     '& .SCBaseItem-image': {
                         '& .MuiAvatar-root': {
                             width: number;
@@ -6438,36 +6525,121 @@ declare const theme: {
                     };
                     '& .SCBaseItem-text': {
                         fontSize: any;
-                        '& .SCEvent-primary': {
+                        '& .SCEvent-snippet-primary': {
+                            color: any;
+                            textDecoration: string;
+                            '&:hover': {
+                                textDecoration: string;
+                            };
                             '& p': {
                                 fontWeight: any;
                             };
                         };
-                        '& .SCEvent-secondary': {
+                        '& .SCEvent-snippet-secondary': {
                             color: any;
                         };
                     };
                 };
                 skeletonRoot: ({ theme }: any) => {
-                    gap: string;
-                    '& .SCBaseItem-content': {
-                        flex: number;
+                    '& .SCEvent-skeleton-detail-root': {
+                        '& .SCEvent-skeleton-detail-calendar': {
+                            position: string;
+                            bottom: string;
+                            left: string;
+                            boxShadow: string;
+                        };
+                        '& .SCEvent-skeleton-detail-content': {
+                            padding: string;
+                            '& .SCEvent-skeleton-detail-user': {
+                                marginTop: string;
+                                '& .SCBaseItemButton-text': {
+                                    margin: number;
+                                };
+                            };
+                            '& .SCEvent-skeleton-detail-name-wrapper': {
+                                textDecoration: string;
+                                color: string;
+                                '& .SCEvent-skeleton-detail-name': {
+                                    marginBottom: string;
+                                };
+                            };
+                            '& .SCEvent-skeleton-detail-first-divider': {
+                                marginTop: string;
+                                marginBottom: any;
+                            };
+                            '& .SCEvent-skeleton-detail-second-divider': {
+                                marginTop: any;
+                                marginBottom: string;
+                            };
+                        };
                     };
-                    '& .SCEvent-skeleton-image': {
-                        position: string;
-                        '& .MuiSkeleton-root': {
-                            borderRadius: string;
+                    '& .SCEvent-skeleton-preview-root': {
+                        '& .SCEvent-skeleton-preview-content': {
+                            padding: any;
                         };
-                        '& .MuiIcon-root': {
-                            color: any;
+                        '& .SCEvent-skeleton-preview-image': {
                             position: string;
-                            top: string;
-                            left: string;
-                            transform: string;
+                            '& .MuiSkeleton-root': {
+                                borderRadius: string;
+                            };
+                            '& .MuiIcon-root': {
+                                color: any;
+                                position: string;
+                                top: string;
+                                left: string;
+                                transform: string;
+                            };
+                        };
+                        '& .SCBaseItem-actions': {
+                            maxWidth: string;
                         };
                     };
-                    '& .SCBaseItem-actions': {
-                        maxWidth: string;
+                    '& .SCEvent-skeleton-snippet-root': {
+                        overflow: string;
+                        boxSizing: string;
+                        paddingLeft: string;
+                        paddingRight: string;
+                        '& .SCEvent-skeleton-snippet-image': {
+                            position: string;
+                            '& .MuiSkeleton-root': {
+                                borderRadius: string;
+                            };
+                            '& .MuiIcon-root': {
+                                color: any;
+                                position: string;
+                                top: string;
+                                left: string;
+                                transform: string;
+                            };
+                        };
+                        '& .SCBaseItem-actions': {
+                            maxWidth: string;
+                        };
+                    };
+                };
+            };
+        };
+        SCEventActionsMenu: {
+            styleOverrides: {
+                root: ({ theme }: any) => {};
+                menuRoot: ({ theme }: any) => {
+                    '& .MuiDivider-root': {
+                        margin: any;
+                    };
+                    '& .MuiIcon-root': {
+                        fontSize: string;
+                    };
+                };
+                drawerRoot: ({ theme }: any) => {
+                    '& .SCEventActionsMenu-item': {
+                        paddingTop: number;
+                        paddingBottom: number;
+                    };
+                    '& .MuiDivider-root': {
+                        margin: any;
+                    };
+                    '& .MuiIcon-root': {
+                        fontSize: string;
                     };
                 };
             };
@@ -6583,7 +6755,7 @@ declare const theme: {
         };
         SCEventHeader: {
             styleOverrides: {
-                root: ({ theme }: any) => {
+                root: ({ theme, isEventAdmin }: any) => {
                     '& .SCEventHeader-cover': {
                         [x: number]: {
                             borderRadius: any;
@@ -6635,14 +6807,19 @@ declare const theme: {
                             padding: string;
                             marginTop: any;
                             '& .SCBaseItemButton-actions': {
+                                [x: number]: {
+                                    width: string;
+                                };
                                 maxWidth: string;
-                                width: string;
                                 '& .SCEventHeader-multi-actions': {
+                                    [x: number]: {
+                                        '& .SCEventInviteButton-root': {
+                                            marginRight: any;
+                                        };
+                                    };
                                     display: string;
                                     justifyContent: string;
-                                };
-                                '& .SCEventSubscribeButton-select-root': {
-                                    float: string;
+                                    alignItems: string;
                                 };
                             };
                         };
@@ -6825,8 +7002,28 @@ declare const theme: {
                      * Style fragments - Imports - Start
                      */
                     gap: any;
+                    marginTop: string;
+                    '&:hover': {
+                        backgroundColor: string;
+                    };
+                    '& .MuiAvatarGroup-avatar': {
+                        width: string;
+                        height: string;
+                    };
+                    '& .SCEventPartecipantsButton-partecipants': {
+                        color: any;
+                    };
+                };
+                dialogRoot: ({ theme }: {
+                    theme: any;
+                }) => {
+                    '& .SCEventPartecipantsButton-infinite-scroll': {
+                        [x: number]: {
+                            height: string;
+                        };
+                        height: string;
+                    };
                 };
-                dialogRoot: () => {};
             };
         };
         SCMyEventsWidget: {
@@ -6834,27 +7031,13 @@ declare const theme: {
                 root: ({ theme }: {
                     theme: any;
                 }) => {
-                    /**
-                     * Style fragments - Imports - Start
-                     */
                     '& .SCMyEventsWidget-title-wrapper': {
                         padding: string;
                     };
-                    '& .SCMyEventsWidget-content': {
-                        padding: string;
-                        '& .SCMyEventsWidget-first-divider': {
-                            marginTop: string;
-                            marginBottom: string;
-                        };
-                        '& .SCMyEventsWidget-second-divider': {
-                            marginTop: string;
-                            marginBottom: string;
-                        };
-                    };
                     '& .SCMyEventsWidget-actions': {
                         padding: string;
                         justifyContent: string;
-                        gap: string;
+                        gap: any;
                         '& .SCMyEventsWidget-arrows': {
                             width: string;
                             height: string;
@@ -6866,6 +7049,16 @@ declare const theme: {
                         };
                     };
                 };
+                skeletonRoot: ({ theme }: {
+                    theme: any;
+                }) => {
+                    '& .SCMyEventsWidget-actions': {
+                        height: string;
+                        padding: string;
+                        justifyContent: string;
+                        gap: any;
+                    };
+                };
             };
         };
         SCCalendar: {
@@ -6894,6 +7087,127 @@ declare const theme: {
                 };
             };
         };
+        SCCreateEventWidget: {
+            styleOverrides: {
+                root: ({ theme }: {
+                    theme: any;
+                }) => {
+                    /**
+                     * Style fragments - Imports - Start
+                     */
+                    '& .SCCreateEventWidget-image': {
+                        height: string;
+                    };
+                    '& .SCCreateEventWidget-calendar': {
+                        position: string;
+                        top: string;
+                        left: string;
+                        transform: string;
+                        color: any;
+                    };
+                    '& .SCCreateEventWidget-content': {
+                        padding: string;
+                        '& .SCCreateEventWidget-title': {
+                            textAlign: string;
+                            marginBottom: any;
+                        };
+                        '& .SCCreateEventWidget-spacing': {
+                            marginBottom: any;
+                        };
+                    };
+                    '& .SCCreateEventWidget-actions': {
+                        padding: string;
+                        justifyContent: string;
+                    };
+                };
+                skeletonRoot: ({ theme }: {
+                    theme: any;
+                }) => {
+                    '& .SCCreateEventWidget-calendar': {
+                        position: string;
+                        top: string;
+                        left: string;
+                        transform: string;
+                    };
+                    '& .SCCreateEventWidget-content': {
+                        padding: string;
+                        '& .SCCreateEventWidget-title': {
+                            textAlign: string;
+                        };
+                        '& .SCCreateEventWidget-spacing': {
+                            marginBottom: any;
+                        };
+                    };
+                    '& .SCCreateEventWidget-actions': {
+                        padding: string;
+                        justifyContent: string;
+                    };
+                };
+            };
+        };
+        SCSuggestedEventsWidget: {
+            styleOverrides: {
+                root: ({ theme }: {
+                    theme: any;
+                }) => {
+                    '& .SCSuggestedEventsWidget-content': {
+                        padding: string;
+                        '& .SCSuggestedEventsWidget-title': {
+                            marginBottom: string;
+                        };
+                        '& .SCSuggestedEventsWidget-swiper': {
+                            width: string;
+                            height: string;
+                        };
+                    };
+                    '& .SCSuggestedEventsWidget-event': {
+                        '& .SCEventInfoDetails-root': {
+                            '& h5': {
+                                fontSize: string;
+                                maxWidth: number;
+                                textOverflow: string;
+                                whiteSpace: string;
+                                overflow: string;
+                            };
+                            '& .SCEventInfoDetails-icon-text-wrapper': {
+                                '& .community-icons': {
+                                    fontSize: string;
+                                };
+                                '& p': {
+                                    marginTop: number;
+                                    fontSize: string;
+                                };
+                            };
+                        };
+                    };
+                    '& .SCSuggestedEventsWidget-actions': {
+                        padding: string;
+                        justifyContent: string;
+                        '& .SCSuggestedEventsWidget-actionButton': {
+                            color: any;
+                        };
+                    };
+                };
+                skeletonRoot: ({ theme }: {
+                    theme: any;
+                }) => {
+                    '& .SCSuggestedEventsWidget-content': {
+                        padding: string;
+                        '& .SCSuggestedEventsWidget-title': {
+                            marginBottom: string;
+                        };
+                        '& .SCSuggestedEventsWidget-swiper': {
+                            width: string;
+                            height: string;
+                        };
+                    };
+                    '& .SCSuggestedEventsWidget-actions': {
+                        padding: string;
+                        justifyContent: string;
+                    };
+                };
+            };
+        };
     };
     selfcommunity: {
         user: {

package/lib/cjs/index.js

@@ -55,6 +55,7 @@ const SCComposer_1 = tslib_1.__importDefault(require("./components/SCComposer"))
 const SCConsentSolution_1 = tslib_1.__importDefault(require("./components/SCConsentSolution"));
 const SCContributionActionsMenu_1 = tslib_1.__importDefault(require("./components/SCContributionActionsMenu"));
 const SCCreateEventButton_1 = tslib_1.__importDefault(require("./components/SCCreateEventButton"));
+const SCCreateEventWidget_1 = tslib_1.__importDefault(require("./components/SCCreateEventWidget"));
 const SCCreateGroupButton_1 = tslib_1.__importDefault(require("./components/SCCreateGroupButton"));
 const SCCustomAdv_1 = tslib_1.__importDefault(require("./components/SCCustomAdv"));
 const SCCustomSnackMessage_1 = tslib_1.__importDefault(require("./components/SCCustomSnackMessage"));
@@ -64,6 +65,7 @@ const SCEditGroupButton_1 = tslib_1.__importDefault(require("./components/SCEdit
 const SCEditor_1 = tslib_1.__importDefault(require("./components/SCEditor"));
 const SCEmojiPicker_1 = tslib_1.__importDefault(require("./components/SCEmojiPicker"));
 const SCEvent_1 = tslib_1.__importDefault(require("./components/SCEvent"));
+const SCEventActionsMenu_1 = tslib_1.__importDefault(require("./components/SCEventActionsMenu"));
 const SCEventForm_1 = tslib_1.__importDefault(require("./components/SCEventForm"));
 const SCEventHeader_1 = tslib_1.__importDefault(require("./components/SCEventHeader"));
 const SCEventInfoDetails_1 = tslib_1.__importDefault(require("./components/SCEventInfoDetails"));
@@ -106,6 +108,7 @@ const SCLoyaltyProgramWidget_1 = tslib_1.__importDefault(require("./components/S
 const SCMainFeedTemplate_1 = tslib_1.__importDefault(require("./components/SCMainFeedTemplate"));
 const SCMediaFile_1 = tslib_1.__importDefault(require("./components/SCMediaFile"));
 const SCMediaLink_1 = tslib_1.__importDefault(require("./components/SCMediaLink"));
+const SCMediaEvent_1 = tslib_1.__importDefault(require("./components/SCMediaEvent"));
 const SCMyEventsWidget_1 = tslib_1.__importDefault(require("./components/SCMyEventsWidget"));
 const SCNavigationMenuIconButton_1 = tslib_1.__importDefault(require("./components/SCNavigationMenuIconButton"));
 const SCNavigationSettingsIconButton_1 = tslib_1.__importDefault(require("./components/SCNavigationSettingsIconButton"));
@@ -130,6 +133,7 @@ const SCRelatedFeedObjectsWidget_1 = tslib_1.__importDefault(require("./componen
 const SCScrollContainer_1 = tslib_1.__importDefault(require("./components/SCScrollContainer"));
 const SCSearchAutocomplete_1 = tslib_1.__importDefault(require("./components/SCSearchAutocomplete"));
 const SCSnippetNotifications_1 = tslib_1.__importDefault(require("./components/SCSnippetNotifications"));
+const SCSuggestedEventsWidget_1 = tslib_1.__importDefault(require("./components/SCSuggestedEventsWidget"));
 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"));
@@ -277,6 +281,7 @@ const theme = {
         SCLoyaltyProgramDetailTemplate: SCLoyaltyProgramDetailTemplate_1.default,
         SCMediaFile: SCMediaFile_1.default,
         SCMediaLink: SCMediaLink_1.default,
+        SCMediaEvent: SCMediaEvent_1.default,
         SCNavigationSettingsIconButton: SCNavigationSettingsIconButton_1.default,
         SCDefaultHeaderContent: SCDefaultHeaderContent_1.default,
         SCNavigationToolbar: SCNavigationToolbar_1.default,
@@ -359,6 +364,7 @@ const theme = {
         SCCreateEventButton: SCCreateEventButton_1.default,
         SCEventLocationWidget: SCEventLocationWidget_1.default,
         SCEvent: SCEvent_1.default,
+        SCEventActionsMenu: SCEventActionsMenu_1.default,
         SCEvents: SCEvents_1.default,
         SCEventInviteButton: SCEventInviteButton_1.default,
         SCEventHeader: SCEventHeader_1.default,
@@ -367,7 +373,9 @@ const theme = {
         SCEventSubscribeButton: SCEventSubscribeButton_1.default,
         SCEventPartecipantsButton: SCEventPartecipantsButton_1.default,
         SCMyEventsWidget: SCMyEventsWidget_1.default,
-        SCCalendar: SCCalendar_1.default
+        SCCalendar: SCCalendar_1.default,
+        SCCreateEventWidget: SCCreateEventWidget_1.default,
+        SCSuggestedEventsWidget: SCSuggestedEventsWidget_1.default
     },
     selfcommunity: {
         user: {

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

@@ -0,0 +1,56 @@
+declare const Component: {
+    styleOverrides: {
+        root: ({ theme }: {
+            theme: any;
+        }) => {
+            '& .SCCreateEventWidget-image': {
+                height: string;
+            };
+            '& .SCCreateEventWidget-calendar': {
+                position: string;
+                top: string;
+                left: string;
+                transform: string;
+                color: any;
+            };
+            '& .SCCreateEventWidget-content': {
+                padding: string;
+                '& .SCCreateEventWidget-title': {
+                    textAlign: string;
+                    marginBottom: any;
+                };
+                '& .SCCreateEventWidget-spacing': {
+                    marginBottom: any;
+                };
+            };
+            '& .SCCreateEventWidget-actions': {
+                padding: string;
+                justifyContent: string;
+            };
+        };
+        skeletonRoot: ({ theme }: {
+            theme: any;
+        }) => {
+            '& .SCCreateEventWidget-calendar': {
+                position: string;
+                top: string;
+                left: string;
+                transform: string;
+            };
+            '& .SCCreateEventWidget-content': {
+                padding: string;
+                '& .SCCreateEventWidget-title': {
+                    textAlign: string;
+                };
+                '& .SCCreateEventWidget-spacing': {
+                    marginBottom: any;
+                };
+            };
+            '& .SCCreateEventWidget-actions': {
+                padding: string;
+                justifyContent: string;
+            };
+        };
+    };
+};
+export default Component;

package/lib/esm/components/SCCreateEventWidget.js

@@ -0,0 +1,52 @@
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            '& .SCCreateEventWidget-image': {
+                height: '110px'
+            },
+            '& .SCCreateEventWidget-calendar': {
+                position: 'absolute',
+                top: '50%',
+                left: '50%',
+                transform: 'translate(-50%, -50%)',
+                color: theme.palette.common.white
+            },
+            '& .SCCreateEventWidget-content': {
+                padding: `${theme.spacing(2)} ${theme.spacing(2)} 0 !important`,
+                '& .SCCreateEventWidget-title': {
+                    textAlign: 'center',
+                    marginBottom: theme.spacing(2)
+                },
+                '& .SCCreateEventWidget-spacing': {
+                    marginBottom: theme.spacing(2)
+                }
+            },
+            '& .SCCreateEventWidget-actions': {
+                padding: `0 ${theme.spacing(2)} ${theme.spacing(2)}`,
+                justifyContent: 'center'
+            }
+        }),
+        skeletonRoot: ({ theme }) => ({
+            '& .SCCreateEventWidget-calendar': {
+                position: 'absolute',
+                top: '50%',
+                left: '50%',
+                transform: 'translate(-50%, -50%)'
+            },
+            '& .SCCreateEventWidget-content': {
+                padding: `${theme.spacing(2)} ${theme.spacing(2)} 0 !important`,
+                '& .SCCreateEventWidget-title': {
+                    textAlign: 'center'
+                },
+                '& .SCCreateEventWidget-spacing': {
+                    marginBottom: theme.spacing(2)
+                }
+            },
+            '& .SCCreateEventWidget-actions': {
+                padding: `0 ${theme.spacing(2)} ${theme.spacing(2)}`,
+                justifyContent: 'center'
+            }
+        })
+    }
+};
+export default Component;