@selfcommunity/react-ui 0.7.9-alpha.6 → 0.7.9-alpha.8

package/lib/cjs/components/ChangeGroupCover/ChangeGroupCover.js

@@ -25,6 +25,10 @@ const messages = (0, react_intl_1.defineMessages)({
     errorLoadImage: {
         id: 'ui.changeGroupCover.button.change.alertErrorImage',
         defaultMessage: 'ui.changeGroupCover.button.change.alertErrorImage'
+    },
+    errorImageSize: {
+        id: 'ui.changeGroupCover.alert',
+        defaultMessage: 'ui.changeGroupCover.alert'
     }
 });
 /**
@@ -75,7 +79,26 @@ function ChangeGroupCover(inProps) {
      */
     const handleUpload = (event) => {
         fileInput = event.target.files[0];
-        isCreationMode ? onChange && onChange(fileInput) : handleSave();
+        if (fileInput) {
+            const reader = new FileReader();
+            reader.onload = (e) => {
+                const img = new Image();
+                img.onload = () => {
+                    if (img.width < 1920) {
+                        setAlert(intl.formatMessage(messages.errorImageSize));
+                    }
+                    else {
+                        isCreationMode ? onChange && onChange(fileInput) : handleSave();
+                    }
+                };
+                // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
+                // @ts-ignore
+                img.src = e.target.result;
+            };
+            // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
+            // @ts-ignore
+            reader.readAsDataURL(fileInput);
+        }
     };
     /**
      * Handles cover saving after upload action

package/lib/cjs/components/ChangeGroupPicture/ChangeGroupPicture.js

@@ -16,8 +16,8 @@ const react_intl_1 = require("react-intl");
 const lab_1 = require("@mui/lab");
 const messages = (0, react_intl_1.defineMessages)({
     errorLoadImage: {
-        id: 'ui.changeGroupCover.button.change.alertErrorImage',
-        defaultMessage: 'ui.changeGroupCover.button.change.alertErrorImage'
+        id: 'ui.changeGroupPicture.alert',
+        defaultMessage: 'ui.changeGroupPicture.alert'
     }
 });
 const classes = {
@@ -76,9 +76,27 @@ function ChangeGroupPicture(inProps) {
      * @param event
      */
     function handleUpload(event) {
-        fileInput = event.target.files[0];
-        isCreationMode ? onChange && onChange(fileInput) : handleSave();
+        const fileInput = event.target.files[0];
+        if (fileInput) {
+            const reader = new FileReader();
+            reader.onload = (e) => {
+                const img = new Image();
+                img.onload = () => {
+                    if (img.width < 600 && img.height < 600) {
+                        setAlert(intl.formatMessage(messages.errorLoadImage));
+                    }
+                    else {
+                        isCreationMode ? onChange && onChange(fileInput) : handleSave();
+                    }
+                };
+                // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
+                // @ts-ignore
+                img.src = e.target.result;
+            };
+            reader.readAsDataURL(fileInput);
+        }
     }
+    // ui.changeGroupPicture.alert
     /**
      * Performs save avatar after upload
      */

package/lib/cjs/components/GroupInviteButton/GroupInviteButton.js

@@ -226,9 +226,9 @@ function GroupInviteButton(inProps) {
         setList((prev) => [...prev, option]);
     };
     /**
-     * If there's no authUserId, component is hidden.
+     * If in group edit mode and logged-in user is not also the group manager, the component is hidden.
     //  */
