@selfcommunity/react-theme-default 0.1.50-events.39 → 0.1.50-events.41

package/lib/esm/components/SCEventInfoWidget.js

@@ -0,0 +1,29 @@
+const Component = {
+    styleOverrides: {
+        root: ({ theme }) => ({
+            '& .SCEventInfoWidget-content': {
+                position: 'relative',
+                padding: `${theme.spacing(2)} ${theme.spacing(2)} 13px !important`,
+                '& .SCEventInfoWidget-title-wrapper': {
+                    flexDirection: 'row',
+                    alignItems: 'center',
+                    gap: '9px',
+                    marginBottom: theme.spacing(1)
+                },
+                '& .SCEventInfoWidget-text-wrapper': {
+                    marginBottom: theme.spacing(3),
+                    '& .SCEventInfoWidget-show-more': {
+                        fontSize: theme.typography.fontSize,
+                        fontWeight: theme.typography.fontWeightBold,
+                        padding: theme.spacing(0.25),
+                        justifyContent: 'start',
+                        '&:hover': {
+                            backgroundColor: 'transparent'
+                        }
+                    }
+                }
+            }
+        })
+    }
+};
+export default Component;

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

@@ -21,7 +21,7 @@ declare const Component: {
                 flexGrow: number;
                 textAlign: string;
                 alignSelf: string;
-                '& .SCNavigationToolbar-home, & .SCNavigationToolbar-explore, & .SCNavigationToolbar-groups': {
+                '& .SCNavigationToolbar-home, & .SCNavigationToolbar-explore, & .SCNavigationToolbar-groups, & .SCNavigationToolbar-events': {
                     paddingTop: number;
                     paddingLeft: any;
                     paddingRight: any;

package/lib/esm/components/SCNavigationToolbar.js

@@ -13,7 +13,7 @@ const Component = {
                 flexGrow: 1,
                 textAlign: 'center',
                 alignSelf: 'end',
-                '& .SCNavigationToolbar-home, & .SCNavigationToolbar-explore, & .SCNavigationToolbar-groups': {
+                '& .SCNavigationToolbar-home, & .SCNavigationToolbar-explore, & .SCNavigationToolbar-groups, & .SCNavigationToolbar-events': {
                     paddingTop: 12,
                     paddingLeft: theme.spacing(1),
                     paddingRight: theme.spacing(1),

package/lib/esm/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import './styles/reset.css';
 import './fonts/community-icons.css';
+import './styles/reset.css';
 /**
  * Style fragments - Imports - End
  */
@@ -2105,12 +2105,6 @@ declare const theme: {
                                 fontSize: any;
                                 fontWeight: any;
                                 padding: any;
-                                /**
-                                 * Style fragments - Imports - End
-                                 */
-                                /**
-                                 * Export default theme
-                                 */
                                 justifyContent: string;
                                 '&:hover': {
                                     backgroundColor: string;
@@ -3384,7 +3378,7 @@ declare const theme: {
                         flexGrow: number;
                         textAlign: string;
                         alignSelf: string;
-                        '& .SCNavigationToolbar-home, & .SCNavigationToolbar-explore, & .SCNavigationToolbar-groups': {
+                        '& .SCNavigationToolbar-home, & .SCNavigationToolbar-explore, & .SCNavigationToolbar-groups, & .SCNavigationToolbar-events': {
                             paddingTop: number;
                             paddingLeft: any;
                             paddingRight: any;
@@ -6676,6 +6670,65 @@ declare const theme: {
                 };
             };
         };
+        SCEventInfoWidget: {
+            styleOverrides: {
+                root: ({ theme }: {
+                    theme: any;
+                }) => {
+                    '& .SCEventInfoWidget-content': {
+                        position: string;
+                        padding: string;
+                        '& .SCEventInfoWidget-title-wrapper': {
+                            flexDirection: string;
+                            alignItems: string;
+                            gap: string;
+                            marginBottom: any;
+                        };
+                        '& .SCEventInfoWidget-text-wrapper': {
+                            marginBottom: any;
+                            '& .SCEventInfoWidget-show-more': {
+                                fontSize: any;
+                                fontWeight: any;
+                                padding: any;
+                                justifyContent: string;
+                                '&:hover': {
+                                    backgroundColor: string;
+                                };
+                            };
+                        };
+                    };
+                };
+            };
+        };
+        SCEventInfoDetails: {
+            styleOverrides: {
+                root: ({ theme }: {
+                    theme: any;
+                }) => {
+                    gap: any;
+                    '& .SCEventInfoDetails-icon-text-wrapper': {
+                        flexDirection: string;
+                        alignItems: string;
+                        gap: any;
+                        '& .SCEventInfoDetails-link': {
+                            textDecoration: string;
+                            '& .SCEventInfoDetails-url': {
+                                overflow: string;
+                                textOverflow: string;
+                                display: string;
+                                '-webkit-line-clamp': string;
+                                '-webkit-box-orient': string;
+                            };
+                        };
+                    };
+                    '& .SCEventInfoDetails-creation-wrapper': {
+                        flexDirection: string;
+                        alignItems: string;
+                        gap: any;
+                    };
+                };
+            };
+        };
         SCEventSubscribeButton: {
             styleOverrides: {
                 selectRoot: ({ theme }: any) => {

package/lib/esm/index.js

@@ -1,149 +1,152 @@
-import './styles/reset.css';
 import './fonts/community-icons.css';
+import './styles/reset.css';
 /**
  * Style fragments - Imports - Start
  */
-import SCWidget from './components/SCWidget';
-import SCBaseDialog from './components/SCBaseDialog';
-import SCInlineComposerWidget from './components/SCInlineComposerWidget';
-import SCEditor from './components/SCEditor';
-import SCCommentsObject from './components/SCCommentsObject';
-import SCCommentsFeedObject from './components/SCCommentsFeedObject';
-import SCBroadcastMessages from './components/SCBroadcastMessages';
-import SCSnippetNotifications from './components/SCSnippetNotifications';
-import SCScrollContainer from './components/SCScrollContainer';
-import SCFeedObject from './components/SCFeedObject';
-import SCFeedObjectMediaPreview from './components/SCFeedObjectMediaPreview';
-import SCFeed from './components/SCFeed';
-import MuiButton from './components/MuiButton';
+import MuiAppBar from './components/MuiAppBar';
+import MuiAutocomplete from './components/MuiAutocomplete';
 import MuiAvatar from './components/MuiAvatar';
-import SCContributionActionsMenu from './components/SCContributionActionsMenu';
-import SCBaseItem from './components/SCBaseItem';
-import SCCategoryHeader from './components/SCCategoryHeader';
-import SCCategoryFeedTemplate from './components/SCCategoryFeedTemplate';
-import SCBaseItemButton from './components/SCBaseItemButton';
-import SCUserProfileHeader from './components/SCUserProfileHeader';
-import SCCategoryTemplate from './components/SCCategoryTemplate';
-import SCUserProfileTemplate from './components/SCUserProfileTemplate';
-import SCFeedObjectDetailTemplate from './components/SCFeedObjectDetailTemplate';
-import SCCommentObject from './components/SCCommentObject';
-import SCCommentObjectReply from './components/SCCommentObjectReply';
-import SCCustomSnackMessage from './components/SCCustomSnackMessage';
+import MuiButton from './components/MuiButton';
 import MuiContainer from './components/MuiContainer';
-import SCLoyaltyProgramDetailTemplate from './components/SCLoyaltyProgramDetailTemplate';
-import SCPrivateMessageComponent from './components/SCPrivateMessageComponent';
 import MuiDialog from './components/MuiDialog';
-import SCCategories from './components/SCCategories';
+import MuiDrawer from './components/MuiDrawer';
 import MuiIcon from './components/MuiIcon';
-import SCCategory from './components/SCCategory';
-import SCDateTimeAgo from './components/SCDateTimeAgo';
 import MuiIconButton from './components/MuiIconButton';
-import SCUser from './components/SCUser';
-import SCLoyaltyProgramWidget from './components/SCLoyaltyProgramWidget';
 import MuiOutlinedInput from './components/MuiOutlinedInput';
+import MuiPopover from './components/MuiPopover';
 import MuiSelect from './components/MuiSelect';
-import SCCategoryAutocomplete from './components/SCCategoryAutocomplete';
-import MuiAutocomplete from './components/MuiAutocomplete';
-import SCPreviewMediaDocument from './components/SCPreviewMediaDocument';
-import SCChoices from './components/SCChoices';
-import SCNavigationToolbar from './components/SCNavigationToolbar';
-import SCSearchAutocomplete from './components/SCSearchAutocomplete';
-import SCNavigationToolbarMobile from './components/SCNavigationToolbarMobile';
-import SCBottomNavigation from './components/SCBottomNavigation';
-import MuiAppBar from './components/MuiAppBar';
-import SCPrivateMessageSnippetItem from './components/SCPrivateMessageSnippetItem';
-import SCPrivateMessageThread from './components/SCPrivateMessageThread';
-import SCPrivateMessageThreadItem from './components/SCPrivateMessageThreadItem';
-import SCPrivateMessageSnippets from './components/SCPrivateMessageSnippets';
-import SCPrivateMessageEditor from './components/SCPrivateMessageEditor';
-import SCNotificationItem from './components/SCNotificationItem';
-import SCNotification from './components/SCNotification';
-import SCLightbox from './components/SCLightbox';
-import SCReactionAction from './components/SCReactionAction';
 import MuiTooltip from './components/MuiTooltip';
-import MuiPopover from './components/MuiPopover';
-import SCUserActionIconButton from './components/SCUserActionIconButton';
-import SCNavigationSettingsIconButton from './components/SCNavigationSettingsIconButton';
-import SCUserInfo from './components/SCUserInfo';
-import SCUserCounters from './components/SCUserCounters';
-import SCUserProfileEdit from './components/SCUserProfileEdit';
-import SCUserProfileBlocked from './components/SCUserProfileBlocked';
-import SCVoteButton from './components/SCVoteButton';
-import SCVoteAudienceButton from './components/SCVoteAudienceButton';
-import SCFooter from './components/SCFooter';
-import SCPlatformWidget from './components/SCPlatformWidget';
-import SCChangePictureButton from './components/SCChangePictureButton';
-import SCCategoryFollowersButton from './components/SCCategoryFollowersButton';
-import SCFeedUpdatesWidget from './components/SCFeedUpdatesWidget';
-import SCIncubator from './components/SCIncubator';
-import SCIncubatorListWidget from './components/SCIncubatorListWidget';
-import SCIncubatorSuggestionWidget from './components/SCIncubatorSuggestionWidget';
-import SCIncubatorDetail from './components/SCIncubatorDetail';
-import MuiDrawer from './components/MuiDrawer';
-import SCEmojiPicker from './components/SCEmojiPicker';
-import SCBullet from './components/SCBullet';
+import SCAccountChangeMailValidation from './components/SCAccountChangeMailValidation';
 import SCAccountDataPortability from './components/SCAccountDataPortability';
 import SCAccountDelete from './components/SCAccountDelete';
-import SCNavigationMenuIconButton from './components/SCNavigationMenuIconButton';
-import SCDefaultHeaderContent from './components/SCDefaultHeaderContent';
-import SCPreviewMediaLink from './components/SCPreviewMediaLink';
-import SCUserAvatar from './components/SCUserAvatar';
 import SCAccountReset from './components/SCAccountReset';
-import SCAccountChangeMailValidation from './components/SCAccountChangeMailValidation';
 import SCAccountVerify from './components/SCAccountVerify';
-import SCComposer from './components/SCComposer';
-import SCMediaLink from './components/SCMediaLink';
-import SCMediaFile from './components/SCMediaFile';
+import SCBaseDialog from './components/SCBaseDialog';
+import SCBaseItem from './components/SCBaseItem';
+import SCBaseItemButton from './components/SCBaseItemButton';
+import SCBottomNavigation from './components/SCBottomNavigation';
+import SCBroadcastMessages from './components/SCBroadcastMessages';
+import SCBullet from './components/SCBullet';
+import SCCategories from './components/SCCategories';
 import SCCategoriesPopularWidget from './components/SCCategoriesPopularWidget';
 import SCCategoriesSuggestionWidget from './components/SCCategoriesSuggestionWidget';
+import SCCategory from './components/SCCategory';
+import SCCategoryAutocomplete from './components/SCCategoryAutocomplete';
+import SCCategoryFeedTemplate from './components/SCCategoryFeedTemplate';
+import SCCategoryFollowersButton from './components/SCCategoryFollowersButton';
+import SCCategoryHeader from './components/SCCategoryHeader';
+import SCCategoryTemplate from './components/SCCategoryTemplate';
 import SCCategoryTrendingFeedWidget from './components/SCCategoryTrendingFeedWidget';
 import SCCategoryTrendingUsersWidget from './components/SCCategoryTrendingUsersWidget';
-import SCConsentSolution from './components/SCConsentSolution';
-import SCCustomAdv from './components/SCCustomAdv';
-import SCPollSuggestionWidget from './components/SCPollSuggestionWidget';
-import SCRelatedFeedObjectsWidget from './components/SCRelatedFeedObjectsWidget';
-import SCToastNotifications from './components/SCToastNotifications';
-import SCUserConnectionsRequestsSentWidget from './components/SCUserConnectionsRequestsSentWidget';
-import SCUserConnectionsRequestsWidget from './components/SCUserConnectionsRequestsWidget';
-import SCUserConnectionsWidget from './components/SCUserConnectionsWidget';
-import SCUserCategoriesFollowedWidget from './components/SCUserCategoriesFollowedWidget';
-import SCUserFollowedUsersWidget from './components/SCUserFollowedUsersWidget';
-import SCUserFollowersWidget from './components/SCUserFollowersWidget';
-import SCUserSuggestionWidget from './components/SCUserSuggestionWidget';
-import SCExploreFeedTemplate from './components/SCExploreFeedTemplate';
-import SCMainFeedTemplate from './components/SCMainFeedTemplate';
-import SCNotificationFeedTemplate from './components/SCNotificationFeedTemplate';
-import SCUserFeedTemplate from './components/SCUserFeedTemplate';
 import SCChangeCoverButton from './components/SCChangeCoverButton';
-import SCPrivateMessageSettingsIconButton from './components/SCPrivateMessageSettingsIconButton';
-import SCLanguageSwitcher from './components/SCLanguageSwitcher';
-import SCGroupHeader from './components/SCGroupHeader';
 import SCChangeGroupCoverButton from './components/SCChangeGroupCoverButton';
 import SCChangeGroupPictureButton from './components/SCChangeGroupPictureButton';
-import SCGroupMembersButton from './components/SCGroupMembersButton';
+import SCChangePictureButton from './components/SCChangePictureButton';
+import SCChoices from './components/SCChoices';
+import SCCommentObject from './components/SCCommentObject';
+import SCCommentObjectReply from './components/SCCommentObjectReply';
+import SCCommentsFeedObject from './components/SCCommentsFeedObject';
+import SCCommentsObject from './components/SCCommentsObject';
+import SCComposer from './components/SCComposer';
+import SCConsentSolution from './components/SCConsentSolution';
+import SCContributionActionsMenu from './components/SCContributionActionsMenu';
+import SCCreateEventButton from './components/SCCreateEventButton';
 import SCCreateGroupButton from './components/SCCreateGroupButton';
-import SCGroupForm from './components/SCGroupForm';
-import SCGroupInviteButton from './components/SCGroupInviteButton';
-import SCGroupInfoWidget from './components/SCGroupInfoWidget';
+import SCCustomAdv from './components/SCCustomAdv';
+import SCCustomSnackMessage from './components/SCCustomSnackMessage';
+import SCDateTimeAgo from './components/SCDateTimeAgo';
+import SCDefaultHeaderContent from './components/SCDefaultHeaderContent';
+import SCEditGroupButton from './components/SCEditGroupButton';
+import SCEditor from './components/SCEditor';
+import SCEmojiPicker from './components/SCEmojiPicker';
+import SCEvent from './components/SCEvent';
+import SCEventForm from './components/SCEventForm';
+import SCEventHeader from './components/SCEventHeader';
+import SCEventInfoDetails from './components/SCEventInfoDetails';
+import SCEventInfoWidget from './components/SCEventInfoWidget';
+import SCEventInviteButton from './components/SCEventInviteButton';
+import SCEventLocationWidget from './components/SCEventLocationWidget';
+import SCEvents from './components/SCEvents';
+import SCEventSubscribeButton from './components/SCEventSubscribeButton';
+import SCExploreFeedTemplate from './components/SCExploreFeedTemplate';
+import SCFeed from './components/SCFeed';
+import SCFeedObject from './components/SCFeedObject';
+import SCFeedObjectDetailTemplate from './components/SCFeedObjectDetailTemplate';
+import SCFeedObjectMediaPreview from './components/SCFeedObjectMediaPreview';
+import SCFeedUpdatesWidget from './components/SCFeedUpdatesWidget';
+import SCFooter from './components/SCFooter';
 import SCGroup from './components/SCGroup';
-import SCGroupTemplate from './components/SCGroupTemplate';
+import SCGroupAutocomplete from './components/SCGroupAutocomplete';
 import SCGroupFeedTemplate from './components/SCGroupFeedTemplate';
+import SCGroupForm from './components/SCGroupForm';
+import SCGroupHeader from './components/SCGroupHeader';
+import SCGroupInfoWidget from './components/SCGroupInfoWidget';
+import SCGroupInviteButton from './components/SCGroupInviteButton';
+import SCGroupInvitedWidget from './components/SCGroupInvitedWidget';
+import SCGroupMembersButton from './components/SCGroupMembersButton';
 import SCGroupMembersWidget from './components/SCGroupMembersWidget';
 import SCGroupRequestsWidget from './components/SCGroupRequestsWidget';
 import SCGroups from './components/SCGroups';
-import SCEditGroupButton from './components/SCEditGroupButton';
-import SCGroupAutocomplete from './components/SCGroupAutocomplete';
 import SCGroupSettingsIconButton from './components/SCGroupSettingsIconButton';
-import SCGroupInvitedWidget from './components/SCGroupInvitedWidget';
+import SCGroupTemplate from './components/SCGroupTemplate';
+import SCIncubator from './components/SCIncubator';
+import SCIncubatorDetail from './components/SCIncubatorDetail';
+import SCIncubatorListWidget from './components/SCIncubatorListWidget';
+import SCIncubatorSuggestionWidget from './components/SCIncubatorSuggestionWidget';
+import SCInlineComposerWidget from './components/SCInlineComposerWidget';
+import SCLanguageSwitcher from './components/SCLanguageSwitcher';
+import SCLightbox from './components/SCLightbox';
+import SCLoyaltyProgramDetailTemplate from './components/SCLoyaltyProgramDetailTemplate';
+import SCLoyaltyProgramWidget from './components/SCLoyaltyProgramWidget';
+import SCMainFeedTemplate from './components/SCMainFeedTemplate';
+import SCMediaFile from './components/SCMediaFile';
+import SCMediaLink from './components/SCMediaLink';
+// import SCMyEventsWidget from './components/SCMyEventsWidget';
+import SCNavigationMenuIconButton from './components/SCNavigationMenuIconButton';
+import SCNavigationSettingsIconButton from './components/SCNavigationSettingsIconButton';
+import SCNavigationToolbar from './components/SCNavigationToolbar';
+import SCNavigationToolbarMobile from './components/SCNavigationToolbarMobile';
+import SCNotification from './components/SCNotification';
+import SCNotificationFeedTemplate from './components/SCNotificationFeedTemplate';
+import SCNotificationItem from './components/SCNotificationItem';
+import SCPlatformWidget from './components/SCPlatformWidget';
+import SCPollSuggestionWidget from './components/SCPollSuggestionWidget';
+import SCPreviewMediaDocument from './components/SCPreviewMediaDocument';
+import SCPreviewMediaLink from './components/SCPreviewMediaLink';
+import SCPrivateMessageComponent from './components/SCPrivateMessageComponent';
+import SCPrivateMessageEditor from './components/SCPrivateMessageEditor';
+import SCPrivateMessageSettingsIconButton from './components/SCPrivateMessageSettingsIconButton';
+import SCPrivateMessageSnippetItem from './components/SCPrivateMessageSnippetItem';
+import SCPrivateMessageSnippets from './components/SCPrivateMessageSnippets';
+import SCPrivateMessageThread from './components/SCPrivateMessageThread';
+import SCPrivateMessageThreadItem from './components/SCPrivateMessageThreadItem';
+import SCReactionAction from './components/SCReactionAction';
+import SCRelatedFeedObjectsWidget from './components/SCRelatedFeedObjectsWidget';
+import SCScrollContainer from './components/SCScrollContainer';
+import SCSearchAutocomplete from './components/SCSearchAutocomplete';
+import SCSnippetNotifications from './components/SCSnippetNotifications';
+import SCToastNotifications from './components/SCToastNotifications';
+import SCUser from './components/SCUser';
+import SCUserActionIconButton from './components/SCUserActionIconButton';
+import SCUserAvatar from './components/SCUserAvatar';
+import SCUserCategoriesFollowedWidget from './components/SCUserCategoriesFollowedWidget';
+import SCUserConnectionsRequestsSentWidget from './components/SCUserConnectionsRequestsSentWidget';
+import SCUserConnectionsRequestsWidget from './components/SCUserConnectionsRequestsWidget';
+import SCUserConnectionsWidget from './components/SCUserConnectionsWidget';
+import SCUserCounters from './components/SCUserCounters';
+import SCUserFeedTemplate from './components/SCUserFeedTemplate';
+import SCUserFollowedUsersWidget from './components/SCUserFollowedUsersWidget';
+import SCUserFollowersWidget from './components/SCUserFollowersWidget';
+import SCUserInfo from './components/SCUserInfo';
+import SCUserProfileBlocked from './components/SCUserProfileBlocked';
+import SCUserProfileEdit from './components/SCUserProfileEdit';
+import SCUserProfileHeader from './components/SCUserProfileHeader';
+import SCUserProfileTemplate from './components/SCUserProfileTemplate';
 import SCUserSubscribedGroupsWidget from './components/SCUserSubscribedGroupsWidget';
-import SCEventForm from './components/SCEventForm';
-import SCCreateEventButton from './components/SCCreateEventButton';
-import SCEventLocationWidget from './components/SCEventLocationWidget';
-import SCEvent from './components/SCEvent';
-import SCEvents from './components/SCEvents';
-import SCEventInviteButton from './components/SCEventInviteButton';
-import SCEventSubscribeButton from './components/SCEventSubscribeButton';
-import SCEventHeader from './components/SCEventHeader';
+import SCUserSuggestionWidget from './components/SCUserSuggestionWidget';
+import SCVoteAudienceButton from './components/SCVoteAudienceButton';
+import SCVoteButton from './components/SCVoteButton';
+import SCWidget from './components/SCWidget';
 /**
  * Style fragments - Imports - End
  */
@@ -269,6 +272,7 @@ const theme = {
         SCLoyaltyProgramDetailTemplate,
         SCMediaFile,
         SCMediaLink,
+        // SCMyEventsWidget,
         SCNavigationSettingsIconButton,
         SCDefaultHeaderContent,
         SCNavigationToolbar,
@@ -354,6 +358,8 @@ const theme = {
         SCEvents,
         SCEventInviteButton,
         SCEventHeader,
+        SCEventInfoWidget,
+        SCEventInfoDetails,
         SCEventSubscribeButton
     },
     selfcommunity: {