@selfcommunity/react-ui 0.8.1-alpha.4 → 0.9.0-alpha.0

package/lib/cjs/index.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ConnectionUserButton = exports.ConfirmDialog = exports.ComposerIconButton = exports.Composer = exports.CommentsObjectSkeleton = exports.CommentsObject = exports.CommentsFeedObjectSkeleton = exports.CommentsFeedObject = exports.CommentObjectSkeleton = exports.CommentObjectReply = exports.CommentObject = exports.ChangePicture = exports.ChangeGroupPicture = exports.ChangeGroupCover = exports.ChangeCover = exports.CentralProgress = exports.CategoryTrendingUsersWidget = exports.CategoryTrendingPeopleWidgetSkeleton = exports.CategoryTrendingFeedWidgetSkeleton = exports.CategoryTrendingFeedWidget = exports.CategorySkeleton = exports.CategoryHeaderSkeleton = exports.CategoryHeader = exports.CategoryFollowersButton = exports.CategoryFollowButton = exports.CategoryAutocomplete = exports.Category = exports.CategoriesSuggestionWidgetSkeleton = exports.CategoriesSuggestionWidget = exports.CategoriesSkeleton = exports.CategoriesPopularWidgetSkeleton = exports.CategoriesPopularWidget = exports.Categories = exports.Calendar = exports.bytesToSize = exports.BroadcastMessagesSkeleton = exports.BroadcastMessages = exports.BottomNavigation = exports.BaseItem = exports.BaseDialog = exports.AvatarGroupSkeleton = exports.AccountVerify = exports.AccountReset = exports.AccountRecover = exports.AccountDeleteButton = exports.AccountDelete = exports.AccountDataPortabilityButton = exports.AccountDataPortability = exports.AccountChangeMailValidation = exports.AcceptRequestUserEventButton = void 0;
-exports.FollowUserButton = exports.File = exports.FeedUpdatesWidgetSkeleton = exports.FeedUpdatesWidget = exports.FeedSkeleton = exports.FeedObjectSkeleton = exports.FeedObjectMediaPreview = exports.FeedObject = exports.Feed = exports.FACEBOOK_SHARE = exports.EventsSkeleton = exports.EventSkeleton = exports.Events = exports.EventParticipantsButton = exports.EventMembersWidgetSkeleton = exports.EventMembersWidget = exports.EventLocationWidgetSkeleton = exports.EventLocationWidget = exports.EventInviteButton = exports.EventInfoWidget = exports.EventInfoDetails = exports.EventHeaderSkeleton = exports.EventHeader = exports.EventActionsMenu = exports.Event = exports.EmailTextField = exports.EditorSkeleton = exports.Editor = exports.EditGroupButton = exports.EditEventButton = exports.SCGroupEventType = exports.SCTopicType = exports.DefaultHeaderContent = exports.DefaultDrawerContent = exports.DEFAULT_WIDGETS_NUMBER = exports.DEFAULT_PRELOAD_OFFSET_VIEWPORT = exports.DEFAULT_PAGINATION_QUERY_PARAM_NAME = exports.DEFAULT_PAGINATION_OFFSET = exports.DEFAULT_PAGINATION_LIMIT = exports.DEFAULT_FIELDS = exports.CustomAdvSkeleton = exports.CustomAdv = exports.CreateGroupButton = exports.CreateEventWidgetSkeleton = exports.CreateEventWidget = exports.CreateEventButton = exports.ContributionUtils = exports.ConsentSolutionSkeleton = exports.ConsentSolutionButton = exports.ConsentSolution = void 0;
-exports.MEDIA_EMBED_SC_SHARED_OBJECT = exports.MEDIA_EMBED_SC_SHARED_EVENT = exports.MEDIA_EMBED_SC_LINK_TYPE = exports.MAX_PRELOAD_OFFSET_VIEWPORT = exports.LoyaltyProgramWidgetSkeleton = exports.LoyaltyProgramWidget = exports.LogoSelfCommunity = exports.LocationAutocomplete = exports.LINKEDIN_SHARE = exports.Link = exports.Lightbox = exports.LEGAL_POLICIES = exports.LanguageSwitcher = exports.InviteUserEventButton = exports.InlineComposerWidgetSkeleton = exports.InlineComposerWidget = exports.InfiniteScroll = exports.IncubatorSuggestionWidget = exports.IncubatorSubscribeButton = exports.IncubatorListWidget = exports.IncubatorDetail = exports.Incubator = exports.HiddenPlaceholder = exports.GroupSubscribeButton = exports.GroupsSkeleton = exports.GroupSkeleton = exports.GroupSettingsIconButton = exports.Groups = exports.GroupRequestsWidgetSkeleton = exports.GroupRequestsWidget = exports.GroupMembersWidgetSkeleton = exports.GroupMembersWidget = exports.GroupMembersButton = exports.GroupInvitedWidgetSkeleton = exports.GroupInvitedWidget = exports.GroupInviteButton = exports.GroupInfoWidgetSkeleton = exports.GroupInfoWidget = exports.GroupHeaderSkeleton = exports.GroupHeader = exports.GroupForm = exports.GroupActionsMenu = exports.Group = exports.getUnseenNotificationCounter = exports.getUnseenNotification = exports.getRelativeTime = exports.GenericSkeleton = exports.FriendshipUserButton = exports.FooterSkeleton = exports.Footer = void 0;
-exports.RelatedFeedObjectsWidgetSkeleton = exports.RelatedFeedObjectsWidget = exports.RelatedEventsWidgetSkeleton = exports.RelatedEventsWidget = exports.ProgressBar = exports.PrivateMessageThreadSkeleton = exports.PrivateMessageThreadItemSkeleton = exports.PrivateMessageThreadItem = exports.PrivateMessageThread = exports.PrivateMessageSnippetsSkeleton = exports.PrivateMessageSnippets = exports.PrivateMessageSnippetItemSkeleton = exports.PrivateMessageSnippetItem = exports.PrivateMessageSettingsIconButton = exports.PrivateMessageEditorSkeleton = exports.PrivateMessageEditor = exports.PrivateMessageComponentSkeleton = exports.PrivateMessageComponent = exports.PollSuggestionWidget = exports.PlatformWidgetSkeleton = exports.PlatformWidget = exports.PhoneTextField = exports.PasswordTextField = exports.OnBoardingWidgetSkeleton = exports.OnBoardingWidget = exports.NotificationSkeleton = exports.Notification = exports.NavigationToolbarSkeleton = exports.NavigationToolbarMobileSkeleton = exports.NavigationToolbarMobile = exports.NavigationToolbar = exports.NavigationSettingsIconButton = exports.NavigationMenuDrawer = exports.NavigationMenuIconButton = exports.NavigationMenuHeader = exports.NavigationMenuContent = exports.MyEventsWidgetSkeleton = exports.MyEventsWidget = exports.MIN_PRELOAD_OFFSET_VIEWPORT = exports.MetadataField = exports.MessageUploaderUtils = exports.MediaChunkUploader = exports.MEDIA_TYPE_VIDEO = exports.MEDIA_TYPE_URL = exports.MEDIA_TYPE_SHARE = exports.MEDIA_TYPE_LINK = exports.MEDIA_TYPE_IMAGE = exports.MEDIA_TYPE_EVENT = exports.MEDIA_TYPE_EMBED = exports.MEDIA_TYPE_DOCUMENT = void 0;
-exports.UserProfileHeaderSkeleton = exports.UserProfileHeader = exports.UserProfileEditSkeleton = exports.UserProfileEditSectionSettings = exports.UserProfileEditSectionPublicInfo = exports.UserProfileEditSectionAccount = exports.UserProfileEdit = exports.UserProfileBlocked = exports.UsernameTextField = exports.UserInfoSkeleton = exports.UserInfoDialog = exports.UserInfo = exports.UserFollowersWidgetSkeleton = exports.UserFollowersWidget = exports.UserFollowedUsersWidgetSkeleton = exports.UserFollowedUsersWidget = exports.UserFollowedCategoriesWidgetSkeleton = exports.UserFollowedCategoriesWidget = exports.UserDeletedSnackBar = exports.UserCounters = exports.UserConnectionsWidgetSkeleton = exports.UserConnectionsWidget = exports.UserConnectionsRequestsWidgetSkeleton = exports.UserConnectionsRequestsWidget = exports.UserConnectionsRequestsSentWidgetSkeleton = exports.UserConnectionsRequestsSentWidget = exports.UserAvatar = exports.UserActionIconButton = exports.User = exports.UrlTextField = exports.ToastNotificationsSkeleton = exports.ToastNotifications = exports.TagChip = exports.SuggestedEventsWidgetSkeleton = exports.SuggestedEventsWidget = exports.StickyBox = exports.SnippetNotificationsSkeleton = exports.SnippetNotifications = exports.Share = exports.SearchDialog = exports.SearchAutocomplete = exports.SCUserSocialAssociations = exports.SCUserProfileSettings = exports.SCUserProfileFields = exports.SCNotificationObjectTemplateType = exports.SCFeedObjectTemplateType = exports.SCFeedObjectActivitiesType = exports.SCCommentsOrderBy = exports.SCBroadcastMessageTemplateType = exports.ReplyComment = void 0;
-exports.X_SHARE = exports.Widget = exports.SCEventTemplateType = exports.useStickyBox = exports.UserSuggestionWidgetSkeleton = exports.UserSuggestionWidget = exports.UserSubscribedGroupsWidgetSkeleton = exports.UserSubscribedGroupsWidget = exports.UserSocialAssociation = exports.UserSkeleton = void 0;
+exports.ConfirmDialog = exports.ComposerIconButton = exports.Composer = exports.CommentsObjectSkeleton = exports.CommentsObject = exports.CommentsFeedObjectSkeleton = exports.CommentsFeedObject = exports.CommentObjectSkeleton = exports.CommentObjectReply = exports.CommentObject = exports.ChangePicture = exports.ChangeGroupPicture = exports.ChangeGroupCover = exports.ChangeCover = exports.CentralProgress = exports.CategoryTrendingUsersWidget = exports.CategoryTrendingPeopleWidgetSkeleton = exports.CategoryTrendingFeedWidgetSkeleton = exports.CategoryTrendingFeedWidget = exports.CategorySkeleton = exports.CategoryHeaderSkeleton = exports.CategoryHeader = exports.CategoryFollowersButton = exports.CategoryFollowButton = exports.CategoryAutocomplete = exports.Category = exports.CategoriesSuggestionWidgetSkeleton = exports.CategoriesSuggestionWidget = exports.CategoriesSkeleton = exports.CategoriesPopularWidgetSkeleton = exports.CategoriesPopularWidget = exports.Categories = exports.Calendar = exports.bytesToSize = exports.BroadcastMessagesSkeleton = exports.BroadcastMessages = exports.BottomNavigation = exports.BaseLightbox = exports.BaseItem = exports.BaseDialog = exports.AvatarGroupSkeleton = exports.AccountVerify = exports.AccountReset = exports.AccountRecover = exports.AccountDeleteButton = exports.AccountDelete = exports.AccountDataPortabilityButton = exports.AccountDataPortability = exports.AccountChangeMailValidation = exports.AcceptRequestUserEventButton = void 0;
+exports.File = exports.FeedUpdatesWidgetSkeleton = exports.FeedUpdatesWidget = exports.FeedSkeleton = exports.FeedObjectSkeleton = exports.FeedObjectMediaPreview = exports.FeedObject = exports.Feed = exports.FACEBOOK_SHARE = exports.EventsSkeleton = exports.EventSkeleton = exports.Events = exports.EventParticipantsButton = exports.EventMembersWidgetSkeleton = exports.EventMembersWidget = exports.EventMediaWidgetSkeleton = exports.EventMediaWidget = exports.EventLocationWidgetSkeleton = exports.EventLocationWidget = exports.EventInviteButton = exports.EventInfoWidget = exports.EventInfoDetails = exports.EventHeaderSkeleton = exports.EventHeader = exports.EventActionsMenu = exports.Event = exports.EmailTextField = exports.EditorSkeleton = exports.Editor = exports.EditGroupButton = exports.EditEventButton = exports.DefaultHeaderContent = exports.DefaultDrawerContent = exports.DEFAULT_WIDGETS_NUMBER = exports.DEFAULT_PRELOAD_OFFSET_VIEWPORT = exports.DEFAULT_PAGINATION_QUERY_PARAM_NAME = exports.DEFAULT_PAGINATION_OFFSET = exports.DEFAULT_PAGINATION_LIMIT = exports.DEFAULT_FIELDS = exports.CustomAdvSkeleton = exports.CustomAdv = exports.CreateGroupButton = exports.CreateEventWidgetSkeleton = exports.CreateEventWidget = exports.CreateEventButton = exports.ContributionUtils = exports.ConsentSolutionSkeleton = exports.ConsentSolutionButton = exports.ConsentSolution = exports.ConnectionUserButton = void 0;
+exports.MEDIA_EMBED_SC_SHARED_EVENT = exports.MEDIA_EMBED_SC_LINK_TYPE = exports.MAX_PRELOAD_OFFSET_VIEWPORT = exports.LoyaltyProgramWidgetSkeleton = exports.LoyaltyProgramWidget = exports.LogoSelfCommunity = exports.LocationAutocomplete = exports.LINKEDIN_SHARE = exports.Link = exports.Lightbox = exports.LEGAL_POLICIES = exports.LanguageSwitcher = exports.InviteUserEventButton = exports.InlineComposerWidgetSkeleton = exports.InlineComposerWidget = exports.InfiniteScroll = exports.IncubatorSuggestionWidget = exports.IncubatorSubscribeButton = exports.IncubatorListWidget = exports.IncubatorDetail = exports.Incubator = exports.HiddenPlaceholder = exports.GroupSubscribeButton = exports.GroupsSkeleton = exports.GroupSkeleton = exports.GroupSettingsIconButton = exports.Groups = exports.GroupRequestsWidgetSkeleton = exports.GroupRequestsWidget = exports.GroupMembersWidgetSkeleton = exports.GroupMembersWidget = exports.GroupMembersButton = exports.GroupInvitedWidgetSkeleton = exports.GroupInvitedWidget = exports.GroupInviteButton = exports.GroupInfoWidgetSkeleton = exports.GroupInfoWidget = exports.GroupHeaderSkeleton = exports.GroupHeader = exports.GroupForm = exports.GroupActionsMenu = exports.Group = exports.getUnseenNotificationCounter = exports.getUnseenNotification = exports.getRelativeTime = exports.GenericSkeleton = exports.FriendshipUserButton = exports.FooterSkeleton = exports.Footer = exports.FollowUserButton = void 0;
+exports.RelatedFeedObjectsWidget = exports.RelatedEventsWidgetSkeleton = exports.RelatedEventsWidget = exports.ProgressBar = exports.PrivateMessageThreadSkeleton = exports.PrivateMessageThreadItemSkeleton = exports.PrivateMessageThreadItem = exports.PrivateMessageThread = exports.PrivateMessageSnippetsSkeleton = exports.PrivateMessageSnippets = exports.PrivateMessageSnippetItemSkeleton = exports.PrivateMessageSnippetItem = exports.PrivateMessageSettingsIconButton = exports.PrivateMessageEditorSkeleton = exports.PrivateMessageEditor = exports.PrivateMessageComponentSkeleton = exports.PrivateMessageComponent = exports.PollSuggestionWidget = exports.PlatformWidgetSkeleton = exports.PlatformWidget = exports.PhoneTextField = exports.PasswordTextField = exports.OnBoardingWidgetSkeleton = exports.OnBoardingWidget = exports.NotificationSkeleton = exports.Notification = exports.NavigationToolbarSkeleton = exports.NavigationToolbarMobileSkeleton = exports.NavigationToolbarMobile = exports.NavigationToolbar = exports.NavigationSettingsIconButton = exports.NavigationMenuIconButton = exports.NavigationMenuHeader = exports.NavigationMenuDrawer = exports.NavigationMenuContent = exports.MyEventsWidgetSkeleton = exports.MyEventsWidget = exports.MIN_PRELOAD_OFFSET_VIEWPORT = exports.MetadataField = exports.MessageUploaderUtils = exports.MediaChunkUploader = exports.MEDIA_TYPE_VIDEO = exports.MEDIA_TYPE_URL = exports.MEDIA_TYPE_SHARE = exports.MEDIA_TYPE_LINK = exports.MEDIA_TYPE_IMAGE = exports.MEDIA_TYPE_EVENT = exports.MEDIA_TYPE_EMBED = exports.MEDIA_TYPE_DOCUMENT = exports.MEDIA_EMBED_SC_SHARED_OBJECT = void 0;
+exports.UserProfileEditSkeleton = exports.UserProfileEditSectionSettings = exports.UserProfileEditSectionPublicInfo = exports.UserProfileEditSectionAccount = exports.UserProfileEdit = exports.UserProfileBlocked = exports.UsernameTextField = exports.UserInfoSkeleton = exports.UserInfoDialog = exports.UserInfo = exports.UserFollowersWidgetSkeleton = exports.UserFollowersWidget = exports.UserFollowedUsersWidgetSkeleton = exports.UserFollowedUsersWidget = exports.UserFollowedCategoriesWidgetSkeleton = exports.UserFollowedCategoriesWidget = exports.UserDeletedSnackBar = exports.UserCounters = exports.UserConnectionsWidgetSkeleton = exports.UserConnectionsWidget = exports.UserConnectionsRequestsWidgetSkeleton = exports.UserConnectionsRequestsWidget = exports.UserConnectionsRequestsSentWidgetSkeleton = exports.UserConnectionsRequestsSentWidget = exports.UserAvatar = exports.UserActionIconButton = exports.User = exports.UrlTextField = exports.ToastNotificationsSkeleton = exports.ToastNotifications = exports.TagChip = exports.SuggestedEventsWidgetSkeleton = exports.SuggestedEventsWidget = exports.StickyBox = exports.SnippetNotificationsSkeleton = exports.SnippetNotifications = exports.Share = exports.SearchDialog = exports.SearchAutocomplete = exports.SCUserSocialAssociations = exports.SCUserProfileSettings = exports.SCUserProfileFields = exports.SCNotificationObjectTemplateType = exports.SCFeedObjectTemplateType = exports.SCFeedObjectActivitiesType = exports.SCEventTemplateType = exports.SCCommentsOrderBy = exports.SCBroadcastMessageTemplateType = exports.ReplyComment = exports.RelatedFeedObjectsWidgetSkeleton = void 0;
+exports.X_SHARE = exports.Widget = exports.useStickyBox = exports.UserSuggestionWidgetSkeleton = exports.UserSuggestionWidget = exports.UserSubscribedGroupsWidgetSkeleton = exports.UserSubscribedGroupsWidget = exports.UserSocialAssociation = exports.UserSkeleton = exports.UserProfileHeaderSkeleton = exports.UserProfileHeader = void 0;
 const tslib_1 = require("tslib");
 /**
  * Components
@@ -121,6 +121,9 @@ exports.EventInviteButton = EventInviteButton_1.default;
 const EventLocationWidget_1 = tslib_1.__importStar(require("./components/EventLocationWidget"));
 exports.EventLocationWidget = EventLocationWidget_1.default;
 Object.defineProperty(exports, "EventLocationWidgetSkeleton", { enumerable: true, get: function () { return EventLocationWidget_1.EventLocationWidgetSkeleton; } });
+const EventMediaWidget_1 = tslib_1.__importStar(require("./components/EventMediaWidget"));
+exports.EventMediaWidget = EventMediaWidget_1.default;
+Object.defineProperty(exports, "EventMediaWidgetSkeleton", { enumerable: true, get: function () { return EventMediaWidget_1.EventMediaWidgetSkeleton; } });
 const EventMembersWidget_1 = tslib_1.__importStar(require("./components/EventMembersWidget"));
 exports.EventMembersWidget = EventMembersWidget_1.default;
 Object.defineProperty(exports, "EventMembersWidgetSkeleton", { enumerable: true, get: function () { return EventMembersWidget_1.EventMembersWidgetSkeleton; } });
@@ -204,8 +207,8 @@ Object.defineProperty(exports, "MyEventsWidgetSkeleton", { enumerable: true, get
 const NavigationMenuIconButton_1 = tslib_1.__importStar(require("./components/NavigationMenuIconButton"));
 exports.NavigationMenuIconButton = NavigationMenuIconButton_1.default;
 Object.defineProperty(exports, "NavigationMenuContent", { enumerable: true, get: function () { return NavigationMenuIconButton_1.NavigationMenuContent; } });
-Object.defineProperty(exports, "NavigationMenuHeader", { enumerable: true, get: function () { return NavigationMenuIconButton_1.NavigationMenuHeader; } });
 Object.defineProperty(exports, "NavigationMenuDrawer", { enumerable: true, get: function () { return NavigationMenuIconButton_1.NavigationMenuDrawer; } });
+Object.defineProperty(exports, "NavigationMenuHeader", { enumerable: true, get: function () { return NavigationMenuIconButton_1.NavigationMenuHeader; } });
 const DefaultDrawerContent_1 = tslib_1.__importDefault(require("./components/NavigationMenuIconButton/DefaultDrawerContent"));
 exports.DefaultDrawerContent = DefaultDrawerContent_1.default;
 const DefaultHeaderContent_1 = tslib_1.__importDefault(require("./components/NavigationMenuIconButton/DefaultHeaderContent"));
@@ -352,8 +355,9 @@ const HiddenPlaceholder_1 = tslib_1.__importDefault(require("./shared/HiddenPlac
 exports.HiddenPlaceholder = HiddenPlaceholder_1.default;
 const LanguageSwitcher_1 = tslib_1.__importDefault(require("./shared/LanguageSwitcher"));
 exports.LanguageSwitcher = LanguageSwitcher_1.default;
-const Lightbox_1 = tslib_1.__importDefault(require("./shared/Lightbox"));
-exports.Lightbox = Lightbox_1.default;
+const Lightbox_1 = tslib_1.__importStar(require("./shared/Lightbox"));
+exports.BaseLightbox = Lightbox_1.default;
+Object.defineProperty(exports, "Lightbox", { enumerable: true, get: function () { return Lightbox_1.Lightbox; } });
 const Media_2 = require("./shared/Media");
 Object.defineProperty(exports, "File", { enumerable: true, get: function () { return Media_2.File; } });
 Object.defineProperty(exports, "Link", { enumerable: true, get: function () { return Media_2.Link; } });
@@ -382,13 +386,13 @@ exports.UsernameTextField = UsernameTextField_1.default;
 const types_1 = require("./types");
 Object.defineProperty(exports, "SCBroadcastMessageTemplateType", { enumerable: true, get: function () { return types_1.SCBroadcastMessageTemplateType; } });
 Object.defineProperty(exports, "SCCommentsOrderBy", { enumerable: true, get: function () { return types_1.SCCommentsOrderBy; } });
+Object.defineProperty(exports, "SCEventTemplateType", { enumerable: true, get: function () { return types_1.SCEventTemplateType; } });
 Object.defineProperty(exports, "SCFeedObjectActivitiesType", { enumerable: true, get: function () { return types_1.SCFeedObjectActivitiesType; } });
 Object.defineProperty(exports, "SCFeedObjectTemplateType", { enumerable: true, get: function () { return types_1.SCFeedObjectTemplateType; } });
 Object.defineProperty(exports, "SCNotificationObjectTemplateType", { enumerable: true, get: function () { return types_1.SCNotificationObjectTemplateType; } });
 Object.defineProperty(exports, "SCUserProfileFields", { enumerable: true, get: function () { return types_1.SCUserProfileFields; } });
 Object.defineProperty(exports, "SCUserProfileSettings", { enumerable: true, get: function () { return types_1.SCUserProfileSettings; } });
 Object.defineProperty(exports, "SCUserSocialAssociations", { enumerable: true, get: function () { return types_1.SCUserSocialAssociations; } });
-Object.defineProperty(exports, "SCEventTemplateType", { enumerable: true, get: function () { return types_1.SCEventTemplateType; } });
 /**
  * Constants
  */
