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

package/lib/esm/components/NavigationToolbarMobile/NavigationToolbarMobile.js

@@ -1,7 +1,7 @@
 import { __rest } from "tslib";
 import { Button, IconButton, styled, Toolbar } from '@mui/material';
-import React, { useMemo, useState } from 'react';
-import { Link, SCPreferences, SCRoutes, useSCPreferences, useSCRouting, useSCUser } from '@selfcommunity/react-core';
+import React, { useCallback, useState } from 'react';
+import { Link, SCPreferences, SCRoutes, useSCPreferences, useSCRouting, useSCUser, } from '@selfcommunity/react-core';
 import Icon from '@mui/material/Icon';
 import { useThemeProps } from '@mui/system';
 import classNames from 'classnames';
@@ -9,25 +9,21 @@ import NavigationToolbarMobileSkeleton from './Skeleton';
 import { FormattedMessage } from 'react-intl';
 import SearchDialog from '../SearchDialog';
 import NavigationSettingsIconButton from '../NavigationSettingsIconButton';
-import ComposerIconButton from '../ComposerIconButton';
 import NavigationMenuIconButton from '../NavigationMenuIconButton';
-const PREFIX = 'SCNavigationToolbarMobile';
+import { PREFIX } from './constants';
 const classes = {
     root: `${PREFIX}-root`,
     logo: `${PREFIX}-logo`,
     search: `${PREFIX}-search`,
     searchDialog: `${PREFIX}-search-dialog`,
-    composer: `${PREFIX}-composer`,
     settings: `${PREFIX}-settings`,
     settingsDialog: `${PREFIX}-settings-dialog`,
     login: `${PREFIX}-login`
 };
 const Root = styled(Toolbar, {
     name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
+    slot: 'Root'
 })(() => ({}));
