@selfcommunity/react-ui 0.7.0-alpha.335 → 0.7.0-alpha.336

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

@@ -1,369 +1,3 @@
-declare const exampleExploreData: {
-    count: number;
-    next: string;
-    previous: string;
-    results: ({
-        type: string;
-        post: {
-            id: number;
-            type: string;
-            last_activity_at: string;
-            author: {
-                id: number;
-                username: string;
-                real_name: string;
-                avatar: string;
-                ext_id: any;
-                followings_counter: number;
-                followers_counter: number;
-                posts_counter: number;
-                discussions_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;
-                company_name: any;
-                company_role: any;
-            };
-            added_at: string;
-            last_edited_at: any;
-            html: string;
-            summary: string;
-            deleted: boolean;
-            collapsed: boolean;
-            comment_count: number;
-            view_count: number;
-            vote_count: number;
-            reactions_count: any[];
-            voted: boolean;
-            reaction: any;
-            follower_count: number;
-            followed: boolean;
-            suspended: boolean;
-            flag_count: number;
-            share_count: number;
-            slug: string;
-            categories: any[];
-            medias: {
-                id: number;
-                added_at: string;
-                type: string;
-                title: string;
-                description: string;
-                url: string;
-                image: any;
-                image_width: any;
-                image_height: any;
-                order: any;
-                embed: {
-                    id: number;
-                    embed_type: string;
-                    embed_id: string;
-                    url: string;
-                    metadata: {
-                        id: number;
-                        type: string;
-                    };
-                };
-            }[];
-            location: any;
-            addressing: any[];
-            poll: any;
-        };
-        seen_by_id: number[];
-        has_boost: boolean;
-        discussion?: undefined;
-    } | {
-        type: string;
-        discussion: {
-            id: number;
-            type: string;
-            last_activity_at: string;
-            author: {
-                id: number;
-                username: string;
-                real_name: string;
-                avatar: string;
-                ext_id: any;
-                followings_counter: number;
-                followers_counter: number;
-                posts_counter: number;
-                discussions_counter: number;
-                categories_counter: number;
-                date_joined: string;
-                bio: string;
-                location: string;
-                location_lat_lng: any;
-                position_lat_lng: any;
-                date_of_birth: string;
-                description: string;
-                gender: string;
-                website: string;
-                cover: any;
-                tags: any[];
-                reputation: number;
-                company_name: any;
-                company_role: any;
-            };
-            added_at: string;
-            last_edited_at: any;
-            html: string;
-            summary: string;
-            deleted: boolean;
-            collapsed: boolean;
-            comment_count: number;
-            view_count: number;
-            vote_count: number;
-            reactions_count: any[];
-            voted: boolean;
-            reaction: any;
-            follower_count: number;
-            followed: boolean;
-            suspended: boolean;
-            flag_count: number;
-            share_count: number;
-            slug: string;
-            categories: {
-                id: number;
-                tags: any[];
-                followed: boolean;
-                order: number;
-                name: string;
-                name_synonyms: string;
-                slug: string;
-                slogan: string;
-                html_info: any;
-                seo_title: string;
-                seo_description: string;
-                auto_follow: string;
-                active: boolean;
-                image_original: string;
-                image_bigger: string;
-                image_big: string;
-                image_medium: string;
-                image_small: string;
-                emotional_image_original: string;
-                emotional_image_position: number;
-                lastmod_datetime: string;
-                stream_order_by: string;
-                followers_counter: number;
-            }[];
-            medias: any[];
-            location: any;
-            addressing: any[];
-            poll: any;
-            title: string;
-        };
-        seen_by_id: number[];
-        has_boost: boolean;
-        post?: undefined;
-    } | {
-        type: string;
-        discussion: {
-            id: number;
-            type: string;
-            last_activity_at: string;
-            author: {
-                id: number;
-                username: string;
-                real_name: string;
-                avatar: string;
-                ext_id: any;
-                followings_counter: number;
-                followers_counter: number;
-                posts_counter: number;
-                discussions_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;
-                company_name: any;
-                company_role: any;
-            };
-            added_at: string;
-            last_edited_at: any;
-            html: string;
-            summary: string;
-            deleted: boolean;
-            collapsed: boolean;
-            comment_count: number;
-            view_count: number;
-            vote_count: number;
-            reactions_count: any[];
-            voted: boolean;
-            reaction: any;
-            follower_count: number;
-            followed: boolean;
-            suspended: boolean;
-            flag_count: number;
-            share_count: number;
-            slug: string;
-            categories: {
-                id: number;
-                tags: any[];
-                followed: boolean;
-                order: number;
-                name: string;
-                name_synonyms: string;
-                slug: string;
-                slogan: string;
-                html_info: string;
-                seo_title: string;
-                seo_description: string;
-                auto_follow: string;
-                active: boolean;
-                image_original: string;
-                image_bigger: string;
-                image_big: string;
-                image_medium: string;
-                image_small: string;
-                emotional_image_original: string;
-                emotional_image_position: number;
-                lastmod_datetime: string;
-                stream_order_by: string;
-                followers_counter: number;
-            }[];
-            medias: {
-                id: number;
-                added_at: string;
-                type: string;
-                title: any;
-                description: any;
-                url: any;
-                image: any;
-                image_width: any;
-                image_height: any;
-                order: any;
-                embed: {
-                    id: number;
-                    embed_type: string;
-                    embed_id: string;
-                    url: any;
-                    metadata: {
-                        isbn: string;
-                        type: string;
-                        authors: string[];
-                        product: string;
-                    };
-                };
-            }[];
-            location: any;
-            addressing: any[];
-            poll: any;
-            title: string;
-        };
-        seen_by_id: number[];
-        has_boost: boolean;
-        post?: undefined;
-    } | {
-        type: string;
-        post: {
-            id: number;
-            type: string;
-            last_activity_at: string;
-            author: {
-                id: number;
-                username: string;
-                real_name: string;
-                avatar: string;
-                ext_id: any;
-                followings_counter: number;
-                followers_counter: number;
-                posts_counter: number;
-                discussions_counter: number;
-                categories_counter: number;
-                date_joined: string;
-                bio: string;
-                location: string;
-                location_lat_lng: any;
-                position_lat_lng: any;
-                date_of_birth: string;
-                description: string;
-                gender: string;
-                website: string;
-                cover: any;
-                tags: any[];
-                reputation: number;
-                company_name: any;
-                company_role: any;
-            };
-            added_at: string;
-            last_edited_at: any;
-            html: string;
-            summary: string;
-            deleted: boolean;
-            collapsed: boolean;
-            comment_count: number;
-            view_count: number;
-            vote_count: number;
-            reactions_count: {
-                reaction: {
-                    id: number;
-                    label: string;
-                    image: string;
-                    sentiment: number;
-                    active: boolean;
-                };
-                count: number;
-            }[];
-            voted: boolean;
-            reaction: any;
-            follower_count: number;
-            followed: boolean;
-            suspended: boolean;
-            flag_count: number;
-            share_count: number;
-            slug: string;
-            categories: any[];
-            medias: {
-                id: number;
-                added_at: string;
-                type: string;
-                title: any;
-                description: any;
-                url: any;
-                image: any;
-                image_width: any;
-                image_height: any;
-                order: any;
-                embed: {
-                    id: number;
-                    embed_type: string;
-                    embed_id: string;
-                    url: any;
-                    metadata: {
-                        isbn: string;
-                        type: string;
-                        authors: string[];
-                        product: string;
-                    };
-                };
-            }[];
-            location: any;
-            addressing: any[];
-            poll: any;
-        };
-        seen_by_id: number[];
-        has_boost: boolean;
-        discussion?: undefined;
-    })[];
-};
+import { SCPaginatedResponse } from '@selfcommunity/api-services';
+declare const exampleExploreData: SCPaginatedResponse<any>;
 export { exampleExploreData };

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

