@selfcommunity/react-templates 0.3.50-events.39 → 0.3.50-events.41

package/lib/cjs/components/Event/Event.js

@@ -6,7 +6,6 @@ const styles_1 = require("@mui/material/styles");
 const material_1 = require("@mui/material");
 const react_ui_1 = require("@selfcommunity/react-ui");
 const react_core_1 = require("@selfcommunity/react-core");
-const types_1 = require("@selfcommunity/types");
 const Skeleton_1 = tslib_1.__importDefault(require("./Skeleton"));
 const system_1 = require("@mui/system");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
@@ -63,10 +62,6 @@ function Event(inProps) {
     }
     return (react_1.default.createElement(Root, { id: id, className: (0, classnames_1.default)(classes.root, className) },
         react_1.default.createElement(react_ui_1.EventHeader, { eventId: scEvent.id, GroupSubscribeButtonProps: { onSubscribe: handleSubscribe } }),
-        react_1.default.createElement(material_1.Grid, { container: true, spacing: 2, mt: 2 }, scEvent.location === types_1.SCEventLocationType.PERSON ? (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(material_1.Grid, { item: true, xs: 12, md: 7 }),
-            react_1.default.createElement(material_1.Grid, { item: true, xs: 12, md: 5 },
-                react_1.default.createElement(react_ui_1.EventLocationWidget, { event: scEvent })))) : (react_1.default.createElement(material_1.Grid, { item: true, xs: 12 }))),
         react_1.default.createElement(EventFeed_1.default, Object.assign({ className: classes.feed, event: scEvent, widgets: widgets, FeedObjectProps: FeedObjectProps, FeedSidebarProps: FeedSidebarProps }, EventFeedProps))));
 }
 exports.default = Event;

package/lib/cjs/components/EventFeed/EventFeed.js

