@livetiles/reach-components-react 0.3.50 → 0.3.62

package/index.d.ts

@@ -617,7 +617,7 @@ interface SourceFilterDefinition extends IndexableFilterDefinition {
 }
 
 interface KeywordsFilterDefinition extends IndexableFilterDefinition {
-    keywords?: string;
+    keywords?: FilterWithLogicalOperator;
 }
 
 interface BeforePublishingDateFilterDefinition extends IndexableFilterDefinition {
@@ -634,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 {
@@ -641,7 +649,7 @@ interface AuthorFilterDefinition extends IndexableFilterDefinition {
 }
 
 interface ChannelsFilterDefinition extends IndexableFilterDefinition {
-    channels?: string;
+    channels?: FilterWithLogicalOperator;
 }
 
 interface StateFilterDefinition extends IndexableFilterDefinition {
@@ -654,14 +662,22 @@ interface NewsFilterDefinition extends PublishableItemFilterDefinition, AuthorFi
     unreadOnly?: 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;
@@ -675,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;
@@ -730,4 +752,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, 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, 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 { 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';