@selfcommunity/react-templates 0.4.0-embeds.17 → 0.4.0-livestream.23

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

@@ -40,10 +40,17 @@ const WIDGETS = [
     },
     {
         type: 'widget',
-        component: react_ui_1.RelatedEventsWidget,
+        component: react_ui_1.EventMediaWidget,
         componentProps: {},
         column: 'right',
         position: 2
+    },
+    {
+        type: 'widget',
+        component: react_ui_1.RelatedEventsWidget,
+        componentProps: {},
+        column: 'right',
+        position: 3
     }
 ];
 /**

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

@@ -1,4 +1,4 @@
-import { FeedObjectProps, FeedSidebarProps, SCFeedWidgetType } from '@selfcommunity/react-ui';
+import { FeedObjectProps, FeedSidebarProps, GroupHeaderProps, SCFeedWidgetType } from '@selfcommunity/react-ui';
 import { SCGroupType } from '@selfcommunity/types';
 import { GroupFeedProps } from '../GroupFeed';
 export interface GroupProps {
@@ -42,6 +42,11 @@ export interface GroupProps {
      * @default {}
      */
     GroupFeedProps?: GroupFeedProps;
+    /**
+     * Props to spread Group Header component
+     * @default {}
+     */
+    GroupHeaderProps?: GroupHeaderProps;
 }
 /**
  * > API documentation for the Community-JS Category Template. Learn about the available props and the CSS API.

package/lib/cjs/components/Group/Group.js

@@ -51,7 +51,7 @@ function Group(inProps) {
         props: inProps,
         name: constants_1.PREFIX
     });
-    const { id = 'group', className, group, groupId, widgets, FeedObjectProps, FeedSidebarProps, GroupFeedProps = {} } = props;
+    const { id = 'group', className, group, groupId, widgets, FeedObjectProps, FeedSidebarProps, GroupFeedProps = {}, GroupHeaderProps = {} } = props;
     // HOOKS
     const { scGroup, setSCGroup } = (0, react_core_1.useSCFetchGroup)({ id: groupId, group });
     const handleSubscribe = (group, status) => {
@@ -60,6 +60,6 @@ function Group(inProps) {
     if (!scGroup) {
         return (0, jsx_runtime_1.jsx)(Skeleton_1.default, {});
     }
-    return ((0, jsx_runtime_1.jsxs)(Root, Object.assign({ id: id, className: (0, classnames_1.default)(classes.root, className) }, { children: [(0, jsx_runtime_1.jsx)(react_ui_1.GroupHeader, { groupId: scGroup.id, GroupSubscribeButtonProps: { onSubscribe: handleSubscribe } }), (0, jsx_runtime_1.jsx)(GroupFeed_1.default, Object.assign({ className: classes.feed, group: scGroup, widgets: widgets, FeedObjectProps: FeedObjectProps, FeedSidebarProps: FeedSidebarProps }, GroupFeedProps))] })));
+    return ((0, jsx_runtime_1.jsxs)(Root, Object.assign({ id: id, className: (0, classnames_1.default)(classes.root, className) }, { children: [(0, jsx_runtime_1.jsx)(react_ui_1.GroupHeader, Object.assign({ groupId: scGroup.id, GroupSubscribeButtonProps: { onSubscribe: handleSubscribe } }, GroupHeaderProps)), (0, jsx_runtime_1.jsx)(GroupFeed_1.default, Object.assign({ className: classes.feed, group: scGroup, widgets: widgets, FeedObjectProps: FeedObjectProps, FeedSidebarProps: FeedSidebarProps }, GroupFeedProps))] })));
 }
 exports.default = Group;

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo, useRef } from 'react';
 import { styled } from '@mui/material/styles';
-import { ContributionUtils, EventInfoWidget, EventLocationWidget, EventMembersWidget, Feed, FeedObject, FeedObjectSkeleton, InlineComposerWidget, RelatedEventsWidget, SCFeedObjectTemplateType } from '@selfcommunity/react-ui';
+import { ContributionUtils, EventInfoWidget, EventLocationWidget, EventMediaWidget, EventMembersWidget, Feed, FeedObject, FeedObjectSkeleton, InlineComposerWidget, RelatedEventsWidget, SCFeedObjectTemplateType } from '@selfcommunity/react-ui';
 import { Endpoints } from '@selfcommunity/api-services';
 import { Link, SCRoutes, useSCFetchEvent, useSCRouting, useSCUser } from '@selfcommunity/react-core';
 import { SCCustomAdvPosition, SCEventPrivacyType, SCEventSubscriptionStatusType, SCFeedTypologyType } from '@selfcommunity/types';
@@ -37,10 +37,17 @@ const WIDGETS = [
     },
     {
         type: 'widget',
-        component: RelatedEventsWidget,
+        component: EventMediaWidget,
         componentProps: {},
         column: 'right',
         position: 2
+    },
+    {
+        type: 'widget',
+        component: RelatedEventsWidget,
+        componentProps: {},
+        column: 'right',
+        position: 3
     }
 ];
 /**

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

@@ -1,4 +1,4 @@
-import { FeedObjectProps, FeedSidebarProps, SCFeedWidgetType } from '@selfcommunity/react-ui';
+import { FeedObjectProps, FeedSidebarProps, GroupHeaderProps, SCFeedWidgetType } from '@selfcommunity/react-ui';
 import { SCGroupType } from '@selfcommunity/types';
 import { GroupFeedProps } from '../GroupFeed';
 export interface GroupProps {
@@ -42,6 +42,11 @@ export interface GroupProps {
      * @default {}
      */
     GroupFeedProps?: GroupFeedProps;
+    /**
+     * Props to spread Group Header component
+     * @default {}
+     */
+    GroupHeaderProps?: GroupHeaderProps;
 }
 /**
  * > API documentation for the Community-JS Category Template. Learn about the available props and the CSS API.

package/lib/esm/components/Group/Group.js

@@ -48,7 +48,7 @@ export default function Group(inProps) {
         props: inProps,
         name: PREFIX
     });
-    const { id = 'group', className, group, groupId, widgets, FeedObjectProps, FeedSidebarProps, GroupFeedProps = {} } = props;
+    const { id = 'group', className, group, groupId, widgets, FeedObjectProps, FeedSidebarProps, GroupFeedProps = {}, GroupHeaderProps = {} } = props;
     // HOOKS
     const { scGroup, setSCGroup } = useSCFetchGroup({ id: groupId, group });
     const handleSubscribe = (group, status) => {
@@ -57,5 +57,5 @@ export default function Group(inProps) {
     if (!scGroup) {
         return _jsx(GroupSkeletonTemplate, {});
     }
-    return (_jsxs(Root, Object.assign({ id: id, className: classNames(classes.root, className) }, { children: [_jsx(GroupHeader, { groupId: scGroup.id, GroupSubscribeButtonProps: { onSubscribe: handleSubscribe } }), _jsx(GroupFeed, Object.assign({ className: classes.feed, group: scGroup, widgets: widgets, FeedObjectProps: FeedObjectProps, FeedSidebarProps: FeedSidebarProps }, GroupFeedProps))] })));
+    return (_jsxs(Root, Object.assign({ id: id, className: classNames(classes.root, className) }, { children: [_jsx(GroupHeader, Object.assign({ groupId: scGroup.id, GroupSubscribeButtonProps: { onSubscribe: handleSubscribe } }, GroupHeaderProps)), _jsx(GroupFeed, Object.assign({ className: classes.feed, group: scGroup, widgets: widgets, FeedObjectProps: FeedObjectProps, FeedSidebarProps: FeedSidebarProps }, GroupFeedProps))] })));
 }