@livetiles/reach-components-react 0.5.0-preview.857 → 0.5.0-preview.859

package/NewsHero.d.ts

@@ -1,4 +1,4 @@
-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';
 export interface NewsHeroFilterProps {
@@ -24,5 +24,6 @@ export interface NewsHeroProps {
     onChannelClick?: (channelName: string, channelItem?: Channel) => unknown;
     onKeywordClick?: (keywordId: string, keywordItem?: Keyword) => unknown;
     showKeywords?: boolean;
+    onViewAllButtonClick?: (e: MouseEvent<unknown>) => void;
 }
 export declare const NewsHero: FC<NewsHeroProps>;

package/common/hero/Hero.d.ts

@@ -1,15 +1,12 @@
 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';
 export interface HeroItem {
     item: PublishableItem;
-    icons?: IconDefinition[];
+    additionalHeaderItems?: {
+        icons?: IconDefinition[];
+        actions?: ActionDefinition[];
+    };
     externalContentIcon?: IconDefinition;
     channels?: ReactNode;
     keywords?: ReactNode;

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;

package/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { FC, ReactNode } from 'react';
+import { FC, ReactNode, MouseEvent } from 'react';
 import { IDialogProps, IDropdownOption, IPersonaProps } from 'office-ui-fabric-react';
 import * as styled_components from 'styled-components';
 
@@ -1340,6 +1340,7 @@ interface NewsHeroProps {
     onChannelClick?: (channelName: string, channelItem?: Channel) => unknown;
     onKeywordClick?: (keywordId: string, keywordItem?: Keyword) => unknown;
     showKeywords?: boolean;
+    onViewAllButtonClick?: (e: MouseEvent<unknown>) => void;
 }
 declare const NewsHero: FC<NewsHeroProps>;