@@ -22,13 +22,13 @@ const Root = (0, styles_1.styled)(react_ui_1.Feed, {
 })(() => ({}));
 // Widgets for feed
 const WIDGETS = [
-/* {
-  type: 'widget',
-  component: EventLocationWidget,
-  componentProps: {},
-  column: 'left',
-  position: 0
-}, */
+    {
+        type: 'widget',
+        component: react_ui_1.EventLocationWidget,
+        componentProps: {},
+        column: 'right',
+        position: 0
+    }
 ];
 /**
  * > API documentation for the Community-JS Group Feed Template. Learn about the available props and the CSS API.
@@ -102,8 +102,7 @@ function EventFeed(inProps) {
         scEvent.subscription_status !== types_1.SCEventSubscriptionStatusType.SUBSCRIBED &&
         scEvent.subscription_status !== types_1.SCEventSubscriptionStatusType.GOING &&
         scEvent.subscription_status !== types_1.SCEventSubscriptionStatusType.NOT_GOING) {
-        // return <EventInfoWidget className={classes.root} event={scEvent} />;
-        return null;
+        return react_1.default.createElement(react_ui_1.EventInfoWidget, { className: classes.root, event: scEvent });
     }
     return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className), id: id, ref: feedRef, endpoint: Object.assign(Object.assign({}, api_services_1.Endpoints.GetEventFeed), { url: () => api_services_1.Endpoints.GetEventFeed.url({ id: scEvent.id }) }), widgets: _widgets, ItemComponent: react_ui_1.FeedObject, itemPropsGenerator: (scUser, item) => {
             var _a;
@@ -115,10 +114,11 @@ function EventFeed(inProps) {
             });
         }, itemIdGenerator: (item) => item[item.type].id, ItemProps: FeedObjectProps, ItemSkeleton: react_ui_1.FeedObjectSkeleton, ItemSkeletonProps: {
             template: react_ui_1.SCFeedObjectTemplateType.PREVIEW
-        }, FeedSidebarProps: FeedSidebarProps, HeaderComponent: scEvent &&
-            scEvent.subscription_status === types_1.SCEventSubscriptionStatusType.SUBSCRIBED && (react_1.default.createElement(react_ui_1.InlineComposerWidget, { onSuccess: handleComposerSuccess, 
-            // defaultValue={{event: scEvent}}
-            label: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "templates.groupFeed.composer.label", defaultMessage: "templates.groupFeed.composer.label" }), feedType: types_1.SCFeedTypologyType.EVENT })), CustomAdvProps: { position: types_1.SCCustomAdvPosition.POSITION_FEED, groupsId: [scEvent.id] }, enabledCustomAdvPositions: [
+        }, FeedSidebarProps: FeedSidebarProps, HeaderComponent: react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(react_ui_1.EventInfoWidget, { className: classes.root, event: scEvent }),
+            scEvent && scEvent.subscription_status === types_1.SCEventSubscriptionStatusType.SUBSCRIBED && (react_1.default.createElement(react_ui_1.InlineComposerWidget, { onSuccess: handleComposerSuccess, 
+                // defaultValue={{event: scEvent}}
+                label: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "templates.eventFeed.composer.label", defaultMessage: "templates.eventFeed.composer.label" }), feedType: types_1.SCFeedTypologyType.EVENT }))), CustomAdvProps: { position: types_1.SCCustomAdvPosition.POSITION_FEED, groupsId: [scEvent.id] }, enabledCustomAdvPositions: [
             types_1.SCCustomAdvPosition.POSITION_FEED_SIDEBAR,
             types_1.SCCustomAdvPosition.POSITION_FEED,
             types_1.SCCustomAdvPosition.POSITION_BELOW_TOPBAR

package/lib/cjs/index.d.ts

@@ -7,6 +7,8 @@ import NotificationFeed, { NotificationFeedProps, NotificationFeedSkeleton } fro
 import UserFeed, { UserFeedProps, UserFeedSkeleton } from './components/UserFeed';
 import UserProfile, { UserProfileProps, UserProfileSkeleton } from './components/UserProfile';
 import LoyaltyProgramDetail, { LoyaltyProgramDetailProps, LoyaltyProgramDetailSkeleton } from './components/LoyaltyProgramDetail';
-import GroupFeed, { GroupFeedProps, GroupFeedSkeleton } from './components/GroupFeed';
 import Group, { GroupProps, GroupSkeleton } from './components/Group';
-export { Category, CategoryProps, CategorySkeleton, CategoryFeed, CategoryFeedProps, CategoryFeedSkeleton, ExploreFeed, ExploreFeedProps, ExploreFeedSkeleton, FeedObjectDetail, FeedObjectDetailProps, FeedObjectDetailSkeleton, MainFeed, MainFeedProps, MainFeedSkeleton, NotificationFeed, NotificationFeedProps, NotificationFeedSkeleton, UserFeed, UserFeedProps, UserFeedSkeleton, UserProfile, UserProfileProps, UserProfileSkeleton, LoyaltyProgramDetail, LoyaltyProgramDetailProps, LoyaltyProgramDetailSkeleton, GroupFeed, GroupFeedProps, GroupFeedSkeleton, Group, GroupProps, GroupSkeleton };
+import GroupFeed, { GroupFeedProps, GroupFeedSkeleton } from './components/GroupFeed';
+import Event, { EventProps, EventSkeleton } from './components/Event';
+import EventFeed, { EventFeedProps, EventFeedSkeleton } from './components/EventFeed';
+export { Category, CategoryProps, CategorySkeleton, CategoryFeed, CategoryFeedProps, CategoryFeedSkeleton, ExploreFeed, ExploreFeedProps, ExploreFeedSkeleton, FeedObjectDetail, FeedObjectDetailProps, FeedObjectDetailSkeleton, MainFeed, MainFeedProps, MainFeedSkeleton, NotificationFeed, NotificationFeedProps, NotificationFeedSkeleton, UserFeed, UserFeedProps, UserFeedSkeleton, UserProfile, UserProfileProps, UserProfileSkeleton, LoyaltyProgramDetail, LoyaltyProgramDetailProps, LoyaltyProgramDetailSkeleton, GroupFeed, GroupFeedProps, GroupFeedSkeleton, Group, GroupProps, GroupSkeleton, Event, EventProps, EventSkeleton, EventFeed, EventFeedProps, EventFeedSkeleton };

package/lib/cjs/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.GroupSkeleton = exports.Group = exports.GroupFeedSkeleton = exports.GroupFeed = exports.LoyaltyProgramDetailSkeleton = exports.LoyaltyProgramDetail = exports.UserProfileSkeleton = exports.UserProfile = exports.UserFeedSkeleton = exports.UserFeed = exports.NotificationFeedSkeleton = exports.NotificationFeed = exports.MainFeedSkeleton = exports.MainFeed = exports.FeedObjectDetailSkeleton = exports.FeedObjectDetail = exports.ExploreFeedSkeleton = exports.ExploreFeed = exports.CategoryFeedSkeleton = exports.CategoryFeed = exports.CategorySkeleton = exports.Category = void 0;
+exports.EventFeedSkeleton = exports.EventFeed = exports.EventSkeleton = exports.Event = exports.GroupSkeleton = exports.Group = exports.GroupFeedSkeleton = exports.GroupFeed = exports.LoyaltyProgramDetailSkeleton = exports.LoyaltyProgramDetail = exports.UserProfileSkeleton = exports.UserProfile = exports.UserFeedSkeleton = exports.UserFeed = exports.NotificationFeedSkeleton = exports.NotificationFeed = exports.MainFeedSkeleton = exports.MainFeed = exports.FeedObjectDetailSkeleton = exports.FeedObjectDetail = exports.ExploreFeedSkeleton = exports.ExploreFeed = exports.CategoryFeedSkeleton = exports.CategoryFeed = exports.CategorySkeleton = exports.Category = void 0;
 const tslib_1 = require("tslib");
 const Category_1 = tslib_1.__importStar(require("./components/Category"));
 exports.Category = Category_1.default;
@@ -29,9 +29,15 @@ Object.defineProperty(exports, "UserProfileSkeleton", { enumerable: true, get: f
 const LoyaltyProgramDetail_1 = tslib_1.__importStar(require("./components/LoyaltyProgramDetail"));
 exports.LoyaltyProgramDetail = LoyaltyProgramDetail_1.default;
 Object.defineProperty(exports, "LoyaltyProgramDetailSkeleton", { enumerable: true, get: function () { return LoyaltyProgramDetail_1.LoyaltyProgramDetailSkeleton; } });
-const GroupFeed_1 = tslib_1.__importStar(require("./components/GroupFeed"));
-exports.GroupFeed = GroupFeed_1.default;
-Object.defineProperty(exports, "GroupFeedSkeleton", { enumerable: true, get: function () { return GroupFeed_1.GroupFeedSkeleton; } });
 const Group_1 = tslib_1.__importStar(require("./components/Group"));
 exports.Group = Group_1.default;
 Object.defineProperty(exports, "GroupSkeleton", { enumerable: true, get: function () { return Group_1.GroupSkeleton; } });
+const GroupFeed_1 = tslib_1.__importStar(require("./components/GroupFeed"));
+exports.GroupFeed = GroupFeed_1.default;
+Object.defineProperty(exports, "GroupFeedSkeleton", { enumerable: true, get: function () { return GroupFeed_1.GroupFeedSkeleton; } });
+const Event_1 = tslib_1.__importStar(require("./components/Event"));
+exports.Event = Event_1.default;
+Object.defineProperty(exports, "EventSkeleton", { enumerable: true, get: function () { return Event_1.EventSkeleton; } });
+const EventFeed_1 = tslib_1.__importStar(require("./components/EventFeed"));
+exports.EventFeed = EventFeed_1.default;
+Object.defineProperty(exports, "EventFeedSkeleton", { enumerable: true, get: function () { return EventFeed_1.EventFeedSkeleton; } });

package/lib/esm/components/Event/Event.js

@@ -1,9 +1,8 @@
 import React from 'react';
 import { styled } from '@mui/material/styles';
-import { Box, Grid } from '@mui/material';
-import { EventHeader, EventLocationWidget } from '@selfcommunity/react-ui';
+import { Box } from '@mui/material';
+import { EventHeader } from '@selfcommunity/react-ui';
 import { useSCFetchEvent } from '@selfcommunity/react-core';
-import { SCEventLocationType } from '@selfcommunity/types';
 import EventSkeletonTemplate from './Skeleton';
 import { useThemeProps } from '@mui/system';
 import classNames from 'classnames';
@@ -60,9 +59,5 @@ export default function Event(inProps) {
     }
     return (React.createElement(Root, { id: id, className: classNames(classes.root, className) },
         React.createElement(EventHeader, { eventId: scEvent.id, GroupSubscribeButtonProps: { onSubscribe: handleSubscribe } }),
-        React.createElement(Grid, { container: true, spacing: 2, mt: 2 }, scEvent.location === SCEventLocationType.PERSON ? (React.createElement(React.Fragment, null,
-            React.createElement(Grid, { item: true, xs: 12, md: 7 }),
-            React.createElement(Grid, { item: true, xs: 12, md: 5 },
-                React.createElement(EventLocationWidget, { event: scEvent })))) : (React.createElement(Grid, { item: true, xs: 12 }))),
         React.createElement(EventFeed, Object.assign({ className: classes.feed, event: scEvent, widgets: widgets, FeedObjectProps: FeedObjectProps, FeedSidebarProps: FeedSidebarProps }, EventFeedProps))));
 }

package/lib/esm/components/EventFeed/EventFeed.js

@@ -1,9 +1,6 @@
 import React, { useMemo, useRef } from 'react';
 import { styled } from '@mui/material/styles';
-import { ContributionUtils, Feed, FeedObject, FeedObjectSkeleton, 
-// EventInfoWidget,
-// EventMembersWidget,
-InlineComposerWidget, SCFeedObjectTemplateType } from '@selfcommunity/react-ui';
+import { ContributionUtils, EventInfoWidget, EventLocationWidget, Feed, FeedObject, FeedObjectSkeleton, InlineComposerWidget, SCFeedObjectTemplateType } from '@selfcommunity/react-ui';
 import { Endpoints } from '@selfcommunity/api-services';
 import { Link, SCRoutes, useSCFetchEvent, useSCRouting } from '@selfcommunity/react-core';
 import { SCCustomAdvPosition, SCEventSubscriptionStatusType, SCFeedTypologyType } from '@selfcommunity/types';
@@ -22,13 +19,13 @@ const Root = styled(Feed, {
 })(() => ({}));
 // Widgets for feed
 const WIDGETS = [
-/* {
-  type: 'widget',
-  component: EventLocationWidget,
-  componentProps: {},
-  column: 'left',
-  position: 0
-}, */
+    {
+        type: 'widget',
+        component: EventLocationWidget,
+        componentProps: {},
+        column: 'right',
+        position: 0
+    }
 ];
 /**
  * > API documentation for the Community-JS Group Feed Template. Learn about the available props and the CSS API.
@@ -102,8 +99,7 @@ export default function EventFeed(inProps) {
         scEvent.subscription_status !== SCEventSubscriptionStatusType.SUBSCRIBED &&
         scEvent.subscription_status !== SCEventSubscriptionStatusType.GOING &&
         scEvent.subscription_status !== SCEventSubscriptionStatusType.NOT_GOING) {
-        // return <EventInfoWidget className={classes.root} event={scEvent} />;
-        return null;
+        return React.createElement(EventInfoWidget, { className: classes.root, event: scEvent });
     }
     return (React.createElement(Root, Object.assign({ className: classNames(classes.root, className), id: id, ref: feedRef, endpoint: Object.assign(Object.assign({}, Endpoints.GetEventFeed), { url: () => Endpoints.GetEventFeed.url({ id: scEvent.id }) }), widgets: _widgets, ItemComponent: FeedObject, itemPropsGenerator: (scUser, item) => {
             var _a;
@@ -115,10 +111,11 @@ export default function EventFeed(inProps) {
             });
         }, itemIdGenerator: (item) => item[item.type].id, ItemProps: FeedObjectProps, ItemSkeleton: FeedObjectSkeleton, ItemSkeletonProps: {
             template: SCFeedObjectTemplateType.PREVIEW
-        }, FeedSidebarProps: FeedSidebarProps, HeaderComponent: scEvent &&
-            scEvent.subscription_status === SCEventSubscriptionStatusType.SUBSCRIBED && (React.createElement(InlineComposerWidget, { onSuccess: handleComposerSuccess, 
-            // defaultValue={{event: scEvent}}
-            label: React.createElement(FormattedMessage, { id: "templates.groupFeed.composer.label", defaultMessage: "templates.groupFeed.composer.label" }), feedType: SCFeedTypologyType.EVENT })), CustomAdvProps: { position: SCCustomAdvPosition.POSITION_FEED, groupsId: [scEvent.id] }, enabledCustomAdvPositions: [
+        }, FeedSidebarProps: FeedSidebarProps, HeaderComponent: React.createElement(React.Fragment, null,
+            React.createElement(EventInfoWidget, { className: classes.root, event: scEvent }),
+            scEvent && scEvent.subscription_status === SCEventSubscriptionStatusType.SUBSCRIBED && (React.createElement(InlineComposerWidget, { onSuccess: handleComposerSuccess, 
+                // defaultValue={{event: scEvent}}
+                label: React.createElement(FormattedMessage, { id: "templates.eventFeed.composer.label", defaultMessage: "templates.eventFeed.composer.label" }), feedType: SCFeedTypologyType.EVENT }))), CustomAdvProps: { position: SCCustomAdvPosition.POSITION_FEED, groupsId: [scEvent.id] }, enabledCustomAdvPositions: [
             SCCustomAdvPosition.POSITION_FEED_SIDEBAR,
             SCCustomAdvPosition.POSITION_FEED,
             SCCustomAdvPosition.POSITION_BELOW_TOPBAR

package/lib/esm/index.d.ts

@@ -7,6 +7,8 @@ import NotificationFeed, { NotificationFeedProps, NotificationFeedSkeleton } fro
 import UserFeed, { UserFeedProps, UserFeedSkeleton } from './components/UserFeed';
 import UserProfile, { UserProfileProps, UserProfileSkeleton } from './components/UserProfile';
 import LoyaltyProgramDetail, { LoyaltyProgramDetailProps, LoyaltyProgramDetailSkeleton } from './components/LoyaltyProgramDetail';
-import GroupFeed, { GroupFeedProps, GroupFeedSkeleton } from './components/GroupFeed';
 import Group, { GroupProps, GroupSkeleton } from './components/Group';
-export { Category, CategoryProps, CategorySkeleton, CategoryFeed, CategoryFeedProps, CategoryFeedSkeleton, ExploreFeed, ExploreFeedProps, ExploreFeedSkeleton, FeedObjectDetail, FeedObjectDetailProps, FeedObjectDetailSkeleton, MainFeed, MainFeedProps, MainFeedSkeleton, NotificationFeed, NotificationFeedProps, NotificationFeedSkeleton, UserFeed, UserFeedProps, UserFeedSkeleton, UserProfile, UserProfileProps, UserProfileSkeleton, LoyaltyProgramDetail, LoyaltyProgramDetailProps, LoyaltyProgramDetailSkeleton, GroupFeed, GroupFeedProps, GroupFeedSkeleton, Group, GroupProps, GroupSkeleton };
+import GroupFeed, { GroupFeedProps, GroupFeedSkeleton } from './components/GroupFeed';
+import Event, { EventProps, EventSkeleton } from './components/Event';
+import EventFeed, { EventFeedProps, EventFeedSkeleton } from './components/EventFeed';
+export { Category, CategoryProps, CategorySkeleton, CategoryFeed, CategoryFeedProps, CategoryFeedSkeleton, ExploreFeed, ExploreFeedProps, ExploreFeedSkeleton, FeedObjectDetail, FeedObjectDetailProps, FeedObjectDetailSkeleton, MainFeed, MainFeedProps, MainFeedSkeleton, NotificationFeed, NotificationFeedProps, NotificationFeedSkeleton, UserFeed, UserFeedProps, UserFeedSkeleton, UserProfile, UserProfileProps, UserProfileSkeleton, LoyaltyProgramDetail, LoyaltyProgramDetailProps, LoyaltyProgramDetailSkeleton, GroupFeed, GroupFeedProps, GroupFeedSkeleton, Group, GroupProps, GroupSkeleton, Event, EventProps, EventSkeleton, EventFeed, EventFeedProps, EventFeedSkeleton };

package/lib/esm/index.js

@@ -7,6 +7,8 @@ import NotificationFeed, { NotificationFeedSkeleton } from './components/Notific
 import UserFeed, { UserFeedSkeleton } from './components/UserFeed';
 import UserProfile, { UserProfileSkeleton } from './components/UserProfile';
 import LoyaltyProgramDetail, { LoyaltyProgramDetailSkeleton } from './components/LoyaltyProgramDetail';
-import GroupFeed, { GroupFeedSkeleton } from './components/GroupFeed';
 import Group, { GroupSkeleton } from './components/Group';
-export { Category, CategorySkeleton, CategoryFeed, CategoryFeedSkeleton, ExploreFeed, ExploreFeedSkeleton, FeedObjectDetail, FeedObjectDetailSkeleton, MainFeed, MainFeedSkeleton, NotificationFeed, NotificationFeedSkeleton, UserFeed, UserFeedSkeleton, UserProfile, UserProfileSkeleton, LoyaltyProgramDetail, LoyaltyProgramDetailSkeleton, GroupFeed, GroupFeedSkeleton, Group, GroupSkeleton };
+import GroupFeed, { GroupFeedSkeleton } from './components/GroupFeed';
+import Event, { EventSkeleton } from './components/Event';
+import EventFeed, { EventFeedSkeleton } from './components/EventFeed';
+export { Category, CategorySkeleton, CategoryFeed, CategoryFeedSkeleton, ExploreFeed, ExploreFeedSkeleton, FeedObjectDetail, FeedObjectDetailSkeleton, MainFeed, MainFeedSkeleton, NotificationFeed, NotificationFeedSkeleton, UserFeed, UserFeedSkeleton, UserProfile, UserProfileSkeleton, LoyaltyProgramDetail, LoyaltyProgramDetailSkeleton, GroupFeed, GroupFeedSkeleton, Group, GroupSkeleton, Event, EventSkeleton, EventFeed, EventFeedSkeleton };