@@ -410,9 +414,6 @@ Object.defineProperty(exports, "LINKEDIN_SHARE", { enumerable: true, get: functi
 Object.defineProperty(exports, "X_SHARE", { enumerable: true, get: function () { return SocialShare_1.X_SHARE; } });
 const UserProfile_1 = require("./constants/UserProfile");
 Object.defineProperty(exports, "DEFAULT_FIELDS", { enumerable: true, get: function () { return UserProfile_1.DEFAULT_FIELDS; } });
-const PubSub_1 = require("./constants/PubSub");
-Object.defineProperty(exports, "SCTopicType", { enumerable: true, get: function () { return PubSub_1.SCTopicType; } });
-Object.defineProperty(exports, "SCGroupEventType", { enumerable: true, get: function () { return PubSub_1.SCGroupEventType; } });
 /**
  * Utilities
  */

package/lib/cjs/shared/Lightbox/BaseLightbox.d.ts

@@ -0,0 +1,19 @@
+import { MouseEvent, TouchEvent } from 'react';
+import { PhotoProviderBase } from 'react-photo-view/dist/types';
+import { DataType } from '../../types/lightbox';
+/**
+ * Overrides/extends the styles applied to the component.
+ * @default null
+ */
+export interface BaseLightboxProps extends PhotoProviderBase {
+    className?: string;
+    images: DataType[];
+    index?: number;
+    onIndexChange?: (index: number) => void;
+    visible?: boolean;
+    onClose?: (evt?: MouseEvent | TouchEvent) => void;
+    afterClose?: () => void;
+    toolbarButtons?: JSX.Element;
+}
+declare const BaseLightbox: (props: BaseLightboxProps) => JSX.Element;
+export default BaseLightbox;

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

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const styles_1 = require("@mui/material/styles");
+const react_1 = require("react");
+const react_photo_view_1 = require("react-photo-view");
+const constants_1 = require("./constants");
+const classes = {
+    root: `${constants_1.PREFIX}-root`
+};
+const Root = (0, styles_1.styled)(react_photo_view_1.PhotoSlider, {
+    name: constants_1.PREFIX,
+    slot: 'Root',
+    overridesResolver: (_props, styles) => styles.root
+})(() => ({}));
+const BaseLightbox = (props) => {
+    const { images = [], index, onClose, visible = true, afterClose, onIndexChange, toolbarRender, toolbarButtons } = props, rest = tslib_1.__rest(props, ["images", "index", "onClose", "visible", "afterClose", "onIndexChange", "toolbarRender", "toolbarButtons"]);
+    // STATE
+    const [currentImageIndex, setCurrentImageIndex] = (0, react_1.useState)(index || 0);
+    const handleIndexChange = (0, react_1.useCallback)((index) => {
+        onIndexChange === null || onIndexChange === void 0 ? void 0 : onIndexChange(index);
+        setCurrentImageIndex(index);
+    }, [onIndexChange, setCurrentImageIndex]);
+    /**
+     * Renders root object
+     */
+    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({}, rest, { className: classes.root, images: images, visible: visible && index !== -1, index: currentImageIndex, onIndexChange: handleIndexChange, onClose: onClose, afterClose: afterClose, loadingElement: (0, jsx_runtime_1.jsx)(material_1.CircularProgress, { color: 'primary' }), toolbarRender: toolbarRender
+            ? toolbarRender
+            : () => {
+                return toolbarButtons;
+            } })));
+};
+exports.default = BaseLightbox;

