@oanda/labs-currency-cross-table 1.0.13 → 1.0.14

package/src/CurrencyCrossTableWidget/Main.tsx

@@ -1,30 +1,24 @@
 import React, {
-  Fragment, Suspense, useEffect, useState,
+  Fragment, useEffect, useState,
 } from 'react';
 import { useLiveRatesQuery } from '@oanda/labs-widget-common';
 import { MainProps } from './types';
-import { TextCell } from './components';
-import { CellValidationWrapper } from './components/CellValidationWrapper';
+import { CellWithData, TextCell } from './components';
 import { divisionMapper } from './utils';
 
 const Main = ({
-  instruments,
   currencies,
+  validInstruments,
   division,
 }: MainProps) => {
   const [selectedCurrency, setSelectedCurrency] = useState('');
   const [selectedPair, setSelectedPair] = useState('');
-
-  const hasInstruments = instruments.length > 0;
-
   const { target, setQuery } = useLiveRatesQuery();
 
   useEffect(() => {
-    if (hasInstruments) {
-      setQuery({ instruments });
-    }
+    setQuery({ instruments: validInstruments });
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, instruments);
+  }, validInstruments);
 
   return (
     <div data-testid="currency-cross-table-wrapper" className="lw-w-full lw-overflow-x-auto lw-overflow-y-hidden lw-border lw-border-b-0 lw-border-solid lw-border-border-primary">
@@ -51,21 +45,17 @@ const Main = ({
           {arr.map((pair) => (
             <Fragment key={`${currency}_${pair}`}>
               {currency !== pair ? (
-                <Suspense>
-                  <CellValidationWrapper
-                    currency={currency}
-                    pair={pair}
-                    instrument={`${currency}${divisionMapper(division)}${pair}`}
-                    target={target}
-                    setSelectedCurrency={setSelectedCurrency}
-                    setSelectedPair={setSelectedPair}
-                    division={division}
-                  />
-                </Suspense>
-              ) : (
-                <TextCell
-                  emptyIndicator
+                <CellWithData
+                  currency={currency}
+                  pair={pair}
+                  isValid={validInstruments.includes(`${currency}${divisionMapper(division)}${pair}`)}
+                  target={target}
+                  setSelectedCurrency={setSelectedCurrency}
+                  setSelectedPair={setSelectedPair}
+                  division={division}
                 />
+              ) : (
+                <TextCell emptyIndicator />
               )}
             </Fragment>
           ))}

package/src/CurrencyCrossTableWidget/ValidationWrapper.tsx

@@ -1,6 +1,9 @@
 import React from 'react';
 import classnames from 'classnames';
 import { ChartError } from '@oanda/labs-widget-common';
+import { useSuspenseQuery } from '@apollo/client';
+import { ValidateInstrumentsQuery, ValidateInstrumentsQueryVariables } from '../gql/types/graphql';
+import { validateInstruments } from '../gql/validateInstruments';
 import { currenciesToInstruments, validCurrencies } from './utils';
 import { ValidationWrapperProps } from './types';
 import { Main } from './Main';
@@ -10,7 +13,28 @@ const ValidationWrapper = ({
   division,
   isParamError,
 }: ValidationWrapperProps) => {
-  const showError = !validCurrencies(currencies) || isParamError;
+  const instruments = currenciesToInstruments(currencies, division);
+
+  const { data, error } = useSuspenseQuery<
+  ValidateInstrumentsQuery,
+  ValidateInstrumentsQueryVariables
+  >(validateInstruments, {
+    variables: {
+      instruments,
+      division,
+    },
+    fetchPolicy: 'network-only',
+    errorPolicy: 'all',
+  });
+
+  const validInstruments = data
+    ?.resolveInstrumentsByDivision
+    ?.map((instrument) => instrument.name);
+  const showError = !validCurrencies(currencies)
+    || isParamError
+    || error
+    || !validInstruments
+    || validInstruments.length === 0;
 
   return (
     <>
@@ -19,7 +43,7 @@ const ValidationWrapper = ({
       >
         {!showError && (
           <Main
-            instruments={currenciesToInstruments(currencies, division)}
+            validInstruments={validInstruments}
             currencies={currencies}
             division={division}
           />

package/src/CurrencyCrossTableWidget/components/CellWithData.tsx

@@ -2,20 +2,21 @@ import React, { useState } from 'react';
 import { Price, useLiveRatesMessage } from '@oanda/labs-widget-common';
 import { Cell } from './Cell';
 import { CellWithDataProps } from './types';
-import { getBuyPrice, getPriceMovement } from '../utils';
+import { divisionMapper, getBuyPrice, getPriceMovement } from '../utils';
 
 const CellWithData = ({
   currency,
   pair,
-  record,
-  instrumentForCalculations,
+  isValid,
   target,
+  division,
   setSelectedCurrency,
   setSelectedPair,
 }: CellWithDataProps) => {
   const [hovered, setHovered] = useState(false);
 
-  const instrumentForUpdates = instrumentForCalculations || record.instrument;
+  const instrument = `${currency}${divisionMapper(division)}${pair}`;
+  const instrumentForUpdates = isValid ? instrument : `${pair}${divisionMapper(division)}${currency}`;
 
   const { update, error: liveRatesError } = useLiveRatesMessage(
     instrumentForUpdates,
@@ -23,11 +24,11 @@ const CellWithData = ({
   );
 
   const updatedRecord: Record<string, any> = {
-    displayName: record.displayName,
-    instrument: record.instrument,
+    displayName: `${currency}/${pair}`,
+    instrument,
     buy: update?.ask,
     buyPriceMovement: update?.askPriceMovement,
-    displayPrecision: update?.displayPrecision,
+    displayPrecision: currency === 'JPY' && !isValid ? 6 : update?.displayPrecision,
   };
 
   const checkLoading = (id: string) => (!liveRatesError && updatedRecord?.[id] === undefined);
@@ -52,11 +53,11 @@ const CellWithData = ({
       mouseEnterHandler={handleMouseEnter}
       mouseLeaveHandler={handleMouseLeave}
     >
-      <Price priceMovement={getPriceMovement(updatedRecord.buyPriceMovement, !!instrumentForCalculations)} movementIndicator="background">
+      <Price priceMovement={getPriceMovement(updatedRecord.buyPriceMovement, !isValid)} movementIndicator="background">
         <span>
           {getBuyPrice(
             updatedRecord.buy,
-            !!instrumentForCalculations,
+            !isValid,
           ).toFixed(updatedRecord.displayPrecision)}
         </span>
       </Price>

package/src/CurrencyCrossTableWidget/components/types.ts

@@ -1,20 +1,10 @@
-import { DataRecord, LoaderSize } from '@oanda/labs-widget-common';
+import { LoaderSize } from '@oanda/labs-widget-common';
 import { Division } from '../../gql/types/graphql';
 
-export interface CellValidationWrapperProps {
-  currency: string;
-  pair: string;
-  instrument: string;
-  target: EventTarget | null;
-  division: Division;
-  setSelectedCurrency: React.Dispatch<React.SetStateAction<string>>;
-  setSelectedPair: React.Dispatch<React.SetStateAction<string>>;
-}
 export interface CellWithDataProps {
   currency: string;
   pair: string;
-  instrumentForCalculations: string;
-  record: DataRecord;
+  isValid: boolean;
   target: EventTarget | null;
   division: Division;
   setSelectedCurrency: React.Dispatch<React.SetStateAction<string>>;

package/src/CurrencyCrossTableWidget/types.tsx

@@ -22,6 +22,6 @@ export interface ValidationWrapperProps {
 }
 export interface MainProps {
   currencies: string[];
-  instruments: string[];
+  validInstruments: string[];
   division: Division;
 }

package/src/gql/types/gql.ts

@@ -13,7 +13,7 @@ import { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/
  * Therefore it is highly recommended to use the babel or swc plugin for production.
  */
 const documents = {
-    "\n  query validateInstruments($instruments: [String]!, $division: Division) {\n    mapInstrumentNames(instruments: $instruments, division: $division) {\n      name\n      displayName\n    }\n  }\n": types.ValidateInstrumentsDocument,
+    "\n  query validateInstruments($instruments: [String]!, $division: Division!) {\n    resolveInstrumentsByDivision(instruments: $instruments, division: $division) {\n      name\n      displayName\n    }\n  }\n": types.ValidateInstrumentsDocument,
 };
 
 /**
@@ -33,7 +33,7 @@ export 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 function graphql(source: "\n  query validateInstruments($instruments: [String]!, $division: Division) {\n    mapInstrumentNames(instruments: $instruments, division: $division) {\n      name\n      displayName\n    }\n  }\n"): (typeof documents)["\n  query validateInstruments($instruments: [String]!, $division: Division) {\n    mapInstrumentNames(instruments: $instruments, division: $division) {\n      name\n      displayName\n    }\n  }\n"];
+export function graphql(source: "\n  query validateInstruments($instruments: [String]!, $division: Division!) {\n    resolveInstrumentsByDivision(instruments: $instruments, division: $division) {\n      name\n      displayName\n    }\n  }\n"): (typeof documents)["\n  query validateInstruments($instruments: [String]!, $division: Division!) {\n    resolveInstrumentsByDivision(instruments: $instruments, division: $division) {\n      name\n      displayName\n    }\n  }\n"];
 
 export function graphql(source: string) {
   return (documents as any)[source] ?? {};

package/src/gql/types/graphql.ts

@@ -172,6 +172,7 @@ export type Query = {
   isAllowedPartner?: Maybe<Scalars['Boolean']['output']>;
   mapInstrumentNames?: Maybe<Array<Maybe<Instrument>>>;
   orderPositionBooks: Array<Maybe<OrderPositionData>>;
+  resolveInstrumentsByDivision?: Maybe<Array<Instrument>>;
   sentiment?: Maybe<Array<SentimentInstrument>>;
   sentimentList?: Maybe<Array<SentimentInstrument>>;
   topicalInstruments?: Maybe<Array<TopicalInstrument>>;
@@ -227,6 +228,12 @@ export type QueryOrderPositionBooksArgs = {
 };
 
 
+export type QueryResolveInstrumentsByDivisionArgs = {
+  division: Division;
+  instruments: Array<InputMaybe<Scalars['String']['input']>>;
+};
+
+
 export type QuerySentimentArgs = {
   division?: InputMaybe<Division>;
   name: Scalars['String']['input'];
@@ -413,11 +420,11 @@ export enum VolatilityChartTimeUnit {
 
 export type ValidateInstrumentsQueryVariables = Exact<{
   instruments: Array<InputMaybe<Scalars['String']['input']>> | InputMaybe<Scalars['String']['input']>;
-  division?: InputMaybe<Division>;
+  division: Division;
 }>;
 
 
-export type ValidateInstrumentsQuery = { __typename?: 'Query', mapInstrumentNames?: Array<{ __typename?: 'Instrument', name: string, displayName: string } | null> | null };
+export type ValidateInstrumentsQuery = { __typename?: 'Query', resolveInstrumentsByDivision?: Array<{ __typename?: 'Instrument', name: string, displayName: string }> | null };
 
 
-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 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":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"Division"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"resolveInstrumentsByDivision"},"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/validateInstruments.ts

@@ -1,8 +1,8 @@
 import { gql } from '@apollo/client';
 
 export const validateInstruments = gql`
-  query validateInstruments($instruments: [String]!, $division: Division) {
-    mapInstrumentNames(instruments: $instruments, division: $division) {
+  query validateInstruments($instruments: [String]!, $division: Division!) {
+    resolveInstrumentsByDivision(instruments: $instruments, division: $division) {
       name
       displayName
     }

package/test/Main.test.tsx

@@ -12,15 +12,14 @@ import { widgetMocks } from './mocks';
 describe('Main component', () => {
   it('should render currency cross table component', () => {
     const currencies = ['EUR', 'USD', 'GBP', 'CHF'];
-    const instruments = ['EUR_USD', 'EUR_GBP', 'EUR_CHF', 'USD_EUR', 'USD_GBP', 'USD_CHF', 'GBP_EUR', 'GBP_USD', 'GBP_CHF', 'CHF_EUR', 'CHF_USD', 'CHF_GBP'];
 
     const { getByTestId } = render(
       <MockedProvider mocks={widgetMocks}>
         <ThemeContext.Provider value={{ size: Size.DESKTOP, isDark: true }}>
           <Main
             currencies={currencies}
-            instruments={instruments}
             division={Division.Oc}
+            validInstruments={['EUR_USD', 'EUR_GBP', 'EUR_CHF', 'USD_GBP', 'USD_CHF', 'GBP_CHF', 'CHF_EUR']}
           />
         </ThemeContext.Provider>
       </MockedProvider>,

package/dist/main/CurrencyCrossTableWidget/components/CellValidationWrapper.js

@@ -1,49 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CellValidationWrapper = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _client = require("@apollo/client");
-var _validateInstruments = require("../../gql/validateInstruments");
-var _CellWithData = require("./CellWithData");
-var _utils = require("../utils");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const CellValidationWrapper = _ref => {
-  let {
-    currency,
-    pair,
-    instrument,
-    target,
-    setSelectedCurrency,
-    setSelectedPair,
-    division
-  } = _ref;
-  const {
-    error
-  } = (0, _client.useSuspenseQuery)(_validateInstruments.validateInstruments, {
-    variables: {
-      instruments: [instrument],
-      division
-    },
-    fetchPolicy: 'network-only',
-    errorPolicy: 'all'
-  });
-  const instrumentForCalculations = error ? `${pair}${(0, _utils.divisionMapper)(division)}${currency}` : '';
-  return _react.default.createElement(_CellWithData.CellWithData, {
-    currency: currency,
-    pair: pair,
-    record: {
-      instrument,
-      displayName: `${currency}${(0, _utils.divisionMapper)(division)}${pair}`
-    },
-    instrumentForCalculations: instrumentForCalculations,
-    target: target,
-    setSelectedCurrency: setSelectedCurrency,
-    setSelectedPair: setSelectedPair,
-    division: division
-  });
-};
-exports.CellValidationWrapper = CellValidationWrapper;
-//# sourceMappingURL=CellValidationWrapper.js.map

package/dist/main/CurrencyCrossTableWidget/components/CellValidationWrapper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CellValidationWrapper.js","names":["_react","_interopRequireDefault","require","_client","_validateInstruments","_CellWithData","_utils","e","__esModule","default","CellValidationWrapper","_ref","currency","pair","instrument","target","setSelectedCurrency","setSelectedPair","division","error","useSuspenseQuery","validateInstruments","variables","instruments","fetchPolicy","errorPolicy","instrumentForCalculations","divisionMapper","createElement","CellWithData","record","displayName","exports"],"sources":["../../../../src/CurrencyCrossTableWidget/components/CellValidationWrapper.tsx"],"sourcesContent":["import React from 'react';\nimport { useSuspenseQuery } from '@apollo/client';\nimport { CellValidationWrapperProps } from './types';\nimport { ValidateInstrumentsQuery, ValidateInstrumentsQueryVariables } from '../../gql/types/graphql';\nimport { validateInstruments } from '../../gql/validateInstruments';\nimport { CellWithData } from './CellWithData';\nimport { divisionMapper } from '../utils';\n\nconst CellValidationWrapper = ({\n  currency,\n  pair,\n  instrument,\n  target,\n  setSelectedCurrency,\n  setSelectedPair,\n  division,\n}: CellValidationWrapperProps) => {\n  const { error } = useSuspenseQuery<\n  ValidateInstrumentsQuery,\n  ValidateInstrumentsQueryVariables\n  >(validateInstruments, {\n    variables: {\n      instruments: [instrument],\n      division,\n    },\n    fetchPolicy: 'network-only',\n    errorPolicy: 'all',\n  });\n\n  const instrumentForCalculations = error ? `${pair}${divisionMapper(division)}${currency}` : '';\n\n  return (\n    <CellWithData\n      currency={currency}\n      pair={pair}\n      record={{\n        instrument,\n        displayName: `${currency}${divisionMapper(division)}${pair}`,\n      }}\n      instrumentForCalculations={instrumentForCalculations}\n      target={target}\n      setSelectedCurrency={setSelectedCurrency}\n      setSelectedPair={setSelectedPair}\n      division={division}\n    />\n  );\n};\n\nexport { CellValidationWrapper };\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAGA,IAAAE,oBAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAA0C,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE1C,MAAMG,qBAAqB,GAAGC,IAAA,IAQI;EAAA,IARH;IAC7BC,QAAQ;IACRC,IAAI;IACJC,UAAU;IACVC,MAAM;IACNC,mBAAmB;IACnBC,eAAe;IACfC;EAC0B,CAAC,GAAAP,IAAA;EAC3B,MAAM;IAAEQ;EAAM,CAAC,GAAG,IAAAC,wBAAgB,EAGhCC,wCAAmB,EAAE;IACrBC,SAAS,EAAE;MACTC,WAAW,EAAE,CAACT,UAAU,CAAC;MACzBI;IACF,CAAC;IACDM,WAAW,EAAE,cAAc;IAC3BC,WAAW,EAAE;EACf,CAAC,CAAC;EAEF,MAAMC,yBAAyB,GAAGP,KAAK,GAAG,GAAGN,IAAI,GAAG,IAAAc,qBAAc,EAACT,QAAQ,CAAC,GAAGN,QAAQ,EAAE,GAAG,EAAE;EAE9F,OACEZ,MAAA,CAAAS,OAAA,CAAAmB,aAAA,CAACvB,aAAA,CAAAwB,YAAY;IACXjB,QAAQ,EAAEA,QAAS;IACnBC,IAAI,EAAEA,IAAK;IACXiB,MAAM,EAAE;MACNhB,UAAU;MACViB,WAAW,EAAE,GAAGnB,QAAQ,GAAG,IAAAe,qBAAc,EAACT,QAAQ,CAAC,GAAGL,IAAI;IAC5D,CAAE;IACFa,yBAAyB,EAAEA,yBAA0B;IACrDX,MAAM,EAAEA,MAAO;IACfC,mBAAmB,EAAEA,mBAAoB;IACzCC,eAAe,EAAEA,eAAgB;IACjCC,QAAQ,EAAEA;EAAS,CACpB,CAAC;AAEN,CAAC;AAACc,OAAA,CAAAtB,qBAAA,GAAAA,qBAAA","ignoreList":[]}

package/dist/module/CurrencyCrossTableWidget/components/CellValidationWrapper.js

@@ -1,42 +0,0 @@
-import React from 'react';
-import { useSuspenseQuery } from '@apollo/client';
-import { validateInstruments } from '../../gql/validateInstruments';
-import { CellWithData } from './CellWithData';
-import { divisionMapper } from '../utils';
-const CellValidationWrapper = _ref => {
-  let {
-    currency,
-    pair,
-    instrument,
-    target,
-    setSelectedCurrency,
-    setSelectedPair,
-    division
-  } = _ref;
-  const {
-    error
-  } = useSuspenseQuery(validateInstruments, {
-    variables: {
-      instruments: [instrument],
-      division
-    },
-    fetchPolicy: 'network-only',
-    errorPolicy: 'all'
-  });
-  const instrumentForCalculations = error ? `${pair}${divisionMapper(division)}${currency}` : '';
-  return React.createElement(CellWithData, {
-    currency: currency,
-    pair: pair,
-    record: {
-      instrument,
-      displayName: `${currency}${divisionMapper(division)}${pair}`
-    },
-    instrumentForCalculations: instrumentForCalculations,
-    target: target,
-    setSelectedCurrency: setSelectedCurrency,
-    setSelectedPair: setSelectedPair,
-    division: division
-  });
-};
-export { CellValidationWrapper };
-//# sourceMappingURL=CellValidationWrapper.js.map

package/dist/module/CurrencyCrossTableWidget/components/CellValidationWrapper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CellValidationWrapper.js","names":["React","useSuspenseQuery","validateInstruments","CellWithData","divisionMapper","CellValidationWrapper","_ref","currency","pair","instrument","target","setSelectedCurrency","setSelectedPair","division","error","variables","instruments","fetchPolicy","errorPolicy","instrumentForCalculations","createElement","record","displayName"],"sources":["../../../../src/CurrencyCrossTableWidget/components/CellValidationWrapper.tsx"],"sourcesContent":["import React from 'react';\nimport { useSuspenseQuery } from '@apollo/client';\nimport { CellValidationWrapperProps } from './types';\nimport { ValidateInstrumentsQuery, ValidateInstrumentsQueryVariables } from '../../gql/types/graphql';\nimport { validateInstruments } from '../../gql/validateInstruments';\nimport { CellWithData } from './CellWithData';\nimport { divisionMapper } from '../utils';\n\nconst CellValidationWrapper = ({\n  currency,\n  pair,\n  instrument,\n  target,\n  setSelectedCurrency,\n  setSelectedPair,\n  division,\n}: CellValidationWrapperProps) => {\n  const { error } = useSuspenseQuery<\n  ValidateInstrumentsQuery,\n  ValidateInstrumentsQueryVariables\n  >(validateInstruments, {\n    variables: {\n      instruments: [instrument],\n      division,\n    },\n    fetchPolicy: 'network-only',\n    errorPolicy: 'all',\n  });\n\n  const instrumentForCalculations = error ? `${pair}${divisionMapper(division)}${currency}` : '';\n\n  return (\n    <CellWithData\n      currency={currency}\n      pair={pair}\n      record={{\n        instrument,\n        displayName: `${currency}${divisionMapper(division)}${pair}`,\n      }}\n      instrumentForCalculations={instrumentForCalculations}\n      target={target}\n      setSelectedCurrency={setSelectedCurrency}\n      setSelectedPair={setSelectedPair}\n      division={division}\n    />\n  );\n};\n\nexport { CellValidationWrapper };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,QAAQ,gBAAgB;AAGjD,SAASC,mBAAmB,QAAQ,+BAA+B;AACnE,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,cAAc,QAAQ,UAAU;AAEzC,MAAMC,qBAAqB,GAAGC,IAAA,IAQI;EAAA,IARH;IAC7BC,QAAQ;IACRC,IAAI;IACJC,UAAU;IACVC,MAAM;IACNC,mBAAmB;IACnBC,eAAe;IACfC;EAC0B,CAAC,GAAAP,IAAA;EAC3B,MAAM;IAAEQ;EAAM,CAAC,GAAGb,gBAAgB,CAGhCC,mBAAmB,EAAE;IACrBa,SAAS,EAAE;MACTC,WAAW,EAAE,CAACP,UAAU,CAAC;MACzBI;IACF,CAAC;IACDI,WAAW,EAAE,cAAc;IAC3BC,WAAW,EAAE;EACf,CAAC,CAAC;EAEF,MAAMC,yBAAyB,GAAGL,KAAK,GAAG,GAAGN,IAAI,GAAGJ,cAAc,CAACS,QAAQ,CAAC,GAAGN,QAAQ,EAAE,GAAG,EAAE;EAE9F,OACEP,KAAA,CAAAoB,aAAA,CAACjB,YAAY;IACXI,QAAQ,EAAEA,QAAS;IACnBC,IAAI,EAAEA,IAAK;IACXa,MAAM,EAAE;MACNZ,UAAU;MACVa,WAAW,EAAE,GAAGf,QAAQ,GAAGH,cAAc,CAACS,QAAQ,CAAC,GAAGL,IAAI;IAC5D,CAAE;IACFW,yBAAyB,EAAEA,yBAA0B;IACrDT,MAAM,EAAEA,MAAO;IACfC,mBAAmB,EAAEA,mBAAoB;IACzCC,eAAe,EAAEA,eAAgB;IACjCC,QAAQ,EAAEA;EAAS,CACpB,CAAC;AAEN,CAAC;AAED,SAASR,qBAAqB","ignoreList":[]}

package/dist/types/CurrencyCrossTableWidget/components/CellValidationWrapper.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { CellValidationWrapperProps } from './types';
-declare const CellValidationWrapper: ({ currency, pair, instrument, target, setSelectedCurrency, setSelectedPair, division, }: CellValidationWrapperProps) => React.JSX.Element;
-export { CellValidationWrapper };

package/src/CurrencyCrossTableWidget/components/CellValidationWrapper.tsx

@@ -1,49 +0,0 @@
-import React from 'react';
-import { useSuspenseQuery } from '@apollo/client';
-import { CellValidationWrapperProps } from './types';
-import { ValidateInstrumentsQuery, ValidateInstrumentsQueryVariables } from '../../gql/types/graphql';
-import { validateInstruments } from '../../gql/validateInstruments';
-import { CellWithData } from './CellWithData';
-import { divisionMapper } from '../utils';
-
-const CellValidationWrapper = ({
-  currency,
-  pair,
-  instrument,
-  target,
-  setSelectedCurrency,
-  setSelectedPair,
-  division,
-}: CellValidationWrapperProps) => {
-  const { error } = useSuspenseQuery<
-  ValidateInstrumentsQuery,
-  ValidateInstrumentsQueryVariables
-  >(validateInstruments, {
-    variables: {
-      instruments: [instrument],
-      division,
-    },
-    fetchPolicy: 'network-only',
-    errorPolicy: 'all',
-  });
-
-  const instrumentForCalculations = error ? `${pair}${divisionMapper(division)}${currency}` : '';
-
-  return (
-    <CellWithData
-      currency={currency}
-      pair={pair}
-      record={{
-        instrument,
-        displayName: `${currency}${divisionMapper(division)}${pair}`,
-      }}
-      instrumentForCalculations={instrumentForCalculations}
-      target={target}
-      setSelectedCurrency={setSelectedCurrency}
-      setSelectedPair={setSelectedPair}
-      division={division}
-    />
-  );
-};
-
-export { CellValidationWrapper };