@livetiles/reach-components-react 0.5.0-preview.139 → 0.5.0-preview.1390

package/index.d.ts

@@ -1,65 +1,8 @@
-import { FC, ReactNode } from 'react';
+/// <reference types="react" />
+import { FC, ReactNode, MouseEvent } from 'react';
 import { IDialogProps, IDropdownOption, IPersonaProps } from 'office-ui-fabric-react';
 import * as styled_components from 'styled-components';
 
-declare type ReachContextProps = {
-    config?: {
-        apiEndpoint?: string;
-        webAppUrl?: string;
-        api3Endpoint?: string;
-        webSocketsEndpoint?: string;
-    };
-    onRequestToken?: () => Promise<string>;
-    subscriptionId: string;
-    language?: string;
-    disableUiFabricThemeOverwrite?: boolean;
-};
-declare const ReachContextProvider: FC<ReachContextProps>;
-
-interface NewsDetailProps {
-    itemId?: string;
-    hideComments?: boolean;
-    hideLikes?: boolean;
-    preventExternalContentAutoRedirect?: boolean;
-    className?: string;
-}
-declare const NewsDetail: FC<NewsDetailProps>;
-
-interface PageDetailProps {
-    itemId: string;
-    hideComments?: boolean;
-    hideLikes?: boolean;
-    preventExternalContentAutoRedirect?: boolean;
-    homeBreadcrumbTargetUrl?: string;
-    className?: string;
-}
-declare const PageDetail: FC<PageDetailProps>;
-
-interface EventDetailProps {
-    itemId: string;
-    hideComments?: boolean;
-    hideLikes?: boolean;
-    className?: string;
-}
-declare const EventDetail: FC<EventDetailProps>;
-
-interface PostDetailProps {
-    postId: string;
-    threadId?: string;
-    onAfterDelete?: (id: string) => unknown;
-    commentCount?: number;
-    onItemClick?: (postId: string) => unknown;
-}
-declare const PostDetail: FC<PostDetailProps>;
-
-interface PaginatedList<TItem> {
-    items: TItem[];
-    paginationToken?: any;
-    nextItem?: TItem;
-    hasMoreUnreadComments?: boolean;
-    hasNextPage?: boolean;
-}
-
 declare enum AuthenticationType {
     unknown = 0,
     azuread = 1,
@@ -85,6 +28,53 @@ interface IdentityProviderSettings {
     realm: string;
     url: string;
     scope: string;
+    idpIdentifier?: string;
+    openIdTokenEndPoint: string;
+    openIdAuthorizeEndPoint: string;
+    openIdLogoutEndPoint: string;
+}
+
+interface VideoSource$1 {
+    prefix: string;
+    name: string;
+    alwaysShowPlayer?: boolean;
+}
+
+declare type ReachContextProps = {
+    /**
+     * These properties can be used to define the behavior of the analytics module.
+     *
+     * With `disableAnalytics` you can completely disable all analytics tracking.
+     * The `appName` is optional but highly encouraged to be set,
+     * in order to know where the components are used in. The value must be a non-empty string,
+     * only containing alphabetical letters and dashes (-). Should not be longer than 30 characters.
+     */
+    analyticsProps?: {
+        appName?: string;
+        disableAnalytics?: boolean;
+    };
+    config?: {
+        additionalVideoSources?: VideoSource$1[];
+        api3Endpoint?: string;
+        apiEndpoint?: string;
+        webAppUrl?: string;
+        webSocketsEndpoint?: string;
+    };
+    disableUiFabricThemeOverwrite?: boolean;
+    language?: string;
+    languageFallback?: 'browser' | 'default';
+    locale?: string;
+    onRequestToken?: () => Promise<string>;
+    subscriptionId: string;
+};
+declare const ReachContextProvider: FC<ReachContextProps>;
+
+interface PaginatedList<TItem> {
+    items: TItem[];
+    paginationToken?: any;
+    nextItem?: TItem;
+    hasMoreUnreadComments?: boolean;
+    hasNextPage?: boolean;
 }
 
 interface Resources {
@@ -190,6 +180,7 @@ interface CurrentUser extends Account {
     termsAndConditionsApprovedHash: string;
     isPublicUser?: boolean;
     hasUnreadChats?: boolean;
+    publicSubscriptionIds?: string[];
 }
 interface UserContact {
     tokenUniqueId: string;
@@ -229,6 +220,39 @@ interface LanguageBase {
     code: string;
 }
 
+interface KeywordGroup {
+    id: string;
+    name: string;
+    keywords: Keyword[];
+    translations: {
+        [key: string]: string;
+    };
+}
+interface Keyword {
+    id: string;
+    name: string;
+    groupId?: string;
+    translations: {
+        [key: string]: string;
+    };
+}
+
+interface Channel {
+    id: string;
+    name: string;
+    translations?: {
+        [key: string]: string;
+    };
+}
+
+declare enum ItemResourceTypes {
+    News = "news",
+    Pages = "pages",
+    Posts = "posts",
+    Events = "events",
+    Comments = "comments"
+}
+
 interface DirectoryConfiguration extends DirectoryConfigurationPatch {
     domains?: string[];
     tenantId: string;
@@ -287,6 +311,7 @@ interface SubscriptionSummary extends BaseSubscription {
     customDomain?: string;
     allowSelfRegistration?: boolean;
     brandFolderConfig?: BrandFolderConfig;
+    hideSubscriptionName?: boolean;
 }
 interface BrandFolderConfig {
     sections?: string[];
@@ -322,7 +347,9 @@ declare enum ExtensionArea {
     page = "Page",
     eventEditorFeedbackSection = "EventEditorFeedbackSection",
     eventDetailViewSection = "EventDetailViewSection",
-    itemEditor = "ItemEditor"
+    itemEditor = "ItemEditor",
+    newsEditorFeedbackSection = "NewsEditorFeedbackSection",
+    newsOverviewCardSection = "NewsOverviewCardSection"
 }
 declare type InlinePlugin = {
     area: ExtensionArea.itemEditor;
@@ -386,23 +413,6 @@ declare enum FieldMode {
     Hidden = 3
 }
 
-interface Channel {
-    id: string;
-    name: string;
-    translations?: {
-        [key: string]: string;
-    };
-}
-
-interface Keyword {
-    id: string;
-    name: string;
-    groupId?: string;
-    translations: {
-        [key: string]: string;
-    };
-}
-
 interface ItemStatistics {
     commentCount?: number;
     likeCount?: number;
@@ -437,7 +447,7 @@ declare enum KnownNewsState {
 declare type VersionId = string;
 interface SchedulableItem extends PublishableItem {
     metadata?: NewsMetadata;
-    channels?: SchedulableItemChannel[];
+    channels?: Channel[];
 }
 interface NewsItem extends SchedulableItem {
     source?: string;
@@ -446,19 +456,11 @@ interface NewsItem extends SchedulableItem {
     knownState: KnownNewsState;
     hasNewComments?: boolean;
     isLiked?: boolean;
-    shareToken?: ShareToken;
-}
-interface ShareToken {
-    published?: string;
-    preview?: string;
 }
 interface NewsItemAlertOptions {
     duration?: string;
     endDate?: Date;
     expireAfter?: boolean;
-}
-interface SchedulableItemChannel {
-    name: string;
 }
 
 declare enum VideoSource {
@@ -473,19 +475,6 @@ interface BaseItem {
     id?: string;
     statistics?: ItemStatistics;
     poll?: Poll;
-    searchHighlights?: SearchHighlightSummary;
-}
-interface SearchHighlightSummary {
-    title: SearchHighlight[];
-    content: SearchHighlight[];
-}
-interface SearchHighlight {
-    language: string;
-    texts: {
-        value: string;
-        type: 'text' | 'hit';
-    }[];
-    score: number;
 }
 interface Poll {
     questions: PollQuestion[];
@@ -495,12 +484,14 @@ interface PollQuestion extends PollQuestionSettings {
     choices: PollQuestionChoice[];
 }
 interface PollQuestionSettings {
+    allowOtherAnswer?: boolean;
     isMultiChoice?: boolean;
 }
 interface PollQuestionChoice {
     choiceId: string;
     description?: string;
     disabled?: boolean;
+    isOther?: boolean;
 }
 
 declare enum WorkflowStatus {
@@ -520,6 +511,7 @@ interface PublishableItemContent extends ContentDefinition {
     headline?: string;
     intro?: string;
     body?: string;
+    bodyRaw?: string;
     customProperties?: {
         [key: string]: any;
     };
@@ -595,6 +587,7 @@ interface QuestionTranslations {
 }
 interface ChoiceTranslations {
     choiceId: string;
+    isOther: boolean;
     text: string;
 }
 
@@ -609,7 +602,8 @@ declare enum AttachmentType {
     Event = 5,
     Page = 6,
     Post = 7,
-    Giphy = 8
+    Giphy = 8,
+    MicrosoftStreamVideo = 9
 }
 interface BaseAttachment {
     id: string;
@@ -625,6 +619,19 @@ interface Attachment extends BaseAttachment {
     type: AttachmentType;
 }
 
+declare enum GraphQLAttachmentType {
+    Image = "IMAGE",
+    File = "FILE",
+    YouTubeVideo = "YOU_TUBE_VIDEO",
+    VimeoVideo = "VIMEO_VIDEO",
+    News = "NEWS",
+    Event = "EVENT",
+    Page = "PAGE",
+    Post = "POST",
+    Giphy = "GIPHY",
+    MicrosoftStreamVideo = "MICROSOFT_STREAM_VIDEO"
+}
+
 interface ItemWithAttachments {
     attachments?: Attachment[];
     fileAccessToken?: string;
@@ -657,18 +664,11 @@ declare enum ConversationScope {
     Posts = 2
 }
 
-declare enum ItemResourceTypes {
-    News = "news",
-    Pages = "pages",
-    Posts = "posts",
-    Events = "events",
-    Comments = "comments"
-}
-
 declare enum EventResponse {
     NotSet = 0,
     Registered = 1,
-    Declined = 2
+    Declined = 2,
+    WaitingList = 3
 }
 interface EventItem extends SchedulableItem {
     startDate?: string;
@@ -685,8 +685,10 @@ interface EventItem extends SchedulableItem {
     recurrenceSeriesId?: string;
     isSeriesMaster?: string;
     isVirtual?: boolean;
+    isAllDayEvent?: boolean;
 }
 interface EventRegistrationSettings {
+    enableWaitingList?: boolean;
     enabled?: boolean;
     showParticipantsToEverybody?: boolean;
     deadline?: string;
@@ -774,6 +776,7 @@ interface PageItem extends PublishableItem {
     isUnlinked?: boolean;
     pageType?: PageType;
     firstChildId?: string;
+    isGroupInheritanceBroken?: boolean;
 }
 interface ContentsSummary {
     [lang: string]: TitleContent & {
@@ -795,6 +798,7 @@ interface PageNavigationNode {
     hasAnyPageChild?: boolean;
     pageType?: PageType;
     useExternalContent?: boolean;
+    isGroupInheritanceBroken?: boolean;
     isSearchMatch?: boolean;
     topLevelFolderName?: string;
     uploadToken?: string;
@@ -809,6 +813,64 @@ declare enum PageType {
     Document = 1
 }
 
+declare type KeywordsByGroupId = {
+    [key: string]: Keyword[];
+};
+
+interface SubscriptionData {
+    channels?: Channel[];
+    allKeywords?: Keyword[];
+    keywordsByGroupId?: KeywordsByGroupId;
+    selectedKeywordGroups?: KeywordGroup[];
+}
+interface LazySubscriptionContextType extends SubscriptionData {
+    getChannels: () => Promise<Channel[]>;
+    refreshSubscription: () => void;
+}
+
+declare function useLazySubscriptionContext(): LazySubscriptionContextType;
+
+interface NewsDetailProps {
+    itemId?: string;
+    hideComments?: boolean;
+    hideLikes?: boolean;
+    preventExternalContentAutoRedirect?: boolean;
+    onChannelClick?: (channelName: string, channelItem?: Channel) => unknown;
+    onKeywordClick?: (keywordId: string, keywordItem?: Keyword) => unknown;
+    className?: string;
+}
+declare const NewsDetail: FC<NewsDetailProps>;
+
+interface PageDetailProps {
+    itemId?: string;
+    hideComments?: boolean;
+    hideLikes?: boolean;
+    preventExternalContentAutoRedirect?: boolean;
+    homeBreadcrumbTargetUrl?: string;
+    onKeywordClick?: (keywordId: string, keywordItem?: Keyword) => unknown;
+    className?: string;
+}
+declare const PageDetail: FC<PageDetailProps>;
+
+interface EventDetailProps {
+    itemId?: string;
+    hideComments?: boolean;
+    hideLikes?: boolean;
+    onChannelClick?: (channelName: string, channelItem?: Channel) => unknown;
+    onKeywordClick?: (keywordId: string, keywordItem?: Keyword) => unknown;
+    className?: string;
+}
+declare const EventDetail: FC<EventDetailProps>;
+
+interface PostDetailProps {
+    postId: string;
+    threadId?: string;
+    onAfterDelete?: (id: string) => unknown;
+    commentCount?: number;
+    onItemClick?: (postId: string) => unknown;
+}
+declare const PostDetail: FC<PostDetailProps>;
+
 declare const Dialog: FC<IDialogProps>;
 
 interface ToolbarProps {
@@ -826,15 +888,21 @@ interface ToolbarSearchProps {
 }
 declare const Toolbar: FC<ToolbarProps>;
 
+declare type TokenType = string | number;
+
+interface ItemLoader<TItem, TTokenType extends TokenType> {
+    (pageSize: number, token?: TTokenType): Promise<PaginatedList<TItem>>;
+}
+
 interface ToolbarChannelSelectorProps {
-    getInitialSelectedKey?: (dropdownOptions: IDropdownOption[]) => string;
     allChannelsOption?: ToolbarChannelSelectorOption;
+    bookmarkOption?: ToolbarChannelSelectorOption;
     channelsOptions?: {
         availableChannels?: string[];
         onSelected?: (channel: Channel) => unknown;
         to?: (channel: Channel) => unknown;
     };
-    bookmarkOption?: ToolbarChannelSelectorOption;
+    getInitialSelectedKey?: (dropdownOptions: IDropdownOption[]) => string;
     manageChannelsOption?: ToolbarChannelSelectorOption;
 }
 interface ToolbarChannelSelectorOption {
@@ -871,6 +939,15 @@ declare const ToolbarUnreadItemsButton: FC<{
     onClick: () => unknown;
 }>;
 
+declare const ToolbarManageButton: FC<{
+    onClick?: () => unknown;
+    to?: {
+        url: string;
+        target?: string;
+    };
+    disabled?: boolean;
+}>;
+
 interface ToolbarCloseButtonProps {
     onClick?: () => unknown;
     to?: {
@@ -883,11 +960,15 @@ declare const ToolbarCloseButton: FC<ToolbarCloseButtonProps>;
 declare enum EventView {
     UpcomingEvents = "upcoming",
     MyBookedEvents = "booked",
+    UnregisteredEvents = "unregistered",
     PastEvents = "past"
 }
 interface ToolbarEventViewSelectorProps {
-    value?: EventView;
+    extraViewOptions?: {
+        showUnregisteredEventsView?: boolean;
+    };
     onChange?: (view: EventView) => void;
+    value?: EventView;
     viewOptions?: {
         hideUpcomingEventsView?: boolean;
         hideMyBookedEventsView?: boolean;
@@ -899,8 +980,9 @@ declare const ToolbarEventViewSelector: FC<ToolbarEventViewSelectorProps>;
 interface Props extends IPersonaProps {
     upn: string;
     tenantId?: string;
-    className?: string;
     displayName?: string;
+    forceShowSecondaryText?: boolean;
+    className?: string;
 }
 declare const Avatar: FC<Props>;
 
@@ -911,6 +993,13 @@ interface UserDetailsProps {
 }
 declare const UserDetails: FC<UserDetailsProps>;
 
+declare enum ErrorType {
+    GenericError = "genericError",
+    Error404 = "error404",
+    Error403 = "error403",
+    LoginError = "loginError"
+}
+
 interface PageViewTrackerSettings {
     disabled?: boolean;
 }
@@ -957,6 +1046,32 @@ declare enum LogicalOperator {
     And = "AND"
 }
 
+interface Post extends BaseItem, ItemWithAttachments {
+    id: string;
+    comments?: PaginatedList<Comment>;
+    groupId: string;
+    content: string;
+    permalink?: string;
+    author: Account;
+    publishingDate: string;
+    modified?: string;
+    statistics: ItemStatistics;
+    keywords?: {
+        [key: string]: Keyword[];
+    };
+    contentLanguageCode?: string;
+    isLiked?: boolean;
+    isUnread?: boolean;
+    isDemoContent?: boolean;
+    isFollowing?: boolean;
+}
+interface PostFilterDefinition {
+    token?: string;
+    pageSize?: string;
+    search?: string;
+    keywords?: FilterWithLogicalOperator;
+}
+
 interface AuthorFilterDefinition extends IndexableFilterDefinition {
     author?: string;
 }
@@ -965,6 +1080,20 @@ interface ChannelsFilterDefinition extends IndexableFilterDefinition {
     channels?: FilterWithLogicalOperator;
 }
 
+interface EventContactsFilterDefinition extends IndexableFilterDefinition {
+    contacts?: string[];
+}
+
+interface EventsStartDateFilterDefinition extends IndexableFilterDefinition {
+    startsAfter?: string;
+    startsBefore?: string;
+}
+
+interface EventFilterDefinition extends PublishableItemFilterDefinition, EventContactsFilterDefinition, EventsStartDateFilterDefinition, ChannelsFilterDefinition {
+    excludePastEvents?: boolean;
+    pastEventsOnly?: boolean;
+}
+
 interface StateFilterDefinition extends IndexableFilterDefinition {
     state?: WorkflowStatus;
 }
@@ -976,29 +1105,94 @@ interface NewsFilterDefinition extends PublishableItemFilterDefinition, AuthorFi
     includeExpired?: boolean;
 }
 
+declare enum StreamEventResponse {
+    NotSet = "NOT_SET",
+    Registered = "REGISTERED",
+    WaitingList = "WAITING_LIST",
+    Declined = "DECLINED"
+}
+
+declare enum StreamItemTypes {
+    Post = "POST",
+    News = "NEWS",
+    Event = "EVENT",
+    Page = "PAGE"
+}
+declare enum StreamConversationScope {
+    Public = "PUBLIC",
+    Editor = "EDITOR",
+    Posts = "POSTS"
+}
+interface PostStreamItem extends Post {
+    type: StreamItemTypes.Post;
+    isUnread: boolean;
+    keywordsList?: Keyword[];
+    groupIds?: string[];
+    postAttachments?: StreamAttachment[];
+    postComments?: PaginatedList<StreamPostComment>;
+    hasMoreUnreadComments: boolean;
+}
+interface StreamPostComment extends Comment {
+    postCommentAttachments?: StreamAttachment[];
+    streamConversationScope?: StreamConversationScope;
+}
+interface StreamAttachment extends BaseAttachment {
+    type: GraphQLAttachmentType;
+}
+interface NewsStreamItem extends NewsItem {
+    type: StreamItemTypes.News;
+    contentsList: StreamPublishableItemContents[];
+    channelsList: Channel[];
+    isUnread: boolean;
+    keywordsList?: Keyword[];
+    knownNewsState?: StreamKnownNewsState[];
+}
+declare enum StreamKnownNewsState {
+    Unconfirmed = "UNCONFIRMED",
+    Alert = "ALERT"
+}
+interface EventStreamItem extends EventItem {
+    type: StreamItemTypes.Event;
+    contentsList: StreamPublishableItemContents[];
+    channelsList: Channel[];
+    isUnread: boolean;
+    keywordsList?: Keyword[];
+    userResponseType?: StreamEventResponse;
+    eventCancelInformation?: StreamEventCancelInformation;
+}
+interface PageStreamItem extends PageItem {
+    type: StreamItemTypes.Page;
+    contentsList: StreamPublishableItemContents[];
+    channelsList: Channel[];
+    isUnread: boolean;
+    keywordsList?: Keyword[];
+    streamPageType?: string;
+    path?: (PageNavigationNode & {
+        parentId?: string;
+        contentsList: StreamPublishableItemContents[];
+    })[];
+}
+interface StreamPublishableItemContents {
+    language: string;
+    title: string;
+    intro?: string;
+    headline?: string;
+}
+interface StreamEventCancelInformation extends EventCancelInformation {
+    cancellationReasons?: {
+        [key: string]: string;
+    }[];
+}
+
 interface TargetLinkOverrideContextProps {
     onResolveContentTargetUrl: (itemId: string, itemType: ItemResourceTypes) => string;
     onResolveEmbeddedContentTargetUrl?: (itemId: string, itemType: ItemResourceTypes) => string;
 }
 declare const TargetLinkOverrideContextProvider: FC<TargetLinkOverrideContextProps>;
 
-interface EventContactsFilterDefinition extends IndexableFilterDefinition {
-    contacts?: string[];
-}
-
-interface EventsStartDateFilterDefinition extends IndexableFilterDefinition {
-    startsAfter?: string;
-    startsBefore?: string;
-}
-
-interface EventFilterDefinition extends PublishableItemFilterDefinition, EventContactsFilterDefinition, EventsStartDateFilterDefinition, ChannelsFilterDefinition {
-    excludePastEvents?: boolean;
-    pastEventsOnly?: boolean;
-}
-
 interface KeywordPickerProps {
     value?: Keyword[] | string[];
-    onChange: (keywords: Keyword[], logicalOperator?: LogicalOperator) => void;
+    onChange: (keywords: Keyword[], logicalOperator?: LogicalOperator, checkAll?: boolean) => void;
     showSelectionToggle?: boolean;
     availableKeywords?: Keyword[];
     mandatoryKeywordIds?: string[];
@@ -1016,37 +1210,26 @@ interface PageFilterDefinition extends PublishableItemFilterDefinition {
     pageType?: PageType;
 }
 
-interface Post extends BaseItem, ItemWithAttachments {
-    id: string;
-    comments?: PaginatedList<Comment>;
-    groupId: string;
-    content: string;
-    permalink?: string;
-    author: Account;
-    publishingDate: string;
-    modified?: string;
-    statistics: ItemStatistics;
-    keywords?: {
-        [key: string]: Keyword[];
-    };
-    contentLanguageCode?: string;
-    isLiked?: boolean;
-    isUnread?: boolean;
-    isDemoContent?: boolean;
-    isFollowing?: boolean;
-}
-interface PostFilterDefinition {
-    token?: string;
-    pageSize?: string;
-    search?: string;
-    keywords?: FilterWithLogicalOperator;
-}
+declare function useNewsStreamDataLoader(filter?: NewsFilterDefinition, searchText?: string, includeAllItems?: boolean): ItemLoader<NewsStreamItem, number>;
+
+declare function useEventsStreamDataLoader(filter?: EventFilterDefinition, searchText?: string, view?: EventView): ItemLoader<EventStreamItem, number>;
 
 interface PostStreamFilterDefinition extends PostFilterDefinition, BeforePublishingDateFilterDefinition, AuthorFilterDefinition {
 }
 
+declare function usePostsStreamDataLoader(groupId?: string, filter?: PostStreamFilterDefinition, searchText?: string): ItemLoader<PostStreamItem, number>;
+
+declare function usePagesStreamDataLoader(filter?: PageFilterDefinition, searchText?: string): ItemLoader<PageStreamItem, number>;
+
 interface LibNewsFilterDefinition extends Omit<NewsFilterDefinition, 'channels' | 'keywords'> {
+    /**
+     * Limit results to those associated with the given channels.
+     * For better performance set channel IDs instead of names.
+     */
     channels?: string | FilterWithLogicalOperator;
+    /**
+     * Limit results to those associated with given keywords (keyword IDs)
+     */
     keywords?: string | FilterWithLogicalOperator;
 }
 
@@ -1059,17 +1242,23 @@ interface NewsListProps {
     searchText?: string;
     itemLayoutMode?: ItemLayoutMode;
     onItemClick?: (item: NewsItem, itemUrl?: string, isTitleClicked?: boolean) => unknown;
-    onChannelClick?: (channel: string) => unknown;
-    onKeywordClick?: (keyword: string) => unknown;
+    onChannelClick?: (channelName: string, channelItem?: Channel) => unknown;
+    onKeywordClick?: (keywordId: string, keywordItem?: Keyword) => unknown;
     hidePlaceholderIfNoBanner?: boolean;
     hidePagination?: boolean;
     pageSize?: number;
     includeAllItems?: boolean;
+    cardsGap?: number;
+    contentGap?: number;
+    bannerSize?: number;
+    showDateOnBottom?: boolean;
+    showDateAsRelative?: boolean;
     className?: string;
 }
 declare const NewsList: FC<NewsListProps>;
 
 interface ManageChannelsProps {
+    hideSearch?: boolean;
     className?: string;
 }
 declare const ManageChannels: FC<ManageChannelsProps>;
@@ -1077,6 +1266,9 @@ declare const ManageChannels: FC<ManageChannelsProps>;
 interface ChannelSelectorWrapperProps {
     onChannelsChanged: (channels: Channel[], logicalOperator?: LogicalOperator) => void;
     showLogicalOperatorOptions?: boolean;
+    /**
+     * For better performance set channel IDs instead of names.
+     */
     defaultSelectedChannels?: string[] | FilterWithLogicalOperator;
     className?: string;
 }
@@ -1093,10 +1285,11 @@ interface NewsGridProps {
     maxColumnCount?: number;
     rowCount?: number;
     onItemClick?: (item: NewsItem, itemUrl?: string, isTitleClicked?: boolean) => unknown;
-    onChannelClick?: (channel: string) => unknown;
-    onKeywordClick?: (keyword: string) => unknown;
+    onChannelClick?: (channelName: string, channelItem?: Channel) => unknown;
+    onKeywordClick?: (keywordId: string, keywordItem?: Keyword) => unknown;
     includeAllItems?: boolean;
     className?: string;
+    hideIntro?: boolean;
 }
 declare const NewsGrid: FC<NewsGridProps>;
 
@@ -1112,41 +1305,59 @@ interface EventGridProps {
     maxColumnCount?: number;
     rowCount?: number;
     onItemClick?: (item: EventItem, itemUrl?: string) => unknown;
-    onChannelClick?: (channel: string) => unknown;
+    onChannelClick?: (channelName: string, channelItem?: Channel) => unknown;
     className?: string;
 }
 declare const EventsGrid: FC<EventGridProps>;
 
 interface EventsListProps {
-    view?: EventView;
+    bannerSize?: number;
+    cardsGap?: number;
+    className?: string;
+    contentGap?: number;
     filter?: EventFilterDefinition;
-    searchText?: string;
+    hidePagination?: boolean;
+    hidePlaceholderIfNoBanner?: boolean;
     itemLayoutMode?: ItemLayoutMode;
     onItemClick?: (item: EventItem, itemUrl?: string) => unknown;
-    onChannelClick?: (channel: string) => unknown;
-    hidePlaceholderIfNoBanner?: boolean;
-    hidePagination?: boolean;
+    onChannelClick?: (channelName: string, channelItem?: Channel) => unknown;
     pageSize?: number;
-    className?: string;
+    searchText?: string;
+    view?: EventView;
 }
 declare const EventsList: FC<EventsListProps>;
 
+declare enum HeroPagingType {
+    page = "page",
+    item = "item"
+}
+
 interface NewsHeroFilterProps {
+    /**
+     * Limit results to those associated with the given channels.
+     * For better performance set channel IDs instead of names.
+     */
     channels?: string | FilterWithLogicalOperator;
+    /**
+     * Limit results to those associated with given keywords (keyword IDs)
+     */
     keywords?: string | FilterWithLogicalOperator;
     pageSize?: number;
 }
 interface NewsHeroProps {
-    filter?: NewsHeroFilterProps;
-    disableAutoplay?: boolean;
     autoplayInterval?: number;
-    onItemClick?: (item: NewsItem, itemUrl?: string, isTitleClicked?: boolean) => unknown;
-    width?: number | string;
+    disableAutoplay?: boolean;
+    filter?: NewsHeroFilterProps;
     height?: number | string;
     includeAllItems?: boolean;
-    onChannelClick?: (channel: string) => unknown;
-    onKeywordClick?: (keyword: string) => unknown;
+    isHighContrast?: boolean;
+    onChannelClick?: (channelName: string, channelItem?: Channel) => unknown;
+    onItemClick?: (item: NewsItem, itemUrl?: string, isTitleClicked?: boolean) => unknown;
+    onKeywordClick?: (keywordId: string, keywordItem?: Keyword) => unknown;
+    onViewAllButtonClick?: (e: MouseEvent<unknown>) => void;
+    pagingType?: HeroPagingType;
     showKeywords?: boolean;
+    width?: number | string;
 }
 declare const NewsHero: FC<NewsHeroProps>;
 
@@ -1174,27 +1385,52 @@ declare const NewsItemContextProvider: FC<{
     itemId: string;
 }>;
 
-declare const ToolbarNewsLanguageSelector: FC<{
+declare const PageItemContextProvider: FC<{
+    itemId: string;
+}>;
+
+declare const EventItemContextProvider: FC<{
+    itemId: string;
+}>;
+
+declare const ToolbarLanguageSelector: FC<{
     showEditLanguagePreferences?: boolean;
     onEditLanguagePreferences?: () => unknown;
 }>;
 
+declare const ToolbarManageItemButton: FC<{
+    onClick?: (itemId: string) => unknown;
+}>;
 declare const ToolbarManageNewsItemButton: FC<{
     onClick?: (itemId: string) => unknown;
 }>;
 
-interface NewsDetailPreviewProps {
+interface SharedItemDetailPreviewProps {
     itemId?: string;
     versionId?: string;
     className?: string;
+    hideLikes?: boolean;
+    hideComments?: boolean;
 }
-declare const NewsDetailPreview: FC<NewsDetailPreviewProps>;
+declare const NewsDetailPreview: FC<SharedItemDetailPreviewProps>;
+declare const PageDetailPreview: FC<SharedItemDetailPreviewProps>;
+declare const EventDetailPreview: FC<SharedItemDetailPreviewProps>;
 
 declare const NewsItemPreviewContextProvider: FC<{
     itemId: string;
     versionId?: string;
 }>;
 
+declare const PageItemPreviewContextProvider: FC<{
+    itemId: string;
+    versionId?: string;
+}>;
+
+declare const EventItemPreviewContextProvider: FC<{
+    itemId: string;
+    versionId?: string;
+}>;
+
 interface FilterProps {
     filter: IndexableFilterDefinition;
     onChange: (filter: Partial<IndexableFilterDefinition> | null) => void;
@@ -1203,6 +1439,9 @@ interface FilterProps {
 declare const ToolbarFilterPanel: FC<FilterProps>;
 
 interface ChannelFilterProps {
+    /**
+     * For better performance set channel IDs instead of names.
+     */
     channels?: string[];
     className?: string;
 }
@@ -1351,21 +1590,25 @@ interface PagesGridProps {
     maxColumnCount?: number;
     rowCount?: number;
     onItemClick?: (item: PageItem, itemUrl?: string, isTitleClicked?: boolean) => unknown;
-    onKeywordClick?: (keyword: string) => unknown;
+    onKeywordClick?: (keywordId: string, keywordItem?: Keyword) => unknown;
+    hideIntro?: boolean;
     className?: string;
 }
 declare const PagesGrid: FC<PagesGridProps>;
 
 interface PagesListProps {
+    bannerSize?: number;
+    cardsGap?: number;
+    className?: string;
+    contentGap?: number;
     filter?: PageFilterDefinition;
-    searchText?: string;
+    hidePagination?: boolean;
+    hidePlaceholderIfNoBanner?: boolean;
     itemLayoutMode?: ItemLayoutMode;
     onItemClick?: (item: PageItem, itemUrl?: string, isTitleClicked?: boolean) => void;
-    onKeywordClick?: (keyword: string) => void;
-    hidePlaceholderIfNoBanner?: boolean;
-    hidePagination?: boolean;
+    onKeywordClick?: (keywordId: string, keywordItem?: Keyword) => void;
     pageSize?: number;
-    className?: string;
+    searchText?: string;
 }
 declare const PagesList: FC<PagesListProps>;
 
@@ -1399,6 +1642,7 @@ declare const EventEditorToolbarRecurringControls: FC<EventEditorToolbarRecurrin
 interface PageEditorContextProviderProps {
     itemId?: string;
     groupId?: string;
+    parentId?: string;
     onSuccessfulCreate?: (itemId: string) => void;
     onSuccessfulDelete?: (itemId: number | string, status: WorkflowStatus) => void;
     onSuccessfulDeletePermanently?: (itemId: number | string) => void;
@@ -1418,4 +1662,14 @@ interface PageEditorPanelProps {
 }
 declare const PageEditorPanel: FC<PageEditorPanelProps>;
 
-export { AuthorFilter, AuthorToolbarFilter, Avatar, Props as AvatarProps, ChannelFilter, ChannelFilterProps, ChannelSelectorWrapper as ChannelSelector, ChannelSelectorWrapperProps as ChannelSelectorProps, ChannelToolbarFilter, ClearAllFiltersButton, ClearAllFiltersButtonProps, ContactToolbarFilter, EditorToolbarIndicators, EditorToolbarIndicatorsProps, EventDatesToolbarFilter, EventDatesToolbarFilterProps, EventDetail, EventDetailProps, EventEditor, EventEditorContextProvider, EventEditorContextProviderProps, EventEditorPanel, EventEditorPanelProps, EventEditorProps, EventEditorToolbarRecurringControls, EventEditorToolbarRecurringControlsProps, EventEditorToolbarStateActions, EventGridProps, EventView, EventsEditorDashboard, EventsEditorDashboardProps, EventsGrid, EventsList, EventsListProps, FilterProps, FilterSearch, FilterWithLogicalOperator, GroupNotificationsSettings, GroupNotificationsSettingsProps, ItemLayoutMode, ItemResourceTypes, Keyword, ScrollableKeywordPicker as KeywordPicker, KeywordPickerProps, KeywordsFilter, KeywordsToolbarFilter, LibNewsFilterDefinition, LogicalOperator, ManageChannels, ManageChannelsProps, NewsDetail, NewsDetailPreview, NewsDetailPreviewProps, NewsDetailProps, NewsEditor, NewsEditorContextProvider, NewsEditorContextProviderProps, NewsEditorDashboard, NewsEditorDashboardProps, NewsEditorPanel, NewsEditorPanelProps, NewsEditorProps, NewsEditorToolbarStateActions, NewsGrid, NewsGridProps, NewsHero, NewsHeroProps, NewsItemContextProvider, NewsItemPreviewContextProvider, NewsList, NewsListProps, PageDetail, PageDetailProps, PageEditor, PageEditorContextProvider, PageEditorContextProviderProps, PageEditorPanel, PageEditorPanelProps, PageEditorProps, PageEditorToolbarStateActions, PageType, PageViewTrackerSettings, PageViewTrackerSettingsContextProvider, PagesGrid, PagesGridProps, PagesList, PagesListProps, PostDetail, PostDetailProps, PostGroupSelector, PostGroupSelectorButton, PostGroupSelectorProps, PostGroupsPicker, PostGroupsPickerProps, PostInputBox, PostInputBoxProps, PostList, PostListContextProvider, PostListContextProviderProps, PostListProps, PublishableItem, PublishingDateFilter, PublishingDateToolbarFilter, ReachContextProps, ReachContextProvider, Dialog as ReachDialog, TargetLinkOverrideContextProvider, Toolbar, ToolbarChannelSelector, ToolbarChannelSelectorOption, ToolbarChannelSelectorProps, ToolbarCloseButton, ToolbarCloseButtonProps, ToolbarEventViewSelector, ToolbarEventViewSelectorProps, ToolbarFilterModal, ToolbarFilterModalButton, ToolbarFilterModalProps, ToolbarFilterPanel, ToolbarFilterSearch, ToolbarFilterToggleButton, ToolbarIconButton, ToolbarIconButtonProps, ToolbarManageNewsItemButton, ToolbarMarkAllEventsAsReadButton, ToolbarMarkAllNewsAsReadButton, ToolbarMarkEventsItemsAsReadButtonProps, ToolbarMarkNewsItemsAsReadButtonProps, ToolbarNewsLanguageSelector, ToolbarPostNotificationButton, ToolbarProps, ToolbarSearchProps, ToolbarUnreadItemsButton, UserDetails, UserDetailsProps, VerticalFilterPanel, VerticalFilterPanelProps, isFilterActive, useCurrentUser };
+interface ErrorWrapperProps {
+    errorType: ErrorType;
+    isList?: boolean;
+}
+declare const ErrorWrapper: FC<ErrorWrapperProps>;
+
+declare const ToolbarBookmarkButton: FC<{
+    onClick?: () => unknown;
+}>;
+
+export { AuthorFilter, AuthorToolbarFilter, Avatar, Props as AvatarProps, ChannelFilter, ChannelFilterProps, ChannelSelectorWrapper as ChannelSelector, ChannelSelectorWrapperProps as ChannelSelectorProps, ChannelToolbarFilter, ClearAllFiltersButton, ClearAllFiltersButtonProps, ContactToolbarFilter, EditorToolbarIndicators, EditorToolbarIndicatorsProps, ErrorType, ErrorWrapper, ErrorWrapperProps, EventDatesToolbarFilter, EventDatesToolbarFilterProps, EventDetail, EventDetailPreview, EventDetailProps, EventEditor, EventEditorContextProvider, EventEditorContextProviderProps, EventEditorPanel, EventEditorPanelProps, EventEditorProps, EventEditorToolbarRecurringControls, EventEditorToolbarRecurringControlsProps, EventEditorToolbarStateActions, EventGridProps, EventItemContextProvider, EventItemPreviewContextProvider, EventStreamItem, EventView, EventsEditorDashboard, EventsEditorDashboardProps, EventsGrid, EventsList, EventsListProps, FilterProps, FilterSearch, FilterWithLogicalOperator, GroupNotificationsSettings, GroupNotificationsSettingsProps, HeroPagingType, ItemLayoutMode, ItemLoader, ItemResourceTypes, Keyword, ScrollableKeywordPicker as KeywordPicker, KeywordPickerProps, KeywordsFilter, KeywordsToolbarFilter, LibNewsFilterDefinition, LogicalOperator, ManageChannels, ManageChannelsProps, NewsDetail, NewsDetailPreview, NewsDetailProps, NewsEditor, NewsEditorContextProvider, NewsEditorContextProviderProps, NewsEditorDashboard, NewsEditorDashboardProps, NewsEditorPanel, NewsEditorPanelProps, NewsEditorProps, NewsEditorToolbarStateActions, NewsGrid, NewsGridProps, NewsHero, NewsHeroProps, NewsItemContextProvider, NewsItemPreviewContextProvider, NewsList, NewsListProps, NewsStreamItem, PageDetail, PageDetailPreview, PageDetailProps, PageEditor, PageEditorContextProvider, PageEditorContextProviderProps, PageEditorPanel, PageEditorPanelProps, PageEditorProps, PageEditorToolbarStateActions, PageItemContextProvider, PageItemPreviewContextProvider, PageStreamItem, PageType, PageViewTrackerSettings, PageViewTrackerSettingsContextProvider, PagesGrid, PagesGridProps, PagesList, PagesListProps, PostDetail, PostDetailProps, PostGroupSelector, PostGroupSelectorButton, PostGroupSelectorProps, PostGroupsPicker, PostGroupsPickerProps, PostInputBox, PostInputBoxProps, PostList, PostListContextProvider, PostListContextProviderProps, PostListProps, PostStreamItem, PublishableItem, PublishingDateFilter, PublishingDateToolbarFilter, ReachContextProps, ReachContextProvider, Dialog as ReachDialog, SharedItemDetailPreviewProps, TargetLinkOverrideContextProvider, Toolbar, ToolbarBookmarkButton, ToolbarChannelSelector, ToolbarChannelSelectorOption, ToolbarChannelSelectorProps, ToolbarCloseButton, ToolbarCloseButtonProps, ToolbarEventViewSelector, ToolbarEventViewSelectorProps, ToolbarFilterModal, ToolbarFilterModalButton, ToolbarFilterModalProps, ToolbarFilterPanel, ToolbarFilterSearch, ToolbarFilterToggleButton, ToolbarIconButton, ToolbarIconButtonProps, ToolbarLanguageSelector, ToolbarManageButton, ToolbarManageItemButton, ToolbarManageNewsItemButton, ToolbarMarkAllEventsAsReadButton, ToolbarMarkAllNewsAsReadButton, ToolbarMarkEventsItemsAsReadButtonProps, ToolbarMarkNewsItemsAsReadButtonProps, ToolbarLanguageSelector as ToolbarNewsLanguageSelector, ToolbarPostNotificationButton, ToolbarProps, ToolbarSearchProps, ToolbarUnreadItemsButton, UserDetails, UserDetailsProps, VerticalFilterPanel, VerticalFilterPanelProps, VideoSource$1 as VideoSource, isFilterActive, useCurrentUser, useEventsStreamDataLoader, useLazySubscriptionContext, useNewsStreamDataLoader, usePagesStreamDataLoader, usePostsStreamDataLoader };