package/lib/cjs/shared/Lightbox/Lightbox.d.ts

@@ -1,19 +1,33 @@
-import React from 'react';
-import { DataType } from '../../types/lightbox';
-import { PhotoProviderBase } from 'react-photo-view/dist/types';
-/**
- * Overrides/extends the styles applied to the component.
- * @default null
- */
-export interface ReactImageLightboxProps extends PhotoProviderBase {
-    className?: string;
-    images: DataType[];
-    index?: number;
+import { SCMediaType } from '@selfcommunity/types/src/types';
+export interface LightboxProps {
+    /**
+     * Images objs
+     * @default []
+     */
+    medias: SCMediaType[];
+    /**
+     * Obj index
+     * @default 0
+     */
+    index: number;
+    /**
+     * Toolbar
+     * @default undefined
+     */
+    toolbarButtons?: JSX.Element;
+    /**
+     * Handles on close
+     * @default () => void
+     */
+    onClose: () => void;
+    /**
+     * Handles on index change
+     * @default undefined
+     */
     onIndexChange?: (index: number) => void;
-    visible?: boolean;
-    onClose?: (evt?: React.MouseEvent | React.TouchEvent) => void;
-    afterClose?: () => void;
-    toolbarButtons?: React.ReactNode[];
+    /**
+     * Any other properties
+     */
+    [p: string]: any;
 }
-declare const ReactImageLightbox: (props: ReactImageLightboxProps) => JSX.Element;
-export default ReactImageLightbox;
+export default function Lightbox(props: LightboxProps): JSX.Element;

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

@@ -2,29 +2,26 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
 const styles_1 = require("@mui/material/styles");
-const react_photo_view_1 = require("react-photo-view");
-const material_1 = require("@mui/material");
-const PREFIX = 'SCLightbox';
+const react_1 = require("react");
+const BaseLightbox_1 = tslib_1.__importDefault(require("./BaseLightbox"));
+const constants_1 = require("./constants");
 const classes = {
-    root: `${PREFIX}-root`
+    root: `${constants_1.PREFIX}-lightbox-root`
 };
-const Root = (0, styles_1.styled)(react_photo_view_1.PhotoSlider, {
-    name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
+const Root = (0, styles_1.styled)(BaseLightbox_1.default, {
+    name: constants_1.PREFIX,
+    slot: 'LightboxRoot'
 })(() => ({}));
-const ReactImageLightbox = (props) => {
-    const { images = [], index, onClose, visible = true, afterClose, onIndexChange, toolbarRender, toolbarButtons = [] } = props, rest = tslib_1.__rest(props, ["images", "index", "onClose", "visible", "afterClose", "onIndexChange", "toolbarRender", "toolbarButtons"]);
-    // STATE
-    const [currentImages] = (0, react_1.useState)(images || []);
-    const [currentImageIndex, setCurrentImageIndex] = (0, react_1.useState)(index || 0);
+function Lightbox(props) {
+    // PROPS
+    const { medias = [], index = 0, toolbarButtons, onClose, onIndexChange } = props, rest = tslib_1.__rest(props, ["medias", "index", "toolbarButtons", "onClose", "onIndexChange"]);
+    const mediaToDataTypeMap = (0, react_1.useCallback)((media, index) => {
+        return { src: media.image, width: media.image_width, height: media.image_height, key: index };
+    }, []);
     /**
      * Renders root object
      */
-    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({}, rest, { className: classes.root, images: currentImages, visible: visible && index !== -1, index: currentImageIndex, onIndexChange: setCurrentImageIndex, onClose: onClose, afterClose: afterClose, loadingElement: (0, jsx_runtime_1.jsx)(material_1.CircularProgress, { color: 'primary' }), toolbarRender: toolbarRender ? toolbarRender : () => {
-            return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: toolbarButtons });
-        } })));
-};
-exports.default = ReactImageLightbox;
+    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({}, rest, { className: classes.root, images: medias.map(mediaToDataTypeMap), visible: index !== -1, onClose: onClose, index: index, onIndexChange: onIndexChange, toolbarButtons: toolbarButtons })));
+}
+exports.default = Lightbox;

