@selfcommunity/react-ui 0.7.0-alpha.334 → 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',
@@ -55,6 +55,7 @@ const classes = {
     tag: `${PREFIX}-tag`,
     location: `${PREFIX}-location`,
     content: `${PREFIX}-content`,
+    showMore: `${PREFIX}-show-more`,
     error: `${PREFIX}-error`,
     titleSection: `${PREFIX}-title-section`,
     title: `${PREFIX}-title`,
@@ -133,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)();
@@ -394,7 +395,7 @@ function FeedObject(inProps) {
                     react_1.default.createElement(material_1.Typography, { component: "div", className: classes.text, variant: "body2", gutterBottom: true, dangerouslySetInnerHTML: {
                             __html: summaryHtml
                         } })),
-                !expanded && summaryHtmlTruncated && (react_1.default.createElement(material_1.Button, { size: "small", variant: "text", color: "inherit", onClick: handleToggleSummary },
+                !expanded && summaryHtmlTruncated && (react_1.default.createElement(material_1.Button, { size: "small", variant: "text", color: "inherit", className: classes.showMore, onClick: handleToggleSummary },
                     react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.feedObject.content.showMore", defaultMessage: "ui.feedObject.content.showMore" })))));
         }
         else if (template === feedObject_1.SCFeedObjectTemplateType.DETAIL) {
@@ -407,7 +408,7 @@ function FeedObject(inProps) {
                 react_1.default.createElement(material_1.Typography, { component: "span", dangerouslySetInnerHTML: {
                         __html: summaryHtml
                     } }),
-                !expanded && summaryHtmlTruncated && (react_1.default.createElement(material_1.Button, { size: "small", variant: "text", color: "inherit", onClick: handleToggleSummary },
+                !expanded && summaryHtmlTruncated && (react_1.default.createElement(material_1.Button, { size: "small", variant: "text", color: "inherit", className: classes.showMore, onClick: handleToggleSummary },
                     react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.feedObject.content.showMore", defaultMessage: "ui.feedObject.content.showMore" })))));
         }
     }, [obj, template, expanded]);
@@ -446,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)))),
@@ -464,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,
@@ -479,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 {