@livetiles/reach-components-react 0.4.93 → 0.4.94

package/ManageChannels.d.ts

@@ -1,5 +1,6 @@
 import { FC } from 'react';
 export interface ManageChannelsProps {
+    hideSearch?: boolean;
     className?: string;
 }
 export declare const ManageChannels: FC<ManageChannelsProps>;

package/NewsHero.d.ts

@@ -1,6 +1,7 @@
-import { FC } from 'react';
+import { FC, MouseEvent } from 'react';
 import { FilterWithLogicalOperator } from '@livetiles/reach/feature/content';
 import { Channel, Keyword, NewsItem } from '@livetiles/reach/util/common';
+import { HeroPagingType } from './common/hero/HeroPaging';
 export interface NewsHeroFilterProps {
     /**
      * Limit results to those associated with the given channels.
@@ -24,5 +25,7 @@ export interface NewsHeroProps {
     onChannelClick?: (channelName: string, channelItem?: Channel) => unknown;
     onKeywordClick?: (keywordId: string, keywordItem?: Keyword) => unknown;
     showKeywords?: boolean;
+    onViewAllButtonClick?: (e: MouseEvent<unknown>) => void;
+    pagingType?: HeroPagingType;
 }
 export declare const NewsHero: FC<NewsHeroProps>;

package/common/hero/Hero.d.ts

@@ -1,15 +1,13 @@
 import { FC, MouseEvent, ReactNode } from 'react';
 import { ItemResourceTypes, PublishableItem } from '@livetiles/reach/util/common';
-export interface IconDefinition {
-    backgroundColor?: string;
-    color?: string;
-    name: string;
-    tooltipText?: string;
-    onClick?: (event: MouseEvent<unknown>) => unknown;
-}
+import { ActionDefinition, IconDefinition } from './HeroSlide';
+import { HeroPagingType } from './HeroPaging';
 export interface HeroItem {
     item: PublishableItem;
-    icons?: IconDefinition[];
+    additionalHeaderItems?: {
+        icons?: IconDefinition[];
+        actions?: ActionDefinition[];
+    };
     externalContentIcon?: IconDefinition;
     channels?: ReactNode;
     keywords?: ReactNode;
@@ -24,5 +22,6 @@ export interface Props {
     autoplayInterval?: number;
     width?: number | string;
     height?: number | string;
+    pagingType?: HeroPagingType;
 }
 export declare const Hero: FC<Props>;

package/common/hero/HeroPaging.d.ts

@@ -4,7 +4,12 @@ import { HeroItem } from './Hero';
 interface HeroPagingProps extends CarouselSlideRenderControlProps {
     items: HeroItem[];
     autoplay?: boolean;
+    pagingType?: HeroPagingType;
     className?: string;
 }
+export declare enum HeroPagingType {
+    page = 0,
+    item = 1
+}
 export declare const HeroPaging: FC<HeroPagingProps>;
 export {};

package/common/hero/HeroSlide.d.ts

@@ -1,16 +1,29 @@
-import { FC, ReactNode } from 'react';
+import { FC, ReactNode, MouseEvent } from 'react';
 import { ItemResourceTypes, PublishableItem } from '@livetiles/reach/util/common';
-import { IconDefinition } from './Hero';
+export interface IconDefinition {
+    backgroundColor?: string;
+    color?: string;
+    name: string;
+    tooltipText?: string;
+}
+export interface ActionDefinition {
+    name: string;
+    onClick?: (event: MouseEvent<unknown>) => void;
+    text?: string;
+}
 export declare const HeroSlide: FC<{
     item: PublishableItem;
     itemResourceType: ItemResourceTypes;
     baseRoute: string;
-    icons?: IconDefinition[];
+    additionalHeaderItems?: {
+        icons?: IconDefinition[];
+        actions?: ActionDefinition[];
+    };
     externalContentIcon?: IconDefinition;
     channels?: ReactNode;
     keywords?: ReactNode;
-    onTitleClick?: (event: React.MouseEvent<unknown>) => unknown;
-    onSlideClick?: (event: React.MouseEvent<unknown>) => unknown;
+    onTitleClick?: (event: MouseEvent<unknown>) => unknown;
+    onSlideClick?: (event: MouseEvent<unknown>) => unknown;
     isVideoPlayerActive: boolean;
     onToggleVideo: (isPlayerActive: boolean) => unknown;
     width?: string | number;