package/lib/cjs/shared/Lightbox/constants.d.ts

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

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

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

package/lib/cjs/shared/Lightbox/index.d.ts

@@ -1,2 +1,4 @@
-import Lightbox from './Lightbox';
-export default Lightbox;
+import BaseLightbox, { BaseLightboxProps } from './BaseLightbox';
+import Lightbox, { LightboxProps } from './Lightbox';
+export default BaseLightbox;
+export { BaseLightboxProps, Lightbox, LightboxProps };

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

@@ -1,5 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Lightbox = void 0;
 const tslib_1 = require("tslib");
+const BaseLightbox_1 = tslib_1.__importDefault(require("./BaseLightbox"));
 const Lightbox_1 = tslib_1.__importDefault(require("./Lightbox"));
-exports.default = Lightbox_1.default;
+exports.Lightbox = Lightbox_1.default;
+exports.default = BaseLightbox_1.default;

package/lib/cjs/shared/Media/File/DisplayComponent.js

@@ -2,13 +2,15 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importStar(require("react"));
-const styles_1 = require("@mui/material/styles");
-const Lightbox_1 = tslib_1.__importDefault(require("./Lightbox"));
 const material_1 = require("@mui/material");
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const Icon_1 = tslib_1.__importDefault(require("@mui/material/Icon"));
+const styles_1 = require("@mui/material/styles");
+const react_core_1 = require("@selfcommunity/react-core");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const Media_1 = require("../../../constants/Media");
+const react_1 = tslib_1.__importStar(require("react"));
 const react_intersection_observer_1 = require("react-intersection-observer");
