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

package/lib/cjs/components/NavigationToolbarMobile/constants.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PREFIX = void 0;
+exports.PREFIX = 'SCNavigationToolbarMobile';

package/lib/cjs/constants/Composer.d.ts

@@ -1,8 +1,10 @@
 export declare const COMPOSER_TYPE_DISCUSSION = "discussion";
 export declare const COMPOSER_TYPE_POST = "post";
+export declare const COMPOSER_TYPE_POLL = "poll";
 export declare const COMPOSER_TYPES: {
     discussion: string;
     post: string;
+    poll: string;
 };
 export declare const COMPOSER_TITLE_MAX_LENGTH = 160;
 export declare const COMPOSER_POLL_TITLE_MAX_LENGTH = 160;

package/lib/cjs/constants/Composer.js

@@ -1,11 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.COMPOSER_POLL_MIN_CLOSE_DATE_DELTA = exports.COMPOSER_POLL_MIN_CHOICES = exports.COMPOSER_POLL_TITLE_MAX_LENGTH = exports.COMPOSER_TITLE_MAX_LENGTH = exports.COMPOSER_TYPES = exports.COMPOSER_TYPE_POST = exports.COMPOSER_TYPE_DISCUSSION = void 0;
+exports.COMPOSER_POLL_MIN_CLOSE_DATE_DELTA = exports.COMPOSER_POLL_MIN_CHOICES = exports.COMPOSER_POLL_TITLE_MAX_LENGTH = exports.COMPOSER_TITLE_MAX_LENGTH = exports.COMPOSER_TYPES = exports.COMPOSER_TYPE_POLL = exports.COMPOSER_TYPE_POST = exports.COMPOSER_TYPE_DISCUSSION = void 0;
 exports.COMPOSER_TYPE_DISCUSSION = 'discussion';
 exports.COMPOSER_TYPE_POST = 'post';
+exports.COMPOSER_TYPE_POLL = 'poll';
 exports.COMPOSER_TYPES = {
     [exports.COMPOSER_TYPE_DISCUSSION]: exports.COMPOSER_TYPE_DISCUSSION,
-    [exports.COMPOSER_TYPE_POST]: exports.COMPOSER_TYPE_POST
+    [exports.COMPOSER_TYPE_POST]: exports.COMPOSER_TYPE_POST,
+    [exports.COMPOSER_TYPE_POLL]: exports.COMPOSER_TYPE_POLL
 };
 exports.COMPOSER_TITLE_MAX_LENGTH = 160;
 exports.COMPOSER_POLL_TITLE_MAX_LENGTH = 160;

package/lib/cjs/index.d.ts

@@ -16,15 +16,14 @@ import CategoryAutocomplete, { CategoryAutocompleteProps } from './components/Ca
 import CategoryFollowersButton, { CategoryFollowersButtonProps } from './components/CategoryFollowersButton';
 import CategoryHeader, { CategoryHeaderProps, CategoryHeaderSkeleton } from './components/CategoryHeader';
 import Categories, { CategoriesProps, CategoriesSkeleton, CategoriesSkeletonProps } from './components/Categories';
-import UserFollowedCategoriesWidget, { UserFollowedCategoriesWidgetSkeleton, UserFollowedCategoriesWidgetProps } from './components/UserFollowedCategoriesWidget';
+import UserFollowedCategoriesWidget, { UserFollowedCategoriesWidgetProps, UserFollowedCategoriesWidgetSkeleton } from './components/UserFollowedCategoriesWidget';
 import CategoriesPopularWidget, { CategoriesPopularWidgetSkeleton } from './components/CategoriesPopularWidget';
 import CategoriesSuggestionWidget, { CategoriesSuggestionWidgetProps, CategoriesSuggestionWidgetSkeleton } from './components/CategoriesSuggestionWidget';
 import ChangeCover, { ChangeCoverProps } from './components/ChangeCover';
 import ChangePicture, { ChangePictureProps } from './components/ChangePicture';
 import FriendshipUserButton, { FriendshipButtonProps } from './components/FriendshipUserButton';
-import Composer, { ComposerProps, ComposerSkeleton } from './components/Composer';
+import Composer, { ComposerProps } from './components/Composer';
 import ComposerIconButton, { ComposerIconButtonProps } from './components/ComposerIconButton';
-import { COMPOSER_TYPE_DISCUSSION, COMPOSER_TYPE_POST } from './constants/Composer';
 import Editor, { EditorProps, EditorSkeleton } from './components/Editor';
 import User, { UserProps, UserSkeleton } from './components/User';
 import Feed, { FeedProps, FeedRef, FeedSidebarProps, FeedSkeleton } from './components/Feed';