-    if (!canEdit) {
+    if (group && !canEdit) {
         return null;
     }
     /**
@@ -242,7 +242,7 @@ function GroupInviteButton(inProps) {
                     react_1.default.createElement(material_1.Icon, { fontSize: "medium" }, "arrow_back")),
                 react_1.default.createElement(material_1.Typography, { className: classes.dialogTitle },
                     react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.groupInviteButton.dialog.title", defaultMessage: "ui.groupInviteButton.dialog.title" })),
-                react_1.default.createElement(lab_1.LoadingButton, { size: "small", color: "secondary", variant: "contained", onClick: handleSendInvitations, loading: isSending },
+                react_1.default.createElement(lab_1.LoadingButton, { size: "small", color: "secondary", variant: "contained", onClick: handleSendInvitations, loading: isSending, disabled: !invited.length },
                     react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.groupInviteButton.dialog.button.end", defaultMessage: "ui.groupInviteButton.dialog.button.end" }))) },
             react_1.default.createElement(material_1.Box, { className: classes.dialogContent },
                 react_1.default.createElement(Autocomplete_1.default, { className: classes.autocomplete, loading: loading, size: "small", multiple: true, freeSolo: true, disableClearable: true, options: suggested, onChange: handleChange, onInputChange: handleInputChange, inputValue: value, value: invited, getOptionLabel: (option) => (option ? option.username : '...'), isOptionEqualToValue: (option, value) => (option ? value.id === option.id : false), renderTags: () => null, renderOption: (props, option) => (react_1.default.createElement(material_1.Box, Object.assign({ component: "li" }, props),

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

@@ -1,31 +1,27 @@
+import { SCGroupType } from '@selfcommunity/types';
 import { EndpointType } from '@selfcommunity/api-services';
-import { CacheStrategies } from '@selfcommunity/utils';
 import { GroupProps } from '../Group';
 export interface GroupsProps {
     /**
-     * Endpoint to call
-     */
-    endpoint: EndpointType;
-    /**
-     * Hides this component
-     * @default false
+     * Overrides or extends the styles applied to the component.
+     * @default null
      */
-    autoHide?: boolean;
+    className?: string;
     /**
-     * Limit the number of users to show
-     * @default false
+     * Endpoint to call
      */
-    limit?: number;
+    endpoint: EndpointType;
     /**
-     * Caching strategies
-     * @default CacheStrategies.CACHE_FIRST
+     * Props to spread to single group object
+     * @default {variant: 'outlined', ButtonBaseProps: {disableRipple: 'true'}}
      */
-    cacheStrategy?: CacheStrategies;
+    GroupComponentProps?: GroupProps;
     /**
-     * Props to spread to single group object
-     * @default empty object
+     * Prefetch groups. Useful for SSR.
+     * Use this to init the component with groups
+     * @default null
      */
-    GroupProps?: GroupProps;
+    prefetchedGroups?: SCGroupType[];
     /**
      * Other props
      */

package/lib/cjs/components/Groups/Groups.js

@@ -7,7 +7,6 @@ const material_1 = require("@mui/material");
 const api_services_1 = require("@selfcommunity/api-services");
 const utils_1 = require("@selfcommunity/utils");
 const react_core_1 = require("@selfcommunity/react-core");
-const widget_1 = require("../../utils/widget");
 const Skeleton_1 = tslib_1.__importDefault(require("./Skeleton"));
 const react_intl_1 = require("react-intl");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
@@ -65,117 +64,65 @@ function Groups(inProps) {
         props: inProps,
         name: constants_1.PREFIX
     });
-    const { endpoint, autoHide = false, limit = 6, className, cacheStrategy = utils_1.CacheStrategies.NETWORK_ONLY, onHeightChange, onStateChange, GroupProps = { variant: 'outlined', ButtonBaseProps: { disableRipple: true, component: material_1.Box } } } = props, rest = tslib_1.__rest(props, ["endpoint", "autoHide", "limit", "className", "cacheStrategy", "onHeightChange", "onStateChange", "GroupProps"]);
+    const { endpoint, className, GroupComponentProps = { variant: 'outlined', ButtonBaseProps: { disableRipple: true, component: material_1.Box } }, prefetchedGroups = [] } = props, rest = tslib_1.__rest(props, ["endpoint", "className", "GroupComponentProps", "prefetchedGroups"]);
     // STATE
-    const [state, dispatch] = (0, react_1.useReducer)(widget_1.dataWidgetReducer, {
-        isLoadingNext: false,
-        next: null,
-        cacheKey: react_core_1.SCCache.getWidgetStateCacheKey(react_core_1.SCCache.GROUPS_LIST_TOOLS_STATE_CACHE_PREFIX_KEY),
-        cacheStrategy,
-        visibleItems: limit
-    }, widget_1.stateWidgetInitializer);
+    const [groups, setGroups] = (0, react_1.useState)([]);
+    const [loading, setLoading] = (0, react_1.useState)(true);
     // CONTEXT
     const scUserContext = (0, react_core_1.useSCUser)();
     const scPreferencesContext = (0, react_core_1.useSCPreferences)();
     // MEMO
     const contentAvailability = (0, react_1.useMemo)(() => react_core_1.SCPreferences.CONFIGURATIONS_CONTENT_AVAILABILITY in scPreferencesContext.preferences &&
         scPreferencesContext.preferences[react_core_1.SCPreferences.CONFIGURATIONS_CONTENT_AVAILABILITY].value, [scPreferencesContext.preferences]);
