@selfcommunity/react-ui 0.7.50-event.29 → 0.7.50-events.100

package/lib/cjs/components/Events/prefetchedEvents.d.ts

@@ -0,0 +1,271 @@
+export declare const prefetchedEvents: ({
+    id: number;
+    name: string;
+    description: string;
+    slug: string;
+    color: string;
+    privacy: string;
+    visible: boolean;
+    active: boolean;
+    show_on_feed: boolean;
+    subscription_status: any;
+    image_bigger: string;
+    image_big: string;
+    image_medium: string;
+    image_small: string;
+    subscribers_counter: number;
+    goings_counter: number;
+    start_date: string;
+    end_date: string;
+    recurring: string;
+    location: string;
+    geolocation: any;
+    geolocation_lat: any;
+    geolocation_lng: any;
+    link: string;
+    created_at: string;
+    created_by: {
+        id: number;
+        username: string;
+        real_name: string;
+        avatar: string;
+        ext_id: any;
+        deleted: boolean;
+        followings_counter: number;
+        followers_counter: number;
+        posts_counter: number;
+        discussions_counter: number;
+        polls_counter: number;
+        categories_counter: number;
+        date_joined: string;
+        bio: string;
+        location: string;
+        location_lat_lng: any;
+        position_lat_lng: any;
+        date_of_birth: any;
+        description: string;
+        gender: string;
+        website: string;
+        cover: any;
+        tags: any[];
+        reputation: number;
+        language: string;
+        community_badge: boolean;
+        reg_approved: boolean;
+        job: string;
+        store: string;
+        brand: string;
+    };
+    managed_by: {
+        id: number;
+        username: string;
+        real_name: string;
+        avatar: string;
+        ext_id: any;
+        deleted: boolean;
+        followings_counter: number;
+        followers_counter: number;
+        posts_counter: number;
+        discussions_counter: number;
+        polls_counter: number;
+        categories_counter: number;
+        date_joined: string;
+        bio: string;
+        location: string;
+        location_lat_lng: any;
+        position_lat_lng: any;
+        date_of_birth: any;
+        description: string;
+        gender: string;
+        website: string;
+        cover: any;
+        tags: any[];
+        reputation: number;
+        language: string;
+        community_badge: boolean;
+        reg_approved: boolean;
+        job: string;
+        store: string;
+        brand: string;
+    };
+} | {
+    id: number;
+    name: string;
+    description: string;
+    slug: string;
+    color: string;
+    privacy: string;
+    visible: boolean;
+    active: boolean;
+    show_on_feed: boolean;
+    subscription_status: any;
+    image_bigger: string;
+    image_big: string;
+    image_medium: string;
+    image_small: string;
+    subscribers_counter: number;
+    goings_counter: number;
+    start_date: string;
+    end_date: any;
+    recurring: string;
+    location: string;
+    geolocation: string;
+    geolocation_lat: number;
+    geolocation_lng: number;
+    link: any;
+    created_at: string;
+    created_by: {
+        id: number;
+        username: string;
+        real_name: string;
+        avatar: string;
+        ext_id: any;
+        deleted: boolean;
+        followings_counter: number;
+        followers_counter: number;
+        posts_counter: number;
+        discussions_counter: number;
+        polls_counter: number;
+        categories_counter: number;
+        date_joined: string;
+        bio: string;
+        location: string;
+        location_lat_lng: any;
+        position_lat_lng: any;
+        date_of_birth: any;
+        description: string;
+        gender: string;
+        website: string;
+        cover: any;
+        tags: any[];
+        reputation: number;
+        language: string;
+        community_badge: boolean;
+        reg_approved: boolean;
+        job: string;
+        store: string;
+        brand: string;
+    };
+    managed_by: {
+        id: number;
+        username: string;
+        real_name: string;
+        avatar: string;
+        ext_id: any;
+        deleted: boolean;
+        followings_counter: number;
+        followers_counter: number;
+        posts_counter: number;
+        discussions_counter: number;
+        polls_counter: number;
+        categories_counter: number;
+        date_joined: string;
+        bio: string;
+        location: string;
+        location_lat_lng: any;
+        position_lat_lng: any;
+        date_of_birth: any;
+        description: string;
+        gender: string;
+        website: string;
+        cover: any;
+        tags: any[];
+        reputation: number;
+        language: string;
+        community_badge: boolean;
+        reg_approved: boolean;
+        job: string;
+        store: string;
+        brand: string;
+    };
+} | {
+    id: number;
+    name: string;
+    description: string;
+    slug: string;
+    color: string;
+    privacy: string;
+    visible: boolean;
+    active: boolean;
+    show_on_feed: boolean;
+    subscription_status: string;
+    image_bigger: string;
+    image_big: string;
+    image_medium: string;
+    image_small: string;
+    subscribers_counter: number;
+    goings_counter: number;
+    start_date: string;
+    end_date: any;
+    recurring: string;
+    location: string;
+    geolocation: string;
+    geolocation_lat: number;
+    geolocation_lng: number;
+    link: any;
+    created_at: string;
+    created_by: {
+        id: number;
+        username: string;
+        real_name: string;
+        avatar: string;
+        ext_id: any;
+        deleted: boolean;
+        followings_counter: number;
+        followers_counter: number;
+        posts_counter: number;
+        discussions_counter: number;
+        polls_counter: number;
+        categories_counter: number;
+        date_joined: string;
+        bio: string;
+        location: string;
+        location_lat_lng: any;
+        position_lat_lng: any;
+        date_of_birth: any;
+        description: string;
+        gender: string;
+        website: string;
+        cover: any;
+        tags: any[];
+        reputation: number;
+        language: string;
+        community_badge: boolean;
+        reg_approved: boolean;
+        job: any;
+        store: string;
+        brand: any;
+    };
+    managed_by: {
+        id: number;
+        username: string;
+        real_name: string;
+        avatar: string;
+        ext_id: any;
+        deleted: boolean;
+        followings_counter: number;
+        followers_counter: number;
+        posts_counter: number;
+        discussions_counter: number;
+        polls_counter: number;
+        categories_counter: number;
+        date_joined: string;
+        bio: string;
+        location: string;
+        location_lat_lng: any;
+        position_lat_lng: any;
+        date_of_birth: any;
+        description: string;
+        gender: string;
+        website: string;
+        cover: any;
+        tags: any[];
+        reputation: number;
+        language: string;
+        community_badge: boolean;
+        reg_approved: boolean;
+        job: any;
+        store: string;
+        brand: any;
+    };
+})[];