+const Lightbox_1 = require("../../Lightbox");
 const constants_1 = require("./constants");
 const filter_1 = tslib_1.__importDefault(require("./filter"));
 const classes = {
@@ -30,18 +32,20 @@ const classes = {
 const Root = (0, styles_1.styled)(material_1.Box, {
     name: constants_1.PREFIX,
     slot: 'DisplayRoot'
-})(({ theme }) => ({}));
+})(({}) => ({}));
 exports.default = (props) => {
     // PROPS
     const { className = '', medias = [], maxVisible = 5, gallery = true, onMediaClick = null } = props;
     // STATE
     const [preview, setPreview] = (0, react_1.useState)(-1);
+    const [toolbarButtons, setToolbarButtons] = (0, react_1.useState)(undefined);
     const { ref, inView } = (0, react_intersection_observer_1.useInView)({ triggerOnce: false });
     // MEMO
     const _medias = (0, react_1.useMemo)(() => medias.filter(filter_1.default), [medias]);
     // HANDLERS
     const handleClose = () => {
         setPreview(-1);
+        setToolbarButtons(undefined);
     };
     // UTILS
     const getImageUrl = (image, original = false) => {
@@ -113,6 +117,19 @@ exports.default = (props) => {
             more && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: classes.coverText, style: { fontSize: '200%' } }, { children: (0, jsx_runtime_1.jsxs)("p", { children: ["+", extra] }) }), "count-sub"))
         ];
     };