-    // HOOKS
-    // const theme = useTheme<SCThemeType>();
-    // const isMobile = useMediaQuery(theme.breakpoints.down('md'));
+    // CONST
+    const authUserId = scUserContext.user ? scUserContext.user.id : null;
+    // REFS
+    const isMountedRef = (0, react_core_1.useIsComponentMountedRef)();
     /**
-     * Initialize component
-     * Fetch data only if the component is not initialized, and it is not loading data
+     * Fetches groups list
      */
-    const _initComponent = (0, react_1.useMemo)(() => () => {
-        if (!state.initialized && !state.isLoadingNext) {
-            dispatch({ type: widget_1.actionWidgetTypes.LOADING_NEXT });
-            api_services_1.http
-                .request({
-                url: endpoint.url({ limit }),
-                method: endpoint.method
-            })
-                .then((payload) => {
-                dispatch({ type: widget_1.actionWidgetTypes.LOAD_NEXT_SUCCESS, payload: Object.assign(Object.assign({}, payload.data), { initialized: true }) });
-            })
-                .catch((error) => {
-                dispatch({ type: widget_1.actionWidgetTypes.LOAD_NEXT_FAILURE, payload: { errorLoadNext: error } });
-                utils_1.Logger.error(Errors_1.SCOPE_SC_UI, error);
-            });
-        }
-    }, [state.isLoadingNext, state.initialized, endpoint, limit, dispatch]);
-    // EFFECTS
-    (0, react_1.useEffect)(() => {
-        var _a;
-        let _t;
-        if ((contentAvailability || (!contentAvailability && ((_a = scUserContext.user) === null || _a === void 0 ? void 0 : _a.id))) && scUserContext.user !== undefined) {
-            _t = setTimeout(_initComponent);
-            return () => {
-                _t && clearTimeout(_t);
-            };
-        }
-    }, [scUserContext.user, contentAvailability]);
-    (0, react_1.useEffect)(() => {
-        if (state.next && state.results.length === limit && state.initialized) {
-            dispatch({ type: widget_1.actionWidgetTypes.LOADING_NEXT });
-            api_services_1.http
-                .request({
-                url: endpoint.url({ offset: limit, limit: 10 }),
-                method: endpoint.method
-            })
-                .then((payload) => {
-                dispatch({ type: widget_1.actionWidgetTypes.LOAD_NEXT_SUCCESS, payload: payload.data });
-            })
-                .catch((error) => {
-                dispatch({ type: widget_1.actionWidgetTypes.LOAD_NEXT_FAILURE, payload: { errorLoadNext: error } });
-                utils_1.Logger.error(Errors_1.SCOPE_SC_UI, error);
-            });
-        }
-    }, [state.next, state.results.length, state.initialized, limit]);
+    const fetchGroups = (next = endpoint.url({})) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const response = yield api_services_1.http.request({
+            url: next,
+            method: endpoint.method
+        });
+        const data = response.data;
+        return data.next ? data.results.concat(yield fetchGroups(data.next)) : data.results;
+    });
     /**
-     * Virtual feed update
+     * On mount, fetches groups list
      */
     (0, react_1.useEffect)(() => {
-        onHeightChange && onHeightChange();
-    }, [state.results]);
-    (0, react_1.useEffect)(() => {
-        if (!endpoint || (!contentAvailability && !scUserContext.user)) {
+        if (!contentAvailability && !authUserId) {
             return;
         }
-        else if (cacheStrategy === utils_1.CacheStrategies.NETWORK_ONLY) {
-            onStateChange && onStateChange({ cacheStrategy: utils_1.CacheStrategies.CACHE_FIRST });
+        else if (prefetchedGroups.length) {
+            setGroups(prefetchedGroups);
+            setLoading(false);
         }
-    }, [scUserContext.user, endpoint, contentAvailability]);
-    (0, react_1.useEffect)(() => {
-        if (!endpoint || !scUserContext.user || !state.initialized) {
-            return;
+        else {
+            fetchGroups()
+                .then((data) => {
+                if (isMountedRef.current) {
+                    setGroups(data);
+                    setLoading(false);
+                }
+            })
+                .catch((error) => {
+                utils_1.Logger.error(Errors_1.SCOPE_SC_UI, error);
+            });
         }
-    }, []);
-    // HANDLERS
-    const handleNext = (0, react_1.useMemo)(() => () => {
-        dispatch({ type: widget_1.actionWidgetTypes.LOADING_NEXT });
-        api_services_1.http
-            .request({
-            url: state.next,
-            method: endpoint.method
-        })
-            .then((res) => {
-            dispatch({ type: widget_1.actionWidgetTypes.LOAD_NEXT_SUCCESS, payload: res.data });
-        });
-    }, [dispatch, state.next, state.isLoadingNext, state.initialized, endpoint.method]);
+    }, [contentAvailability, authUserId, prefetchedGroups.length]);
     // RENDER
-    if ((autoHide && !state.count && state.initialized) || (!contentAvailability && !scUserContext.user) || !endpoint) {
+    if (!contentAvailability && !scUserContext.user) {
         return react_1.default.createElement(HiddenPlaceholder_1.default, null);
     }
-    if (!state.initialized) {
-        return react_1.default.createElement(Skeleton_1.default, null);
-    }
-    const content = (react_1.default.createElement(react_1.default.Fragment, null, !state.count ? (react_1.default.createElement(material_1.Typography, { className: classes.noResults, variant: "body2" },
-        react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.groupRequestsWidget.subtitle.noResults", defaultMessage: "" }))) : (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(material_1.Grid, { container: true, spacing: { xs: 3 }, className: classes.groups }, state.results.slice(0, state.visibleItems).map((group) => (react_1.default.createElement(material_1.Grid, { item: true, xs: 12, sm: 8, md: 6, key: group.id, className: classes.item },
-            react_1.default.createElement(Group_1.default, Object.assign({ group: group, groupId: group.id }, GroupProps)))))),
-        state.count > state.visibleItems && (react_1.default.createElement(material_1.Button, { className: classes.showMore, onClick: handleNext },
-            react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.groupRequestsWidget.button.showMore", defaultMessage: "ui.groupRequestsWidget.button.showMore" })))))));
+    const content = (react_1.default.createElement(react_1.default.Fragment, null, loading ? (react_1.default.createElement(Skeleton_1.default, null)) : (react_1.default.createElement(material_1.Grid, { container: true, spacing: { xs: 3 }, className: classes.groups }, !groups.length ? (react_1.default.createElement(material_1.Box, { className: classes.noResults },
+        react_1.default.createElement(material_1.Typography, { variant: "h4" },
+            react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.groups.noGroups.title", defaultMessage: "ui.groups.noGroups.title" })),
+        react_1.default.createElement(material_1.Typography, { variant: "body1" },
+            react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.groups.noGroups.subtitle", defaultMessage: "ui.groups.noGroups.subtitle" })))) : (react_1.default.createElement(react_1.default.Fragment, null, groups.map((group) => (react_1.default.createElement(material_1.Grid, { item: true, xs: 12, sm: 8, md: 6, key: group.id, className: classes.item },
+        react_1.default.createElement(Group_1.default, Object.assign({ group: group, groupId: group.id }, GroupComponentProps)))))))))));
     return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest), content));
 }
 exports.default = Groups;