package/lib/cjs/components/Events/prefetchedEvents.js

@@ -0,0 +1,278 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.prefetchedEvents = void 0;
+exports.prefetchedEvents = [
+    {
+        id: 105,
+        name: 'Evento di prova',
+        description: 'Questo è un evento di prova',
+        slug: 'evento-di-prova',
+        color: '#DBDBDB',
+        privacy: 'public',
+        visible: true,
+        active: true,
+        show_on_feed: false,
+        subscription_status: null,
+        image_bigger: 'https://static.stage.quentrix.com/wioggmfc/upfiles/events/bigger/evento-di-prova_6850.jpg',
+        image_big: 'https://static.stage.quentrix.com/wioggmfc/upfiles/events/big/evento-di-prova_0152.jpg',
+        image_medium: 'https://static.stage.quentrix.com/wioggmfc/upfiles/events/medium/evento-di-prova_3635.jpg',
+        image_small: 'https://static.stage.quentrix.com/wioggmfc/upfiles/events/small/evento-di-prova_6424.jpg',
+        subscribers_counter: 1,
+        goings_counter: 0,
+        start_date: '2024-08-13T16:00:00+02:00',
+        end_date: '2024-08-13T17:00:00+02:00',
+        recurring: 'never',
+        location: 'virtual',
+        geolocation: null,
+        geolocation_lat: null,
+        geolocation_lng: null,
+        link: 'https://www.youtube.com/?app=desktop&hl=it',
+        created_at: '2024-08-08T10:26:36.309587+02:00',
+        created_by: {
+            id: 1,
+            username: 'admin',
+            real_name: '',
+            avatar: 'https://internal.stage.quentrix.com/wioggmfc/avatar/admin',
+            ext_id: null,
+            deleted: false,
+            followings_counter: 1,
+            followers_counter: 1,
+            posts_counter: 4,
+            discussions_counter: 0,
+            polls_counter: 0,
+            categories_counter: 6,
+            date_joined: '2024-04-10T13:23:59.754335+02:00',
+            bio: '',
+            location: '',
+            location_lat_lng: null,
+            position_lat_lng: null,
+            date_of_birth: null,
+            description: '',
+            gender: 'Unspecified',
+            website: '',
+            cover: null,
+            tags: [],
+            reputation: 75,
+            language: 'it',
+            community_badge: false,
+            reg_approved: true,
+            job: 'Commessa Adv',
+            store: 'Erbusco',
+            brand: 'Sede'
+        },
+        managed_by: {
+            id: 1,
+            username: 'admin',
+            real_name: '',
+            avatar: 'https://internal.stage.quentrix.com/wioggmfc/avatar/admin',
+            ext_id: null,
+            deleted: false,
+            followings_counter: 1,
+            followers_counter: 1,
+            posts_counter: 4,
+            discussions_counter: 0,
+            polls_counter: 0,
+            categories_counter: 6,
+            date_joined: '2024-04-10T13:23:59.754335+02:00',
+            bio: '',
+            location: '',
+            location_lat_lng: null,
+            position_lat_lng: null,
+            date_of_birth: null,
+            description: '',
+            gender: 'Unspecified',
+            website: '',
+            cover: null,
+            tags: [],
+            reputation: 75,
+            language: 'it',
+            community_badge: false,
+            reg_approved: true,
+            job: 'Commessa Adv',
+            store: 'Erbusco',
+            brand: 'Sede'
+        }
+    },
+    {
+        id: 107,
+        name: 'Evento di persona',
+        description: 'Questo è un evento di persona',
+        slug: 'evento-di-persona',
+        color: '#DBDBDB',
+        privacy: 'public',
+        visible: true,
+        active: true,
+        show_on_feed: false,
+        subscription_status: null,
+        image_bigger: 'https://static.stage.quentrix.com/wioggmfc/upfiles/events/bigger/evento-di-persona_1481.jpg',
+        image_big: 'https://static.stage.quentrix.com/wioggmfc/upfiles/events/big/evento-di-persona_6521.jpg',
+        image_medium: 'https://static.stage.quentrix.com/wioggmfc/upfiles/events/medium/evento-di-persona_4765.jpg',
+        image_small: 'https://static.stage.quentrix.com/wioggmfc/upfiles/events/small/evento-di-persona_4536.jpg',
+        subscribers_counter: 1,
+        goings_counter: 0,
+        start_date: '2024-08-09T17:00:00+02:00',
+        end_date: null,
+        recurring: 'never',
+        location: 'in person',
+        geolocation: 'P.za del Duomo, 20122 Milano MI, Italia',
+        geolocation_lat: 45.4640976,
+        geolocation_lng: 9.1919265,
+        link: null,
+        created_at: '2024-08-08T10:51:50.692540+02:00',
+        created_by: {
+            id: 1,
+            username: 'admin',
+            real_name: '',
+            avatar: 'https://internal.stage.quentrix.com/wioggmfc/avatar/admin',
+            ext_id: null,
+            deleted: false,
+            followings_counter: 1,
+            followers_counter: 1,
+            posts_counter: 4,
+            discussions_counter: 0,
+            polls_counter: 0,
+            categories_counter: 6,
+            date_joined: '2024-04-10T13:23:59.754335+02:00',
+            bio: '',
+            location: '',
+            location_lat_lng: null,
+            position_lat_lng: null,
+            date_of_birth: null,
+            description: '',
+            gender: 'Unspecified',
+            website: '',
+            cover: null,
+            tags: [],
+            reputation: 75,
+            language: 'it',
+            community_badge: false,
+            reg_approved: true,
+            job: 'Commessa Adv',
+            store: 'Erbusco',
+            brand: 'Sede'
+        },
+        managed_by: {
+            id: 1,
+            username: 'admin',
+            real_name: '',
+            avatar: 'https://internal.stage.quentrix.com/wioggmfc/avatar/admin',
+            ext_id: null,
+            deleted: false,
+            followings_counter: 1,
+            followers_counter: 1,
+            posts_counter: 4,
+            discussions_counter: 0,
+            polls_counter: 0,
+            categories_counter: 6,
+            date_joined: '2024-04-10T13:23:59.754335+02:00',
+            bio: '',
+            location: '',
+            location_lat_lng: null,
+            position_lat_lng: null,
+            date_of_birth: null,
+            description: '',
+            gender: 'Unspecified',
+            website: '',
+            cover: null,
+            tags: [],
+            reputation: 75,
+            language: 'it',
+            community_badge: false,
+            reg_approved: true,
+            job: 'Commessa Adv',
+            store: 'Erbusco',
+            brand: 'Sede'
+        }
+    },
+    {
+        id: 111,
+        name: 'Tour Cagliari',
+        description: '',
+        slug: 'tour-cagliari',
+        color: '#DBDBDB',
+        privacy: 'public',
+        visible: true,
+        active: true,
+        show_on_feed: true,
+        subscription_status: 'subscribed',
+        image_bigger: 'https://static.stage.quentrix.com/wioggmfc/upfiles/events/bigger/tour-cagliari_4613.jpg',
+        image_big: 'https://static.stage.quentrix.com/wioggmfc/upfiles/events/big/tour-cagliari_5634.jpg',
+        image_medium: 'https://static.stage.quentrix.com/wioggmfc/upfiles/events/medium/tour-cagliari_6311.jpg',
+        image_small: 'https://static.stage.quentrix.com/wioggmfc/upfiles/events/small/tour-cagliari_3043.jpg',
+        subscribers_counter: 1,
+        goings_counter: 0,
+        start_date: '2024-08-11T09:15:00+02:00',
+        end_date: null,
+        recurring: 'never',
+        location: 'in person',
+        geolocation: 'Piazza Costituzione, Cagliari CA, Italy',
+        geolocation_lat: 39.2153291,
+        geolocation_lng: 9.1171268,
+        link: null,
+        created_at: '2024-08-08T11:33:33.586626+02:00',
+        created_by: {
+            id: 642,
+            username: 'simonester',
+            real_name: '',
+            avatar: 'https://static.stage.quentrix.com/wioggmfc/upfiles/avatars/642/resized/209/209/56ca76ca6a31a337972026011f597cec.png',
+            ext_id: null,
+            deleted: false,
+            followings_counter: 0,
+            followers_counter: 0,
+            posts_counter: 14,
+            discussions_counter: 1,
+            polls_counter: 0,
+            categories_counter: 6,
+            date_joined: '2024-07-08T10:59:03.296820+02:00',
+            bio: '',
+            location: '',
+            location_lat_lng: null,
+            position_lat_lng: null,
+            date_of_birth: null,
+            description: '',
+            gender: 'Unspecified',
+            website: '',
+            cover: null,
+            tags: [],
+            reputation: 52,
+            language: 'it',
+            community_badge: false,
+            reg_approved: true,
+            job: null,
+            store: 'Cagliari',
+            brand: null
+        },
+        managed_by: {
+            id: 642,
+            username: 'simonester',
+            real_name: '',
+            avatar: 'https://static.stage.quentrix.com/wioggmfc/upfiles/avatars/642/resized/209/209/56ca76ca6a31a337972026011f597cec.png',
+            ext_id: null,
+            deleted: false,
+            followings_counter: 0,
+            followers_counter: 0,
+            posts_counter: 14,
+            discussions_counter: 1,
+            polls_counter: 0,
+            categories_counter: 6,
+            date_joined: '2024-07-08T10:59:03.296820+02:00',
+            bio: '',
+            location: '',
+            location_lat_lng: null,
+            position_lat_lng: null,
+            date_of_birth: null,
+            description: '',
+            gender: 'Unspecified',
+            website: '',
+            cover: null,
+            tags: [],
+            reputation: 52,
+            language: 'it',
+            community_badge: false,
+            reg_approved: true,
+            job: null,
+            store: 'Cagliari',
+            brand: null
+        }
+    }
+];

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