+    const handleIndexChange = (0, react_1.useCallback)((index) => {
+        if (_medias[index].type === Media_1.MEDIA_TYPE_DOCUMENT) {
+            setToolbarButtons((0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ component: react_core_1.Link, to: medias[index].url, target: "_blank", color: "inherit" }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { children: "download" }) })));
+        }
+        else {
+            setToolbarButtons(undefined);
+        }
+    }, [_medias, setToolbarButtons]);
+    (0, react_1.useEffect)(() => {
+        if (preview !== -1) {
+            handleIndexChange(preview);
+        }
+    }, [preview]);
     const imagesToShow = [..._medias];
     if (maxVisible && _medias.length > maxVisible) {
         imagesToShow.length = maxVisible;
@@ -120,5 +137,5 @@ exports.default = (props) => {
     if (_medias.length === 0) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsxs)(Root, Object.assign({ className: (0, classnames_1.default)(classes.displayRoot, className) }, { children: [[1, 3, 4].includes(imagesToShow.length) && renderOne(), imagesToShow.length >= 2 && imagesToShow.length != 4 && renderTwo(), imagesToShow.length >= 4 && renderThree(), preview !== -1 && (0, jsx_runtime_1.jsx)(Lightbox_1.default, { onClose: handleClose, index: preview, medias: _medias })] })));
