@livetiles/reach-components-react 0.4.0-preview.410 → 0.4.0-preview.411

package/EventsGrid.d.ts

@@ -1,7 +1,9 @@
 import { FC } from 'react';
 import { EventItem } from '@livetiles/reach/util/common';
 import { EventFilterDefinition } from '@livetiles/reach/feature/content';
+import { EventView } from '@livetiles/reach/ui/common';
 export interface EventGridProps {
+    view?: EventView;
     filter?: EventFilterDefinition;
     searchText?: string;
     hidePagination?: boolean;

package/EventsList.d.ts

@@ -2,7 +2,9 @@ import { FC } from 'react';
 import { EventItem } from '@livetiles/reach/util/common';
 import { EventFilterDefinition } from '@livetiles/reach/feature/content';
 import { ItemLayoutMode } from './NewsList';
+import { EventView } from '@livetiles/reach/ui/common';
 export interface EventsListProps {
+    view?: EventView;
     filter?: EventFilterDefinition;
     searchText?: string;
     itemLayoutMode?: ItemLayoutMode;

package/common/utils.d.ts

@@ -1,4 +1,5 @@
 import { ItemResourceTypes, PublishableItem } from '@livetiles/reach/util/common';
+import { EventView } from '@livetiles/reach/ui/common';
 import { EventFilterDefinition, NewsFilterDefinition, PublishableItemFilterDefinition } from '@livetiles/reach/feature/content';
 import { LibNewsFilterDefinition } from './filter/LibNewsFilterDefinition';
 export declare function useItemClickHandler<TItem extends PublishableItem>(): (e: React.MouseEvent<unknown>, item: TItem, shouldHandleExternalContent: boolean, onItemClick?: (item: TItem, itemUrl?: string) => unknown, newTab?: boolean) => void;
@@ -39,3 +40,4 @@ export declare function useEditorItemsWithFiltersAndPagination<TItem extends Pub
     isLastPage: boolean;
     isEmpty: boolean;
 };
+export declare function getEventsFilterByView(filter: EventFilterDefinition, view: EventView): EventFilterDefinition;

package/index.d.ts

@@ -714,6 +714,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;
@@ -839,6 +855,7 @@ interface NewsGridProps {
 declare const NewsGrid: FC<NewsGridProps>;
 
 interface EventGridProps {
+    view?: EventView;
     filter?: EventFilterDefinition;
     searchText?: string;
     hidePagination?: boolean;
@@ -851,6 +868,7 @@ interface EventGridProps {
 declare const EventsGrid: FC<EventGridProps>;
 
 interface EventsListProps {
+    view?: EventView;
     filter?: EventFilterDefinition;
     searchText?: string;
     itemLayoutMode?: ItemLayoutMode;
@@ -977,4 +995,4 @@ 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, 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, ToolbarFilterModal, ToolbarFilterModalButton, ToolbarFilterModalProps, ToolbarFilterPanel, ToolbarFilterSearch, ToolbarIconButton, ToolbarIconButtonProps, ToolbarManageNewsItemButton, ToolbarMarkAllEventsAsReadButton, ToolbarMarkAllItemsAsReadButtonProps, ToolbarMarkAllNewsAsReadButton, ToolbarNewsLanguageSelector, ToolbarProps, ToolbarSearchProps, UserDetails, UserDetailsProps, VerticalFilterPanel, VerticalFilterPanelProps, useCurrentUser };
+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 +1 @@
-export{X as AuthorFilter,W as AuthorToolbarFilter,A as Avatar,H as ChannelFilter,J as ChannelToolbarFilter,O as ClearAllFiltersButton,E as EventDetail,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,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";import"office-ui-fabric-react";import"react-router-dom";import"react-is";import"styled-components";import"react-dom";import"office-ui-fabric-core/dist/css/fabric.css";import"office-ui-fabric-react/lib/common/DirectionalHint";import"react-dom/server";
+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";import"office-ui-fabric-react";import"react-router-dom";import"react-is";import"styled-components";import"react-dom";import"office-ui-fabric-core/dist/css/fabric.css";import"office-ui-fabric-react/lib/common/DirectionalHint";import"react-dom/server";