@@ -16,6 +16,7 @@ export declare type FeedSidebarProps = StickyBoxProps;
 export declare type FeedRef = {
     addFeedData: (obj: any, syncPagination?: boolean) => void;
     refresh: () => void;
+    getCurrentFeedObjectIds: () => number[];
 };
 export interface FeedProps {
     /**

package/lib/cjs/components/Feed/Feed.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
 // @ts-nocheck
 const react_1 = tslib_1.__importStar(require("react"));
 const react_core_1 = require("@selfcommunity/react-core");
@@ -77,7 +78,7 @@ const Feed = (inProps, ref) => {
         props: inProps,
         name: constants_1.PREFIX
     });
-    const { id = 'feed', className, endpoint, endpointQueryParams = { limit: Pagination_1.DEFAULT_PAGINATION_LIMIT, offset: Pagination_1.DEFAULT_PAGINATION_OFFSET }, endMessage = react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.feed.noOtherFeedObject", defaultMessage: "ui.feed.noOtherFeedObject" }), refreshMessage = react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.feed.refreshRelease", defaultMessage: "ui.feed.refreshRelease" }), HeaderComponent, FooterComponent = Footer_1.default, FooterComponentProps = {}, widgets = [], ItemComponent, itemPropsGenerator, itemIdGenerator, ItemProps = {}, ItemSkeleton, ItemSkeletonProps = {}, onNextData, onPreviousData, FeedSidebarProps = {}, CustomAdvProps = {}, enabledCustomAdvPositions = [types_1.SCCustomAdvPosition.POSITION_FEED_SIDEBAR, types_1.SCCustomAdvPosition.POSITION_FEED], requireAuthentication = false, cacheStrategy = utils_1.CacheStrategies.NETWORK_ONLY, prefetchedData, scrollableTargetId, VirtualizedScrollerProps = {}, disablePaginationLinks = false, hidePaginationLinks = true, paginationLinksPageQueryParam = Pagination_1.DEFAULT_PAGINATION_QUERY_PARAM_NAME, PaginationLinkProps = {}, hideAdvs = false, emptyFeedPlaceholder } = props;
+    const { id = 'feed', className, endpoint, endpointQueryParams = { limit: Pagination_1.DEFAULT_PAGINATION_LIMIT, offset: Pagination_1.DEFAULT_PAGINATION_OFFSET }, endMessage = (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.feed.noOtherFeedObject", defaultMessage: "ui.feed.noOtherFeedObject" }), refreshMessage = (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.feed.refreshRelease", defaultMessage: "ui.feed.refreshRelease" }), HeaderComponent, FooterComponent = Footer_1.default, FooterComponentProps = {}, widgets = [], ItemComponent, itemPropsGenerator, itemIdGenerator, ItemProps = {}, ItemSkeleton, ItemSkeletonProps = {}, onNextData, onPreviousData, FeedSidebarProps = {}, CustomAdvProps = {}, enabledCustomAdvPositions = [types_1.SCCustomAdvPosition.POSITION_FEED_SIDEBAR, types_1.SCCustomAdvPosition.POSITION_FEED], requireAuthentication = false, cacheStrategy = utils_1.CacheStrategies.NETWORK_ONLY, prefetchedData, scrollableTargetId, VirtualizedScrollerProps = {}, disablePaginationLinks = false, hidePaginationLinks = true, paginationLinksPageQueryParam = Pagination_1.DEFAULT_PAGINATION_QUERY_PARAM_NAME, PaginationLinkProps = {}, hideAdvs = false, emptyFeedPlaceholder } = props;
     // CONTEXT
     const scPreferences = (0, react_1.useContext)(react_core_1.SCPreferencesContext);
     const scUserContext = (0, react_1.useContext)(react_core_1.SCUserContext);
@@ -282,12 +283,10 @@ const Feed = (inProps, ref) => {
      * Render HeaderComponent
      */
     const renderHeaderComponent = () => {
-        return (react_1.default.createElement(material_1.Box, { className: classes.start }, !feedDataObject.previous && (react_1.default.createElement(react_1.default.Fragment, null,
-            virtualScrollerMountState.current && HeaderComponent,
-            headData.map((item) => {
-                const _itemId = `item_${itemIdGenerator(item)}`;
-                return (react_1.default.createElement(ItemComponent, Object.assign({ id: _itemId, key: _itemId }, itemPropsGenerator(scUserContext.user, item), ItemProps, { sx: { width: '100%' } })));
-            })))));
+        return ((0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ className: classes.start }, { children: !feedDataObject.previous && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [virtualScrollerMountState.current && HeaderComponent, headData.map((item) => {
+                        const _itemId = `item_${itemIdGenerator(item)}`;
+                        return ((0, jsx_runtime_1.jsx)(ItemComponent, Object.assign({ id: _itemId }, itemPropsGenerator(scUserContext.user, item), ItemProps, { sx: { width: '100%' } }), _itemId));
+                    })] })) })));
     };
     /**
      * Infinite scroll getNextPage
@@ -365,16 +364,14 @@ const Feed = (inProps, ref) => {
      * Useful for SSR and SEO
      */
     const NextPageLink = (0, react_1.useMemo)(() => {
-        return (react_1.default.createElement(react_1.default.Fragment, null, !disablePaginationLinks && feedDataObject.nextPage && (react_1.default.createElement(react_core_1.Link, Object.assign({ to: `?${paginationLinksPageQueryParam}=${feedDataObject.nextPage}`, className: (0, classnames_1.default)({ [classes.paginationLink]: hidePaginationLinks }) }, PaginationLinkProps),
-            react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.common.nextPage", defaultMessage: "ui.common.nextPage" })))));
+        return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: !disablePaginationLinks && feedDataObject.nextPage && ((0, jsx_runtime_1.jsx)(react_core_1.Link, Object.assign({ to: `?${paginationLinksPageQueryParam}=${feedDataObject.nextPage}`, className: (0, classnames_1.default)({ [classes.paginationLink]: hidePaginationLinks }) }, PaginationLinkProps, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.common.nextPage", defaultMessage: "ui.common.nextPage" }) }))) }));
     }, [feedDataObject.nextPage, disablePaginationLinks, paginationLinksPageQueryParam, hidePaginationLinks]);
     /**
      * Previous page url
      * Useful for SSR and SEO
      */
     const PreviousPageLink = (0, react_1.useMemo)(() => {
-        return (react_1.default.createElement(react_1.default.Fragment, null, !disablePaginationLinks && feedDataObject.previousPage && (react_1.default.createElement(react_core_1.Link, Object.assign({ to: `?${paginationLinksPageQueryParam}=${feedDataObject.previousPage}`, className: (0, classnames_1.default)({ [classes.paginationLink]: hidePaginationLinks }) }, PaginationLinkProps),
-            react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.common.previousPage", defaultMessage: "ui.common.previousPage" })))));
+        return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: !disablePaginationLinks && feedDataObject.previousPage && ((0, jsx_runtime_1.jsx)(react_core_1.Link, Object.assign({ to: `?${paginationLinksPageQueryParam}=${feedDataObject.previousPage}`, className: (0, classnames_1.default)({ [classes.paginationLink]: hidePaginationLinks }) }, PaginationLinkProps, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.common.previousPage", defaultMessage: "ui.common.previousPage" }) }))) }));
     }, [feedDataObject.previousPage, disablePaginationLinks, paginationLinksPageQueryParam, hidePaginationLinks]);
     // EXPOSED METHODS
     (0, react_1.useImperativeHandle)(ref, () => ({
@@ -395,6 +392,9 @@ const Feed = (inProps, ref) => {
         },
         refresh: () => {
             refresh();
+        },
+        getCurrentFeedObjectIds: () => {
+            return [...headData.map((o) => o[o.type].id), ...feedDataObject.results.map((o) => o[o.type].id)];
         }
     }));
     const InnerItem = (0, react_1.useMemo)(() => ({ state: savedState, onHeightChange, onStateChange, children: item }) => {
@@ -406,26 +406,11 @@ const Feed = (inProps, ref) => {
         const onItemStateChange = (state) => {
             onStateChange(Object.assign(Object.assign({}, savedState), state));
         };
-        return (react_1.default.createElement(VirtualizedScroller_1.VirtualScrollChild, { onHeightChange: onItemHeightChange }, item.type === 'widget' ? (react_1.default.createElement(item.component, Object.assign({ id: `${Feed_1.WIDGET_PREFIX_KEY}${item.position}` }, item.componentProps, (item.publishEvents && { publicationChannel: id }), savedState, { onStateChange: onItemStateChange, onHeightChange: onItemHeightChange }))) : (react_1.default.createElement(ItemComponent, Object.assign({ id: `item_${itemIdGenerator(item)}` }, itemPropsGenerator(scUserContext.user, item), ItemProps, { sx: { width: '100%' } }, savedState, { onStateChange: onItemStateChange, onHeightChange: onItemHeightChange })))));
+        return ((0, jsx_runtime_1.jsx)(VirtualizedScroller_1.VirtualScrollChild, Object.assign({ onHeightChange: onItemHeightChange }, { children: item.type === 'widget' ? ((0, jsx_runtime_1.jsx)(item.component, Object.assign({ id: `${Feed_1.WIDGET_PREFIX_KEY}${item.position}` }, item.componentProps, (item.publishEvents && { publicationChannel: id }), savedState, { onStateChange: onItemStateChange, onHeightChange: onItemHeightChange }))) : ((0, jsx_runtime_1.jsx)(ItemComponent, Object.assign({ id: `item_${itemIdGenerator(item)}` }, itemPropsGenerator(scUserContext.user, item), ItemProps, { sx: { width: '100%' } }, savedState, { onStateChange: onItemStateChange, onHeightChange: onItemHeightChange }))) })));
     }, []);
     if (feedDataObject.isLoadingNext && !feedDataLeft.length) {
-        return (react_1.default.createElement(Skeleton_2.default, null, [...Array(3)].map((v, i) => (react_1.default.createElement(ItemSkeleton, Object.assign({ key: i }, ItemSkeletonProps))))));
+        return ((0, jsx_runtime_1.jsx)(Skeleton_2.default, { children: [...Array(3)].map((v, i) => ((0, jsx_runtime_1.jsx)(ItemSkeleton, Object.assign({}, ItemSkeletonProps), i))) }));
     }
-    return (react_1.default.createElement(Root, { container: true, spacing: 2, id: id, className: (0, classnames_1.default)(classes.root, className) },
-        advEnabled && !hideAdvs && enabledCustomAdvPositions.includes(types_1.SCCustomAdvPosition.POSITION_BELOW_TOPBAR) ? (react_1.default.createElement(material_1.Grid, { item: true, xs: 12 },
-            react_1.default.createElement(CustomAdv_1.default, Object.assign({ position: types_1.SCCustomAdvPosition.POSITION_BELOW_TOPBAR }, CustomAdvProps)))) : null,
-        react_1.default.createElement(material_1.Grid, { item: true, xs: 12, md: 7 },
-            react_1.default.createElement(InfiniteScroll_1.default, Object.assign({ ref: containerRef, className: classes.left, dataLength: feedDataLeft.length, next: getNextPage, previous: getPreviousPage, hasMoreNext: Boolean(feedDataObject.next), hasMorePrevious: Boolean(feedDataObject.previous), header: PreviousPageLink, footer: NextPageLink, loaderNext: react_1.default.createElement(ItemSkeleton, Object.assign({}, ItemSkeletonProps)), loaderPrevious: react_1.default.createElement(ItemSkeleton, Object.assign({}, ItemSkeletonProps)), scrollThreshold: '90%', endMessage: react_1.default.createElement(material_1.Box, { className: classes.end },
-                    react_1.default.createElement(Widget_1.default, { className: classes.endMessage },
-                        react_1.default.createElement(material_1.CardContent, null, endMessage)),
-                    FooterComponent ? react_1.default.createElement(FooterComponent, Object.assign({}, FooterComponentProps)) : null), refreshFunction: refresh, pullDownToRefresh: true, pullDownToRefreshThreshold: 1000, pullDownToRefreshContent: null, releaseToRefreshContent: react_1.default.createElement(Widget_1.default, { variant: "outlined", className: classes.refresh },
-                    react_1.default.createElement(material_1.CardContent, null, refreshMessage)), style: { overflow: 'visible' } }, (scrollableTargetId && { scrollableTarget: scrollableTargetId })),
-                renderHeaderComponent(),
-                feedDataObject.count === 0 && emptyFeedPlaceholder && emptyFeedPlaceholder,
-                react_1.default.createElement(VirtualizedScroller_1.default, Object.assign({ className: classes.leftItems, items: feedDataLeft, itemComponent: InnerItem, onMount: onScrollerMount, onScrollerStateChange: onScrollerStateChange, getItemId: getScrollItemId, preserveScrollPosition: true, preserveScrollPositionOnPrependItems: true, cacheScrollStateKey: react_core_1.SCCache.getVirtualizedScrollStateCacheKey(id), cacheScrollerPositionKey: react_core_1.SCCache.getFeedSPCacheKey(id), cacheStrategy: cacheStrategy }, (scrollableTargetId && { getScrollableContainer: () => document.getElementById(scrollableTargetId) }), VirtualizedScrollerProps)))),
-        feedDataRight.length > 0 && !hideAdvs && (react_1.default.createElement(material_1.Hidden, { smDown: true },
-            react_1.default.createElement(material_1.Grid, { item: true, xs: 12, md: 5 },
-                react_1.default.createElement(StickyBox_1.default, Object.assign({ className: classes.right }, FeedSidebarProps),
-                    react_1.default.createElement(react_1.default.Suspense, { fallback: react_1.default.createElement(Skeleton_1.GenericSkeleton, null) }, feedDataRight.map((d, i) => (react_1.default.createElement(d.component, Object.assign({ key: i }, d.componentProps)))))))))));
+    return ((0, jsx_runtime_1.jsxs)(Root, Object.assign({ container: true, spacing: 2, id: id, className: (0, classnames_1.default)(classes.root, className) }, { children: [advEnabled && !hideAdvs && enabledCustomAdvPositions.includes(types_1.SCCustomAdvPosition.POSITION_BELOW_TOPBAR) ? ((0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 12 }, { children: (0, jsx_runtime_1.jsx)(CustomAdv_1.default, Object.assign({ position: types_1.SCCustomAdvPosition.POSITION_BELOW_TOPBAR }, CustomAdvProps)) }))) : null, (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 12, md: 7 }, { children: (0, jsx_runtime_1.jsxs)(InfiniteScroll_1.default, Object.assign({ ref: containerRef, className: classes.left, dataLength: feedDataLeft.length, next: getNextPage, previous: getPreviousPage, hasMoreNext: Boolean(feedDataObject.next), hasMorePrevious: Boolean(feedDataObject.previous), header: PreviousPageLink, footer: NextPageLink, loaderNext: (0, jsx_runtime_1.jsx)(ItemSkeleton, Object.assign({}, ItemSkeletonProps)), loaderPrevious: (0, jsx_runtime_1.jsx)(ItemSkeleton, Object.assign({}, ItemSkeletonProps)), scrollThreshold: '90%', endMessage: (0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ className: classes.end }, { children: [(0, jsx_runtime_1.jsx)(Widget_1.default, Object.assign({ className: classes.endMessage }, { children: (0, jsx_runtime_1.jsx)(material_1.CardContent, { children: endMessage }) })), FooterComponent ? (0, jsx_runtime_1.jsx)(FooterComponent, Object.assign({}, FooterComponentProps)) : null] })), refreshFunction: refresh, pullDownToRefresh: true, pullDownToRefreshThreshold: 1000, pullDownToRefreshContent: null, releaseToRefreshContent: (0, jsx_runtime_1.jsx)(Widget_1.default, Object.assign({ variant: "outlined", className: classes.refresh }, { children: (0, jsx_runtime_1.jsx)(material_1.CardContent, { children: refreshMessage }) })), style: { overflow: 'visible' } }, (scrollableTargetId && { scrollableTarget: scrollableTargetId }), { children: [renderHeaderComponent(), feedDataObject.count === 0 && emptyFeedPlaceholder && emptyFeedPlaceholder, (0, jsx_runtime_1.jsx)(VirtualizedScroller_1.default, Object.assign({ className: classes.leftItems, items: feedDataLeft, itemComponent: InnerItem, onMount: onScrollerMount, onScrollerStateChange: onScrollerStateChange, getItemId: getScrollItemId, preserveScrollPosition: true, preserveScrollPositionOnPrependItems: true, cacheScrollStateKey: react_core_1.SCCache.getVirtualizedScrollStateCacheKey(id), cacheScrollerPositionKey: react_core_1.SCCache.getFeedSPCacheKey(id), cacheStrategy: cacheStrategy }, (scrollableTargetId && { getScrollableContainer: () => document.getElementById(scrollableTargetId) }), VirtualizedScrollerProps))] })) })), feedDataRight.length > 0 && !hideAdvs && ((0, jsx_runtime_1.jsx)(material_1.Hidden, Object.assign({ smDown: true }, { children: (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 12, md: 5 }, { children: (0, jsx_runtime_1.jsx)(StickyBox_1.default, Object.assign({ className: classes.right }, FeedSidebarProps, { children: (0, jsx_runtime_1.jsx)(react_1.default.Suspense, Object.assign({ fallback: (0, jsx_runtime_1.jsx)(Skeleton_1.GenericSkeleton, {}) }, { children: feedDataRight.map((d, i) => ((0, jsx_runtime_1.jsx)(d.component, Object.assign({}, d.componentProps), i))) })) })) })) })))] })));
 };
 exports.default = (0, react_1.forwardRef)(Feed);