+    return ((0, jsx_runtime_1.jsxs)(Root, Object.assign({ className: (0, classnames_1.default)(classes.displayRoot, className) }, { children: [[1, 3, 4].includes(imagesToShow.length) && renderOne(), imagesToShow.length >= 2 && imagesToShow.length != 4 && renderTwo(), imagesToShow.length >= 4 && renderThree(), preview !== -1 && ((0, jsx_runtime_1.jsx)(Lightbox_1.Lightbox, { onClose: handleClose, index: preview, medias: _medias, toolbarButtons: toolbarButtons, onIndexChange: handleIndexChange }))] })));
 };

package/lib/cjs/shared/MediaChunkUploader/index.js

@@ -2,15 +2,15 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const chunked_uploady_1 = require("@rpldy/chunked-uploady");
+const uploady_1 = require("@rpldy/uploady");
 const api_services_1 = require("@selfcommunity/api-services");
 const react_core_1 = require("@selfcommunity/react-core");
-const uploady_1 = require("@rpldy/uploady");
-const hash_1 = require("../../utils/hash");
+const utils_1 = require("@selfcommunity/utils");
 const react_1 = tslib_1.__importStar(require("react"));
 const react_intl_1 = require("react-intl");
-const common_1 = tslib_1.__importDefault(require("../../messages/common"));
-const utils_1 = require("@selfcommunity/utils");
 const Errors_1 = require("../../constants/Errors");