package/lib/cjs/components/NavigationMenuIconButton/NavigationMenuIconButton.js

@@ -62,7 +62,7 @@ function NavigationMenuIconButton(inProps) {
         props: inProps,
         name: PREFIX
     });
-    const { className = null, DrawerProps = { anchor: 'left' }, drawerContent = react_1.default.createElement(DefaultDrawerContent_1.default, null), drawerHeaderContent = react_1.default.createElement(DefaultHeaderContent_1.default, null), ScrollContainerProps = {} } = props, rest = tslib_1.__rest(props, ["className", "DrawerProps", "drawerContent", "drawerHeaderContent", "ScrollContainerProps"]);
+    const { className = null, DrawerProps = { anchor: 'left' }, drawerHeaderContent = react_1.default.createElement(DefaultHeaderContent_1.default, null), drawerContent = react_1.default.createElement(DefaultDrawerContent_1.default, null), ScrollContainerProps = {} } = props, rest = tslib_1.__rest(props, ["className", "DrawerProps", "drawerHeaderContent", "drawerContent", "ScrollContainerProps"]);
     // STATE
     const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
     // CONTEXT

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

@@ -8,6 +8,10 @@ export interface NavigationToolbarMobileProps extends ToolbarProps {
      * Disable search action if possible
      */
     disableSearch?: boolean;
+    /**
+     * Preserve the same as the desktop version
+     */
+    preserveDesktopLogo?: boolean;
     /**
      * Props spread to SearchAutocomplete component
      */

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

@@ -64,7 +64,7 @@ function NavigationToolbarMobile(inProps) {
         props: inProps,
         name: constants_1.PREFIX
     });
