@oanda/labs-crowd-view-widget 1.0.51 → 1.0.53

package/dist/types/CrowdViewWidget/components/Chart/utils/chartUtils.d.ts

@@ -1,6 +1,6 @@
 import { BookType, Granularity, TimeSpan } from '../../../../gql/types/graphql';
-import type { Bucket, GetLabelsDataProps } from '../types';
-export declare const getLabelData: ({ xAxisData, isGreaterThanTwoWeeks, }: GetLabelsDataProps) => {
+import type { Bucket, GetLabelsDataProps, TooltipParam } from '../types';
+export declare const getLabelData: ({ dates, isGreaterThanTwoWeeks, }: GetLabelsDataProps) => {
     name: string;
     xAxis: string;
     y: number;
@@ -18,13 +18,12 @@ export declare const getLabelData: ({ xAxisData, isGreaterThanTwoWeeks, }: GetLa
 }[];
 export declare const isDifferenceGreaterThanTwoWeeks: (startDate: string, endDate: string) => boolean;
 export declare const getTimeSpanForGranularity: (granularity: Granularity) => TimeSpan;
-export declare const getRectColor: (sentiment: number, isDark: boolean) => string;
-export declare const getTooltipFormatter: ({ params, buckets, bucketWidth, selectedPrice, precision, bookType, labelCallback, }: {
-    params: unknown;
+export declare const getRectColor: (sentiment: number, isDark: boolean, minThreshold: number, maxThreshold: number) => string;
+export declare const getTooltipFormatter: ({ params, buckets, bucketWidth, selectedPrice, bookType, labelCallback, }: {
+    params: TooltipParam[];
     buckets: Bucket[][];
     bucketWidth: number;
     selectedPrice: number;
-    precision: number;
     bookType: BookType;
     labelCallback: (key: string) => string;
 }) => string | undefined;

package/dist/types/CrowdViewWidget/components/Chart/utils/getChartStyles.d.ts

@@ -0,0 +1,10 @@
+export interface ChartStyles {
+    sentimentLongColor: string;
+    sentimentShortColor: string;
+    candleLongColor: string;
+    candleShortColor: string;
+    sentimentAreaOpacity: number;
+    tooltipLinesColor: string;
+    sentimentLabelColor: string;
+}
+export declare const getChartStyles: (isDark: boolean) => ChartStyles;

package/dist/types/CrowdViewWidget/components/Chart/utils/getGridLines.d.ts

@@ -0,0 +1,97 @@
+export declare const getGridLines: ({ isDark, isDesktop, }: {
+    isDark: boolean;
+    isDesktop: boolean;
+}) => ({
+    top: number;
+    shape: {
+        x1: number;
+        y1: number;
+        x2: 9999;
+        y2: number;
+    };
+    type: string;
+    silent: boolean;
+    z: number;
+    style: {
+        stroke: string;
+        lineWidth: number;
+    };
+} | {
+    right: number;
+    shape: {
+        x1: number;
+        y1: number;
+        x2: number;
+        y2: number;
+    };
+    type: string;
+    silent: boolean;
+    z: number;
+    style: {
+        stroke: string;
+        lineWidth: number;
+    };
+} | {
+    left: number;
+    shape: {
+        x1: number;
+        y1: number;
+        x2: number;
+        y2: number;
+    };
+    type: string;
+    silent: boolean;
+    z: number;
+    style: {
+        stroke: string;
+        lineWidth: number;
+    };
+} | {
+    right: number;
+    top: number;
+    shape: {
+        x1: number;
+        y1: number;
+        x2: number;
+        y2: 400;
+    };
+    type: string;
+    silent: boolean;
+    z: number;
+    style: {
+        stroke: string;
+        lineWidth: number;
+    };
+} | {
+    top: number;
+    right: number;
+    shape: {
+        x1: number;
+        y1: number;
+        x2: number;
+        y2: 120;
+    };
+    type: string;
+    silent: boolean;
+    z: number;
+    style: {
+        stroke: string;
+        lineWidth: number;
+    };
+} | {
+    top: number;
+    left: number;
+    shape: {
+        x1: number;
+        y1: number;
+        x2: number;
+        y2: 120;
+    };
+    type: string;
+    silent: boolean;
+    z: number;
+    style: {
+        stroke: string;
+        lineWidth: number;
+    };
+})[];

package/dist/types/CrowdViewWidget/components/Chart/utils/index.d.ts

@@ -1,7 +1,6 @@
-export * from './aggregateBuckets';
 export * from './chartUtils';
-export * from './getTargetBucketWidth';
-export * from './processBuckets';
+export * from './getChartStyles';
 export * from './processOrderPositionBooks';
 export * from './processPriceCandles';
+export * from './processSentiments';
 export * from './validateData';

package/dist/types/CrowdViewWidget/components/Chart/utils/processOrderPositionBooks.d.ts

@@ -1,8 +1,11 @@
 import type { GetOrderPositionBooksQuery } from '../../../../gql/types/graphql';
-export declare const processOrderPositionBooks: (orderPositionData: GetOrderPositionBooksQuery | undefined, candleMap: Map<string, {
-    point?: string;
-    high?: number;
-    low?: number;
-    open?: number;
-    close?: number;
-}>) => [string, number | null, number][];
+import type { Bucket } from '../types';
+export declare const processOrderPositionBooks: (orderPositionData: GetOrderPositionBooksQuery | undefined, dates: string[]) => {
+    bookPrices: (number | null)[];
+    bookIndexes: number[];
+    buckets: Bucket[][];
+    bucketWidth: number;
+    sentimentThresholdMin: number;
+    sentimentThresholdMax: number;
+    hasValidBooks: boolean;
+};

package/dist/types/CrowdViewWidget/components/Chart/utils/processPriceCandles.d.ts

@@ -2,26 +2,11 @@ import type { GetPriceCandlesQuery } from '../../../../gql/types/graphql';
 export declare const processPriceCandles: (priceCandlesData: GetPriceCandlesQuery | undefined) => {
     minPrice: number;
     maxPrice: number;
+    candlesOpen: number[];
+    candlesClose: number[];
+    candlesLow: number[];
+    candlesHigh: number[];
+    dates: string[];
     hasValidCandles: boolean;
-    candleMap: Map<any, any>;
-    candles: never[];
-} | {
-    minPrice: number;
-    maxPrice: number;
-    hasValidCandles: boolean;
-    candleMap: Map<string, {
-        point?: string;
-        high?: number;
-        low?: number;
-        open?: number;
-        close?: number;
-    }>;
-    candles: ({
-        __typename?: "Candle";
-        point: string;
-        high: number;
-        low: number;
-        open: number;
-        close: number;
-    } | null)[];
+    pipsLocation: number;
 };

package/dist/types/CrowdViewWidget/components/Chart/utils/processSentiments.d.ts

@@ -0,0 +1,6 @@
+import type { GetSentimentsQuery } from '../../../../gql/types/graphql';
+export declare const processSentiments: (sentimentsData: GetSentimentsQuery | undefined, dates: string[]) => {
+    sentimentLongs: (number | null)[];
+    sentimentShorts: (number | null)[];
+    hasValidSentiments: boolean;
+};

package/dist/types/CrowdViewWidget/components/Chart/utils/validateData.d.ts

@@ -1,2 +1,2 @@
 import type { GetOrderPositionBooksQuery, GetPriceCandlesQuery } from '../../../../gql/types/graphql';
-export declare const validateData: (priceCandlesData: GetPriceCandlesQuery | undefined, orderPositionData: GetOrderPositionBooksQuery | undefined, hasValidCandles: boolean) => Error | null;
+export declare const validateData: (priceCandlesData: GetPriceCandlesQuery | undefined, orderPositionData: GetOrderPositionBooksQuery | undefined, hasValidCandles: boolean, hasValidBooks: boolean, hasValidSentiments: boolean) => Error | null;

package/dist/types/CrowdViewWidget/components/Legend/Legend.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { BookType } from '../../../gql/types/graphql';
 interface LegendProps {
-    longValues?: [number, number];
-    shortValues?: [number, number];
+    longValues: (number | undefined)[];
+    shortValues: (number | undefined)[];
     bookType: BookType;
     isDark: boolean;
 }

package/dist/types/CrowdViewWidget/components/Legend/LegendBar.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 export type LegendType = 'long' | 'short';
 interface LegendBarProps {
-    values: number[];
+    values: (number | undefined)[];
     type: LegendType;
     label: string;
     isDark: boolean;

package/dist/types/CrowdViewWidget/constants.d.ts

@@ -1,17 +1,15 @@
 import { InstrumentId } from './types';
-export declare const BOOKS_THRESHOLDS: {
-    readonly MIN: 0.15;
-    readonly MAX: 0.55;
-};
 export declare const BUCKET_CONFIG: {
     readonly MULTIPLIER: 4;
-    readonly PRICE_PADDING_MULTIPLIER: 2;
+    readonly PRICE_MARGIN_MULTIPLIER: 2;
 };
 export declare const TIME_THRESHOLDS: {
     readonly TWO_WEEKS_MS: number;
 };
 export declare const CHART_CONFIG: {
-    readonly HEIGHT: 425;
+    readonly MAIN_HEIGHT: 400;
+    readonly MARGIN_BETWEEN: 50;
+    readonly SENTIMENT_HEIGHT: 120;
     readonly WIDTH: 9999;
     readonly X_LABEL_SIZE: 40;
     readonly Y_LABEL_SIZE_DESKTOP: 60;
@@ -19,6 +17,14 @@ export declare const CHART_CONFIG: {
     readonly INITIAL_START_ZOOM: 80;
     readonly INITIAL_END_ZOOM: 100;
     readonly X_AXIS_DATE_PADDING: "        ";
+    readonly SENTIMENT_MIN: 0;
+    readonly SENTIMENT_MAX: 100;
+    readonly SENTIMENT_INTERVAL: 25;
+    readonly SENTIMENT_TEXT_OFFSET: 16;
+};
+export declare const CHART_CONFIG_CALCULATED: {
+    FULL_HEIGHT: number;
+    SENTIMENT_TEXT_POSITION: number;
 };
 export declare const COLOR_MAP: {
     readonly dark: {

package/dist/types/gql/getSentiments.d.ts

@@ -0,0 +1,2 @@
+declare const getSentiments: import("@apollo/client").DocumentNode;
+export { getSentiments };

package/dist/types/gql/types/gql.d.ts

@@ -11,21 +11,28 @@ import { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/
  * Therefore it is highly recommended to use the babel or swc plugin for production.
  */
 declare const documents: {
-    '\n  query GetOrderPositionBooks(\n    $instrument: String!\n    $bookType: BookType!\n    $timeSpan: TimeSpan!\n    $granularity: Granularity!\n    $maxBookPrice: Float\n    $minBookPrice: Float\n  ) {\n    orderPositionBooks(\n      instrument: $instrument\n      bookType: $bookType\n      timeSpan: $timeSpan\n      granularity: $granularity\n      maxBookPrice: $maxBookPrice\n      minBookPrice: $minBookPrice\n    ) {\n      bucketWidth\n      price\n      time\n      buckets {\n        price\n        sentiment\n      }\n    }\n  }\n': DocumentNode<types.GetOrderPositionBooksQuery, types.Exact<{
+    '\n  query GetOrderPositionBooks(\n    $instrument: String!\n    $bookType: BookType!\n    $timeSpan: TimeSpan!\n    $granularity: Granularity!\n    $maxBookPrice: Float\n    $minBookPrice: Float\n    $bucketMultiplier: Int!\n    $bucketMargin: Int!\n  ) {\n    orderPositionBooks(\n      instrument: $instrument\n      bookType: $bookType\n      timeSpan: $timeSpan\n      granularity: $granularity\n      maxBookPrice: $maxBookPrice\n      minBookPrice: $minBookPrice\n      bucketMultiplier: $bucketMultiplier\n      bucketMargin: $bucketMargin\n    ) {\n      books {\n        time\n        price\n        buckets {\n          price\n          sentiment\n        }\n      }\n      bucketWidth\n      sentimentThresholdMax\n      sentimentThresholdMin\n    }\n  }\n': DocumentNode<types.GetOrderPositionBooksQuery, types.Exact<{
         instrument: types.Scalars["String"]["input"];
         bookType: types.BookType;
         timeSpan: types.TimeSpan;
         granularity: types.Granularity;
         maxBookPrice?: types.InputMaybe<types.Scalars["Float"]["input"]>;
         minBookPrice?: types.InputMaybe<types.Scalars["Float"]["input"]>;
+        bucketMultiplier: types.Scalars["Int"]["input"];
+        bucketMargin: types.Scalars["Int"]["input"];
     }>>;
-    '\n  query GetPriceCandles(\n    $dataSource: DataSource!\n    $division: Division!\n    $instrument: String!\n    $granularity: Granularity!\n    $timeSpan: TimeSpan!\n  ) {\n    priceCandles(\n      dataSource: $dataSource\n      division: $division\n      instrument: $instrument\n      granularity: $granularity\n      timeSpan: $timeSpan\n    ) {\n      candle {\n        point\n        high\n        low\n        open\n        close\n      }\n    }\n  }\n': DocumentNode<types.GetPriceCandlesQuery, types.Exact<{
+    '\n  query GetPriceCandles(\n    $dataSource: DataSource!\n    $division: Division!\n    $instrument: String!\n    $granularity: Granularity!\n    $timeSpan: TimeSpan!\n  ) {\n    priceCandles(\n      dataSource: $dataSource\n      division: $division\n      instrument: $instrument\n      granularity: $granularity\n      timeSpan: $timeSpan\n    ) {\n      candle {\n        point\n        high\n        low\n        open\n        close\n      }\n      pipsLocation\n    }\n  }\n': DocumentNode<types.GetPriceCandlesQuery, types.Exact<{
         dataSource: types.DataSource;
         division: types.Division;
         instrument: types.Scalars["String"]["input"];
         granularity: types.Granularity;
         timeSpan: types.TimeSpan;
     }>>;
+    '\n  query GetSentiments(\n    $instrument: String!\n    $granularity: Granularity!\n    $timeSpan: TimeSpan!\n  ) {\n    sentiments(\n      instrument: $instrument\n      granularity: $granularity\n      timeSpan: $timeSpan\n    ) {\n      sentiments {\n        sentiment {\n          longPercent\n          shortPercent\n        }\n        time\n      }\n    }\n  }\n': DocumentNode<types.GetSentimentsQuery, types.Exact<{
+        instrument: types.Scalars["String"]["input"];
+        granularity: types.Granularity;
+        timeSpan: types.TimeSpan;
+    }>>;
 };
 /**
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
@@ -43,10 +50,14 @@ export declare function graphql(source: string): unknown;
 /**
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
-export declare function graphql(source: '\n  query GetOrderPositionBooks(\n    $instrument: String!\n    $bookType: BookType!\n    $timeSpan: TimeSpan!\n    $granularity: Granularity!\n    $maxBookPrice: Float\n    $minBookPrice: Float\n  ) {\n    orderPositionBooks(\n      instrument: $instrument\n      bookType: $bookType\n      timeSpan: $timeSpan\n      granularity: $granularity\n      maxBookPrice: $maxBookPrice\n      minBookPrice: $minBookPrice\n    ) {\n      bucketWidth\n      price\n      time\n      buckets {\n        price\n        sentiment\n      }\n    }\n  }\n'): (typeof documents)['\n  query GetOrderPositionBooks(\n    $instrument: String!\n    $bookType: BookType!\n    $timeSpan: TimeSpan!\n    $granularity: Granularity!\n    $maxBookPrice: Float\n    $minBookPrice: Float\n  ) {\n    orderPositionBooks(\n      instrument: $instrument\n      bookType: $bookType\n      timeSpan: $timeSpan\n      granularity: $granularity\n      maxBookPrice: $maxBookPrice\n      minBookPrice: $minBookPrice\n    ) {\n      bucketWidth\n      price\n      time\n      buckets {\n        price\n        sentiment\n      }\n    }\n  }\n'];
+export declare function graphql(source: '\n  query GetOrderPositionBooks(\n    $instrument: String!\n    $bookType: BookType!\n    $timeSpan: TimeSpan!\n    $granularity: Granularity!\n    $maxBookPrice: Float\n    $minBookPrice: Float\n    $bucketMultiplier: Int!\n    $bucketMargin: Int!\n  ) {\n    orderPositionBooks(\n      instrument: $instrument\n      bookType: $bookType\n      timeSpan: $timeSpan\n      granularity: $granularity\n      maxBookPrice: $maxBookPrice\n      minBookPrice: $minBookPrice\n      bucketMultiplier: $bucketMultiplier\n      bucketMargin: $bucketMargin\n    ) {\n      books {\n        time\n        price\n        buckets {\n          price\n          sentiment\n        }\n      }\n      bucketWidth\n      sentimentThresholdMax\n      sentimentThresholdMin\n    }\n  }\n'): (typeof documents)['\n  query GetOrderPositionBooks(\n    $instrument: String!\n    $bookType: BookType!\n    $timeSpan: TimeSpan!\n    $granularity: Granularity!\n    $maxBookPrice: Float\n    $minBookPrice: Float\n    $bucketMultiplier: Int!\n    $bucketMargin: Int!\n  ) {\n    orderPositionBooks(\n      instrument: $instrument\n      bookType: $bookType\n      timeSpan: $timeSpan\n      granularity: $granularity\n      maxBookPrice: $maxBookPrice\n      minBookPrice: $minBookPrice\n      bucketMultiplier: $bucketMultiplier\n      bucketMargin: $bucketMargin\n    ) {\n      books {\n        time\n        price\n        buckets {\n          price\n          sentiment\n        }\n      }\n      bucketWidth\n      sentimentThresholdMax\n      sentimentThresholdMin\n    }\n  }\n'];
+/**
+ * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ */
+export declare function graphql(source: '\n  query GetPriceCandles(\n    $dataSource: DataSource!\n    $division: Division!\n    $instrument: String!\n    $granularity: Granularity!\n    $timeSpan: TimeSpan!\n  ) {\n    priceCandles(\n      dataSource: $dataSource\n      division: $division\n      instrument: $instrument\n      granularity: $granularity\n      timeSpan: $timeSpan\n    ) {\n      candle {\n        point\n        high\n        low\n        open\n        close\n      }\n      pipsLocation\n    }\n  }\n'): (typeof documents)['\n  query GetPriceCandles(\n    $dataSource: DataSource!\n    $division: Division!\n    $instrument: String!\n    $granularity: Granularity!\n    $timeSpan: TimeSpan!\n  ) {\n    priceCandles(\n      dataSource: $dataSource\n      division: $division\n      instrument: $instrument\n      granularity: $granularity\n      timeSpan: $timeSpan\n    ) {\n      candle {\n        point\n        high\n        low\n        open\n        close\n      }\n      pipsLocation\n    }\n  }\n'];
 /**
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
-export declare function graphql(source: '\n  query GetPriceCandles(\n    $dataSource: DataSource!\n    $division: Division!\n    $instrument: String!\n    $granularity: Granularity!\n    $timeSpan: TimeSpan!\n  ) {\n    priceCandles(\n      dataSource: $dataSource\n      division: $division\n      instrument: $instrument\n      granularity: $granularity\n      timeSpan: $timeSpan\n    ) {\n      candle {\n        point\n        high\n        low\n        open\n        close\n      }\n    }\n  }\n'): (typeof documents)['\n  query GetPriceCandles(\n    $dataSource: DataSource!\n    $division: Division!\n    $instrument: String!\n    $granularity: Granularity!\n    $timeSpan: TimeSpan!\n  ) {\n    priceCandles(\n      dataSource: $dataSource\n      division: $division\n      instrument: $instrument\n      granularity: $granularity\n      timeSpan: $timeSpan\n    ) {\n      candle {\n        point\n        high\n        low\n        open\n        close\n      }\n    }\n  }\n'];
+export declare function graphql(source: '\n  query GetSentiments(\n    $instrument: String!\n    $granularity: Granularity!\n    $timeSpan: TimeSpan!\n  ) {\n    sentiments(\n      instrument: $instrument\n      granularity: $granularity\n      timeSpan: $timeSpan\n    ) {\n      sentiments {\n        sentiment {\n          longPercent\n          shortPercent\n        }\n        time\n      }\n    }\n  }\n'): (typeof documents)['\n  query GetSentiments(\n    $instrument: String!\n    $granularity: Granularity!\n    $timeSpan: TimeSpan!\n  ) {\n    sentiments(\n      instrument: $instrument\n      granularity: $granularity\n      timeSpan: $timeSpan\n    ) {\n      sentiments {\n        sentiment {\n          longPercent\n          shortPercent\n        }\n        time\n      }\n    }\n  }\n'];
 export type DocumentType<TDocumentNode extends DocumentNode<any, any>> = TDocumentNode extends DocumentNode<infer TType, any> ? TType : never;
 export {};

package/dist/types/gql/types/graphql.d.ts

@@ -55,6 +55,7 @@ export declare enum AssetClassName {
     EquityShares = "EQUITY_SHARES",
     Etfs = "ETFS",
     Indices = "INDICES",
+    Metals = "METALS",
     Rates = "RATES"
 }
 export declare enum BookType {
@@ -201,6 +202,14 @@ export declare enum OrderBookDataSource {
     Ny4Mt5 = "NY4_MT5",
     Ty3 = "TY3"
 }
+export type OrderPositionBooksData = {
+    __typename?: 'OrderPositionBooksData';
+    books?: Maybe<Array<OrderPositionData>>;
+    bucketWidth: Scalars['Float']['output'];
+    displayPrecision: Scalars['Int']['output'];
+    sentimentThresholdMax: Scalars['Float']['output'];
+    sentimentThresholdMin: Scalars['Float']['output'];
+};
 export type OrderPositionBucket = {
     __typename?: 'OrderPositionBucket';
     longCountPercent?: Maybe<Scalars['Float']['output']>;
@@ -230,12 +239,13 @@ export type Query = {
     mapInstrumentNames?: Maybe<Array<Maybe<Instrument>>>;
     marginRates?: Maybe<Array<MarginRate>>;
     orderPositionBook: Array<Maybe<OrderPositionData>>;
-    orderPositionBooks: Array<Maybe<OrderPositionData>>;
+    orderPositionBooks: OrderPositionBooksData;
     priceCandles: CandlesData;
     resolveInstrumentsByDivision?: Maybe<Array<Instrument>>;
     resolveInstrumentsWithFilters?: Maybe<InstrumentTableResult>;
     sentiment?: Maybe<Array<SentimentInstrument>>;
     sentimentList?: Maybe<Array<SentimentInstrument>>;
+    sentiments: SentimentData;
     topicalInstruments?: Maybe<Array<TopicalInstrument>>;
     topicalInstrumentsCharts?: Maybe<Array<TopicalInstrumentChart>>;
     topicalInstrumentsTotalCount: Scalars['Int']['output'];
@@ -280,6 +290,8 @@ export type QueryOrderPositionBookArgs = {
 };
 export type QueryOrderPositionBooksArgs = {
     bookType: BookType;
+    bucketMargin?: Scalars['Int']['input'];
+    bucketMultiplier?: Scalars['Int']['input'];
     granularity: Granularity;
     instrument: Scalars['String']['input'];
     maxBookPrice?: InputMaybe<Scalars['Float']['input']>;
@@ -315,6 +327,11 @@ export type QuerySentimentListArgs = {
     division?: InputMaybe<Division>;
     sort?: InputMaybe<Sort>;
 };
+export type QuerySentimentsArgs = {
+    granularity: Granularity;
+    instrument: Scalars['String']['input'];
+    timeSpan: TimeSpan;
+};
 export type QueryTopicalInstrumentsArgs = {
     assetClass?: InputMaybe<AssetClassName>;
     count?: InputMaybe<Scalars['Int']['input']>;
@@ -359,6 +376,10 @@ export type Sentiment = {
     longPercent: Scalars['Float']['output'];
     shortPercent: Scalars['Float']['output'];
 };
+export type SentimentData = {
+    __typename?: 'SentimentData';
+    sentiments: Array<Maybe<SentimentWithTime>>;
+};
 export type SentimentInstrument = {
     __typename?: 'SentimentInstrument';
     displayName: Scalars['String']['output'];
@@ -366,6 +387,11 @@ export type SentimentInstrument = {
     sentiment: Sentiment;
     updatedAt: Scalars['String']['output'];
 };
+export type SentimentWithTime = {
+    __typename?: 'SentimentWithTime';
+    sentiment: Sentiment;
+    time: Scalars['String']['output'];
+};
 export declare enum Sort {
     Bearish = "BEARISH",
     Bullish = "BULLISH"
@@ -479,20 +505,27 @@ export type GetOrderPositionBooksQueryVariables = Exact<{
     granularity: Granularity;
     maxBookPrice?: InputMaybe<Scalars['Float']['input']>;
     minBookPrice?: InputMaybe<Scalars['Float']['input']>;
+    bucketMultiplier: Scalars['Int']['input'];
+    bucketMargin: Scalars['Int']['input'];
 }>;
 export type GetOrderPositionBooksQuery = {
     __typename?: 'Query';
-    orderPositionBooks: Array<{
-        __typename?: 'OrderPositionData';
+    orderPositionBooks: {
+        __typename?: 'OrderPositionBooksData';
         bucketWidth: number;
-        price?: number | null;
-        time: string;
-        buckets: Array<{
-            __typename?: 'OrderPositionBucket';
-            price: number;
-            sentiment?: number | null;
-        } | null>;
-    } | null>;
+        sentimentThresholdMax: number;
+        sentimentThresholdMin: number;
+        books?: Array<{
+            __typename?: 'OrderPositionData';
+            time: string;
+            price?: number | null;
+            buckets: Array<{
+                __typename?: 'OrderPositionBucket';
+                price: number;
+                sentiment?: number | null;
+            } | null>;
+        }> | null;
+    };
 };
 export type GetPriceCandlesQueryVariables = Exact<{
     dataSource: DataSource;
@@ -505,6 +538,7 @@ export type GetPriceCandlesQuery = {
     __typename?: 'Query';
     priceCandles: {
         __typename?: 'CandlesData';
+        pipsLocation: number;
         candle: Array<{
             __typename?: 'Candle';
             point: string;
@@ -515,5 +549,26 @@ export type GetPriceCandlesQuery = {
         } | null>;
     };
 };
+export type GetSentimentsQueryVariables = Exact<{
+    instrument: Scalars['String']['input'];
+    granularity: Granularity;
+    timeSpan: TimeSpan;
+}>;
+export type GetSentimentsQuery = {
+    __typename?: 'Query';
+    sentiments: {
+        __typename?: 'SentimentData';
+        sentiments: Array<{
+            __typename?: 'SentimentWithTime';
+            time: string;
+            sentiment: {
+                __typename?: 'Sentiment';
+                longPercent: number;
+                shortPercent: number;
+            };
+        } | null>;
+    };
+};
 export declare const GetOrderPositionBooksDocument: DocumentNode<GetOrderPositionBooksQuery, GetOrderPositionBooksQueryVariables>;
 export declare const GetPriceCandlesDocument: DocumentNode<GetPriceCandlesQuery, GetPriceCandlesQueryVariables>;
+export declare const GetSentimentsDocument: DocumentNode<GetSentimentsQuery, GetSentimentsQueryVariables>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oanda/labs-crowd-view-widget",
-  "version": "1.0.51",
+  "version": "1.0.53",
   "description": "Labs Crowd View Widget",
   "main": "dist/main/index.js",
   "module": "dist/module/index.js",
@@ -13,7 +13,7 @@
   "author": "OANDA",
   "license": "UNLICENSED",
   "dependencies": {
-    "@oanda/labs-widget-common": "^1.0.233",
+    "@oanda/labs-widget-common": "^1.0.235",
     "@oanda/mono-i18n": "10.0.1",
     "chroma-js": "^3.1.2",
     "decimal.js": "^10.6.0",
@@ -24,5 +24,5 @@
     "@graphql-codegen/client-preset": "4.1.0",
     "@types/chroma-js": "^3.1.2"
   },
-  "gitHead": "b752d4ec60a8f713166f66cd7baad569484bec2f"
+  "gitHead": "4ee940ddbff3283e2d6e412b0216df56a4eff346"
 }

package/src/CrowdViewWidget/Main.tsx

@@ -10,14 +10,14 @@ import React, { useEffect, useMemo, useState } from 'react';
 
 import type { Granularity } from '../gql/types/graphql';
 import { BookType } from '../gql/types/graphql';
-import { ChartWithData, Legend } from './components';
+import { ChartWithData } from './components';
 import { granularitySelectConfig, navigationConfig } from './selectConfig';
 import type { InstrumentId, MainProps } from './types';
 import { getInstrumentConfigForDivision } from './utils/instrumentUtils';
 
 const Main = ({ division }: MainProps) => {
   const { lang } = useLocale();
-  const { size, isDark } = useLayoutProvider();
+  const { size } = useLayoutProvider();
   const isDesktop = size === Size.DESKTOP;
 
   const [bookType, setBookType] = useState(BookType.Order);
@@ -107,8 +107,6 @@ const Main = ({ division }: MainProps) => {
             granularity={granularity.id}
             instrument={instrument.id}
           />
-
-          <Legend bookType={bookType} isDark={isDark} />
         </div>
       )}
     </>