@livetiles/reach-components-react 0.4.0-preview.9 → 0.4.0-preview.90

package/NewsCompactCard.d.ts

@@ -2,7 +2,7 @@ import { FC } from 'react';
 import { NewsItem, PublishableItem } from '@livetiles/reach/util/common';
 export interface NewsCompactCardProps {
     item: PublishableItem;
-    onItemClick?: (item: NewsItem, itemUrl?: string) => unknown;
+    onItemClick?: (item: NewsItem, itemUrl?: string, isTitleClicked?: boolean) => unknown;
     className?: string;
 }
 export declare const NewsCompactCard: FC<NewsCompactCardProps>;

package/NewsGrid.d.ts

@@ -6,7 +6,7 @@ export interface NewsGridProps {
     hidePagination?: boolean;
     columnCount?: number;
     rowCount?: number;
-    onItemClick?: (item: NewsItem, itemUrl?: string) => unknown;
+    onItemClick?: (item: NewsItem, itemUrl?: string, isTitleClicked?: boolean) => unknown;
     className?: string;
 }
 export declare const NewsGrid: FC<NewsGridProps>;

package/NewsGridCard.d.ts

@@ -4,7 +4,8 @@ export interface NewsGridCardProps {
     item: NewsItem;
     baseRoute?: string;
     openTargetInNewWindow?: boolean;
-    onClick?: (event: React.MouseEvent<unknown>) => unknown;
+    onCardClick?: (event: React.MouseEvent<unknown>) => unknown;
+    onTitleClick?: (event: React.MouseEvent<unknown>) => unknown;
     className?: string;
 }
 export declare const NewsGridCard: FC<NewsGridCardProps>;

package/NewsItemPreviewContextProvider.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+export declare const NewsItemPreviewContextProvider: FC<{
+    itemId: string;
+    versionId?: string;
+}>;

package/NewsList.d.ts

@@ -8,7 +8,7 @@ export declare enum ItemLayoutMode {
 export interface NewsListProps {
     filter?: NewsFilterDefinition;
     itemLayoutMode?: ItemLayoutMode;
-    onItemClick?: (item: NewsItem, itemUrl?: string) => unknown;
+    onItemClick?: (item: NewsItem, itemUrl?: string, isTitleClicked?: boolean) => unknown;
     hidePlaceholderIfNoBanner?: boolean;
     hidePagination?: boolean;
     pageSize?: number;

package/README.md

@@ -1,7 +1,24 @@
-# reach-components-react
+# Reach Components React
 
-This library was generated with [Nx](https://nx.dev).
+The Reach Components for React allows one to render data from LiveTiles Reach in custom third party web applications.
 
-## Running unit tests
+## Getting Started
 
-Run `nx test reach-components-react` to execute the unit tests via [Jest](https://jestjs.io).
+`$ npm i reach-components-react`
+
+```
+const App = () => {
+    const token = "A JWT bearer token";
+    const subscriptionId = "the subscription ID";
+    const itemId = "some item ID";
+
+    return (
+        <ReachContextProvider
+          subscriptionId={subscriptionId}
+          onRequestToken={async () => token}
+        >
+          <NewsDetail itemId={itemId} />
+        </ReachContextProvider>
+    )
+}
+```

package/common/utils.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { NewsItem } from '@livetiles/reach/util/common';
 import { NewsFilterDefinition } from '@livetiles/reach/feature/content';
-export declare function useNewsItemClickHandler(): (e: React.MouseEvent<unknown>, item: NewsItem, onItemClick?: (item: NewsItem, itemUrl?: string) => unknown, newTab?: boolean) => void;
+export declare function useNewsItemClickHandler(): (e: React.MouseEvent<unknown>, item: NewsItem, shouldHandleExternalContent: boolean, onItemClick?: (item: NewsItem, itemUrl?: string) => unknown, newTab?: boolean) => void;
 export declare function useNewsLoaderWithFilters(filter?: NewsFilterDefinition, defaultPageSize?: number): [NewsItem[], boolean, any, (state: import("react").SetStateAction<NewsItem[]>) => void, () => void, (args_0?: any) => Promise<void>];
 export declare function useNewsLoaderWithFiltersAndPagination(pageSize: number, filter?: NewsFilterDefinition): {
     items: any[];