-const PREFERENCES = [SCPreferences.CONFIGURATIONS_CONTENT_AVAILABILITY, SCPreferences.LOGO_NAVBAR_LOGO_MOBILE];
 /**
  * > API documentation for the Community-JS Navigation Toolbar Mobile component. Learn about the available props and the CSS API.
  *
@@ -54,7 +50,6 @@ const PREFERENCES = [SCPreferences.CONFIGURATIONS_CONTENT_AVAILABILITY, SCPrefer
  |logo|.SCNavigationToolbarMobile-logo|Styles applied to the logo element.|
  |search|.SCNavigationToolbarMobile-search|Styles applied to the search button element|
  |searchDialog|.SCNavigationToolbarMobile-search-dialog|Styles applied to the search dialog element|
- |composer|.SCNavigationToolbarMobile-composer|Styles applied to the composer component|
  |settings|.SCNavigationToolbarMobile-settings|Styles applied to the settings button element|
  |settingsDialog|.SCNavigationToolbarMobile-settingsDialog|Styles applied to the settings dialog elements|
  |login|.SCNavigationToolbarMobile-login|Styles applied to the login element.|
@@ -67,26 +62,21 @@ export default function NavigationToolbarMobile(inProps) {
         props: inProps,
         name: PREFIX
     });
-    const { className = '', disableSearch = false, disableComposer = false, SearchAutocompleteProps = {}, children = null, startActions = null, endActions = null, NavigationSettingsIconButtonComponent = NavigationSettingsIconButton } = props, rest = __rest(props, ["className", "disableSearch", "disableComposer", "SearchAutocompleteProps", "children", "startActions", "endActions", "NavigationSettingsIconButtonComponent"]);
+    const { className = '', disableSearch = false, SearchAutocompleteProps = {}, children = null, startActions = null, endActions = null, NavigationSettingsIconButtonComponent = NavigationSettingsIconButton } = props, rest = __rest(props, ["className", "disableSearch", "SearchAutocompleteProps", "children", "startActions", "endActions", "NavigationSettingsIconButtonComponent"]);
     // CONTEXT
     const scUserContext = useSCUser();
     const scRoutingContext = useSCRouting();
     // PREFERENCES
-    const scPreferences = useSCPreferences();
-    const preferences = useMemo(() => {
-        const _preferences = {};
-        PREFERENCES.map((p) => (_preferences[p] = p in scPreferences.preferences ? scPreferences.preferences[p].value : null));
-        return _preferences;
-    }, [scPreferences.preferences]);
+    const { preferences } = useSCPreferences();
     // STATE
     const [searchOpen, setSearchOpen] = useState(false);
     // HANDLERS
-    const handleOpenSearch = () => {
+    const handleOpenSearch = useCallback(() => {
         setSearchOpen(true);
-    };
-    const handleCloseSearch = () => {
+    }, []);
+    const handleCloseSearch = useCallback(() => {
         setSearchOpen(false);
-    };
+    }, []);
     // RENDER
     if (scUserContext.loading) {
         return React.createElement(NavigationToolbarMobileSkeleton, null);
@@ -94,15 +84,14 @@ export default function NavigationToolbarMobile(inProps) {
     const _children = children || (React.createElement(React.Fragment, null,
         React.createElement(NavigationMenuIconButton, null),
         React.createElement(Link, { to: scRoutingContext.url(SCRoutes.HOME_ROUTE_NAME, {}), className: classes.logo },
-            React.createElement("img", { src: preferences[SCPreferences.LOGO_NAVBAR_LOGO_MOBILE], alt: "logo" }))));
+            React.createElement("img", { src: preferences[SCPreferences.LOGO_NAVBAR_LOGO_MOBILE].value, alt: "logo" }))));
     return (React.createElement(Root, Object.assign({ className: classNames(className, classes.root) }, rest),
         _children,
         startActions,
-        (preferences[SCPreferences.CONFIGURATIONS_CONTENT_AVAILABILITY] || scUserContext.user) && !disableSearch && (React.createElement(React.Fragment, null,
+        (preferences[SCPreferences.CONFIGURATIONS_CONTENT_AVAILABILITY].value || scUserContext.user) && !disableSearch && (React.createElement(React.Fragment, null,
             React.createElement(IconButton, { className: classes.search, onClick: handleOpenSearch },
                 React.createElement(Icon, null, "search")),
             React.createElement(SearchDialog, { className: classes.searchDialog, fullScreen: true, open: searchOpen, SearchAutocompleteProps: Object.assign(Object.assign({}, SearchAutocompleteProps), { onClear: handleCloseSearch }) }))),
-        scUserContext.user && !disableComposer && React.createElement(ComposerIconButton, { className: classes.composer }),
         endActions,
         scUserContext.user ? (React.createElement(NavigationSettingsIconButtonComponent, { className: classes.settings })) : (React.createElement(Button, { className: classes.login, color: "inherit", component: Link, to: scRoutingContext.url(SCRoutes.SIGNIN_ROUTE_NAME, {}) },
             React.createElement(FormattedMessage, { id: "ui.appBar.navigation.login", defaultMessage: "ui.appBar.navigation.login" })))));

package/lib/esm/components/NavigationToolbarMobile/Skeleton.js

@@ -2,15 +2,14 @@ import React from 'react';
 import { Toolbar } from '@mui/material';
 import { styled } from '@mui/material/styles';
 import Skeleton from '@mui/material/Skeleton';
-const PREFIX = 'SCNavigationToolbarMobileSkeleton';
+import { PREFIX } from './constants';
 const classes = {
-    root: `${PREFIX}-root`,
+    root: `${PREFIX}-skeleton-root`,
     logo: `${PREFIX}-logo`
 };
 const Root = styled(Toolbar, {
     name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
+    slot: 'SkeletonRoot'
 })(() => ({}));
 /**
  * > API documentation for the Community-JS Navigation Toolbar Mobile Skeleton component. Learn about the available props and the CSS API.

package/lib/esm/components/NavigationToolbarMobile/constants.d.ts

@@ -0,0 +1 @@
+export declare const PREFIX = "SCNavigationToolbarMobile";

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

@@ -0,0 +1 @@
+export const PREFIX = 'SCNavigationToolbarMobile';

package/lib/esm/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/esm/constants/Composer.js

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

package/lib/esm/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/esm/index.js

@@ -7,7 +7,7 @@ import AccountDelete from './components/AccountDelete';
 import AccountDeleteButton from './components/AccountDeleteButton';
 import NavigationSettingsIconButton from './components/NavigationSettingsIconButton';
 import NavigationToolbar, { NavigationToolbarSkeleton } from './components/NavigationToolbar';
-import NavigationToolbarMobile, { NavigationToolbarMobileSkeleton } from './components/NavigationToolbarMobile';
+import NavigationToolbarMobile, { NavigationToolbarMobileSkeleton, } from './components/NavigationToolbarMobile';
 import NavigationMenuIconButton from './components/NavigationMenuIconButton';
 import BottomNavigation from './components/BottomNavigation';
 import BroadcastMessages, { BroadcastMessagesSkeleton } from './components/BroadcastMessages';
@@ -16,15 +16,14 @@ import CategoryAutocomplete from './components/CategoryAutocomplete';
 import CategoryFollowersButton from './components/CategoryFollowersButton';
 import CategoryHeader, { CategoryHeaderSkeleton } from './components/CategoryHeader';
 import Categories, { CategoriesSkeleton } from './components/Categories';
-import UserFollowedCategoriesWidget, { UserFollowedCategoriesWidgetSkeleton } from './components/UserFollowedCategoriesWidget';
+import UserFollowedCategoriesWidget, { UserFollowedCategoriesWidgetSkeleton, } from './components/UserFollowedCategoriesWidget';
 import CategoriesPopularWidget, { CategoriesPopularWidgetSkeleton } from './components/CategoriesPopularWidget';
-import CategoriesSuggestionWidget, { CategoriesSuggestionWidgetSkeleton } from './components/CategoriesSuggestionWidget';
+import CategoriesSuggestionWidget, { CategoriesSuggestionWidgetSkeleton, } from './components/CategoriesSuggestionWidget';
 import ChangeCover from './components/ChangeCover';
 import ChangePicture from './components/ChangePicture';
 import FriendshipUserButton from './components/FriendshipUserButton';
-import Composer, { ComposerSkeleton } from './components/Composer';
+import Composer from './components/Composer';
 import ComposerIconButton from './components/ComposerIconButton';
-import { COMPOSER_TYPE_DISCUSSION, COMPOSER_TYPE_POST } from './constants/Composer';
 import Editor, { EditorSkeleton } from './components/Editor';
 import User, { UserSkeleton } from './components/User';
 import Feed, { FeedSkeleton } from './components/Feed';
@@ -33,54 +32,54 @@ import FeedUpdatesWidget, { FeedUpdatesWidgetSkeleton } from './components/FeedU
 import CategoryFollowButton from './components/CategoryFollowButton';
 import FollowUserButton from './components/FollowUserButton';
 import ConnectionUserButton from './components/ConnectionUserButton';
-import InlineComposerWidget, { InlineComposerWidgetSkeleton } from './components/InlineComposerWidget';
-import UserSuggestionWidget, { UserSuggestionWidgetSkeleton } from './components/UserSuggestionWidget';
+import InlineComposerWidget, { InlineComposerWidgetSkeleton, } from './components/InlineComposerWidget';
+import UserSuggestionWidget, { UserSuggestionWidgetSkeleton, } from './components/UserSuggestionWidget';
 import PlatformWidget, { PlatformWidgetSkeleton } from './components/PlatformWidget';
-import PrivateMessageSnippets, { PrivateMessageSnippetsSkeleton } from './components/PrivateMessageSnippets';
+import PrivateMessageSnippets, { PrivateMessageSnippetsSkeleton, } from './components/PrivateMessageSnippets';
 import LocationAutocomplete from './components/LocationAutocomplete';
-import LoyaltyProgramWidget, { LoyaltyProgramWidgetSkeleton } from './components/LoyaltyProgramWidget';
-import CategoryTrendingFeedWidget, { CategoryTrendingFeedWidgetSkeleton } from './components/CategoryTrendingFeedWidget';
-import CategoryTrendingUsersWidget, { CategoryTrendingPeopleWidgetSkeleton } from './components/CategoryTrendingUsersWidget';
+import LoyaltyProgramWidget, { LoyaltyProgramWidgetSkeleton, } from './components/LoyaltyProgramWidget';
+import CategoryTrendingFeedWidget, { CategoryTrendingFeedWidgetSkeleton, } from './components/CategoryTrendingFeedWidget';
+import CategoryTrendingUsersWidget, { CategoryTrendingPeopleWidgetSkeleton, } from './components/CategoryTrendingUsersWidget';
 import UserActionIconButton from './components/UserActionIconButton';
 import UserCounters from './components/UserCounters';
 import UserProfileHeader, { UserProfileHeaderSkeleton } from './components/UserProfileHeader';
 import UserInfoDialog from './components/UserInfoDialog';
 import UserInfo, { UserInfoSkeleton } from './components/UserInfo';
 import UserProfileBlocked from './components/UserProfileBlocked';
-import UserProfileEdit, { UserProfileEditSkeleton, UserProfileEditSectionPublicInfo, UserProfileEditSectionSettings, UserProfileEditSectionAccount } from './components/UserProfileEdit';
-import UserFollowedUsersWidget, { UserFollowedUsersWidgetSkeleton } from './components/UserFollowedUsersWidget';
+import UserProfileEdit, { UserProfileEditSectionAccount, UserProfileEditSectionPublicInfo, UserProfileEditSectionSettings, UserProfileEditSkeleton, } from './components/UserProfileEdit';
+import UserFollowedUsersWidget, { UserFollowedUsersWidgetSkeleton, } from './components/UserFollowedUsersWidget';
 import UserSocialAssociation from './components/UserSocialAssociation';
-import UserFollowersWidget, { UserFollowersWidgetSkeleton } from './components/UserFollowersWidget';
-import UserConnectionsWidget, { UserConnectionsWidgetSkeleton } from './components/UserConnectionsWidget';
-import UserConnectionsRequestsWidget, { UserConnectionsRequestsWidgetSkeleton } from './components/UserConnectionsRequestsWidget';
-import UserConnectionsRequestsSentWidget, { UserConnectionsRequestsSentWidgetSkeleton } from './components/UserConnectionsRequestsSentWidget';
-import RelatedFeedObjectsWidget, { RelatedFeedObjectsWidgetSkeleton } from './components/RelatedFeedObjectsWidget';
+import UserFollowersWidget, { UserFollowersWidgetSkeleton, } from './components/UserFollowersWidget';
+import UserConnectionsWidget, { UserConnectionsWidgetSkeleton, } from './components/UserConnectionsWidget';
+import UserConnectionsRequestsWidget, { UserConnectionsRequestsWidgetSkeleton, } from './components/UserConnectionsRequestsWidget';
+import UserConnectionsRequestsSentWidget, { UserConnectionsRequestsSentWidgetSkeleton, } from './components/UserConnectionsRequestsSentWidget';
+import RelatedFeedObjectsWidget, { RelatedFeedObjectsWidgetSkeleton, } from './components/RelatedFeedObjectsWidget';
 import CommentObject, { CommentObjectSkeleton } from './components/CommentObject';
 import CommentObjectReply from './components/CommentObjectReply';
-import CommentsObject, { CommentsObjectSkeleton } from './components/CommentsObject';
-import CommentsFeedObject, { CommentsFeedObjectSkeleton } from './components/CommentsFeedObject';
 import ReplyComment from './components/CommentObjectReply';
+import CommentsObject, { CommentsObjectSkeleton } from './components/CommentsObject';
+import CommentsFeedObject, { CommentsFeedObjectSkeleton, } from './components/CommentsFeedObject';
 import CustomAdv, { CustomAdvSkeleton } from './components/CustomAdv';
 import { AvatarGroupSkeleton, GenericSkeleton } from './components/Skeleton';
-import PrivateMessageSnippetItem, { PrivateMessageSnippetItemSkeleton } from './components/PrivateMessageSnippetItem';
-import PrivateMessageThreadItem, { PrivateMessageThreadItemSkeleton } from './components/PrivateMessageThreadItem';
-import PrivateMessageEditor, { PrivateMessageEditorSkeleton } from './components/PrivateMessageEditor';
-import PrivateMessageThread, { PrivateMessageThreadSkeleton } from './components/PrivateMessageThread';
-import ToastNotifications, { ToastNotificationsSkeleton } from './components/ToastNotifications';
-import SnippetNotifications, { SnippetNotificationsSkeleton } from './components/SnippetNotifications';
+import PrivateMessageSnippetItem, { PrivateMessageSnippetItemSkeleton, } from './components/PrivateMessageSnippetItem';
+import PrivateMessageThreadItem, { PrivateMessageThreadItemSkeleton, } from './components/PrivateMessageThreadItem';
+import PrivateMessageEditor, { PrivateMessageEditorSkeleton, } from './components/PrivateMessageEditor';
+import PrivateMessageThread, { PrivateMessageThreadSkeleton, } from './components/PrivateMessageThread';
+import ToastNotifications, { ToastNotificationsSkeleton, } from './components/ToastNotifications';
+import SnippetNotifications, { SnippetNotificationsSkeleton, } from './components/SnippetNotifications';
 import Notification, { NotificationSkeleton } from './components/Notification';
 import AccountRecover from './components/AccountRecover';
 import AccountReset from './components/AccountReset';
 import AccountVerify from './components/AccountVerify';
 import AccountChangeMailValidation from './components/AccountChangeMailValidation';
-import { SCBroadcastMessageTemplateType, SCCommentsOrderBy, SCFeedObjectActivitiesType, SCFeedObjectTemplateType, SCNotificationObjectTemplateType, SCUserProfileFields, SCUserProfileSettings, SCUserSocialAssociations } from './types';
+import { SCBroadcastMessageTemplateType, SCCommentsOrderBy, SCFeedObjectActivitiesType, SCFeedObjectTemplateType, SCNotificationObjectTemplateType, SCUserProfileFields, SCUserProfileSettings, SCUserSocialAssociations, } from './types';
 import Widget from './components/Widget';
 import ConfirmDialog from './shared/ConfirmDialog/ConfirmDialog';
 import LanguageSwitcher from './shared/LanguageSwitcher';
 import BaseItem from './shared/BaseItem';
 import BaseDialog from './shared/BaseDialog';
 import MediaChunkUploader from './shared/MediaChunkUploader';
-import { Document, Image, Link, Share } from './shared/Media';
+import { File, Link, Share } from './shared/Media';
 import UrlTextField from './shared/UrlTextField';
 import UsernameTextField from './shared/UsernameTextField';
 import EmailTextField from './shared/EmailTextField';
@@ -104,14 +103,14 @@ import Footer, { FooterSkeleton } from './components/Footer';
 import SearchAutocomplete from './components/SearchAutocomplete';
 import SearchDialog from './components/SearchDialog';
 import PrivateMessageSettingsIconButton from './components/PrivateMessageSettingsIconButton';
-import PrivateMessageComponent, { PrivateMessageComponentSkeleton } from './components/PrivateMessageComponent';
+import PrivateMessageComponent, { PrivateMessageComponentSkeleton, } from './components/PrivateMessageComponent';
 /**
  * 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 { DEFAULT_PRELOAD_OFFSET_VIEWPORT, MAX_PRELOAD_OFFSET_VIEWPORT, MIN_PRELOAD_OFFSET_VIEWPORT, } from './constants/LazyLoad';
 import { LEGAL_POLICIES } from './constants/LegalPolicies';
 import { DEFAULT_FIELDS } from './constants/UserProfile';
 /**
@@ -125,12 +124,13 @@ import { bytesToSize } from './utils/sizeCoverter';
 import { getUnseenNotification, getUnseenNotificationCounter } from './utils/feed';
 import * as MessageUploaderUtils from './utils/thumbnailCoverter';
 import { getRelativeTime } from './utils/formatRelativeTime';
+import FeedObjectMediaPreview from './components/FeedObjectMediaPreview';
 /**
  * List all exports
  */