@@ -1,16 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.exampleExploreData = void 0;
+const types_1 = require("@selfcommunity/types");
+// @ts-ignore
 const exampleExploreData = {
     count: 843,
     next: 'https://italiano.quentrix.com/api/v2/feed/explore/?limit=5&offset=25',
     previous: 'https://italiano.quentrix.com/api/v2/feed/explore/?limit=5&offset=15',
     results: [
         {
-            type: 'post',
+            type: types_1.SCContributionType.POST,
             post: {
                 id: 1128,
-                type: 'post',
+                type: types_1.SCContributionType.POST,
                 last_activity_at: '2022-08-08T03:55:00+02:00',
                 author: {
                     id: 40,
@@ -39,7 +41,6 @@ const exampleExploreData = {
                     company_role: null
                 },
                 added_at: '2022-08-08T07:30:00+02:00',
-                last_edited_at: null,
                 html: 'Il TeleUccidiLadro 626 Beghelli',
                 summary: 'Il TeleUccidiLadro 626 Beghelli',
                 deleted: false,
@@ -74,7 +75,7 @@ const exampleExploreData = {
                             embed_type: 'sc_shared_object',
                             embed_id: '607',
                             url: '/thread/607/provvedimenti-di-limitazione-del-traffico-il-magnifico-rettore-del-comune-di-firenze-c-o-m-a-n-d-a-il-divieto-relativo-di-transito-nel-territorio/',
-                            metadata: { id: 607, type: 'discussion' }
+                            metadata: { id: 607, type: types_1.SCContributionType.DISCUSSION }
                         }
                     }
                 ],
@@ -86,10 +87,10 @@ const exampleExploreData = {
             has_boost: false
         },
         {
-            type: 'discussion',
+            type: types_1.SCContributionType.DISCUSSION,
             discussion: {
                 id: 1140,
-                type: 'discussion',
+                type: types_1.SCContributionType.DISCUSSION,
                 last_activity_at: '2022-08-08T18:11:00+02:00',
                 author: {
                     id: 345,
@@ -99,6 +100,7 @@ const exampleExploreData = {
                     ext_id: null,
                     followings_counter: 10,
                     followers_counter: 3,
+                    status: 'approved',
                     posts_counter: 1,
                     discussions_counter: 5,
                     categories_counter: 12,
@@ -118,7 +120,6 @@ const exampleExploreData = {
                     company_role: null
                 },
                 added_at: '2022-08-08T13:49:00+02:00',
-                last_edited_at: null,
                 html: "Rinomati sociologi pensano che la pace ha legalizzato pur essendo condivisibile nelle direttrici generali. Tuttavia il desiderio di ingoio rappresenta un'altra forma di possessione maschile. Ritengo che sicuramente non mi aspetto una pietra o un gas che ragionano..",
                 summary: 'Rinomati sociologi pensano che la pace ha legalizzato pur essendo condivisibile nelle direttrici generali. Tuttavia il desiderio di ingoio rappresenta un'altra forma di possessione ...',
                 deleted: false,
@@ -197,10 +198,10 @@ const exampleExploreData = {
             has_boost: false
         },
         {
-            type: 'discussion',
+            type: types_1.SCContributionType.DISCUSSION,
             discussion: {
                 id: 1113,
-                type: 'discussion',
+                type: types_1.SCContributionType.DISCUSSION,
                 last_activity_at: '2022-08-08T01:06:00+02:00',
                 author: {
                     id: 370,
@@ -209,6 +210,7 @@ const exampleExploreData = {
                     avatar: 'https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/avatars/370/resized/209/209/ab230ec47588c7d2fa8a078d48419813.png',
                     ext_id: null,
                     followings_counter: 4,
+                    status: 'approved',
                     followers_counter: 1,
                     posts_counter: 0,
                     discussions_counter: 2,
@@ -229,7 +231,6 @@ const exampleExploreData = {
                     company_role: null
                 },
                 added_at: '2022-08-07T22:35:00+02:00',
-                last_edited_at: null,
                 html: "Ciao belli... mo ve ricconto l'urtima... 'na cambogia!\n\nIeri mentre che io corevo a dducento, ma de ppiu'! Su 'a tiburtina co'a machina de mi'fratello... aho'... nun so' annato a sbatte co er Faina???!!\n\nE io allora je dico \"Vie'qqua' che te mischio come 'n mazzo de carte! Te metto 'n dito 'n bocca, uno ar culo e te sciaqquo come 'na damiggiana!\"\n\nAho'... ha sgranato j'occhi e s'e' cacato 'n mano!\n\nHa detto 'na cosa tipo \"Ma va a mori' ammazzato...\" (eh eh, e che nun lo so che era la paura a fallo parla', 'sto cojone...) poi se l'e' squajata... e' ripartito a tutta sgommella, tipo da zero a cento in ddu secondi!\n\nNzomma so' troppo bullo... so' er mejo!\n\nVabbe' ve saluto che me ne devo anna'...\n\nS'arisdraiamo...",
                 summary: 'Ciao belli... mo ve ricconto l'urtima... 'na cambogia! Ieri mentre che io corevo a dducento, ma de ppiu'! Su 'a tiburtina co'a machina de mi'fratello... aho'... nun so' annato a sb ...',
                 deleted: false,
@@ -333,10 +334,10 @@ const exampleExploreData = {
             has_boost: false
         },
         {
-            type: 'discussion',
+            type: types_1.SCContributionType.DISCUSSION,
             discussion: {
                 id: 1126,
-                type: 'discussion',
+                type: types_1.SCContributionType.DISCUSSION,
                 last_activity_at: '2022-08-07T23:58:00+02:00',
                 author: {
                     id: 80,
@@ -345,6 +346,7 @@ const exampleExploreData = {
                     avatar: 'https://www.gravatar.com/avatar/e1f5f91521749b39af9a021f79efff70/?s=209&d=identicon',
                     ext_id: null,
                     followings_counter: 19,
+                    status: 'approved',
                     followers_counter: 13,
                     posts_counter: 5,
                     discussions_counter: 4,
@@ -365,7 +367,6 @@ const exampleExploreData = {
                     company_role: null
                 },
                 added_at: '2022-08-07T02:24:00+02:00',
-                last_edited_at: null,
                 html: 'Un pomeriggio il poeta Daiju si rec\u00f2 presso Hogen e gli chiese di mostrargli il percorso pi\u00f9 breve per ottenere il Satori.\nIl maestro indic\u00f2 una preziosa giara e disse: "Se vuoi divenire saggio devi riuscire a comprendere la buddha-natura di ogni cosa: prendi quell\'oggetto con te e medita per due anni, poi torna da me". \nQuando Daiju torn\u00f2, Hogen gli disse: "Non sei ancora pronto: medita per altri tre anni, poi torna da me".\nQuando il giovane allievo fece ritorno, il maestro disse: "Wasabi, Mishima, Boutique!", e a quelle parole Daiju fu illuminato!',
                 summary: 'Un pomeriggio il poeta Daiju si rec\u00f2 presso Hogen e gli chiese di mostrargli il percorso pi\u00f9 breve per ottenere il Satori. Il maestro indic\u00f2 una preziosa giara e disse: "Se vuoi di ...',
                 deleted: false,
@@ -418,10 +419,10 @@ const exampleExploreData = {
             has_boost: false
         },
         {
-            type: 'post',
+            type: types_1.SCContributionType.POST,
             post: {
                 id: 1116,
-                type: 'post',
+                type: types_1.SCContributionType.POST,
                 last_activity_at: '2022-08-07T22:25:00+02:00',
                 author: {
                     id: 248,
@@ -430,6 +431,7 @@ const exampleExploreData = {
                     avatar: 'https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/avatars/248/resized/209/209/e3087379702f91d90afb015100062b9d.png',
                     ext_id: null,
                     followings_counter: 10,
+                    status: 'approved',
                     followers_counter: 3,
                     posts_counter: 1,
                     discussions_counter: 0,
@@ -450,7 +452,6 @@ const exampleExploreData = {
                     company_role: null
                 },
                 added_at: '2022-08-07T04:20:00+02:00',
-                last_edited_at: null,
                 html: '...la 18\u00ba Abbuffata agonistica del nero sotto le unghie dei maiali di SAN CARETTO (EN)',
                 summary: '...la 18\u00ba Abbuffata agonistica del nero sotto le unghie dei maiali di SAN CARETTO (EN)',
                 deleted: false,

package/lib/cjs/components/FeedObject/Actions/Share/Share.js

@@ -10,7 +10,6 @@ const styles_1 = require("@mui/material/styles");
 const material_1 = require("@mui/material");
 const MenuItem_1 = tslib_1.__importDefault(require("@mui/material/MenuItem"));
 const ListItemIcon_1 = tslib_1.__importDefault(require("@mui/material/ListItemIcon"));
-const Composer_1 = tslib_1.__importDefault(require("../../../Composer"));
 const Media_1 = require("../../../../constants/Media");
 const Errors_1 = require("../../../../constants/Errors");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
@@ -23,6 +22,7 @@ const react_core_1 = require("@selfcommunity/react-core");
 const system_1 = require("@mui/system");
 const contribution_1 = require("../../../../utils/contribution");
 const SocialShare_1 = require("../../../../constants/SocialShare");
+const Composer_1 = tslib_1.__importDefault(require("../../../Composer"));
 const messages = (0, react_intl_1.defineMessages)({
     shares: {
         id: 'ui.feedObject.share.shares',
@@ -245,7 +245,7 @@ function Share(inProps) {
                         }
                     }
                 }, transformOrigin: { horizontal: 'right', vertical: 'top' }, anchorOrigin: { horizontal: 'right', vertical: 'bottom' } }, renderShareMenuItems())) : (react_1.default.createElement(material_1.SwipeableDrawer, { open: Boolean(anchorEl), onClick: handleClose, onClose: handleClose, onOpen: handleOpenShareMenu, anchor: "bottom", disableSwipeToOpen: true }, renderShareMenuItems()))),
-            isComposerOpen && (react_1.default.createElement(Composer_1.default, { open: isComposerOpen, defaultValue: composerShareProps, onClose: handleComposerOnClose, onSuccess: handleComposerOnSuccess, maxWidth: "sm", fullWidth: true, scroll: "body" }))))));
+            isComposerOpen && (react_1.default.createElement(Composer_1.default, { open: isComposerOpen, defaultValue: composerShareProps, onClose: handleComposerOnClose, onSuccess: handleComposerOnSuccess, maxWidth: "sm", fullWidth: true }))))));
     }
     /**
      * Renders share action

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

@@ -1,6 +1,5 @@
 import { CardProps } from '@mui/material';
 import { FeedObjectSkeletonProps } from './Skeleton';
-import { MediaPreviewProps } from '../../shared/MediasPreview';
 import { ActionsProps } from './Actions';
 import { PollObjectProps } from './Poll';
 import { ContributorsFeedObjectProps } from './Contributors';
@@ -13,6 +12,7 @@ import { CommentObjectProps } from '../CommentObject';
 import { SCContributionType, SCFeedObjectType } from '@selfcommunity/types';
 import { CacheStrategies } from '@selfcommunity/utils';
 import { VirtualScrollerItemProps } from '../../types/virtualScroller';
+import { FeedObjectMediaPreviewProps } from '../FeedObjectMediaPreview';
 export interface FeedObjectProps extends CardProps, VirtualScrollerItemProps {
     /**
      * Id of the feedObject
@@ -115,7 +115,7 @@ export interface FeedObjectProps extends CardProps, VirtualScrollerItemProps {
      * Props to spread to MediasPreview component
      * @default {}
      */
-    MediasPreviewProps?: MediaPreviewProps;
+    FeedObjectMediaPreviewProps?: FeedObjectMediaPreviewProps;
     /**
      * Props to spread to PollObject component
      * @default {}

package/lib/cjs/components/FeedObject/FeedObject.js

@@ -9,7 +9,6 @@ const Skeleton_1 = tslib_1.__importDefault(require("./Skeleton"));
 const DateTimeAgo_1 = tslib_1.__importDefault(require("../../shared/DateTimeAgo"));
 const Bullet_1 = tslib_1.__importDefault(require("../../shared/Bullet"));
 const Tags_1 = tslib_1.__importDefault(require("../../shared/Tags"));
-const MediasPreview_1 = tslib_1.__importDefault(require("../../shared/MediasPreview"));
 const Actions_1 = tslib_1.__importDefault(require("./Actions"));
 const Icon_1 = tslib_1.__importDefault(require("@mui/material/Icon"));
 const react_intl_1 = require("react-intl");
@@ -37,6 +36,7 @@ const UserDeletedSnackBar_1 = tslib_1.__importDefault(require("../../shared/User
 const UserAvatar_1 = tslib_1.__importDefault(require("../../shared/UserAvatar"));
 const Feed_1 = require("../../constants/Feed");
 const Composer_1 = tslib_1.__importDefault(require("../Composer"));
+const FeedObjectMediaPreview_1 = tslib_1.__importDefault(require("../FeedObjectMediaPreview"));
 const messages = (0, react_intl_1.defineMessages)({
     visibleToAll: {
         id: 'ui.feedObject.visibleToAll',
@@ -134,7 +134,7 @@ function FeedObject(inProps) {
         props: inProps,
         name: PREFIX
     });
-    const { id = `feed_object_${props.feedObjectId ? props.feedObjectId : props.feedObject ? props.feedObject.id : ''}`, className = null, feedObjectId = null, feedObject = null, feedObjectType = types_1.SCContributionType.DISCUSSION, feedObjectActivities = null, cacheStrategy = utils_1.CacheStrategies.CACHE_FIRST, markRead = false, template = feedObject_1.SCFeedObjectTemplateType.PREVIEW, hideFollowAction = false, summaryExpanded = false, activitiesExpanded = true, activitiesExpandedType, hideParticipantsPreview = false, pollVisible = false, FollowButtonProps = {}, FeedObjectSkeletonProps = { elevation: 0 }, ActionsProps = {}, CommentObjectReplyComponent = CommentObjectReply_1.default, CommentObjectReplyComponentProps = { WidgetProps: { variant: 'outlined' } }, CommentComponentProps = { variant: 'outlined' }, CommentObjectSkeletonProps = { elevation: 0, WidgetProps: { variant: 'outlined' } }, ContributionActionsMenuProps = {}, MediasPreviewProps = {}, ActivitiesProps = { cacheStrategy }, PollObjectProps = { elevation: 0 }, ContributorsFeedObjectProps = {}, onReply, onHeightChange, onStateChange } = props, rest = tslib_1.__rest(props, ["id", "className", "feedObjectId", "feedObject", "feedObjectType", "feedObjectActivities", "cacheStrategy", "markRead", "template", "hideFollowAction", "summaryExpanded", "activitiesExpanded", "activitiesExpandedType", "hideParticipantsPreview", "pollVisible", "FollowButtonProps", "FeedObjectSkeletonProps", "ActionsProps", "CommentObjectReplyComponent", "CommentObjectReplyComponentProps", "CommentComponentProps", "CommentObjectSkeletonProps", "ContributionActionsMenuProps", "MediasPreviewProps", "ActivitiesProps", "PollObjectProps", "ContributorsFeedObjectProps", "onReply", "onHeightChange", "onStateChange"]);
+    const { id = `feed_object_${props.feedObjectId ? props.feedObjectId : props.feedObject ? props.feedObject.id : ''}`, className = null, feedObjectId = null, feedObject = null, feedObjectType = types_1.SCContributionType.DISCUSSION, feedObjectActivities = null, cacheStrategy = utils_1.CacheStrategies.CACHE_FIRST, markRead = false, template = feedObject_1.SCFeedObjectTemplateType.PREVIEW, hideFollowAction = false, summaryExpanded = false, activitiesExpanded = true, activitiesExpandedType, hideParticipantsPreview = false, pollVisible = false, FollowButtonProps = {}, FeedObjectSkeletonProps = { elevation: 0 }, ActionsProps = {}, CommentObjectReplyComponent = CommentObjectReply_1.default, CommentObjectReplyComponentProps = { WidgetProps: { variant: 'outlined' } }, CommentComponentProps = { variant: 'outlined' }, CommentObjectSkeletonProps = { elevation: 0, WidgetProps: { variant: 'outlined' } }, ContributionActionsMenuProps = {}, FeedObjectMediaPreviewProps = {}, ActivitiesProps = { cacheStrategy }, PollObjectProps = { elevation: 0 }, ContributorsFeedObjectProps = {}, onReply, onHeightChange, onStateChange } = props, rest = tslib_1.__rest(props, ["id", "className", "feedObjectId", "feedObject", "feedObjectType", "feedObjectActivities", "cacheStrategy", "markRead", "template", "hideFollowAction", "summaryExpanded", "activitiesExpanded", "activitiesExpandedType", "hideParticipantsPreview", "pollVisible", "FollowButtonProps", "FeedObjectSkeletonProps", "ActionsProps", "CommentObjectReplyComponent", "CommentObjectReplyComponentProps", "CommentComponentProps", "CommentObjectSkeletonProps", "ContributionActionsMenuProps", "FeedObjectMediaPreviewProps", "ActivitiesProps", "PollObjectProps", "ContributorsFeedObjectProps", "onReply", "onHeightChange", "onStateChange"]);
     // CONTEXT
     const scContext = (0, react_core_1.useSCContext)();
     const scRoutingContext = (0, react_core_1.useSCRouting)();
@@ -447,7 +447,7 @@ function FeedObject(inProps) {
                     react_1.default.createElement(material_1.Typography, { variant: "body1", gutterBottom: true, className: classes.title }, obj.title)))))),
                 react_1.default.createElement(material_1.Box, { className: classes.textSection }, getContributionSummary(obj, template)),
                 react_1.default.createElement(material_1.Box, { className: classes.mediasSection },
-                    react_1.default.createElement(MediasPreview_1.default, Object.assign({ medias: obj.medias }, MediasPreviewProps))),
+                    react_1.default.createElement(FeedObjectMediaPreview_1.default, Object.assign({ medias: obj.medias }, FeedObjectMediaPreviewProps))),
                 react_1.default.createElement(material_1.Box, { className: classes.pollsSection }, obj['poll'] && (react_1.default.createElement(Poll_1.default, Object.assign({ visible: pollVisible ||
                         template === feedObject_1.SCFeedObjectTemplateType.DETAIL ||
                         Boolean(obj.type !== types_1.SCContributionType.DISCUSSION && !obj.html && !obj.medias.length), feedObject: obj, pollObject: obj['poll'], onChange: handleChangePoll, onToggleVisibility: handleTogglePollVisibility }, PollObjectProps)))),
@@ -465,7 +465,7 @@ function FeedObject(inProps) {
                             CommentComponentProps: Object.assign({ onDelete: handleDeleteComment, truncateContent: true, CommentsObjectComponentProps: { inPlaceLoadMoreContents: false } }, CommentComponentProps),
                             CommentObjectSkeletonProps: CommentObjectSkeletonProps
                         }, cacheStrategy: cacheStrategy }, ActivitiesProps))))),
-            composerOpen && (react_1.default.createElement(Composer_1.default, { open: composerOpen, feedObject: obj, onClose: handleToggleEdit, onSuccess: handleEditSuccess, maxWidth: "sm", fullWidth: true, scroll: "body" })))) : (react_1.default.createElement(Skeleton_1.default, Object.assign({ template: template }, FeedObjectSkeletonProps)))));
+            composerOpen && (react_1.default.createElement(Composer_1.default, { open: composerOpen, feedObject: obj, onClose: handleToggleEdit, onSuccess: handleEditSuccess, maxWidth: "sm", fullWidth: true })))) : (react_1.default.createElement(Skeleton_1.default, Object.assign({ template: template }, FeedObjectSkeletonProps)))));
     }
     else if (template === feedObject_1.SCFeedObjectTemplateType.SHARE) {
         objElement = (react_1.default.createElement(react_1.default.Fragment, null, obj ? (react_1.default.createElement(react_1.default.Fragment, null,
@@ -480,7 +480,7 @@ function FeedObject(inProps) {
                     react_1.default.createElement(material_1.Typography, { variant: "body1", gutterBottom: true, className: classes.title }, obj.title)))),
                 react_1.default.createElement(material_1.Box, { className: classes.textSection }, getContributionSummary(obj, template)),
                 react_1.default.createElement(material_1.Box, { className: classes.mediasSection },
-                    react_1.default.createElement(MediasPreview_1.default, Object.assign({ medias: obj.medias }, MediasPreviewProps))),
+                    react_1.default.createElement(FeedObjectMediaPreview_1.default, Object.assign({ medias: obj.medias }, FeedObjectMediaPreviewProps))),
                 react_1.default.createElement(material_1.Box, { className: classes.pollsSection }, obj['poll'] && (react_1.default.createElement(Poll_1.default, Object.assign({ feedObject: obj, pollObject: obj['poll'], onChange: handleChangePoll, visible: Boolean(obj.type !== types_1.SCContributionType.DISCUSSION && !obj.html && !obj.medias.length) }, PollObjectProps))))))) : (react_1.default.createElement(Skeleton_1.default, Object.assign({ template: template }, FeedObjectSkeletonProps)))));
     }
     else {

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

@@ -0,0 +1,38 @@
+import { SCMediaObjectType } from '../../types/media';
+import { BoxProps } from '@mui/material';
+import { SCMediaType } from '@selfcommunity/types';
+export interface FeedObjectMediaPreviewProps extends BoxProps {
+    /**
+     * Medias preview array
+     */
+    medias: SCMediaType[];
+    /**
+     * Media types
+     * @default 'image', 'document', 'link', 'share'
+     */
+    mediaObjectTypes?: SCMediaObjectType[];
+}
+/**
+ * > API documentation for the Community-JS FeedObjectMediaPreview component. Learn about the available props and the CSS API.
+ *
+ *
+ * The FeedObjectMediaPreview component render the list of medias in a feed object thanks to given configurations.
+
+ #### Import
+ ```jsx
+ import {FeedObjectMediaPreview} from '@selfcommunity/react-ui';
+ ```
+ #### Component Name
+ The name `SCFeedObjectMediaPreview` can be used when providing style overrides in the theme.
+
+ #### CSS
+
+ |Rule Name|Global class|Description|
+ |---|---|---|
+ |root|.SCFeedObjectMediaPreview-root|Styles applied to the root element.|
+
+
+ * @param inProps
+ */
+declare const _default: (inProps: FeedObjectMediaPreviewProps) => JSX.Element;
+export default _default;