-    const { className = '', disableSearch = false, SearchAutocompleteProps = {}, children = null, startActions = null, endActions = null, NavigationMenuIconButtonComponent = NavigationMenuIconButton_1.default, NavigationSettingsIconButtonComponent = NavigationSettingsIconButton_1.default } = props, rest = tslib_1.__rest(props, ["className", "disableSearch", "SearchAutocompleteProps", "children", "startActions", "endActions", "NavigationMenuIconButtonComponent", "NavigationSettingsIconButtonComponent"]);
+    const { className = '', disableSearch = false, preserveDesktopLogo = false, SearchAutocompleteProps = {}, children = null, startActions = null, endActions = null, NavigationMenuIconButtonComponent = NavigationMenuIconButton_1.default, NavigationSettingsIconButtonComponent = NavigationSettingsIconButton_1.default } = props, rest = tslib_1.__rest(props, ["className", "disableSearch", "preserveDesktopLogo", "SearchAutocompleteProps", "children", "startActions", "endActions", "NavigationMenuIconButtonComponent", "NavigationSettingsIconButtonComponent"]);
     // CONTEXT
     const scUserContext = (0, react_core_1.useSCUser)();
     const scRoutingContext = (0, react_core_1.useSCRouting)();
@@ -85,8 +85,7 @@ function NavigationToolbarMobile(inProps) {
     }
     const _children = children || (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(NavigationMenuIconButtonComponent, null),
-        react_1.default.createElement(react_core_1.Link, { to: scRoutingContext.url(react_core_1.SCRoutes.HOME_ROUTE_NAME, {}), className: classes.logo },
-            react_1.default.createElement("img", { src: preferences[react_core_1.SCPreferences.LOGO_NAVBAR_LOGO_MOBILE].value, alt: "logo" }))));
+        react_1.default.createElement(react_core_1.Link, { to: scRoutingContext.url(react_core_1.SCRoutes.HOME_ROUTE_NAME, {}), className: classes.logo }, !preserveDesktopLogo ? (react_1.default.createElement("img", { src: preferences[react_core_1.SCPreferences.LOGO_NAVBAR_LOGO_MOBILE].value, alt: "logo" })) : (react_1.default.createElement("img", { src: preferences[react_core_1.SCPreferences.LOGO_NAVBAR_LOGO].value, alt: "logo" })))));
     return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(className, classes.root) }, rest),
         _children,
         startActions,

package/lib/cjs/index.d.ts

@@ -80,6 +80,7 @@ import BaseItem, { BaseItemProps } from './shared/BaseItem';
 import BaseDialog, { BaseDialogProps } from './shared/BaseDialog';
 import MediaChunkUploader, { MediaChunkUploaderProps } from './shared/MediaChunkUploader';
 import { File, EditMediaProps, Link, Share } from './shared/Media';
+import HiddenPlaceholder from './shared/HiddenPlaceholder';
 import UrlTextField from './shared/UrlTextField';
 import UsernameTextField from './shared/UsernameTextField';
 import EmailTextField from './shared/EmailTextField';
