@livetiles/reach-components-react 0.4.0-preview.48 → 0.4.0-preview.483

package/index.d.ts

@@ -161,6 +161,7 @@ interface CurrentUser extends Account {
         itemId: string;
     }[];
     unreadFeedItemsCount?: number;
+    mostRecentPostGroups: string[];
     notificationTypeSettings: NotificationTypeSettings;
     hasPendingRegistration?: boolean;
     minRoles: UserMinRoles;
@@ -233,7 +234,6 @@ interface BaseSubscription {
     contact: Account;
     theme: Theme;
     defaultLanguage: string;
-    logoUrl: string;
     faviconUrl?: string;
     navigation: NavigationNode[];
     regionSettings?: RegionSettings;
@@ -242,6 +242,12 @@ interface BaseSubscription {
     hasUnreadItems: boolean;
     pageTrackingInfo: PageTrackingInfo;
     termsAndConditionsHash?: string;
+    logoInfo: LogoInfo;
+}
+interface LogoInfo {
+    smallUrl: string;
+    largeUrl: string;
+    isLegacyLogo: boolean;
 }
 interface PageTrackingInfo {
     type: string;
@@ -297,6 +303,7 @@ interface PluginExtension {
     componentName: string;
     route: string;
     navigationNode?: {
+        componentName?: string;
         iconName?: string;
         label?: string;
         translations?: {
@@ -528,6 +535,105 @@ interface ChoiceTranslations {
 
 declare function useCurrentUser(): CurrentUser;
 
+declare enum EventResponse {
+    NotSet = 0,
+    Registered = 1,
+    Declined = 2
+}
+interface EventItem extends SchedulableItem {
+    startDate?: string;
+    endDate?: string;
+    timeZone?: string;
+    contacts?: Account[];
+    registrationSettings?: EventRegistrationSettings;
+    userResponse?: EventResponse;
+    cancelInformation?: EventCancelInformation;
+    locations?: EventLocation[];
+    hasNewComments?: boolean;
+    isLiked?: boolean;
+    recurrenceSettings?: EventRecurrenceSettings;
+    recurrenceSeriesId?: string;
+    isSeriesMaster?: string;
+    isVirtual?: boolean;
+}
+interface EventRegistrationSettings {
+    enabled?: boolean;
+    showParticipantsToEverybody?: boolean;
+    deadline?: string;
+    seriesMode?: SeriesRegistrationMode;
+}
+declare enum SeriesRegistrationMode {
+    None = 0,
+    FullSeries = 1,
+    PerInstance = 2
+}
+interface EventCancelInformation {
+    isCancelled?: boolean;
+    modifiedOn?: string;
+    modifiedBy?: Account;
+    reasons?: EventCancelReasons;
+}
+interface EventCancelReasons {
+    [language: string]: string;
+}
+interface EventLocation {
+    locationId: string;
+    name: string;
+    locationOnMap?: string;
+    url?: string;
+    maxNumberOfSeats?: number;
+    readOnly?: boolean;
+}
+interface EventRecurrenceSettings {
+    frequency: RecurrenceFrequency;
+    interval: number;
+    weekDays: WeekDay;
+    monthlyOccurrence: MonthlyOccurrence;
+    yearlyOccurrence: MonthNumber;
+    dayOfMonth: number;
+    endDate?: string;
+}
+declare enum RecurrenceFrequency {
+    NotSet = 0,
+    Daily = 1,
+    Weekly = 2,
+    Monthly = 3,
+    Yearly = 4
+}
+declare enum WeekDay {
+    None = 0,
+    Monday = 1,
+    Tuesday = 2,
+    Wednesday = 4,
+    Thursday = 8,
+    Friday = 16,
+    Saturday = 32,
+    Sunday = 64
+}
+declare enum MonthlyOccurrence {
+    Unknown = 0,
+    First = 1,
+    Second = 2,
+    Third = 3,
+    Fourth = 4,
+    Last = 5
+}
+declare enum MonthNumber {
+    None = 0,
+    January = 1,
+    February = 2,
+    March = 3,
+    April = 4,
+    May = 5,
+    June = 6,
+    July = 7,
+    August = 8,
+    September = 9,
+    October = 10,
+    November = 11,
+    December = 12
+}
+
 interface ToolbarProps {
     leftSide?: ReactNode;
     hideLeftSide?: boolean;
@@ -562,7 +668,8 @@ declare const ToolbarChannelSelector: FC<ToolbarChannelSelectorProps>;
 
 interface ToolbarIconButtonProps {
     iconName: string;
-    ariaLabelResourceKey: string;
+    ariaLabel?: string;
+    ariaLabelResourceKey?: string;
     onClick?: () => unknown;
     to?: string;
     target?: string;
@@ -577,6 +684,7 @@ interface ToolbarMarkAllItemsAsReadButtonProps {
     onMarkAsReadStarted?: () => unknown;
     onMarkAsReadFinished?: () => unknown;
     disabled?: boolean;
+    unreadCount?: number;
 }
 declare const ToolbarMarkAllNewsAsReadButton: FC<ToolbarMarkAllItemsAsReadButtonProps>;
 declare const ToolbarMarkAllEventsAsReadButton: FC<ToolbarMarkAllItemsAsReadButtonProps>;
@@ -590,6 +698,22 @@ interface ToolbarCloseButtonProps {
 }
 declare const ToolbarCloseButton: FC<ToolbarCloseButtonProps>;
 
+declare enum EventView {
+    UpcomingEvents = "upcoming",
+    MyBookedEvents = "booked",
+    PastEvents = "past"
+}
+interface ToolbarEventViewSelectorProps {
+    value?: EventView;
+    onChange?: (view: EventView) => void;
+    viewOptions?: {
+        hideUpcomingEventsView?: boolean;
+        hideMyBookedEventsView?: boolean;
+        hidePastEventsView?: boolean;
+    };
+}
+declare const ToolbarEventViewSelector: FC<ToolbarEventViewSelectorProps>;
+
 interface Props extends IPersonaProps {
     upn: string;
     tenantId?: string;
@@ -614,7 +738,7 @@ interface SourceFilterDefinition extends IndexableFilterDefinition {
 }
 
 interface KeywordsFilterDefinition extends IndexableFilterDefinition {
-    keywords?: string;
+    keywords?: FilterWithLogicalOperator;
 }
 
 interface BeforePublishingDateFilterDefinition extends IndexableFilterDefinition {
@@ -631,6 +755,14 @@ interface BaseFilterDefinition {
 }
 interface IndexableFilterDefinition {
     [key: string]: any;
+}
+interface FilterWithLogicalOperator {
+    items?: string[];
+    operator?: LogicalOperator;
+}
+declare enum LogicalOperator {
+    Or = "or",
+    And = "and"
 }
 
 interface AuthorFilterDefinition extends IndexableFilterDefinition {
@@ -638,7 +770,7 @@ interface AuthorFilterDefinition extends IndexableFilterDefinition {
 }
 
 interface ChannelsFilterDefinition extends IndexableFilterDefinition {
-    channels?: string;
+    channels?: FilterWithLogicalOperator;
 }
 
 interface StateFilterDefinition extends IndexableFilterDefinition {
@@ -651,14 +783,36 @@ interface NewsFilterDefinition extends PublishableItemFilterDefinition, AuthorFi
     unreadOnly?: boolean;
 }
 
+interface EventsStartDateFilterDefinition extends IndexableFilterDefinition {
+    startsAfter?: string;
+    startsBefore?: string;
+}
+
+interface EventContactsFilterDefinition extends IndexableFilterDefinition {
+    contacts?: string[];
+}
+
+interface EventFilterDefinition extends PublishableItemFilterDefinition, EventContactsFilterDefinition, EventsStartDateFilterDefinition, ChannelsFilterDefinition {
+    excludePastEvents?: boolean;
+    pastEventsOnly?: boolean;
+}
+
+interface LibNewsFilterDefinition extends Omit<NewsFilterDefinition, 'channels' | 'keywords'> {
+    channels?: string | FilterWithLogicalOperator;
+    keywords?: string | FilterWithLogicalOperator;
+}
+
 declare enum ItemLayoutMode {
     Default = "default",
     Compact = "compact"
 }
 interface NewsListProps {
-    filter?: NewsFilterDefinition;
+    filter?: LibNewsFilterDefinition;
+    searchText?: string;
     itemLayoutMode?: ItemLayoutMode;
     onItemClick?: (item: NewsItem, itemUrl?: string, isTitleClicked?: boolean) => unknown;
+    onChannelClick?: (channel: string) => unknown;
+    onKeywordClick?: (keyword: string) => unknown;
     hidePlaceholderIfNoBanner?: boolean;
     hidePagination?: boolean;
     pageSize?: number;
@@ -672,19 +826,52 @@ interface ManageChannelsProps {
 declare const ManageChannels: FC<ManageChannelsProps>;
 
 interface NewsGridProps {
-    filter?: NewsFilterDefinition;
+    filter?: LibNewsFilterDefinition;
+    searchText?: string;
     hidePagination?: boolean;
     columnCount?: number;
     rowCount?: number;
     onItemClick?: (item: NewsItem, itemUrl?: string, isTitleClicked?: boolean) => unknown;
+    onChannelClick?: (channel: string) => unknown;
+    onKeywordClick?: (keyword: string) => unknown;
     className?: string;
 }
 declare const NewsGrid: FC<NewsGridProps>;
 
+interface EventGridProps {
+    view?: EventView;
+    filter?: EventFilterDefinition;
+    searchText?: string;
+    hidePagination?: boolean;
+    columnCount?: number;
+    rowCount?: number;
+    onItemClick?: (item: EventItem, itemUrl?: string) => unknown;
+    onChannelClick?: (channel: string) => unknown;
+    className?: string;
+}
+declare const EventsGrid: FC<EventGridProps>;
+
+interface EventsListProps {
+    view?: EventView;
+    filter?: EventFilterDefinition;
+    searchText?: string;
+    itemLayoutMode?: ItemLayoutMode;
+    onItemClick?: (item: EventItem, itemUrl?: string) => unknown;
+    onChannelClick?: (channel: string) => unknown;
+    hidePlaceholderIfNoBanner?: boolean;
+    hidePagination?: boolean;
+    pageSize?: number;
+    className?: string;
+}
+declare const EventsList: FC<EventsListProps>;
+
+interface NewsHeroFilterProps {
+    channels?: string | FilterWithLogicalOperator;
+    keywords?: string | FilterWithLogicalOperator;
+    pageSize?: number;
+}
 interface NewsHeroProps {
-    filter?: ChannelsFilterDefinition & KeywordsFilterDefinition & {
-        pageSize?: number;
-    };
+    filter?: NewsHeroFilterProps;
     disableAutoplay?: boolean;
     autoplayInterval?: number;
     onItemClick?: (item: NewsItem, itemUrl?: string) => unknown;
@@ -702,6 +889,15 @@ interface NewsEditorDashboardProps {
 }
 declare const NewsEditorDashboard: FC<NewsEditorDashboardProps>;
 
+interface EventsEditorDashboardProps {
+    groupId?: string;
+    className?: string;
+    onItemClick?: (item: EventItem) => unknown;
+    pageSize?: number;
+    hidePagination?: boolean;
+}
+declare const EventsEditorDashboard: FC<EventsEditorDashboardProps>;
+
 declare const NewsItemContextProvider: FC<{
     itemId: string;
 }>;
@@ -727,4 +923,60 @@ declare const NewsItemPreviewContextProvider: FC<{
     versionId?: string;
 }>;
 
-export { Avatar, Props as AvatarProps, EventDetail, EventDetailProps, ItemLayoutMode, ManageChannels, ManageChannelsProps, NewsDetail, NewsDetailPreview, NewsDetailPreviewProps, NewsDetailProps, NewsEditorDashboard, NewsEditorDashboardProps, NewsGrid, NewsGridProps, NewsHero, NewsHeroProps, NewsItemContextProvider, NewsItemPreviewContextProvider, NewsList, NewsListProps, PageDetail, PageDetailProps, PublishableItem, ReachContextProps, ReachContextProvider, Toolbar, ToolbarChannelSelector, ToolbarChannelSelectorOption, ToolbarChannelSelectorProps, ToolbarCloseButton, ToolbarCloseButtonProps, ToolbarIconButton, ToolbarIconButtonProps, ToolbarManageNewsItemButton, ToolbarMarkAllEventsAsReadButton, ToolbarMarkAllItemsAsReadButtonProps, ToolbarMarkAllNewsAsReadButton, ToolbarNewsLanguageSelector, ToolbarProps, ToolbarSearchProps, UserDetails, UserDetailsProps, useCurrentUser };
+interface FilterProps {
+    filter: IndexableFilterDefinition;
+    onChange: (filter: Partial<IndexableFilterDefinition> | null) => void;
+}
+
+declare const ToolbarFilterPanel: FC<FilterProps>;
+
+interface ChannelFilterProps {
+    channels?: string[];
+    className?: string;
+}
+declare const ChannelFilter: FC<ChannelFilterProps>;
+declare const ChannelToolbarFilter: FC<ChannelFilterProps>;
+
+declare const PublishingDateToolbarFilter: FC;
+declare const PublishingDateFilter: FC<{
+    className?: string;
+}>;
+
+interface ClearAllFiltersButtonProps {
+    onClick: () => void;
+}
+declare const ClearAllFiltersButton: FC<ClearAllFiltersButtonProps>;
+
+declare const KeywordsToolbarFilter: FC;
+declare const KeywordsFilter: FC<{
+    className?: string;
+}>;
+
+declare const AuthorToolbarFilter: FC;
+declare const AuthorFilter: FC<{
+    className?: string;
+}>;
+
+interface ToolbarFilterModalProps extends FilterProps {
+    isOpen?: boolean;
+    onDismiss?: () => void;
+    className?: string;
+}
+declare const ToolbarFilterModal: FC<ToolbarFilterModalProps>;
+
+declare const ToolbarFilterModalButton: FC<FilterProps>;
+
+interface VerticalFilterPanelProps extends FilterProps {
+    onDismiss?: () => void;
+    className?: string;
+}
+declare const VerticalFilterPanel: FC<VerticalFilterPanelProps>;
+
+declare const FilterSearch: FC<{
+    className?: string;
+}>;
+declare const ToolbarFilterSearch: styled_components.StyledComponent<FC<{
+    className?: string;
+}>, any, {}, never>;
+
+export { AuthorFilter, AuthorToolbarFilter, Avatar, Props as AvatarProps, ChannelFilter, ChannelFilterProps, ChannelToolbarFilter, ClearAllFiltersButton, ClearAllFiltersButtonProps, EventDetail, EventDetailProps, EventGridProps, EventView, EventsEditorDashboard, EventsEditorDashboardProps, EventsGrid, EventsList, EventsListProps, FilterProps, FilterSearch, ItemLayoutMode, KeywordsFilter, KeywordsToolbarFilter, LibNewsFilterDefinition, ManageChannels, ManageChannelsProps, NewsDetail, NewsDetailPreview, NewsDetailPreviewProps, NewsDetailProps, NewsEditorDashboard, NewsEditorDashboardProps, NewsGrid, NewsGridProps, NewsHero, NewsHeroProps, NewsItemContextProvider, NewsItemPreviewContextProvider, NewsList, NewsListProps, PageDetail, PageDetailProps, PublishableItem, PublishingDateFilter, PublishingDateToolbarFilter, ReachContextProps, ReachContextProvider, Toolbar, ToolbarChannelSelector, ToolbarChannelSelectorOption, ToolbarChannelSelectorProps, ToolbarCloseButton, ToolbarCloseButtonProps, ToolbarEventViewSelector, ToolbarEventViewSelectorProps, ToolbarFilterModal, ToolbarFilterModalButton, ToolbarFilterModalProps, ToolbarFilterPanel, ToolbarFilterSearch, ToolbarIconButton, ToolbarIconButtonProps, ToolbarManageNewsItemButton, ToolbarMarkAllEventsAsReadButton, ToolbarMarkAllItemsAsReadButtonProps, ToolbarMarkAllNewsAsReadButton, ToolbarNewsLanguageSelector, ToolbarProps, ToolbarSearchProps, UserDetails, UserDetailsProps, VerticalFilterPanel, VerticalFilterPanelProps, useCurrentUser };

package/index.esm.js

@@ -1,4 +1,4 @@
-export { A as Avatar, E as EventDetail, I as ItemLayoutMode, M as ManageChannels, N as NewsDetail, x as NewsDetailPreview, l as NewsEditorDashboard, i as NewsGrid, k as NewsHero, t as NewsItemContextProvider, y as NewsItemPreviewContextProvider, h as NewsList, g as PageDetail, R as ReachContextProvider, n as Toolbar, p as ToolbarChannelSelector, s as ToolbarCloseButton, o as ToolbarIconButton, w as ToolbarManageNewsItemButton, q as ToolbarMarkAllEventsAsReadButton, r as ToolbarMarkAllNewsAsReadButton, v as ToolbarNewsLanguageSelector, U as UserDetails, j as useCurrentUser } from './index.esm2.js';
+export { X as AuthorFilter, W as AuthorToolbarFilter, A as Avatar, H as ChannelFilter, J as ChannelToolbarFilter, O as ClearAllFiltersButton, E as EventDetail, a0 as EventView, p as EventsEditorDashboard, j as EventsGrid, k as EventsList, Y as FilterSearch, I as ItemLayoutMode, Q as KeywordsFilter, S as KeywordsToolbarFilter, M as ManageChannels, N as NewsDetail, B as NewsDetailPreview, o as NewsEditorDashboard, i as NewsGrid, n as NewsHero, x as NewsItemContextProvider, C as NewsItemPreviewContextProvider, h as NewsList, g as PageDetail, L as PublishingDateFilter, K as PublishingDateToolbarFilter, R as ReachContextProvider, q as Toolbar, s as ToolbarChannelSelector, w as ToolbarCloseButton, $ as ToolbarEventViewSelector, F as ToolbarFilterModal, G as ToolbarFilterModalButton, D as ToolbarFilterPanel, Z as ToolbarFilterSearch, r as ToolbarIconButton, z as ToolbarManageNewsItemButton, t as ToolbarMarkAllEventsAsReadButton, v as ToolbarMarkAllNewsAsReadButton, y as ToolbarNewsLanguageSelector, U as UserDetails, V as VerticalFilterPanel, l as useCurrentUser } from './index.esm2.js';
 import 'react/jsx-runtime';
 import 'events';
 import 'react';
@@ -10,4 +10,3 @@ import 'react-dom';
 import 'office-ui-fabric-core/dist/css/fabric.css';
 import 'office-ui-fabric-react/lib/common/DirectionalHint';
 import 'react-dom/server';
-import 'office-ui-fabric-react/lib/Spinner';