+const common_1 = tslib_1.__importDefault(require("../../messages/common"));
+const hash_1 = require("../../utils/hash");
 exports.default = (props) => {
     // PROPS
     const { type = null, onSuccess = null, onProgress = null, onError = null } = props;
@@ -55,7 +55,7 @@ exports.default = (props) => {
             // @ts-ignore
             reader.readAsDataURL(item.file);
         }
-        chunkStateRef.current.setChunk({ id: item.id, [`upload_id`]: null, completed: 0, name: item.file.name });
+        chunkStateRef.current.setChunk({ id: item.id, ['upload_id']: null, completed: 0, name: item.file.name });
     });
     (0, uploady_1.useItemProgressListener)((item) => {
         chunkStateRef.current.setChunk({ id: item.id, completed: item.completed });
@@ -102,7 +102,7 @@ exports.default = (props) => {
             sendOptions: {
                 paramName: 'image',
                 method: api_services_1.Endpoints.ComposerChunkUploadMedia.method,
-                formatServerResponse: (response, status, headers) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+                formatServerResponse: (response, status, _headers) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
                     if (status === 401) {
                         yield refreshSession();
                     }
@@ -111,7 +111,7 @@ exports.default = (props) => {
             }
         };
         if (chunkStateRef.current.chunks[data.item.id].upload_id) {
-            res.sendOptions.params = { [`upload_id`]: chunkStateRef.current.chunks[data.item.id].upload_id };
+            res.sendOptions.params = { ['upload_id']: chunkStateRef.current.chunks[data.item.id].upload_id };
         }
         else {
             chunkStateRef.current.setChunk({ id: data.item.id, type: type || data.sendOptions.paramName });
@@ -120,12 +120,14 @@ exports.default = (props) => {
     });
     (0, chunked_uploady_1.useChunkFinishListener)((data) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
         const _data = yield data.uploadData.response.data;
-        chunkStateRef.current.setChunk({ id: data.item.id, [`upload_id`]: _data.upload_id });
+        chunkStateRef.current.setChunk({ id: data.item.id, ['upload_id']: _data.upload_id });
     }));
     (0, chunked_uploady_1.useRequestPreSend)(({ items, options }) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-        const destination = ['JWT', 'OAuth'].includes(scContext.settings.session.type) ? {
-            headers: { Authorization: `Bearer ${scContext.settings.session.authToken.accessToken}` }
-        } : {};
+        const destination = ['JWT', 'OAuth'].includes(scContext.settings.session.type)
+            ? {
+                headers: { Authorization: `Bearer ${scContext.settings.session.authToken.accessToken}` }
+            }
+            : {};
         if (items.length == 0) {
             return Promise.resolve({ options, destination });
         }

package/lib/cjs/utils/hash.d.ts

@@ -1 +1,2 @@
-export declare const md5: (file: any, chunkSize: any, callback: any) => void;
+import { BatchFile } from '@rpldy/shared';
+export declare const md5: (file: BatchFile['file'], chunkSize: number, callback: (arg: any) => void) => void;

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

@@ -0,0 +1,37 @@
+import { SCEventType } from '@selfcommunity/types';
+import { CacheStrategies } from '@selfcommunity/utils';
+import { BaseDialogProps } from '../../shared/BaseDialog';
+import { WidgetProps } from '../Widget';
+export interface EventMediaWidgetProps extends WidgetProps {
+    /**
+     * Event Object
+     * @default null
+     */
+    event?: SCEventType;
+    /**
+     * Id of event object
+     * @default null
+     */
+    eventId?: number;
+    /**
+     * Feed API Query Params
+     * @default [{'limit': 20, 'offset': 0}]
+     */
+    endpointQueryParams?: Record<string, string | number>;
+    /**
+     * Caching strategies
+     * @default CacheStrategies.CACHE_FIRST
+     */
+    cacheStrategy?: CacheStrategies;
+    /**
+     * Props to spread to users suggestion dialog
+     * @default {}
+     */
+    dialogProps?: BaseDialogProps;
+    limit?: number;
+    /**
+     * Other props
+     */
+    [p: string]: any;
+}
+export default function EventMediaWidget(inProps: EventMediaWidgetProps): JSX.Element;