-export { AccountDataPortability, AccountDataPortabilityButton, AccountDelete, AccountDeleteButton, AccountRecover, AccountReset, AccountVerify, AccountChangeMailValidation, NavigationSettingsIconButton, NavigationToolbarMobile, NavigationToolbarMobileSkeleton, NavigationToolbar, NavigationToolbarSkeleton, NavigationMenuIconButton, BottomNavigation, BroadcastMessages, BroadcastMessagesSkeleton, Category, CategorySkeleton, CategoryAutocomplete, CategoryFollowersButton, CategoryHeader, CategoryHeaderSkeleton, Categories, CategoriesSkeleton, UserFollowedCategoriesWidget, UserFollowedCategoriesWidgetSkeleton, CategoriesPopularWidget, CategoriesPopularWidgetSkeleton, CategoriesSuggestionWidget, CategoriesSuggestionWidgetSkeleton, ChangeCover, ChangePicture, Composer, COMPOSER_TYPE_DISCUSSION, COMPOSER_TYPE_POST, ComposerSkeleton, ComposerIconButton, Editor, EditorSkeleton, FriendshipUserButton, Feed, FeedSkeleton, CategoryFollowButton, FollowUserButton, ConnectionUserButton, FeedObject, FeedObjectSkeleton, FeedUpdatesWidget, FeedUpdatesWidgetSkeleton, GenericSkeleton, AvatarGroupSkeleton, CommentObject, CommentsObject, CommentsObjectSkeleton, CommentObjectSkeleton, CommentObjectReply, CommentsFeedObject, CommentsFeedObjectSkeleton, ReplyComment, InlineComposerWidget, InlineComposerWidgetSkeleton, Notification, NotificationSkeleton, UserSuggestionWidget, UserSuggestionWidgetSkeleton, PlatformWidget, PlatformWidgetSkeleton, LocationAutocomplete, LoyaltyProgramWidget, LoyaltyProgramWidgetSkeleton, CategoryTrendingFeedWidget, CategoryTrendingFeedWidgetSkeleton, CategoryTrendingUsersWidget, CategoryTrendingPeopleWidgetSkeleton, RelatedFeedObjectsWidget, RelatedFeedObjectsWidgetSkeleton, UserActionIconButton, UserCounters, UserProfileHeader, UserProfileHeaderSkeleton, UserInfoDialog, UserInfo, UserInfoSkeleton, UserProfileBlocked, SCUserProfileFields, SCUserProfileSettings, UserProfileEdit, UserProfileEditSkeleton, UserProfileEditSectionPublicInfo, UserProfileEditSectionSettings, UserProfileEditSectionAccount, UserFollowedUsersWidget, UserFollowedUsersWidgetSkeleton, UserFollowersWidget, UserFollowersWidgetSkeleton, UserConnectionsWidget, UserConnectionsWidgetSkeleton, UserConnectionsRequestsWidget, UserConnectionsRequestsWidgetSkeleton, UserConnectionsRequestsSentWidget, UserConnectionsRequestsSentWidgetSkeleton, UserSocialAssociation, SCUserSocialAssociations, CustomAdv, CustomAdvSkeleton, User, UserSkeleton, PrivateMessageThread, PrivateMessageThreadSkeleton, PrivateMessageThreadItem, PrivateMessageThreadItemSkeleton, PrivateMessageSnippetItem, PrivateMessageSnippetItemSkeleton, PrivateMessageEditor, PrivateMessageEditorSkeleton, PrivateMessageSnippets, PrivateMessageSnippetsSkeleton, PrivateMessageComponent, PrivateMessageComponentSkeleton, PrivateMessageSettingsIconButton, ToastNotifications, ToastNotificationsSkeleton, SnippetNotifications, SnippetNotificationsSkeleton, SearchAutocomplete, SearchDialog, Widget, SCFeedObjectTemplateType, SCCommentsOrderBy, SCFeedObjectActivitiesType, SCNotificationObjectTemplateType, SCBroadcastMessageTemplateType, 
+export { AccountDataPortability, AccountDataPortabilityButton, AccountDelete, AccountDeleteButton, AccountRecover, AccountReset, AccountVerify, AccountChangeMailValidation, NavigationSettingsIconButton, NavigationToolbarMobile, NavigationToolbarMobileSkeleton, NavigationToolbar, NavigationToolbarSkeleton, NavigationMenuIconButton, BottomNavigation, BroadcastMessages, BroadcastMessagesSkeleton, Category, CategorySkeleton, CategoryAutocomplete, CategoryFollowersButton, CategoryHeader, CategoryHeaderSkeleton, Categories, CategoriesSkeleton, UserFollowedCategoriesWidget, UserFollowedCategoriesWidgetSkeleton, CategoriesPopularWidget, CategoriesPopularWidgetSkeleton, CategoriesSuggestionWidget, CategoriesSuggestionWidgetSkeleton, ChangeCover, ChangePicture, Composer, ComposerIconButton, Editor, EditorSkeleton, FriendshipUserButton, Feed, FeedSkeleton, CategoryFollowButton, FollowUserButton, ConnectionUserButton, FeedObject, FeedObjectSkeleton, FeedObjectMediaPreview, FeedUpdatesWidget, FeedUpdatesWidgetSkeleton, GenericSkeleton, AvatarGroupSkeleton, CommentObject, CommentsObject, CommentsObjectSkeleton, CommentObjectSkeleton, CommentObjectReply, CommentsFeedObject, CommentsFeedObjectSkeleton, ReplyComment, InlineComposerWidget, InlineComposerWidgetSkeleton, Notification, NotificationSkeleton, UserSuggestionWidget, UserSuggestionWidgetSkeleton, PlatformWidget, PlatformWidgetSkeleton, LocationAutocomplete, LoyaltyProgramWidget, LoyaltyProgramWidgetSkeleton, CategoryTrendingFeedWidget, CategoryTrendingFeedWidgetSkeleton, CategoryTrendingUsersWidget, CategoryTrendingPeopleWidgetSkeleton, RelatedFeedObjectsWidget, RelatedFeedObjectsWidgetSkeleton, UserActionIconButton, UserCounters, UserProfileHeader, UserProfileHeaderSkeleton, UserInfoDialog, UserInfo, UserInfoSkeleton, UserProfileBlocked, SCUserProfileFields, SCUserProfileSettings, UserProfileEdit, UserProfileEditSkeleton, UserProfileEditSectionPublicInfo, UserProfileEditSectionSettings, UserProfileEditSectionAccount, UserFollowedUsersWidget, UserFollowedUsersWidgetSkeleton, UserFollowersWidget, UserFollowersWidgetSkeleton, UserConnectionsWidget, UserConnectionsWidgetSkeleton, UserConnectionsRequestsWidget, UserConnectionsRequestsWidgetSkeleton, UserConnectionsRequestsSentWidget, UserConnectionsRequestsSentWidgetSkeleton, UserSocialAssociation, SCUserSocialAssociations, CustomAdv, CustomAdvSkeleton, User, UserSkeleton, PrivateMessageThread, PrivateMessageThreadSkeleton, PrivateMessageThreadItem, PrivateMessageThreadItemSkeleton, PrivateMessageSnippetItem, PrivateMessageSnippetItemSkeleton, PrivateMessageEditor, PrivateMessageEditorSkeleton, PrivateMessageSnippets, PrivateMessageSnippetsSkeleton, PrivateMessageComponent, PrivateMessageComponentSkeleton, PrivateMessageSettingsIconButton, ToastNotifications, ToastNotificationsSkeleton, SnippetNotifications, SnippetNotificationsSkeleton, SearchAutocomplete, SearchDialog, Widget, SCFeedObjectTemplateType, SCCommentsOrderBy, SCFeedObjectActivitiesType, SCNotificationObjectTemplateType, SCBroadcastMessageTemplateType, 
 /* SC UI SHARED */
-UrlTextField, UsernameTextField, EmailTextField, PasswordTextField, PhoneTextField, MetadataField, InfiniteScroll, StickyBox, useStickyBox, TagChip, UserDeletedSnackBar, UserAvatar, Lightbox, CentralProgress, ConfirmDialog, LanguageSwitcher, MediaChunkUploader, Document, Image, Link, Share, MEDIA_TYPE_EMBED, FACEBOOK_SHARE, TWITTER_SHARE, LINKEDIN_SHARE, DEFAULT_PRELOAD_OFFSET_VIEWPORT, MIN_PRELOAD_OFFSET_VIEWPORT, MAX_PRELOAD_OFFSET_VIEWPORT, 
+UrlTextField, UsernameTextField, EmailTextField, PasswordTextField, PhoneTextField, MetadataField, InfiniteScroll, StickyBox, useStickyBox, TagChip, UserDeletedSnackBar, UserAvatar, Lightbox, CentralProgress, ConfirmDialog, LanguageSwitcher, MediaChunkUploader, File, Link, Share, MEDIA_TYPE_EMBED, FACEBOOK_SHARE, TWITTER_SHARE, LINKEDIN_SHARE, DEFAULT_PRELOAD_OFFSET_VIEWPORT, MIN_PRELOAD_OFFSET_VIEWPORT, MAX_PRELOAD_OFFSET_VIEWPORT, 
 /* SC CONSENT SOLUTION */
 ConsentSolution, ConsentSolutionSkeleton, ConsentSolutionButton, LEGAL_POLICIES, DEFAULT_FIELDS, 
 /* SC UI PAGINATION */

package/lib/esm/shared/Lightbox/Lightbox.js

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

package/lib/{cjs/shared/Media/Image/PreviewComponent.d.ts → esm/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
      */