@@ -142,4 +143,4 @@ import FeedObjectMediaPreview, { FeedObjectMediaPreviewProps } from './component
 /**
  * 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, NavigationMenuContent, 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, ChangeGroupCover, ChangeGroupCoverProps, ChangeGroupPicture, ChangeGroupPictureProps, GroupHeader, GroupHeaderProps, GroupHeaderSkeleton, GroupMembersButton, GroupMembersButtonProps, CreateGroupButton, CreateGroupButtonProps, EditGroupButton, EditGroupButtonProps, GroupInviteButton, GroupInviteButtonProps, GroupInfoWidget, GroupInfoWidgetProps, GroupInfoWidgetSkeleton, Group, GroupProps, GroupSubscribeButton, GroupSubscribeButtonProps, GroupMembersWidget, GroupMembersWidgetProps, GroupMembersWidgetSkeleton, GroupRequestsWidget, GroupRequestsWidgetProps, GroupRequestsWidgetSkeleton, Groups, GroupsProps, GroupsSkeleton, GroupForm, GroupFormProps, 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 };
+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, NavigationMenuContent, 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, ChangeGroupCover, ChangeGroupCoverProps, ChangeGroupPicture, ChangeGroupPictureProps, GroupHeader, GroupHeaderProps, GroupHeaderSkeleton, GroupMembersButton, GroupMembersButtonProps, CreateGroupButton, CreateGroupButtonProps, EditGroupButton, EditGroupButtonProps, GroupInviteButton, GroupInviteButtonProps, GroupInfoWidget, GroupInfoWidgetProps, GroupInfoWidgetSkeleton, Group, GroupProps, GroupSubscribeButton, GroupSubscribeButtonProps, GroupMembersWidget, GroupMembersWidgetProps, GroupMembersWidgetSkeleton, GroupRequestsWidget, GroupRequestsWidgetProps, GroupRequestsWidgetSkeleton, Groups, GroupsProps, GroupsSkeleton, GroupForm, GroupFormProps, HiddenPlaceholder, 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

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 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.NavigationMenuContent = 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.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 = exports.AvatarGroupSkeleton = void 0;
 exports.GroupsSkeleton = exports.Groups = exports.GroupRequestsWidgetSkeleton = exports.GroupRequestsWidget = exports.GroupMembersWidgetSkeleton = exports.GroupMembersWidget = exports.GroupSubscribeButton = exports.Group = exports.GroupInfoWidgetSkeleton = exports.GroupInfoWidget = exports.GroupInviteButton = exports.EditGroupButton = exports.CreateGroupButton = exports.GroupMembersButton = exports.GroupHeaderSkeleton = exports.GroupHeader = exports.ChangeGroupPicture = exports.ChangeGroupCover = 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 = void 0;
-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.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.GroupForm = void 0;
-exports.BaseDialog = exports.BaseItem = exports.FooterSkeleton = void 0;
+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.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.HiddenPlaceholder = exports.GroupForm = void 0;
+exports.BaseDialog = exports.BaseItem = exports.FooterSkeleton = exports.Footer = void 0;
 const tslib_1 = require("tslib");
 /**
  * Components
@@ -222,6 +222,8 @@ const Media_1 = require("./shared/Media");
 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 HiddenPlaceholder_1 = tslib_1.__importDefault(require("./shared/HiddenPlaceholder"));
+exports.HiddenPlaceholder = HiddenPlaceholder_1.default;
 const UrlTextField_1 = tslib_1.__importDefault(require("./shared/UrlTextField"));
 exports.UrlTextField = UrlTextField_1.default;
 const UsernameTextField_1 = tslib_1.__importDefault(require("./shared/UsernameTextField"));

package/lib/esm/components/ChangeGroupCover/ChangeGroupCover.js

@@ -23,6 +23,10 @@ const messages = defineMessages({
     errorLoadImage: {
         id: 'ui.changeGroupCover.button.change.alertErrorImage',
         defaultMessage: 'ui.changeGroupCover.button.change.alertErrorImage'
+    },
+    errorImageSize: {
+        id: 'ui.changeGroupCover.alert',
+        defaultMessage: 'ui.changeGroupCover.alert'
     }
 });
 /**
@@ -73,7 +77,26 @@ export default function ChangeGroupCover(inProps) {
      */
     const handleUpload = (event) => {
         fileInput = event.target.files[0];
-        isCreationMode ? onChange && onChange(fileInput) : handleSave();
+        if (fileInput) {
+            const reader = new FileReader();
+            reader.onload = (e) => {
+                const img = new Image();
+                img.onload = () => {
+                    if (img.width < 1920) {
+                        setAlert(intl.formatMessage(messages.errorImageSize));
+                    }
+                    else {
+                        isCreationMode ? onChange && onChange(fileInput) : handleSave();
+                    }
+                };
+                // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
+                // @ts-ignore
+                img.src = e.target.result;
+            };
+            // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
+            // @ts-ignore
+            reader.readAsDataURL(fileInput);
+        }
     };
     /**
      * Handles cover saving after upload action

package/lib/esm/components/ChangeGroupPicture/ChangeGroupPicture.js

@@ -14,8 +14,8 @@ import { defineMessages, useIntl } from 'react-intl';
 import { LoadingButton } from '@mui/lab';
 const messages = defineMessages({
     errorLoadImage: {
-        id: 'ui.changeGroupCover.button.change.alertErrorImage',
-        defaultMessage: 'ui.changeGroupCover.button.change.alertErrorImage'
+        id: 'ui.changeGroupPicture.alert',
+        defaultMessage: 'ui.changeGroupPicture.alert'
     }
 });
 const classes = {
@@ -74,9 +74,27 @@ export default function ChangeGroupPicture(inProps) {
      * @param event
      */
     function handleUpload(event) {
-        fileInput = event.target.files[0];
-        isCreationMode ? onChange && onChange(fileInput) : handleSave();
+        const fileInput = event.target.files[0];
+        if (fileInput) {
+            const reader = new FileReader();
+            reader.onload = (e) => {
+                const img = new Image();
+                img.onload = () => {
+                    if (img.width < 600 && img.height < 600) {
+                        setAlert(intl.formatMessage(messages.errorLoadImage));
+                    }
+                    else {
+                        isCreationMode ? onChange && onChange(fileInput) : handleSave();
+                    }
+                };
+                // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
+                // @ts-ignore
+                img.src = e.target.result;
+            };
+            reader.readAsDataURL(fileInput);
+        }
     }
