@livetiles/reach-components-react 0.4.0-preview.37 → 0.4.0-preview.371

package/index.d.ts

@@ -297,6 +297,7 @@ interface PluginExtension {
     componentName: string;
     route: string;
     navigationNode?: {
+        componentName?: string;
         iconName?: string;
         label?: string;
         translations?: {
@@ -562,7 +563,8 @@ declare const ToolbarChannelSelector: FC<ToolbarChannelSelectorProps>;
 
 interface ToolbarIconButtonProps {
     iconName: string;
-    ariaLabelResourceKey: string;
+    ariaLabel?: string;
+    ariaLabelResourceKey?: string;
     onClick?: () => unknown;
     to?: string;
     target?: string;
@@ -577,6 +579,7 @@ interface ToolbarMarkAllItemsAsReadButtonProps {
     onMarkAsReadStarted?: () => unknown;
     onMarkAsReadFinished?: () => unknown;
     disabled?: boolean;
+    unreadCount?: number;
 }
 declare const ToolbarMarkAllNewsAsReadButton: FC<ToolbarMarkAllItemsAsReadButtonProps>;
 declare const ToolbarMarkAllEventsAsReadButton: FC<ToolbarMarkAllItemsAsReadButtonProps>;
@@ -614,7 +617,7 @@ interface SourceFilterDefinition extends IndexableFilterDefinition {
 }
 
 interface KeywordsFilterDefinition extends IndexableFilterDefinition {
-    keywords?: string;
+    keywords?: FilterWithLogicalOperator;
 }
 
 interface BeforePublishingDateFilterDefinition extends IndexableFilterDefinition {
@@ -631,6 +634,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 +649,7 @@ interface AuthorFilterDefinition extends IndexableFilterDefinition {
 }
 
 interface ChannelsFilterDefinition extends IndexableFilterDefinition {
-    channels?: string;
+    channels?: FilterWithLogicalOperator;
 }
 
 interface StateFilterDefinition extends IndexableFilterDefinition {
@@ -648,6 +659,12 @@ interface StateFilterDefinition extends IndexableFilterDefinition {
 interface NewsFilterDefinition extends PublishableItemFilterDefinition, AuthorFilterDefinition, ChannelsFilterDefinition, StateFilterDefinition {
     groupId?: string;
     bookmarksOnly?: boolean;
+    unreadOnly?: boolean;
+}
+
+interface LibNewsFilterDefinition extends Omit<NewsFilterDefinition, 'channels' | 'keywords'> {
+    channels?: string | FilterWithLogicalOperator;
+    keywords?: string | FilterWithLogicalOperator;
 }
 
 declare enum ItemLayoutMode {
@@ -655,9 +672,12 @@ declare enum ItemLayoutMode {
     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;
@@ -671,19 +691,25 @@ 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 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;
@@ -721,4 +747,65 @@ interface NewsDetailPreviewProps {
 }
 declare const NewsDetailPreview: FC<NewsDetailPreviewProps>;
 
-export { Avatar, Props as AvatarProps, EventDetail, EventDetailProps, ItemLayoutMode, ManageChannels, ManageChannelsProps, NewsDetail, NewsDetailPreview, NewsDetailPreviewProps, NewsDetailProps, NewsEditorDashboard, NewsEditorDashboardProps, NewsGrid, NewsGridProps, NewsHero, NewsHeroProps, NewsItemContextProvider, 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 };
+declare const NewsItemPreviewContextProvider: FC<{
+    itemId: string;
+    versionId?: string;
+}>;
+
+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, 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 };

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, 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 { Q as AuthorFilter, O as AuthorToolbarFilter, A as Avatar, D as ChannelFilter, F as ChannelToolbarFilter, J as ClearAllFiltersButton, E as EventDetail, S as FilterSearch, I as ItemLayoutMode, K as KeywordsFilter, L as KeywordsToolbarFilter, 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, H as PublishingDateFilter, G as PublishingDateToolbarFilter, R as ReachContextProvider, n as Toolbar, p as ToolbarChannelSelector, s as ToolbarCloseButton, B as ToolbarFilterModal, C as ToolbarFilterModalButton, z as ToolbarFilterPanel, W as ToolbarFilterSearch, o as ToolbarIconButton, w as ToolbarManageNewsItemButton, q as ToolbarMarkAllEventsAsReadButton, r as ToolbarMarkAllNewsAsReadButton, v as ToolbarNewsLanguageSelector, U as UserDetails, V as VerticalFilterPanel, j 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';