@oanda/labs-live-rates-table-widget 1.0.39 → 1.0.41

package/src/gql/types/graphql.ts

@@ -2,18 +2,31 @@
 import { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core';
 export type Maybe<T> = T | null;
 export type InputMaybe<T> = Maybe<T>;
-export type Exact<T extends { [key: string]: unknown }> = { [K in keyof T]: T[K] };
-export type MakeOptional<T, K extends keyof T> = Omit<T, K> & { [SubKey in K]?: Maybe<T[SubKey]> };
-export type MakeMaybe<T, K extends keyof T> = Omit<T, K> & { [SubKey in K]: Maybe<T[SubKey]> };
-export type MakeEmpty<T extends { [key: string]: unknown }, K extends keyof T> = { [_ in K]?: never };
-export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
+export type Exact<T extends { [key: string]: unknown }> = {
+  [K in keyof T]: T[K];
+};
+export type MakeOptional<T, K extends keyof T> = Omit<T, K> & {
+  [SubKey in K]?: Maybe<T[SubKey]>;
+};
+export type MakeMaybe<T, K extends keyof T> = Omit<T, K> & {
+  [SubKey in K]: Maybe<T[SubKey]>;
+};
+export type MakeEmpty<
+  T extends { [key: string]: unknown },
+  K extends keyof T,
+> = { [_ in K]?: never };
+export type Incremental<T> =
+  | T
+  | {
+      [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never;
+    };
 /** All built-in and custom scalars, mapped to their actual values */
 export type Scalars = {
-  ID: { input: string; output: string; }
-  String: { input: string; output: string; }
-  Boolean: { input: boolean; output: boolean; }
-  Int: { input: number; output: number; }
-  Float: { input: number; output: number; }
+  ID: { input: string; output: string };
+  String: { input: string; output: string };
+  Boolean: { input: boolean; output: boolean };
+  Int: { input: number; output: number };
+  Float: { input: number; output: number };
 };
 
 export type AssetClass = {
@@ -28,12 +41,12 @@ export enum AssetClassName {
   Currency = 'CURRENCY',
   EquityShares = 'EQUITY_SHARES',
   Indices = 'INDICES',
-  Rates = 'RATES'
+  Rates = 'RATES',
 }
 
 export enum BookType {
   Order = 'ORDER',
-  Position = 'POSITION'
+  Position = 'POSITION',
 }
 
 export type CorrelationHeatmap = {
@@ -56,7 +69,7 @@ export enum CorrelationTimeUnit {
   M3 = 'M3',
   M6 = 'M6',
   W1 = 'W1',
-  Y1 = 'Y1'
+  Y1 = 'Y1',
 }
 
 export enum CurrencyName {
@@ -67,7 +80,7 @@ export enum CurrencyName {
   Gbp = 'GBP',
   Jpy = 'JPY',
   Nzd = 'NZD',
-  Usd = 'USD'
+  Usd = 'USD',
 }
 
 export type CurrencyPower = {
@@ -92,7 +105,7 @@ export enum CurrencyPowerBalanceTimeUnit {
   M1 = 'M1',
   M3 = 'M3',
   PreviousDay = 'PREVIOUS_DAY',
-  W1 = 'W1'
+  W1 = 'W1',
 }
 
 export type CurrencyStrength = {
@@ -104,7 +117,7 @@ export type CurrencyStrength = {
 
 export enum DataSource {
   Ny4 = 'NY4',
-  Ty3 = 'TY3'
+  Ty3 = 'TY3',
 }
 
 export enum Division {
@@ -116,7 +129,7 @@ export enum Division {
   Ogm = 'OGM',
   Oj = 'OJ',
   Opt = 'OPT',
-  Otms = 'OTMS'
+  Otms = 'OTMS',
 }
 
 export type Heatmap = {
@@ -182,36 +195,30 @@ export type Query = {
   volatilityChartAssetClasses?: Maybe<Array<AssetClass>>;
 };
 
-
 export type QueryAssetClassesArgs = {
   division: Division;
 };
 
-
 export type QueryCorrelationHeatmapArgs = {
   division: Division;
   instruments?: InputMaybe<Array<InputMaybe<Scalars['String']['input']>>>;
   timeSpans?: InputMaybe<Array<InputMaybe<CorrelationTimeUnit>>>;
 };
 
-
 export type QueryCorrelationMatrixArgs = {
   division: Division;
   instruments?: InputMaybe<Array<InputMaybe<Scalars['String']['input']>>>;
 };
 
-
 export type QueryCurrencyPowerBalanceArgs = {
   timeUnit: CurrencyPowerBalanceTimeUnit;
 };
 
-
 export type QueryMapInstrumentNamesArgs = {
   division?: InputMaybe<Division>;
   instruments: Array<InputMaybe<Scalars['String']['input']>>;
 };
 
-
 export type QueryOrderPositionBooksArgs = {
   bookType: BookType;
   dataSource?: InputMaybe<DataSource>;
@@ -220,19 +227,16 @@ export type QueryOrderPositionBooksArgs = {
   region?: InputMaybe<Region>;
 };
 
-
 export type QuerySentimentArgs = {
   division?: InputMaybe<Division>;
   name: Scalars['String']['input'];
 };
 
-
 export type QuerySentimentListArgs = {
   division?: InputMaybe<Division>;
   sort?: InputMaybe<Sort>;
 };
 
-
 export type QueryTopicalInstrumentsArgs = {
   assetClass?: InputMaybe<AssetClassName>;
   count?: InputMaybe<Scalars['Int']['input']>;
@@ -241,25 +245,21 @@ export type QueryTopicalInstrumentsArgs = {
   sort: TopicalSort;
 };
 
-
 export type QueryTopicalInstrumentsChartsArgs = {
   division?: InputMaybe<Division>;
   instruments?: InputMaybe<Array<Scalars['String']['input']>>;
 };
 
-
 export type QueryTopicalInstrumentsTotalCountArgs = {
   assetClass?: InputMaybe<AssetClassName>;
   division?: InputMaybe<Division>;
   sort: TopicalSort;
 };
 
-
 export type QueryValueAtRiskAssetClassesArgs = {
   division?: InputMaybe<Division>;
 };
 
-
 export type QueryValueAtRiskChartArgs = {
   bars: ValueAtRiskBars;
   division?: InputMaybe<Division>;
@@ -267,7 +267,6 @@ export type QueryValueAtRiskChartArgs = {
   instrument: Scalars['String']['input'];
 };
 
-
 export type QueryVolatilityChartArgs = {
   division?: InputMaybe<Division>;
   instrument: Scalars['String']['input'];
@@ -275,7 +274,6 @@ export type QueryVolatilityChartArgs = {
   timeUnit: VolatilityChartTimeUnit;
 };
 
-
 export type QueryVolatilityChartAssetClassesArgs = {
   division?: InputMaybe<Division>;
 };
@@ -283,7 +281,7 @@ export type QueryVolatilityChartAssetClassesArgs = {
 export enum Region {
   Amer = 'AMER',
   Apac = 'APAC',
-  Emea = 'EMEA'
+  Emea = 'EMEA',
 }
 
 export type Sentiment = {
@@ -302,7 +300,7 @@ export type SentimentInstrument = {
 
 export enum Sort {
   Bearish = 'BEARISH',
-  Bullish = 'BULLISH'
+  Bullish = 'BULLISH',
 }
 
 export type StrengthRelation = {
@@ -337,13 +335,13 @@ export enum TopicalSort {
   Bullish = 'BULLISH',
   Hot = 'HOT',
   Popular = 'POPULAR',
-  Volatile = 'VOLATILE'
+  Volatile = 'VOLATILE',
 }
 
 export enum ValueAtRiskBars {
   C100 = 'C100',
   C200 = 'C200',
-  C300 = 'C300'
+  C300 = 'C300',
 }
 
 export type ValueAtRiskChart = {
@@ -373,7 +371,7 @@ export enum ValueAtRiskDuration {
   C3 = 'C3',
   C4 = 'C4',
   C5 = 'C5',
-  C10 = 'C10'
+  C10 = 'C10',
 }
 
 export type VolatilityChart = {
@@ -396,31 +394,198 @@ export enum VolatilityChartTimeSpan {
   /**  Valid for: W */
   W5 = 'W5',
   /**  Valid for: W */
-  W10 = 'W10'
+  W10 = 'W10',
 }
 
 export enum VolatilityChartTimeUnit {
   D = 'D',
   H = 'H',
-  W = 'W'
+  W = 'W',
 }
 
 export type GetInstrumentsChartQueryVariables = Exact<{
-  instruments?: InputMaybe<Array<Scalars['String']['input']> | Scalars['String']['input']>;
+  instruments?: InputMaybe<
+    Array<Scalars['String']['input']> | Scalars['String']['input']
+  >;
   division?: InputMaybe<Division>;
 }>;
 
-
-export type GetInstrumentsChartQuery = { __typename?: 'Query', topicalInstrumentsCharts?: Array<{ __typename?: 'TopicalInstrumentChart', name: string, chart?: Array<number> | null }> | null };
+export type GetInstrumentsChartQuery = {
+  __typename?: 'Query';
+  topicalInstrumentsCharts?: Array<{
+    __typename?: 'TopicalInstrumentChart';
+    name: string;
+    chart?: Array<number> | null;
+  }> | null;
+};
 
 export type ValidateInstrumentsQueryVariables = Exact<{
-  instruments: Array<InputMaybe<Scalars['String']['input']>> | InputMaybe<Scalars['String']['input']>;
+  instruments:
+    | Array<InputMaybe<Scalars['String']['input']>>
+    | InputMaybe<Scalars['String']['input']>;
   division?: InputMaybe<Division>;
 }>;
 
-
-export type ValidateInstrumentsQuery = { __typename?: 'Query', mapInstrumentNames?: Array<{ __typename?: 'Instrument', name: string, displayName: string } | null> | null };
-
-
-export const GetInstrumentsChartDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"GetInstrumentsChart"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"instruments"}},"type":{"kind":"ListType","type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"String"}}}}},{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"division"}},"type":{"kind":"NamedType","name":{"kind":"Name","value":"Division"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"topicalInstrumentsCharts"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"instruments"},"value":{"kind":"Variable","name":{"kind":"Name","value":"instruments"}}},{"kind":"Argument","name":{"kind":"Name","value":"division"},"value":{"kind":"Variable","name":{"kind":"Name","value":"division"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"chart"}}]}}]}}]} as unknown as DocumentNode<GetInstrumentsChartQuery, GetInstrumentsChartQueryVariables>;
-export const ValidateInstrumentsDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"validateInstruments"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"instruments"}},"type":{"kind":"NonNullType","type":{"kind":"ListType","type":{"kind":"NamedType","name":{"kind":"Name","value":"String"}}}}},{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"division"}},"type":{"kind":"NamedType","name":{"kind":"Name","value":"Division"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"mapInstrumentNames"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"instruments"},"value":{"kind":"Variable","name":{"kind":"Name","value":"instruments"}}},{"kind":"Argument","name":{"kind":"Name","value":"division"},"value":{"kind":"Variable","name":{"kind":"Name","value":"division"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"displayName"}}]}}]}}]} as unknown as DocumentNode<ValidateInstrumentsQuery, ValidateInstrumentsQueryVariables>;
+export type ValidateInstrumentsQuery = {
+  __typename?: 'Query';
+  mapInstrumentNames?: Array<{
+    __typename?: 'Instrument';
+    name: string;
+    displayName: string;
+  } | null> | null;
+};
+
+export const GetInstrumentsChartDocument = {
+  kind: 'Document',
+  definitions: [
+    {
+      kind: 'OperationDefinition',
+      operation: 'query',
+      name: { kind: 'Name', value: 'GetInstrumentsChart' },
+      variableDefinitions: [
+        {
+          kind: 'VariableDefinition',
+          variable: {
+            kind: 'Variable',
+            name: { kind: 'Name', value: 'instruments' },
+          },
+          type: {
+            kind: 'ListType',
+            type: {
+              kind: 'NonNullType',
+              type: {
+                kind: 'NamedType',
+                name: { kind: 'Name', value: 'String' },
+              },
+            },
+          },
+        },
+        {
+          kind: 'VariableDefinition',
+          variable: {
+            kind: 'Variable',
+            name: { kind: 'Name', value: 'division' },
+          },
+          type: {
+            kind: 'NamedType',
+            name: { kind: 'Name', value: 'Division' },
+          },
+        },
+      ],
+      selectionSet: {
+        kind: 'SelectionSet',
+        selections: [
+          {
+            kind: 'Field',
+            name: { kind: 'Name', value: 'topicalInstrumentsCharts' },
+            arguments: [
+              {
+                kind: 'Argument',
+                name: { kind: 'Name', value: 'instruments' },
+                value: {
+                  kind: 'Variable',
+                  name: { kind: 'Name', value: 'instruments' },
+                },
+              },
+              {
+                kind: 'Argument',
+                name: { kind: 'Name', value: 'division' },
+                value: {
+                  kind: 'Variable',
+                  name: { kind: 'Name', value: 'division' },
+                },
+              },
+            ],
+            selectionSet: {
+              kind: 'SelectionSet',
+              selections: [
+                { kind: 'Field', name: { kind: 'Name', value: 'name' } },
+                { kind: 'Field', name: { kind: 'Name', value: 'chart' } },
+              ],
+            },
+          },
+        ],
+      },
+    },
+  ],
+} as unknown as DocumentNode<
+  GetInstrumentsChartQuery,
+  GetInstrumentsChartQueryVariables
+>;
+export const ValidateInstrumentsDocument = {
+  kind: 'Document',
+  definitions: [
+    {
+      kind: 'OperationDefinition',
+      operation: 'query',
+      name: { kind: 'Name', value: 'validateInstruments' },
+      variableDefinitions: [
+        {
+          kind: 'VariableDefinition',
+          variable: {
+            kind: 'Variable',
+            name: { kind: 'Name', value: 'instruments' },
+          },
+          type: {
+            kind: 'NonNullType',
+            type: {
+              kind: 'ListType',
+              type: {
+                kind: 'NamedType',
+                name: { kind: 'Name', value: 'String' },
+              },
+            },
+          },
+        },
+        {
+          kind: 'VariableDefinition',
+          variable: {
+            kind: 'Variable',
+            name: { kind: 'Name', value: 'division' },
+          },
+          type: {
+            kind: 'NamedType',
+            name: { kind: 'Name', value: 'Division' },
+          },
+        },
+      ],
+      selectionSet: {
+        kind: 'SelectionSet',
+        selections: [
+          {
+            kind: 'Field',
+            name: { kind: 'Name', value: 'mapInstrumentNames' },
+            arguments: [
+              {
+                kind: 'Argument',
+                name: { kind: 'Name', value: 'instruments' },
+                value: {
+                  kind: 'Variable',
+                  name: { kind: 'Name', value: 'instruments' },
+                },
+              },
+              {
+                kind: 'Argument',
+                name: { kind: 'Name', value: 'division' },
+                value: {
+                  kind: 'Variable',
+                  name: { kind: 'Name', value: 'division' },
+                },
+              },
+            ],
+            selectionSet: {
+              kind: 'SelectionSet',
+              selections: [
+                { kind: 'Field', name: { kind: 'Name', value: 'name' } },
+                { kind: 'Field', name: { kind: 'Name', value: 'displayName' } },
+              ],
+            },
+          },
+        ],
+      },
+    },
+  ],
+} as unknown as DocumentNode<
+  ValidateInstrumentsQuery,
+  ValidateInstrumentsQueryVariables
+>;

package/src/gql/types/index.ts

@@ -1,2 +1,2 @@
-export * from "./fragment-masking";
-export * from "./gql";
+export * from './fragment-masking';
+export * from './gql';

package/src/index.ts

@@ -1,2 +1,2 @@
-export * from './LiveRatesTableWidget/types';
 export * from './LiveRatesTableWidget/LiveRatesTableWidget';
+export * from './LiveRatesTableWidget/types';

package/src/translations/index.ts

@@ -1,11 +1,11 @@
-import { Locale, Translations } from '@oanda/mono-i18n';
+import type { Translations } from '@oanda/mono-i18n';
+import { Locale } from '@oanda/mono-i18n';
 
 import en from './sources/en.json';
-import zhTW from './sources/zh_TW.json';
 import es from './sources/es.json';
 import th from './sources/th.json';
-
-import { defaultTranslations } from './translations';
+import zhTW from './sources/zh_TW.json';
+import type { defaultTranslations } from './translations';
 
 export type TranslationKey = keyof typeof defaultTranslations;
 

package/src/translations/translations.ts

@@ -9,7 +9,8 @@ export const defaultTranslations = {
   data_unavailable: 'Data unavailable',
   hot: 'Hot',
   instrument: 'Instrument',
-  pagination_entries_range: '{{firstItemOnPage}}-{{lastItemOnPage}} of {{itemCount}} entries',
+  pagination_entries_range:
+    '{{firstItemOnPage}}-{{lastItemOnPage}} of {{itemCount}} entries',
   popular: 'Popular',
   sell: 'Sell',
   sell_price: 'Sell Price',

package/test/CardWithData.test.tsx

@@ -1,14 +1,15 @@
 /**
  * @jest-environment jsdom
  */
-import React from 'react';
-import { render } from '@testing-library/react';
 import { MockedProvider } from '@apollo/client/testing';
 import { MockLayoutProvider } from '@oanda/labs-widget-common';
-import { CardWithData } from '../src/LiveRatesTableWidget/components/CardWithData';
-import { ColumnsNames } from '../src/LiveRatesTableWidget/types';
+import { render } from '@testing-library/react';
+import React from 'react';
+
 import { getInstrumentsChart } from '../src/gql/getInstrumentsChart';
 import { Division } from '../src/gql/types/graphql';
+import { CardWithData } from '../src/LiveRatesTableWidget/components/CardWithData';
+import { ColumnsNames } from '../src/LiveRatesTableWidget/types';
 
 const chartPointsMocks = [
   {
@@ -57,14 +58,14 @@ describe('CardWithData component', () => {
       <MockedProvider mocks={chartPointsMocks}>
         <MockLayoutProvider>
           <CardWithData
-            record={record}
-            index={0}
             activeColumns={columns}
             division={Division.Oc}
+            index={0}
+            record={record}
             target={null}
           />
         </MockLayoutProvider>
-      </MockedProvider>,
+      </MockedProvider>
     );
     expect(getByTestId('card')).toBeInTheDocument();
     expect(getByTestId('card-header')).toBeInTheDocument();

package/test/Cards.test.tsx

@@ -1,14 +1,15 @@
 /**
  * @jest-environment jsdom
  */
-import React from 'react';
-import { render } from '@testing-library/react';
 import { MockedProvider } from '@apollo/client/testing';
 import { MockLayoutProvider } from '@oanda/labs-widget-common';
-import { Cards } from '../src/LiveRatesTableWidget/components';
-import { ColumnsNames } from '../src/LiveRatesTableWidget/types';
+import { render } from '@testing-library/react';
+import React from 'react';
+
 import { getInstrumentsChart } from '../src/gql/getInstrumentsChart';
 import { Division } from '../src/gql/types/graphql';
+import { Cards } from '../src/LiveRatesTableWidget/components';
+import { ColumnsNames } from '../src/LiveRatesTableWidget/types';
 
 const chartPointsMocks = [
   {
@@ -62,22 +63,24 @@ const chartPointsMocks = [
 ];
 
 describe('Cards component', () => {
-  const records = [{
-    instrument: 'EUR_USD',
-    displayName: 'EUR_USD',
-    buy: 1.04508,
-    sell: 1.04523,
-    spread: 1.2,
-    dailyPercentChange: '+3,23%',
-  },
-  {
-    instrument: 'EUR_JPY',
-    displayName: 'EUR_JPY',
-    buy: 1.04553,
-    sell: 1.045353,
-    spread: 1.3,
-    dailyPercentChange: '+4,23%',
-  }];
+  const records = [
+    {
+      instrument: 'EUR_USD',
+      displayName: 'EUR_USD',
+      buy: 1.04508,
+      sell: 1.04523,
+      spread: 1.2,
+      dailyPercentChange: '+3,23%',
+    },
+    {
+      instrument: 'EUR_JPY',
+      displayName: 'EUR_JPY',
+      buy: 1.04553,
+      sell: 1.045353,
+      spread: 1.3,
+      dailyPercentChange: '+4,23%',
+    },
+  ];
   const columns = [
     ColumnsNames.SELL,
     ColumnsNames.BUY,
@@ -90,16 +93,16 @@ describe('Cards component', () => {
       <MockedProvider mocks={chartPointsMocks}>
         <MockLayoutProvider>
           <Cards
-            target={null}
-            records={records}
             columns={columns}
+            division={Division.Oc}
             emptyCardsCount={2}
             isError={false}
             isLoading={false}
-            division={Division.Oc}
+            records={records}
+            target={null}
           />
         </MockLayoutProvider>
-      </MockedProvider>,
+      </MockedProvider>
     );
     expect(getAllByTestId('card').length).toEqual(2);
     expect(getAllByTestId('card-header').length).toEqual(2);
@@ -110,16 +113,16 @@ describe('Cards component', () => {
       <MockedProvider mocks={chartPointsMocks}>
         <MockLayoutProvider>
           <Cards
-            target={null}
-            records={records}
+            isError
             columns={columns}
+            division={Division.Oc}
             emptyCardsCount={2}
-            isError
             isLoading={false}
-            division={Division.Oc}
+            records={records}
+            target={null}
           />
         </MockLayoutProvider>
-      </MockedProvider>,
+      </MockedProvider>
     );
     expect(getAllByTestId('card').length).toEqual(1);
     expect(getAllByTestId('chart-error').length).toEqual(1);