+    // ui.changeGroupPicture.alert
     /**
      * Performs save avatar after upload
      */

package/lib/esm/components/GroupInviteButton/GroupInviteButton.js

@@ -224,9 +224,9 @@ export default function GroupInviteButton(inProps) {
         setList((prev) => [...prev, option]);
     };
     /**
-     * If there's no authUserId, component is hidden.
+     * If in group edit mode and logged-in user is not also the group manager, the component is hidden.
     //  */
-    if (!canEdit) {
+    if (group && !canEdit) {
         return null;
     }
     /**
@@ -240,7 +240,7 @@ export default function GroupInviteButton(inProps) {
                     React.createElement(Icon, { fontSize: "medium" }, "arrow_back")),
                 React.createElement(Typography, { className: classes.dialogTitle },
                     React.createElement(FormattedMessage, { id: "ui.groupInviteButton.dialog.title", defaultMessage: "ui.groupInviteButton.dialog.title" })),
-                React.createElement(LoadingButton, { size: "small", color: "secondary", variant: "contained", onClick: handleSendInvitations, loading: isSending },
+                React.createElement(LoadingButton, { size: "small", color: "secondary", variant: "contained", onClick: handleSendInvitations, loading: isSending, disabled: !invited.length },
                     React.createElement(FormattedMessage, { id: "ui.groupInviteButton.dialog.button.end", defaultMessage: "ui.groupInviteButton.dialog.button.end" }))) },
             React.createElement(Box, { className: classes.dialogContent },
                 React.createElement(Autocomplete, { className: classes.autocomplete, loading: loading, size: "small", multiple: true, freeSolo: true, disableClearable: true, options: suggested, onChange: handleChange, onInputChange: handleInputChange, inputValue: value, value: invited, getOptionLabel: (option) => (option ? option.username : '...'), isOptionEqualToValue: (option, value) => (option ? value.id === option.id : false), renderTags: () => null, renderOption: (props, option) => (React.createElement(Box, Object.assign({ component: "li" }, props),

package/lib/esm/components/Groups/Groups.d.ts

@@ -1,31 +1,27 @@
+import { SCGroupType } from '@selfcommunity/types';
 import { EndpointType } from '@selfcommunity/api-services';
-import { CacheStrategies } from '@selfcommunity/utils';
 import { GroupProps } from '../Group';
 export interface GroupsProps {
     /**
-     * Endpoint to call
-     */
-    endpoint: EndpointType;
-    /**
-     * Hides this component
-     * @default false
+     * Overrides or extends the styles applied to the component.
+     * @default null
      */
-    autoHide?: boolean;
+    className?: string;
     /**
-     * Limit the number of users to show
-     * @default false
+     * Endpoint to call
      */
-    limit?: number;
+    endpoint: EndpointType;
     /**
-     * Caching strategies
-     * @default CacheStrategies.CACHE_FIRST
+     * Props to spread to single group object
+     * @default {variant: 'outlined', ButtonBaseProps: {disableRipple: 'true'}}
      */
-    cacheStrategy?: CacheStrategies;
+    GroupComponentProps?: GroupProps;
     /**
-     * Props to spread to single group object
-     * @default empty object
+     * Prefetch groups. Useful for SSR.
+     * Use this to init the component with groups
+     * @default null
      */
-    GroupProps?: GroupProps;
+    prefetchedGroups?: SCGroupType[];
     /**
      * Other props
      */