@@ -40,26 +39,26 @@ import PrivateMessageSnippets, { PrivateMessageSnippetsProps, PrivateMessageSnip
 import LocationAutocomplete, { LocationAutocompleteProps } from './components/LocationAutocomplete';
 import LoyaltyProgramWidget, { LoyaltyProgramWidgetProps, LoyaltyProgramWidgetSkeleton } from './components/LoyaltyProgramWidget';
 import CategoryTrendingFeedWidget, { CategoryTrendingFeedWidgetProps, CategoryTrendingFeedWidgetSkeleton } from './components/CategoryTrendingFeedWidget';
-import CategoryTrendingUsersWidget, { CategoryTrendingUsersWidgetProps, CategoryTrendingPeopleWidgetSkeleton } from './components/CategoryTrendingUsersWidget';
+import CategoryTrendingUsersWidget, { CategoryTrendingPeopleWidgetSkeleton, CategoryTrendingUsersWidgetProps } from './components/CategoryTrendingUsersWidget';
 import UserActionIconButton, { UserActionIconButtonProps } from './components/UserActionIconButton';
 import UserCounters, { UserCountersProps } from './components/UserCounters';
 import UserProfileHeader, { UserProfileHeaderProps, UserProfileHeaderSkeleton } from './components/UserProfileHeader';
 import UserInfoDialog, { UserInfoDialogProps } from './components/UserInfoDialog';
 import UserInfo, { UserInfoProps, UserInfoSkeleton } from './components/UserInfo';
 import UserProfileBlocked, { UserProfileBlockedProps } from './components/UserProfileBlocked';
-import UserProfileEdit, { UserProfileEditProps, UserProfileEditSkeleton, UserProfileEditSectionPublicInfo, UserProfileEditSectionPublicInfoProps, UserProfileEditSectionSettings, UserProfileEditSectionSettingsProps, UserProfileEditSectionAccount, UserProfileEditSectionAccountProps } from './components/UserProfileEdit';
+import UserProfileEdit, { UserProfileEditProps, UserProfileEditSectionAccount, UserProfileEditSectionAccountProps, UserProfileEditSectionPublicInfo, UserProfileEditSectionPublicInfoProps, UserProfileEditSectionSettings, UserProfileEditSectionSettingsProps, UserProfileEditSkeleton } from './components/UserProfileEdit';
 import UserFollowedUsersWidget, { UserFollowedUsersWidgetProps, UserFollowedUsersWidgetSkeleton } from './components/UserFollowedUsersWidget';
 import UserSocialAssociation, { UserSocialAssociationProps } from './components/UserSocialAssociation';
 import UserFollowersWidget, { UserFollowersWidgetProps, UserFollowersWidgetSkeleton } from './components/UserFollowersWidget';
 import UserConnectionsWidget, { UserConnectionsWidgetProps, UserConnectionsWidgetSkeleton } from './components/UserConnectionsWidget';
 import UserConnectionsRequestsWidget, { UserConnectionsRequestsWidgetProps, UserConnectionsRequestsWidgetSkeleton } from './components/UserConnectionsRequestsWidget';
 import UserConnectionsRequestsSentWidget, { UserConnectionsRequestsSentWidgetProps, UserConnectionsRequestsSentWidgetSkeleton } from './components/UserConnectionsRequestsSentWidget';
-import RelatedFeedObjectsWidget, { RelatedFeedObjectWidgetProps, RelatedFeedObjectsWidgetSkeleton } from './components/RelatedFeedObjectsWidget';
+import RelatedFeedObjectsWidget, { RelatedFeedObjectsWidgetSkeleton, RelatedFeedObjectWidgetProps } from './components/RelatedFeedObjectsWidget';
 import CommentObject, { CommentObjectProps, CommentObjectSkeleton } from './components/CommentObject';
-import CommentObjectReply, { CommentObjectReplyProps } from './components/CommentObjectReply';
+import CommentObjectReply from './components/CommentObjectReply';
+import ReplyComment, { CommentObjectReplyProps } from './components/CommentObjectReply';
 import CommentsObject, { CommentsObjectProps, CommentsObjectSkeleton } from './components/CommentsObject';
 import CommentsFeedObject, { CommentsFeedObjectProps, CommentsFeedObjectSkeleton } from './components/CommentsFeedObject';
-import ReplyComment from './components/CommentObjectReply';
 import CustomAdv, { CustomAdvProps, CustomAdvSkeleton } from './components/CustomAdv';
 import { AvatarGroupSkeleton, GenericSkeleton } from './components/Skeleton';
 import PrivateMessageSnippetItem, { PrivateMessageSnippetItemProps, PrivateMessageSnippetItemSkeleton } from './components/PrivateMessageSnippetItem';
@@ -80,13 +79,13 @@ import LanguageSwitcher from './shared/LanguageSwitcher';
 import BaseItem, { BaseItemProps } from './shared/BaseItem';
 import BaseDialog, { BaseDialogProps } from './shared/BaseDialog';
 import MediaChunkUploader, { MediaChunkUploaderProps } from './shared/MediaChunkUploader';
-import { Document, EditMediaProps, Image, Link, Share } from './shared/Media';
+import { File, EditMediaProps, Link, Share } from './shared/Media';
 import UrlTextField from './shared/UrlTextField';
 import UsernameTextField from './shared/UsernameTextField';
 import EmailTextField from './shared/EmailTextField';
 import PasswordTextField from './shared/PasswordTextField';
 import PhoneTextField from './shared/PhoneTextField';
-import StickyBox, { useStickyBox, StickyBoxProps, StickyBoxComponent, UseStickyBoxProps } from './shared/StickyBox';
+import StickyBox, { StickyBoxComponent, StickyBoxProps, useStickyBox, UseStickyBoxProps } from './shared/StickyBox';
 import TagChip, { TagChipProps } from './shared/TagChip';
 import UserDeletedSnackBar, { UserDeletedSnackBarProps } from './shared/UserDeletedSnackBar';
 import UserAvatar, { UserAvatarProps } from './shared/UserAvatar';
@@ -109,7 +108,7 @@ import PrivateMessageComponent, { PrivateMessageComponentProps, PrivateMessageCo
  * Constants
  */
 import { DEFAULT_WIDGETS_NUMBER } from './constants/Feed';
-import { DEFAULT_PAGINATION_QUERY_PARAM_NAME, DEFAULT_PAGINATION_OFFSET, DEFAULT_PAGINATION_LIMIT } from './constants/Pagination';
+import { DEFAULT_PAGINATION_LIMIT, DEFAULT_PAGINATION_OFFSET, DEFAULT_PAGINATION_QUERY_PARAM_NAME } from './constants/Pagination';
 import { FACEBOOK_SHARE, LINKEDIN_SHARE, TWITTER_SHARE } from './constants/SocialShare';
 import { DEFAULT_PRELOAD_OFFSET_VIEWPORT, MAX_PRELOAD_OFFSET_VIEWPORT, MIN_PRELOAD_OFFSET_VIEWPORT } from './constants/LazyLoad';
 import { LEGAL_POLICIES } from './constants/LegalPolicies';
@@ -125,7 +124,8 @@ import { bytesToSize } from './utils/sizeCoverter';
 import { getUnseenNotification, getUnseenNotificationCounter } from './utils/feed';
 import * as MessageUploaderUtils from './utils/thumbnailCoverter';
 import { getRelativeTime } from './utils/formatRelativeTime';
+import FeedObjectMediaPreview, { FeedObjectMediaPreviewProps } from './components/FeedObjectMediaPreview';
 /**
  * List all exports
  */
-export { AccountDataPortability, AccountDataPortabilityProps, AccountDataPortabilityButton, AccountDataPortabilityButtonProps, AccountDelete, AccountDeleteProps, AccountDeleteButton, AccountDeleteButtonProps, AccountRecover, AccountRecoverProps, AccountReset, AccountResetProps, AccountVerify, AccountVerifyProps, AccountChangeMailValidation, AccountChangeMailValidationProps, NavigationSettingsIconButton, NavigationSettingsIconButtonProps, NavigationSettingsItem, NavigationToolbarMobile, NavigationToolbarMobileProps, NavigationToolbarMobileSkeleton, NavigationToolbar, NavigationToolbarProps, NavigationToolbarSkeleton, NavigationMenuIconButton, NavigationMenuIconButtonProps, BottomNavigation, BottomNavigationProps, BroadcastMessages, BroadcastMessagesProps, BroadcastMessagesSkeleton, Category, CategoryProps, CategorySkeleton, CategoryAutocomplete, CategoryAutocompleteProps, CategoryFollowersButton, CategoryFollowersButtonProps, CategoryHeader, CategoryHeaderProps, CategoryHeaderSkeleton, Categories, CategoriesProps, CategoriesSkeleton, CategoriesSkeletonProps, UserFollowedCategoriesWidget, UserFollowedCategoriesWidgetProps, UserFollowedCategoriesWidgetSkeleton, CategoriesPopularWidget, CategoriesPopularWidgetSkeleton, CategoriesSuggestionWidget, CategoriesSuggestionWidgetProps, CategoriesSuggestionWidgetSkeleton, ChangeCover, ChangePicture, ChangePictureProps, ChangeCoverProps, Composer, COMPOSER_TYPE_DISCUSSION, COMPOSER_TYPE_POST, ComposerProps, ComposerSkeleton, ComposerIconButton, ComposerIconButtonProps, Editor, EditorProps, EditorSkeleton, FriendshipUserButton, FriendshipButtonProps, Feed, FeedRef, FeedProps, FeedSidebarProps, FeedSkeleton, CategoryFollowButton, CategoryFollowButtonProps, FollowUserButton, FollowUserButtonProps, ConnectionUserButton, FeedObject, FeedObjectProps, FeedObjectSkeleton, FeedUpdatesWidget, FeedUpdatesWidgetProps, FeedUpdatesWidgetSkeleton, GenericSkeleton, AvatarGroupSkeleton, CommentObject, CommentsObject, CommentsObjectProps, CommentObjectProps, CommentsObjectSkeleton, CommentObjectSkeleton, CommentObjectReply, CommentObjectReplyProps, CommentsFeedObject, CommentsFeedObjectProps, CommentsFeedObjectSkeleton, ReplyComment, InlineComposerWidget, InlineComposerWidgetProps, InlineComposerWidgetSkeleton, Notification, NotificationProps, NotificationSkeleton, UserSuggestionWidget, UserSuggestionWidgetProps, UserSuggestionWidgetSkeleton, PlatformWidget, PlatformWidgetProps, PlatformWidgetSkeleton, LocationAutocomplete, LocationAutocompleteProps, LoyaltyProgramWidget, LoyaltyProgramWidgetProps, LoyaltyProgramWidgetSkeleton, CategoryTrendingFeedWidget, CategoryTrendingFeedWidgetProps, CategoryTrendingFeedWidgetSkeleton, CategoryTrendingUsersWidget, CategoryTrendingUsersWidgetProps, CategoryTrendingPeopleWidgetSkeleton, RelatedFeedObjectsWidget, RelatedFeedObjectWidgetProps, RelatedFeedObjectsWidgetSkeleton, UserActionIconButton, UserActionIconButtonProps, UserCounters, UserCountersProps, UserProfileHeader, UserProfileHeaderProps, UserProfileHeaderSkeleton, UserInfoDialog, UserInfoDialogProps, UserInfo, UserInfoProps, UserInfoSkeleton, UserProfileBlocked, UserProfileBlockedProps, SCUserProfileFields, SCUserProfileSettings, UserProfileEdit, UserProfileEditProps, UserProfileEditSkeleton, UserProfileEditSectionPublicInfo, UserProfileEditSectionPublicInfoProps, UserProfileEditSectionSettings, UserProfileEditSectionSettingsProps, UserProfileEditSectionAccount, UserProfileEditSectionAccountProps, UserFollowedUsersWidget, UserFollowedUsersWidgetProps, UserFollowedUsersWidgetSkeleton, UserFollowersWidget, UserFollowersWidgetProps, UserFollowersWidgetSkeleton, UserConnectionsWidget, UserConnectionsWidgetProps, UserConnectionsWidgetSkeleton, UserConnectionsRequestsWidget, UserConnectionsRequestsWidgetProps, UserConnectionsRequestsWidgetSkeleton, UserConnectionsRequestsSentWidget, UserConnectionsRequestsSentWidgetProps, UserConnectionsRequestsSentWidgetSkeleton, UserSocialAssociation, UserSocialAssociationProps, SCUserSocialAssociations, CustomAdv, CustomAdvProps, CustomAdvSkeleton, User, UserProps, UserSkeleton, PrivateMessageThread, PrivateMessageThreadProps, PrivateMessageThreadSkeleton, PrivateMessageThreadItem, PrivateMessageThreadItemProps, PrivateMessageThreadItemSkeleton, PrivateMessageSnippetItem, PrivateMessageSnippetItemProps, PrivateMessageSnippetItemSkeleton, PrivateMessageEditor, PrivateMessageEditorProps, PrivateMessageEditorSkeleton, PrivateMessageSnippets, PrivateMessageSnippetsProps, PrivateMessageSnippetsSkeleton, PrivateMessageComponent, PrivateMessageComponentProps, PrivateMessageComponentSkeleton, PrivateMessageSettingsIconButton, PrivateMessageSettingsIconButtonProps, ToastNotifications, ToastNotificationsProps, ToastNotificationsSkeleton, SnippetNotifications, SnippetNotificationsProps, SnippetNotificationsSkeleton, SearchAutocomplete, SearchAutocompleteProps, SearchDialog, SearchDialogProps, Widget, WidgetProps, SCFeedWidgetType, SCFeedObjectTemplateType, SCCommentsOrderBy, SCFeedObjectActivitiesType, SCMediaObjectType, SCMediaChunkType, SCNotificationObjectTemplateType, SCBroadcastMessageTemplateType, UrlTextField, UsernameTextField, EmailTextField, PasswordTextField, PhoneTextField, MetadataField, InfiniteScroll, StickyBox, useStickyBox, StickyBoxProps, StickyBoxComponent, UseStickyBoxProps, TagChip, TagChipProps, UserDeletedSnackBar, UserDeletedSnackBarProps, UserAvatar, UserAvatarProps, Lightbox, CentralProgress, ConfirmDialog, LanguageSwitcher, MediaChunkUploader, MediaChunkUploaderProps, Document, Image, Link, Share, EditMediaProps, MEDIA_TYPE_EMBED, FACEBOOK_SHARE, TWITTER_SHARE, LINKEDIN_SHARE, DEFAULT_PRELOAD_OFFSET_VIEWPORT, MIN_PRELOAD_OFFSET_VIEWPORT, MAX_PRELOAD_OFFSET_VIEWPORT, ConsentSolution, ConsentSolutionProps, ConsentSolutionSkeleton, ConsentSolutionButton, ConsentSolutionButtonProps, LEGAL_POLICIES, DEFAULT_FIELDS, DEFAULT_PAGINATION_QUERY_PARAM_NAME, DEFAULT_PAGINATION_OFFSET, DEFAULT_PAGINATION_LIMIT, DEFAULT_WIDGETS_NUMBER, PollSuggestionWidget, PollSuggestionWidgetProps, Incubator, IncubatorSubscribeButton, IncubatorSubscribeButtonProps, IncubatorProps, IncubatorListWidget, IncubatorListWidgetProps, IncubatorDetail, IncubatorDetailProps, IncubatorSuggestionWidget, IncubatorSuggestionWidgetProps, ContributionUtils, bytesToSize, getUnseenNotification, getUnseenNotificationCounter, MessageUploaderUtils, getRelativeTime, Footer, FooterProps, FooterSkeleton, BaseItem, BaseItemProps, BaseDialog, BaseDialogProps };
+export { AccountDataPortability, AccountDataPortabilityProps, AccountDataPortabilityButton, AccountDataPortabilityButtonProps, AccountDelete, AccountDeleteProps, AccountDeleteButton, AccountDeleteButtonProps, AccountRecover, AccountRecoverProps, AccountReset, AccountResetProps, AccountVerify, AccountVerifyProps, AccountChangeMailValidation, AccountChangeMailValidationProps, NavigationSettingsIconButton, NavigationSettingsIconButtonProps, NavigationSettingsItem, NavigationToolbarMobile, NavigationToolbarMobileProps, NavigationToolbarMobileSkeleton, NavigationToolbar, NavigationToolbarProps, NavigationToolbarSkeleton, NavigationMenuIconButton, NavigationMenuIconButtonProps, BottomNavigation, BottomNavigationProps, BroadcastMessages, BroadcastMessagesProps, BroadcastMessagesSkeleton, Category, CategoryProps, CategorySkeleton, CategoryAutocomplete, CategoryAutocompleteProps, CategoryFollowersButton, CategoryFollowersButtonProps, CategoryHeader, CategoryHeaderProps, CategoryHeaderSkeleton, Categories, CategoriesProps, CategoriesSkeleton, CategoriesSkeletonProps, UserFollowedCategoriesWidget, UserFollowedCategoriesWidgetProps, UserFollowedCategoriesWidgetSkeleton, CategoriesPopularWidget, CategoriesPopularWidgetSkeleton, CategoriesSuggestionWidget, CategoriesSuggestionWidgetProps, CategoriesSuggestionWidgetSkeleton, ChangeCover, ChangePicture, ChangePictureProps, ChangeCoverProps, Composer, ComposerProps, ComposerIconButton, ComposerIconButtonProps, Editor, EditorProps, EditorSkeleton, FriendshipUserButton, FriendshipButtonProps, Feed, FeedRef, FeedProps, FeedSidebarProps, FeedSkeleton, CategoryFollowButton, CategoryFollowButtonProps, FollowUserButton, FollowUserButtonProps, ConnectionUserButton, FeedObject, FeedObjectProps, FeedObjectSkeleton, FeedObjectMediaPreview, FeedObjectMediaPreviewProps, FeedUpdatesWidget, FeedUpdatesWidgetProps, FeedUpdatesWidgetSkeleton, GenericSkeleton, AvatarGroupSkeleton, CommentObject, CommentsObject, CommentsObjectProps, CommentObjectProps, CommentsObjectSkeleton, CommentObjectSkeleton, CommentObjectReply, CommentObjectReplyProps, CommentsFeedObject, CommentsFeedObjectProps, CommentsFeedObjectSkeleton, ReplyComment, InlineComposerWidget, InlineComposerWidgetProps, InlineComposerWidgetSkeleton, Notification, NotificationProps, NotificationSkeleton, UserSuggestionWidget, UserSuggestionWidgetProps, UserSuggestionWidgetSkeleton, PlatformWidget, PlatformWidgetProps, PlatformWidgetSkeleton, LocationAutocomplete, LocationAutocompleteProps, LoyaltyProgramWidget, LoyaltyProgramWidgetProps, LoyaltyProgramWidgetSkeleton, CategoryTrendingFeedWidget, CategoryTrendingFeedWidgetProps, CategoryTrendingFeedWidgetSkeleton, CategoryTrendingUsersWidget, CategoryTrendingUsersWidgetProps, CategoryTrendingPeopleWidgetSkeleton, RelatedFeedObjectsWidget, RelatedFeedObjectWidgetProps, RelatedFeedObjectsWidgetSkeleton, UserActionIconButton, UserActionIconButtonProps, UserCounters, UserCountersProps, UserProfileHeader, UserProfileHeaderProps, UserProfileHeaderSkeleton, UserInfoDialog, UserInfoDialogProps, UserInfo, UserInfoProps, UserInfoSkeleton, UserProfileBlocked, UserProfileBlockedProps, SCUserProfileFields, SCUserProfileSettings, UserProfileEdit, UserProfileEditProps, UserProfileEditSkeleton, UserProfileEditSectionPublicInfo, UserProfileEditSectionPublicInfoProps, UserProfileEditSectionSettings, UserProfileEditSectionSettingsProps, UserProfileEditSectionAccount, UserProfileEditSectionAccountProps, UserFollowedUsersWidget, UserFollowedUsersWidgetProps, UserFollowedUsersWidgetSkeleton, UserFollowersWidget, UserFollowersWidgetProps, UserFollowersWidgetSkeleton, UserConnectionsWidget, UserConnectionsWidgetProps, UserConnectionsWidgetSkeleton, UserConnectionsRequestsWidget, UserConnectionsRequestsWidgetProps, UserConnectionsRequestsWidgetSkeleton, UserConnectionsRequestsSentWidget, UserConnectionsRequestsSentWidgetProps, UserConnectionsRequestsSentWidgetSkeleton, UserSocialAssociation, UserSocialAssociationProps, SCUserSocialAssociations, CustomAdv, CustomAdvProps, CustomAdvSkeleton, User, UserProps, UserSkeleton, PrivateMessageThread, PrivateMessageThreadProps, PrivateMessageThreadSkeleton, PrivateMessageThreadItem, PrivateMessageThreadItemProps, PrivateMessageThreadItemSkeleton, PrivateMessageSnippetItem, PrivateMessageSnippetItemProps, PrivateMessageSnippetItemSkeleton, PrivateMessageEditor, PrivateMessageEditorProps, PrivateMessageEditorSkeleton, PrivateMessageSnippets, PrivateMessageSnippetsProps, PrivateMessageSnippetsSkeleton, PrivateMessageComponent, PrivateMessageComponentProps, PrivateMessageComponentSkeleton, PrivateMessageSettingsIconButton, PrivateMessageSettingsIconButtonProps, ToastNotifications, ToastNotificationsProps, ToastNotificationsSkeleton, SnippetNotifications, SnippetNotificationsProps, SnippetNotificationsSkeleton, SearchAutocomplete, SearchAutocompleteProps, SearchDialog, SearchDialogProps, Widget, WidgetProps, SCFeedWidgetType, SCFeedObjectTemplateType, SCCommentsOrderBy, SCFeedObjectActivitiesType, SCMediaObjectType, SCMediaChunkType, SCNotificationObjectTemplateType, SCBroadcastMessageTemplateType, UrlTextField, UsernameTextField, EmailTextField, PasswordTextField, PhoneTextField, MetadataField, InfiniteScroll, StickyBox, useStickyBox, StickyBoxProps, StickyBoxComponent, UseStickyBoxProps, TagChip, TagChipProps, UserDeletedSnackBar, UserDeletedSnackBarProps, UserAvatar, UserAvatarProps, Lightbox, CentralProgress, ConfirmDialog, LanguageSwitcher, MediaChunkUploader, MediaChunkUploaderProps, File, Link, Share, EditMediaProps, MEDIA_TYPE_EMBED, FACEBOOK_SHARE, TWITTER_SHARE, LINKEDIN_SHARE, DEFAULT_PRELOAD_OFFSET_VIEWPORT, MIN_PRELOAD_OFFSET_VIEWPORT, MAX_PRELOAD_OFFSET_VIEWPORT, ConsentSolution, ConsentSolutionProps, ConsentSolutionSkeleton, ConsentSolutionButton, ConsentSolutionButtonProps, LEGAL_POLICIES, DEFAULT_FIELDS, DEFAULT_PAGINATION_QUERY_PARAM_NAME, DEFAULT_PAGINATION_OFFSET, DEFAULT_PAGINATION_LIMIT, DEFAULT_WIDGETS_NUMBER, PollSuggestionWidget, PollSuggestionWidgetProps, Incubator, IncubatorSubscribeButton, IncubatorSubscribeButtonProps, IncubatorProps, IncubatorListWidget, IncubatorListWidgetProps, IncubatorDetail, IncubatorDetailProps, IncubatorSuggestionWidget, IncubatorSuggestionWidgetProps, ContributionUtils, bytesToSize, getUnseenNotification, getUnseenNotificationCounter, MessageUploaderUtils, getRelativeTime, Footer, FooterProps, FooterSkeleton, BaseItem, BaseItemProps, BaseDialog, BaseDialogProps };

package/lib/cjs/index.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FeedUpdatesWidgetSkeleton = exports.FeedUpdatesWidget = exports.FeedObjectSkeleton = exports.FeedObject = exports.ConnectionUserButton = exports.FollowUserButton = exports.CategoryFollowButton = exports.FeedSkeleton = exports.Feed = exports.FriendshipUserButton = exports.EditorSkeleton = exports.Editor = exports.ComposerIconButton = exports.ComposerSkeleton = exports.COMPOSER_TYPE_POST = exports.COMPOSER_TYPE_DISCUSSION = exports.Composer = exports.ChangePicture = exports.ChangeCover = exports.CategoriesSuggestionWidgetSkeleton = exports.CategoriesSuggestionWidget = exports.CategoriesPopularWidgetSkeleton = exports.CategoriesPopularWidget = exports.UserFollowedCategoriesWidgetSkeleton = exports.UserFollowedCategoriesWidget = exports.CategoriesSkeleton = exports.Categories = exports.CategoryHeaderSkeleton = exports.CategoryHeader = exports.CategoryFollowersButton = exports.CategoryAutocomplete = exports.CategorySkeleton = exports.Category = exports.BroadcastMessagesSkeleton = exports.BroadcastMessages = exports.BottomNavigation = exports.NavigationMenuIconButton = exports.NavigationToolbarSkeleton = exports.NavigationToolbar = exports.NavigationToolbarMobileSkeleton = exports.NavigationToolbarMobile = exports.NavigationSettingsIconButton = exports.AccountChangeMailValidation = exports.AccountVerify = exports.AccountReset = exports.AccountRecover = exports.AccountDeleteButton = exports.AccountDelete = exports.AccountDataPortabilityButton = exports.AccountDataPortability = void 0;
-exports.UserConnectionsRequestsWidgetSkeleton = exports.UserConnectionsRequestsWidget = exports.UserConnectionsWidgetSkeleton = exports.UserConnectionsWidget = exports.UserFollowersWidgetSkeleton = exports.UserFollowersWidget = exports.UserFollowedUsersWidgetSkeleton = exports.UserFollowedUsersWidget = exports.UserProfileEditSectionAccount = exports.UserProfileEditSectionSettings = exports.UserProfileEditSectionPublicInfo = exports.UserProfileEditSkeleton = exports.UserProfileEdit = exports.SCUserProfileSettings = exports.SCUserProfileFields = exports.UserProfileBlocked = exports.UserInfoSkeleton = exports.UserInfo = exports.UserInfoDialog = exports.UserProfileHeaderSkeleton = exports.UserProfileHeader = exports.UserCounters = exports.UserActionIconButton = exports.RelatedFeedObjectsWidgetSkeleton = exports.RelatedFeedObjectsWidget = exports.CategoryTrendingPeopleWidgetSkeleton = exports.CategoryTrendingUsersWidget = exports.CategoryTrendingFeedWidgetSkeleton = exports.CategoryTrendingFeedWidget = exports.LoyaltyProgramWidgetSkeleton = exports.LoyaltyProgramWidget = exports.LocationAutocomplete = exports.PlatformWidgetSkeleton = exports.PlatformWidget = exports.UserSuggestionWidgetSkeleton = exports.UserSuggestionWidget = exports.NotificationSkeleton = exports.Notification = exports.InlineComposerWidgetSkeleton = exports.InlineComposerWidget = exports.ReplyComment = exports.CommentsFeedObjectSkeleton = exports.CommentsFeedObject = exports.CommentObjectReply = exports.CommentObjectSkeleton = exports.CommentsObjectSkeleton = exports.CommentsObject = exports.CommentObject = exports.AvatarGroupSkeleton = exports.GenericSkeleton = void 0;
-exports.MediaChunkUploader = exports.LanguageSwitcher = exports.ConfirmDialog = exports.CentralProgress = exports.Lightbox = exports.UserAvatar = exports.UserDeletedSnackBar = exports.TagChip = exports.useStickyBox = exports.StickyBox = exports.InfiniteScroll = exports.MetadataField = exports.PhoneTextField = exports.PasswordTextField = exports.EmailTextField = exports.UsernameTextField = exports.UrlTextField = exports.SCBroadcastMessageTemplateType = exports.SCNotificationObjectTemplateType = exports.SCFeedObjectActivitiesType = exports.SCCommentsOrderBy = exports.SCFeedObjectTemplateType = exports.Widget = exports.SearchDialog = exports.SearchAutocomplete = exports.SnippetNotificationsSkeleton = exports.SnippetNotifications = exports.ToastNotificationsSkeleton = exports.ToastNotifications = exports.PrivateMessageSettingsIconButton = exports.PrivateMessageComponentSkeleton = exports.PrivateMessageComponent = exports.PrivateMessageSnippetsSkeleton = exports.PrivateMessageSnippets = exports.PrivateMessageEditorSkeleton = exports.PrivateMessageEditor = exports.PrivateMessageSnippetItemSkeleton = exports.PrivateMessageSnippetItem = exports.PrivateMessageThreadItemSkeleton = exports.PrivateMessageThreadItem = exports.PrivateMessageThreadSkeleton = exports.PrivateMessageThread = exports.UserSkeleton = exports.User = exports.CustomAdvSkeleton = exports.CustomAdv = exports.SCUserSocialAssociations = exports.UserSocialAssociation = exports.UserConnectionsRequestsSentWidgetSkeleton = exports.UserConnectionsRequestsSentWidget = void 0;
-exports.BaseDialog = exports.BaseItem = exports.FooterSkeleton = exports.Footer = exports.getRelativeTime = exports.MessageUploaderUtils = exports.getUnseenNotificationCounter = exports.getUnseenNotification = exports.bytesToSize = exports.ContributionUtils = exports.IncubatorSuggestionWidget = exports.IncubatorDetail = exports.IncubatorListWidget = exports.IncubatorSubscribeButton = exports.Incubator = exports.PollSuggestionWidget = exports.DEFAULT_WIDGETS_NUMBER = exports.DEFAULT_PAGINATION_LIMIT = exports.DEFAULT_PAGINATION_OFFSET = exports.DEFAULT_PAGINATION_QUERY_PARAM_NAME = exports.DEFAULT_FIELDS = exports.LEGAL_POLICIES = exports.ConsentSolutionButton = exports.ConsentSolutionSkeleton = exports.ConsentSolution = exports.MAX_PRELOAD_OFFSET_VIEWPORT = exports.MIN_PRELOAD_OFFSET_VIEWPORT = exports.DEFAULT_PRELOAD_OFFSET_VIEWPORT = exports.LINKEDIN_SHARE = exports.TWITTER_SHARE = exports.FACEBOOK_SHARE = exports.MEDIA_TYPE_EMBED = exports.Share = exports.Link = exports.Image = exports.Document = void 0;
+exports.AvatarGroupSkeleton = exports.GenericSkeleton = exports.FeedUpdatesWidgetSkeleton = exports.FeedUpdatesWidget = exports.FeedObjectMediaPreview = exports.FeedObjectSkeleton = exports.FeedObject = exports.ConnectionUserButton = exports.FollowUserButton = exports.CategoryFollowButton = exports.FeedSkeleton = exports.Feed = exports.FriendshipUserButton = exports.EditorSkeleton = exports.Editor = exports.ComposerIconButton = exports.Composer = exports.ChangePicture = exports.ChangeCover = exports.CategoriesSuggestionWidgetSkeleton = exports.CategoriesSuggestionWidget = exports.CategoriesPopularWidgetSkeleton = exports.CategoriesPopularWidget = exports.UserFollowedCategoriesWidgetSkeleton = exports.UserFollowedCategoriesWidget = exports.CategoriesSkeleton = exports.Categories = exports.CategoryHeaderSkeleton = exports.CategoryHeader = exports.CategoryFollowersButton = exports.CategoryAutocomplete = exports.CategorySkeleton = exports.Category = exports.BroadcastMessagesSkeleton = exports.BroadcastMessages = exports.BottomNavigation = exports.NavigationMenuIconButton = exports.NavigationToolbarSkeleton = exports.NavigationToolbar = exports.NavigationToolbarMobileSkeleton = exports.NavigationToolbarMobile = exports.NavigationSettingsIconButton = exports.AccountChangeMailValidation = exports.AccountVerify = exports.AccountReset = exports.AccountRecover = exports.AccountDeleteButton = exports.AccountDelete = exports.AccountDataPortabilityButton = exports.AccountDataPortability = void 0;
+exports.UserConnectionsRequestsSentWidgetSkeleton = exports.UserConnectionsRequestsSentWidget = exports.UserConnectionsRequestsWidgetSkeleton = exports.UserConnectionsRequestsWidget = exports.UserConnectionsWidgetSkeleton = exports.UserConnectionsWidget = exports.UserFollowersWidgetSkeleton = exports.UserFollowersWidget = exports.UserFollowedUsersWidgetSkeleton = exports.UserFollowedUsersWidget = exports.UserProfileEditSectionAccount = exports.UserProfileEditSectionSettings = exports.UserProfileEditSectionPublicInfo = exports.UserProfileEditSkeleton = exports.UserProfileEdit = exports.SCUserProfileSettings = exports.SCUserProfileFields = exports.UserProfileBlocked = exports.UserInfoSkeleton = exports.UserInfo = exports.UserInfoDialog = exports.UserProfileHeaderSkeleton = exports.UserProfileHeader = exports.UserCounters = exports.UserActionIconButton = exports.RelatedFeedObjectsWidgetSkeleton = exports.RelatedFeedObjectsWidget = exports.CategoryTrendingPeopleWidgetSkeleton = exports.CategoryTrendingUsersWidget = exports.CategoryTrendingFeedWidgetSkeleton = exports.CategoryTrendingFeedWidget = exports.LoyaltyProgramWidgetSkeleton = exports.LoyaltyProgramWidget = exports.LocationAutocomplete = exports.PlatformWidgetSkeleton = exports.PlatformWidget = exports.UserSuggestionWidgetSkeleton = exports.UserSuggestionWidget = exports.NotificationSkeleton = exports.Notification = exports.InlineComposerWidgetSkeleton = exports.InlineComposerWidget = exports.ReplyComment = exports.CommentsFeedObjectSkeleton = exports.CommentsFeedObject = exports.CommentObjectReply = exports.CommentObjectSkeleton = exports.CommentsObjectSkeleton = exports.CommentsObject = exports.CommentObject = void 0;
+exports.Link = exports.File = exports.MediaChunkUploader = exports.LanguageSwitcher = exports.ConfirmDialog = exports.CentralProgress = exports.Lightbox = exports.UserAvatar = exports.UserDeletedSnackBar = exports.TagChip = exports.useStickyBox = exports.StickyBox = exports.InfiniteScroll = exports.MetadataField = exports.PhoneTextField = exports.PasswordTextField = exports.EmailTextField = exports.UsernameTextField = exports.UrlTextField = exports.SCBroadcastMessageTemplateType = exports.SCNotificationObjectTemplateType = exports.SCFeedObjectActivitiesType = exports.SCCommentsOrderBy = exports.SCFeedObjectTemplateType = exports.Widget = exports.SearchDialog = exports.SearchAutocomplete = exports.SnippetNotificationsSkeleton = exports.SnippetNotifications = exports.ToastNotificationsSkeleton = exports.ToastNotifications = exports.PrivateMessageSettingsIconButton = exports.PrivateMessageComponentSkeleton = exports.PrivateMessageComponent = exports.PrivateMessageSnippetsSkeleton = exports.PrivateMessageSnippets = exports.PrivateMessageEditorSkeleton = exports.PrivateMessageEditor = exports.PrivateMessageSnippetItemSkeleton = exports.PrivateMessageSnippetItem = exports.PrivateMessageThreadItemSkeleton = exports.PrivateMessageThreadItem = exports.PrivateMessageThreadSkeleton = exports.PrivateMessageThread = exports.UserSkeleton = exports.User = exports.CustomAdvSkeleton = exports.CustomAdv = exports.SCUserSocialAssociations = exports.UserSocialAssociation = void 0;
+exports.BaseDialog = exports.BaseItem = exports.FooterSkeleton = exports.Footer = exports.getRelativeTime = exports.MessageUploaderUtils = exports.getUnseenNotificationCounter = exports.getUnseenNotification = exports.bytesToSize = exports.ContributionUtils = exports.IncubatorSuggestionWidget = exports.IncubatorDetail = exports.IncubatorListWidget = exports.IncubatorSubscribeButton = exports.Incubator = exports.PollSuggestionWidget = exports.DEFAULT_WIDGETS_NUMBER = exports.DEFAULT_PAGINATION_LIMIT = exports.DEFAULT_PAGINATION_OFFSET = exports.DEFAULT_PAGINATION_QUERY_PARAM_NAME = exports.DEFAULT_FIELDS = exports.LEGAL_POLICIES = exports.ConsentSolutionButton = exports.ConsentSolutionSkeleton = exports.ConsentSolution = exports.MAX_PRELOAD_OFFSET_VIEWPORT = exports.MIN_PRELOAD_OFFSET_VIEWPORT = exports.DEFAULT_PRELOAD_OFFSET_VIEWPORT = exports.LINKEDIN_SHARE = exports.TWITTER_SHARE = exports.FACEBOOK_SHARE = exports.MEDIA_TYPE_EMBED = exports.Share = void 0;
 const tslib_1 = require("tslib");
 /**
  * Components
@@ -59,14 +59,10 @@ const ChangePicture_1 = tslib_1.__importDefault(require("./components/ChangePict
 exports.ChangePicture = ChangePicture_1.default;
 const FriendshipUserButton_1 = tslib_1.__importDefault(require("./components/FriendshipUserButton"));
 exports.FriendshipUserButton = FriendshipUserButton_1.default;
-const Composer_1 = tslib_1.__importStar(require("./components/Composer"));
+const Composer_1 = tslib_1.__importDefault(require("./components/Composer"));
 exports.Composer = Composer_1.default;
-Object.defineProperty(exports, "ComposerSkeleton", { enumerable: true, get: function () { return Composer_1.ComposerSkeleton; } });
 const ComposerIconButton_1 = tslib_1.__importDefault(require("./components/ComposerIconButton"));
 exports.ComposerIconButton = ComposerIconButton_1.default;
-const Composer_2 = require("./constants/Composer");
-Object.defineProperty(exports, "COMPOSER_TYPE_DISCUSSION", { enumerable: true, get: function () { return Composer_2.COMPOSER_TYPE_DISCUSSION; } });
-Object.defineProperty(exports, "COMPOSER_TYPE_POST", { enumerable: true, get: function () { return Composer_2.COMPOSER_TYPE_POST; } });
 const Editor_1 = tslib_1.__importStar(require("./components/Editor"));
 exports.Editor = Editor_1.default;
 Object.defineProperty(exports, "EditorSkeleton", { enumerable: true, get: function () { return Editor_1.EditorSkeleton; } });
@@ -127,10 +123,10 @@ const UserProfileBlocked_1 = tslib_1.__importDefault(require("./components/UserP
 exports.UserProfileBlocked = UserProfileBlocked_1.default;
 const UserProfileEdit_1 = tslib_1.__importStar(require("./components/UserProfileEdit"));
 exports.UserProfileEdit = UserProfileEdit_1.default;
-Object.defineProperty(exports, "UserProfileEditSkeleton", { enumerable: true, get: function () { return UserProfileEdit_1.UserProfileEditSkeleton; } });
+Object.defineProperty(exports, "UserProfileEditSectionAccount", { enumerable: true, get: function () { return UserProfileEdit_1.UserProfileEditSectionAccount; } });
 Object.defineProperty(exports, "UserProfileEditSectionPublicInfo", { enumerable: true, get: function () { return UserProfileEdit_1.UserProfileEditSectionPublicInfo; } });
 Object.defineProperty(exports, "UserProfileEditSectionSettings", { enumerable: true, get: function () { return UserProfileEdit_1.UserProfileEditSectionSettings; } });
-Object.defineProperty(exports, "UserProfileEditSectionAccount", { enumerable: true, get: function () { return UserProfileEdit_1.UserProfileEditSectionAccount; } });
+Object.defineProperty(exports, "UserProfileEditSkeleton", { enumerable: true, get: function () { return UserProfileEdit_1.UserProfileEditSkeleton; } });
 const UserFollowedUsersWidget_1 = tslib_1.__importStar(require("./components/UserFollowedUsersWidget"));
 exports.UserFollowedUsersWidget = UserFollowedUsersWidget_1.default;
 Object.defineProperty(exports, "UserFollowedUsersWidgetSkeleton", { enumerable: true, get: function () { return UserFollowedUsersWidget_1.UserFollowedUsersWidgetSkeleton; } });
@@ -156,14 +152,14 @@ exports.CommentObject = CommentObject_1.default;
 Object.defineProperty(exports, "CommentObjectSkeleton", { enumerable: true, get: function () { return CommentObject_1.CommentObjectSkeleton; } });
 const CommentObjectReply_1 = tslib_1.__importDefault(require("./components/CommentObjectReply"));
 exports.CommentObjectReply = CommentObjectReply_1.default;
+const CommentObjectReply_2 = tslib_1.__importDefault(require("./components/CommentObjectReply"));
+exports.ReplyComment = CommentObjectReply_2.default;
 const CommentsObject_1 = tslib_1.__importStar(require("./components/CommentsObject"));
 exports.CommentsObject = CommentsObject_1.default;
 Object.defineProperty(exports, "CommentsObjectSkeleton", { enumerable: true, get: function () { return CommentsObject_1.CommentsObjectSkeleton; } });
 const CommentsFeedObject_1 = tslib_1.__importStar(require("./components/CommentsFeedObject"));
 exports.CommentsFeedObject = CommentsFeedObject_1.default;
 Object.defineProperty(exports, "CommentsFeedObjectSkeleton", { enumerable: true, get: function () { return CommentsFeedObject_1.CommentsFeedObjectSkeleton; } });
-const CommentObjectReply_2 = tslib_1.__importDefault(require("./components/CommentObjectReply"));
-exports.ReplyComment = CommentObjectReply_2.default;
 const CustomAdv_1 = tslib_1.__importStar(require("./components/CustomAdv"));
 exports.CustomAdv = CustomAdv_1.default;
 Object.defineProperty(exports, "CustomAdvSkeleton", { enumerable: true, get: function () { return CustomAdv_1.CustomAdvSkeleton; } });
@@ -221,8 +217,7 @@ exports.BaseDialog = BaseDialog_1.default;
 const MediaChunkUploader_1 = tslib_1.__importDefault(require("./shared/MediaChunkUploader"));
 exports.MediaChunkUploader = MediaChunkUploader_1.default;
 const Media_1 = require("./shared/Media");
-Object.defineProperty(exports, "Document", { enumerable: true, get: function () { return Media_1.Document; } });
-Object.defineProperty(exports, "Image", { enumerable: true, get: function () { return Media_1.Image; } });
+Object.defineProperty(exports, "File", { enumerable: true, get: function () { return Media_1.File; } });
 Object.defineProperty(exports, "Link", { enumerable: true, get: function () { return Media_1.Link; } });
 Object.defineProperty(exports, "Share", { enumerable: true, get: function () { return Media_1.Share; } });
 const UrlTextField_1 = tslib_1.__importDefault(require("./shared/UrlTextField"));
@@ -283,9 +278,9 @@ Object.defineProperty(exports, "PrivateMessageComponentSkeleton", { enumerable:
 const Feed_2 = require("./constants/Feed");
 Object.defineProperty(exports, "DEFAULT_WIDGETS_NUMBER", { enumerable: true, get: function () { return Feed_2.DEFAULT_WIDGETS_NUMBER; } });
 const Pagination_1 = require("./constants/Pagination");
-Object.defineProperty(exports, "DEFAULT_PAGINATION_QUERY_PARAM_NAME", { enumerable: true, get: function () { return Pagination_1.DEFAULT_PAGINATION_QUERY_PARAM_NAME; } });
-Object.defineProperty(exports, "DEFAULT_PAGINATION_OFFSET", { enumerable: true, get: function () { return Pagination_1.DEFAULT_PAGINATION_OFFSET; } });
 Object.defineProperty(exports, "DEFAULT_PAGINATION_LIMIT", { enumerable: true, get: function () { return Pagination_1.DEFAULT_PAGINATION_LIMIT; } });
+Object.defineProperty(exports, "DEFAULT_PAGINATION_OFFSET", { enumerable: true, get: function () { return Pagination_1.DEFAULT_PAGINATION_OFFSET; } });
+Object.defineProperty(exports, "DEFAULT_PAGINATION_QUERY_PARAM_NAME", { enumerable: true, get: function () { return Pagination_1.DEFAULT_PAGINATION_QUERY_PARAM_NAME; } });
 const SocialShare_1 = require("./constants/SocialShare");
 Object.defineProperty(exports, "FACEBOOK_SHARE", { enumerable: true, get: function () { return SocialShare_1.FACEBOOK_SHARE; } });
 Object.defineProperty(exports, "LINKEDIN_SHARE", { enumerable: true, get: function () { return SocialShare_1.LINKEDIN_SHARE; } });
@@ -318,3 +313,5 @@ const MessageUploaderUtils = tslib_1.__importStar(require("./utils/thumbnailCove
 exports.MessageUploaderUtils = MessageUploaderUtils;
 const formatRelativeTime_1 = require("./utils/formatRelativeTime");
 Object.defineProperty(exports, "getRelativeTime", { enumerable: true, get: function () { return formatRelativeTime_1.getRelativeTime; } });
+const FeedObjectMediaPreview_1 = tslib_1.__importDefault(require("./components/FeedObjectMediaPreview"));
+exports.FeedObjectMediaPreview = FeedObjectMediaPreview_1.default;

package/lib/cjs/shared/Lightbox/Lightbox.js

@@ -15,14 +15,14 @@ const Root = (0, styles_1.styled)(react_photo_view_1.PhotoSlider, {
     overridesResolver: (props, styles) => styles.root
 })(() => ({}));
 const ReactImageLightbox = (props) => {
-    const { images = [], index, onClose, visible = true, afterClose, onIndexChange, toolbarButtons = [] } = props, rest = tslib_1.__rest(props, ["images", "index", "onClose", "visible", "afterClose", "onIndexChange", "toolbarButtons"]);
+    const { images = [], index, onClose, visible = true, afterClose, onIndexChange, toolbarRender, toolbarButtons = [] } = props, rest = tslib_1.__rest(props, ["images", "index", "onClose", "visible", "afterClose", "onIndexChange", "toolbarRender", "toolbarButtons"]);
     // STATE
     const [currentImages] = (0, react_1.useState)(images || []);
     const [currentImageIndex, setCurrentImageIndex] = (0, react_1.useState)(index || 0);
     /**
      * Renders root object
      */
-    return (react_1.default.createElement(Root, Object.assign({}, rest, { className: classes.root, images: currentImages, visible: visible && index !== -1, index: currentImageIndex, onIndexChange: setCurrentImageIndex, onClose: onClose, afterClose: afterClose, loadingElement: react_1.default.createElement(material_1.CircularProgress, { color: 'primary' }), toolbarRender: () => {
+    return (react_1.default.createElement(Root, Object.assign({}, rest, { className: classes.root, images: currentImages, visible: visible && index !== -1, index: currentImageIndex, onIndexChange: setCurrentImageIndex, onClose: onClose, afterClose: afterClose, loadingElement: react_1.default.createElement(material_1.CircularProgress, { color: 'primary' }), toolbarRender: toolbarRender ? toolbarRender : () => {
             return react_1.default.createElement(react_1.default.Fragment, null, toolbarButtons);
         } })));
 };

package/lib/{esm/shared/Media/Image/PreviewComponent.d.ts → cjs/shared/Media/File/DisplayComponent.d.ts}

@@ -1,10 +1,9 @@
-import React from 'react';
 export interface ImagePreviewComponentProps {
     /**
      * Class name to apply to the root object
      * @default empty string
      */
-    className: string;
+    className?: string;
     /**
      * Medias objs
      * @default []
@@ -20,15 +19,6 @@ export interface ImagePreviewComponentProps {
      * @default true
      */
     gallery?: boolean;
-    /**
-     * Component adornments
-     * @default null
-     */
-    adornment?: React.ReactNode;
-    /**
-     * Handles on click
-     */
-    onClick?: (any: any) => void;
     /**
      * Handles on media click
      */

package/lib/cjs/shared/Media/{Image/PreviewComponent.js → File/DisplayComponent.js}

@@ -3,130 +3,41 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const styles_1 = require("@mui/material/styles");
-const PreviewImage_1 = tslib_1.__importDefault(require("./PreviewImage"));
+const Lightbox_1 = tslib_1.__importDefault(require("./Lightbox"));
 const material_1 = require("@mui/material");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const Icon_1 = tslib_1.__importDefault(require("@mui/material/Icon"));
 const react_intersection_observer_1 = require("react-intersection-observer");
-const PREFIX = 'SCPreviewMediaImage';
+const constants_1 = require("./constants");
+const filter_1 = tslib_1.__importDefault(require("./filter"));
 const classes = {
-    root: `${PREFIX}-root`,
-    background: `${PREFIX}-background`,
-    backgroundPortrait: `${PREFIX}-backgroundPortrait`,
-    heightOne: `${PREFIX}-heightOne`,
-    heightHalfOne: `${PREFIX}-heightHalfOne`,
-    heightTwo: `${PREFIX}-heightTwo`,
-    heightThree: `${PREFIX}-heightThree`,
-    cover: `${PREFIX}-cover`,
-    coverText: `${PREFIX}-coverText`,
-    slide: `${PREFIX}-slide`,
-    border: `${PREFIX}-border`,
-    gallery: `${PREFIX}-gallery`,
-    title: `${PREFIX}-title`,
-    iconFile: `${PREFIX}-iconFile`
+    displayRoot: `${constants_1.PREFIX}-display-root`,
+    background: `${constants_1.PREFIX}-background`,
+    backgroundPortrait: `${constants_1.PREFIX}-background-portrait`,
+    heightOne: `${constants_1.PREFIX}-height-one`,
+    heightHalfOne: `${constants_1.PREFIX}-height-half-one`,
+    heightTwo: `${constants_1.PREFIX}-height-two`,
+    heightThree: `${constants_1.PREFIX}-height-three`,
+    cover: `${constants_1.PREFIX}-cover`,
+    coverText: `${constants_1.PREFIX}-cover-text`,
+    slide: `${constants_1.PREFIX}-slide`,
+    border: `${constants_1.PREFIX}-border`,
+    gallery: `${constants_1.PREFIX}-gallery`,
+    title: `${constants_1.PREFIX}-title`,
+    iconFile: `${constants_1.PREFIX}-icon-file`
 };
 const Root = (0, styles_1.styled)(material_1.Box, {
-    name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({
-    textAlign: 'center',
-    margin: 'auto',
-    width: '100%',
-    position: 'relative',
-    [theme.breakpoints.down('md')]: {
-        minHeight: 170
-    },
-    [`& .${classes.background}`]: {
-        backgroundSize: 'cover !important',
-        backgroundPosition: 'center !important',
-        backgroundRepeat: 'no-repeat !important'
-    },
-    [`& .${classes.backgroundPortrait}`]: {
-        backgroundSize: 'contain !important',
-        backgroundPosition: 'center !important',
-        backgroundRepeat: 'no-repeat !important'
-    },
-    [`& .${classes.heightOne}`]: {
-        width: '100%',
-        paddingTop: '99%'
-    },
-    [`& .${classes.heightHalfOne}`]: {
-        paddingTop: '50%'
-    },
-    [`& .${classes.heightTwo}`]: {
-        width: '50%',
-        paddingTop: '50%'
-    },
-    [`& .${classes.heightThree}`]: {
-        width: '33.3333%',
-        paddingTop: '33.3333%'
-    },
-    [`& .${classes.cover}`]: {
-        backgroundColor: 'rgba(102,102,102,0.2)',
-        opacity: 0.8,
-        position: 'absolute',
-        right: 0,
-        top: 0,
-        left: 0,
-        bottom: 0
-    },
-    [`& .${classes.coverText}`]: {
-        right: 0,
-        left: 0,
-        bottom: 0,
-        color: '#FFF',
-        fontSize: '7%',
-        position: 'absolute',
-        top: '50%',
-        transform: 'translate(0%, -50%)',
-        textAlign: 'center',
-        '& > p': {
-            margin: 0,
-            position: 'absolute',
-            top: '50%',
-            left: '50%',
-            transform: 'translate(-50%, -50%)'
-        }
-    },
-    [`& .${classes.slide}`]: {
-        height: 0,
-        bottom: '100%',
-        overflow: 'hidden',
-        fontSize: '3%',
-        color: '#FFF'
-    },
-    [`& .${classes.border}`]: {
-        position: 'relative',
-        border: '2px solid #FFF',
-        '&:hover > div': {
-            bottom: 0,
-            height: 'auto'
-        },
-        '&:hover > div.animate-text': {
-            top: '66%'
-        }
-    },
-    [`& .${classes.gallery}`]: {
-        cursor: 'pointer'
-    },
-    [`& .${classes.title} .MuiTypography-root`]: {
-        color: '#FFF',
-        backgroundColor: theme.palette.getContrastText('#FFF'),
-        opacity: 0.6
-    },
-    [`& .${classes.iconFile}`]: {
-        fontSize: 14,
-        position: 'relative',
-        top: 2
-    }
-}));
+    name: constants_1.PREFIX,
+    slot: 'DisplayRoot'
+})(({ theme }) => ({}));
 exports.default = (props) => {
     // PROPS
-    const { className = '', medias = [], maxVisible = 5, gallery = true, adornment = null, onClick = null, onMediaClick = null } = props;
+    const { className = '', medias = [], maxVisible = 5, gallery = true, onMediaClick = null } = props;
     // STATE
     const [preview, setPreview] = (0, react_1.useState)(-1);
     const { ref, inView } = (0, react_intersection_observer_1.useInView)({ triggerOnce: false });
+    // MEMO
+    const _medias = (0, react_1.useMemo)(() => medias.filter(filter_1.default), [medias]);
     // HANDLERS
     const handleClose = () => {
         setPreview(-1);
@@ -139,17 +50,14 @@ exports.default = (props) => {
         }
         return image;
     };
-    const openPreviewImage = (index) => {
-        if (onClick) {
-            return onClick({ src: medias[index], index });
-        }
+    const openPreviewImage = (0, react_1.useCallback)((index) => {
         if (gallery === false) {
             // Prevent gallery
             return;
         }
         setPreview(index);
-        onMediaClick(medias[index]);
-    };
+        onMediaClick(_medias[index]);
+    }, [_medias]);
     // RENDERING
     const renderTitle = (o) => {
         if (!o) {
@@ -173,42 +81,42 @@ exports.default = (props) => {
                 o.title)))));
     };
     const renderOne = () => {
-        const overlay = medias.length > maxVisible && maxVisible == 1 ? renderCountOverlay(true) : renderOverlay(0);
-        const isGif = medias[0].image_mimetype ? medias[0].image_mimetype.includes('image/gif') : false;
-        const isLandscape = medias[0].image_height < medias[0].image_width;
-        return (react_1.default.createElement(material_1.Grid, { container: true, style: Object.assign({}, (medias[0].image_thumbnail && medias[0].image_thumbnail.color ? { backgroundColor: medias[0].image_thumbnail.color } : {})) },
+        const overlay = _medias.length > maxVisible && maxVisible == 1 ? renderCountOverlay(true) : renderOverlay(0);
+        const isGif = _medias[0].image_mimetype ? _medias[0].image_mimetype.includes('image/gif') : false;
+        const isLandscape = _medias[0].image_height < _medias[0].image_width;
+        return (react_1.default.createElement(material_1.Grid, { container: true, style: Object.assign({}, (_medias[0].image_thumbnail && _medias[0].image_thumbnail.color ? { backgroundColor: _medias[0].image_thumbnail.color } : {})) },
             react_1.default.createElement(material_1.Grid, { item: true, ref: ref, xs: 12, classes: {
-                    root: (0, classnames_1.default)(classes.border, classes.heightOne, Object.assign(Object.assign({}, (isGif || isLandscape ? { [classes.background]: true } : { [classes.backgroundPortrait]: true })), { [classes.gallery]: gallery, [classes.heightHalfOne]: medias.length > 1 }))
-                }, onClick: () => openPreviewImage(0), style: Object.assign({ background: `url(${getImageUrl(medias[0], inView && isGif)})` }, (isLandscape ? { paddingTop: `${(100 * medias[0].image_height) / medias[0].image_width}%` } : {})) },
+                    root: (0, classnames_1.default)(classes.border, classes.heightOne, Object.assign(Object.assign({}, (isGif || isLandscape ? { [classes.background]: true } : { [classes.backgroundPortrait]: true })), { [classes.gallery]: gallery, [classes.heightHalfOne]: _medias.length > 1 }))
+                }, onClick: () => openPreviewImage(0), style: Object.assign({ background: `url(${getImageUrl(_medias[0], inView && isGif)})` }, (isLandscape ? { paddingTop: `${(100 * _medias[0].image_height) / _medias[0].image_width}%` } : {})) },
                 overlay,
-                renderTitle(medias[0]))));
+                renderTitle(_medias[0]))));
     };
     const renderTwo = () => {
-        const overlay = medias.length > maxVisible && [2, 3].includes(+maxVisible) ? renderCountOverlay(true) : renderOverlay(1);
-        const conditionalRender = [3, 4].includes(medias.length) || (medias.length > +maxVisible && [3, 4].includes(+maxVisible));
+        const overlay = _medias.length > maxVisible && [2, 3].includes(+maxVisible) ? renderCountOverlay(true) : renderOverlay(1);
+        const conditionalRender = [3, 4].includes(_medias.length) || (_medias.length > +maxVisible && [3, 4].includes(+maxVisible));
         return (react_1.default.createElement(material_1.Grid, { container: true },
-            react_1.default.createElement(material_1.Grid, { item: true, xs: 6, classes: { root: (0, classnames_1.default)(classes.border, classes.heightTwo, classes.background, { [classes.gallery]: gallery }) }, onClick: () => openPreviewImage(conditionalRender ? 1 : 0), style: { background: `url(${getImageUrl(conditionalRender ? medias[1] : medias[0])})` } },
+            react_1.default.createElement(material_1.Grid, { item: true, xs: 6, classes: { root: (0, classnames_1.default)(classes.border, classes.heightTwo, classes.background, { [classes.gallery]: gallery }) }, onClick: () => openPreviewImage(conditionalRender ? 1 : 0), style: { background: `url(${getImageUrl(conditionalRender ? _medias[1] : _medias[0])})` } },
                 renderOverlay(conditionalRender ? 1 : 0),
-                renderTitle(medias[0])),
-            react_1.default.createElement(material_1.Grid, { item: true, xs: 6, classes: { root: (0, classnames_1.default)(classes.border, classes.heightTwo, classes.background, { [classes.gallery]: gallery }) }, onClick: () => openPreviewImage(conditionalRender ? 2 : 1), style: { background: `url(${getImageUrl(conditionalRender ? medias[2] : medias[1])})` } },
+                renderTitle(_medias[0])),
+            react_1.default.createElement(material_1.Grid, { item: true, xs: 6, classes: { root: (0, classnames_1.default)(classes.border, classes.heightTwo, classes.background, { [classes.gallery]: gallery }) }, onClick: () => openPreviewImage(conditionalRender ? 2 : 1), style: { background: `url(${getImageUrl(conditionalRender ? _medias[2] : _medias[1])})` } },
                 overlay,
-                renderTitle(medias[1]))));
+                renderTitle(_medias[1]))));
     };
     const renderThree = () => {
-        const conditionalRender = medias.length == 4 || (medias.length > +maxVisible && +maxVisible == 4);
-        const overlay = !maxVisible || maxVisible > 5 || (medias.length > maxVisible && [4, 5].includes(+maxVisible))
+        const conditionalRender = _medias.length == 4 || (_medias.length > +maxVisible && +maxVisible == 4);
+        const overlay = !maxVisible || maxVisible > 5 || (_medias.length > maxVisible && [4, 5].includes(+maxVisible))
             ? renderCountOverlay(true)
             : renderOverlay(conditionalRender ? 3 : 4);
         return (react_1.default.createElement(material_1.Grid, { container: true },
-            react_1.default.createElement(material_1.Grid, { item: true, xs: 4, md: 4, classes: { root: (0, classnames_1.default)(classes.border, classes.heightThree, classes.background, { [classes.gallery]: gallery }) }, onClick: () => openPreviewImage(conditionalRender ? 1 : 2), style: { background: `url(${getImageUrl(conditionalRender ? medias[1] : medias[2])})` } },
+            react_1.default.createElement(material_1.Grid, { item: true, xs: 4, md: 4, classes: { root: (0, classnames_1.default)(classes.border, classes.heightThree, classes.background, { [classes.gallery]: gallery }) }, onClick: () => openPreviewImage(conditionalRender ? 1 : 2), style: { background: `url(${getImageUrl(conditionalRender ? _medias[1] : _medias[2])})` } },
                 renderOverlay(conditionalRender ? 1 : 2),
-                renderTitle(medias[1])),
-            react_1.default.createElement(material_1.Grid, { item: true, xs: 4, md: 4, classes: { root: (0, classnames_1.default)(classes.border, classes.heightThree, classes.background, { [classes.gallery]: gallery }) }, onClick: () => openPreviewImage(conditionalRender ? 2 : 3), style: { background: `url(${getImageUrl(conditionalRender ? medias[2] : medias[3])})` } },
+                renderTitle(_medias[1])),
+            react_1.default.createElement(material_1.Grid, { item: true, xs: 4, md: 4, classes: { root: (0, classnames_1.default)(classes.border, classes.heightThree, classes.background, { [classes.gallery]: gallery }) }, onClick: () => openPreviewImage(conditionalRender ? 2 : 3), style: { background: `url(${getImageUrl(conditionalRender ? _medias[2] : _medias[3])})` } },
                 renderOverlay(conditionalRender ? 2 : 3),
-                renderTitle(medias[2])),
-            react_1.default.createElement(material_1.Grid, { item: true, xs: 4, md: 4, classes: { root: (0, classnames_1.default)(classes.border, classes.heightThree, classes.background, { [classes.gallery]: gallery }) }, onClick: () => openPreviewImage(conditionalRender ? 3 : 4), style: { background: `url(${getImageUrl(conditionalRender ? medias[3] : medias[4])})` } },
+                renderTitle(_medias[2])),
+            react_1.default.createElement(material_1.Grid, { item: true, xs: 4, md: 4, classes: { root: (0, classnames_1.default)(classes.border, classes.heightThree, classes.background, { [classes.gallery]: gallery }) }, onClick: () => openPreviewImage(conditionalRender ? 3 : 4), style: { background: `url(${getImageUrl(conditionalRender ? _medias[3] : _medias[4])})` } },
                 overlay,
-                renderTitle(medias[3]))));
+                renderTitle(_medias[3]))));
     };
     const renderOverlay = (id) => {
         if (!gallery) {
@@ -221,7 +129,7 @@ exports.default = (props) => {
         ];
     };
     const renderCountOverlay = (more) => {
-        const extra = medias.length - (maxVisible && maxVisible > 5 ? 5 : maxVisible);
+        const extra = _medias.length - (maxVisible && maxVisible > 5 ? 5 : maxVisible);
         return [
             more && react_1.default.createElement("div", { key: "count", className: classes.cover }),
             more && (react_1.default.createElement("div", { key: "count-sub", className: classes.coverText, style: { fontSize: '200%' } },
@@ -230,14 +138,16 @@ exports.default = (props) => {
                     extra)))
         ];
     };
-    const imagesToShow = [...medias];
-    if (maxVisible && medias.length > maxVisible) {
+    const imagesToShow = [..._medias];
+    if (maxVisible && _medias.length > maxVisible) {
         imagesToShow.length = maxVisible;
     }
-    return (react_1.default.createElement(react_1.default.Fragment, null, medias.length > 0 && (react_1.default.createElement(Root, { className: (0, classnames_1.default)(classes.root, className) },
-        adornment,
+    if (_medias.length === 0) {
+        return null;
+    }
+    return (react_1.default.createElement(Root, { className: (0, classnames_1.default)(classes.displayRoot, className) },
         [1, 3, 4].includes(imagesToShow.length) && renderOne(),
         imagesToShow.length >= 2 && imagesToShow.length != 4 && renderTwo(),
         imagesToShow.length >= 4 && renderThree(),
-        preview !== -1 && react_1.default.createElement(PreviewImage_1.default, { onClose: handleClose, index: preview, images: medias })))));
+        preview !== -1 && react_1.default.createElement(Lightbox_1.default, { onClose: handleClose, index: preview, medias: _medias })));
 };

package/lib/{esm/shared/Media/Image/PreviewImage → cjs/shared/Media/File/Lightbox}/index.d.ts

@@ -1,9 +1,10 @@
-export interface PreviewImageProps {
+import { SCMediaType } from '@selfcommunity/types/src/types';
+export interface LightboxProps {
     /**
      * Images objs
      * @default []
      */
-    images: any[];
+    medias: SCMediaType[];
     /**
      * Obj index
      * @default null
@@ -24,4 +25,4 @@ export interface PreviewImageProps {
      */
     [p: string]: any;
 }
-export default function PreviewImage(props: PreviewImageProps): JSX.Element;
+export default function Lightbox(props: LightboxProps): JSX.Element;