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

package/CHANGELOG.md

@@ -3,6 +3,338 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 1.0.41 (2025-01-08)
+
+
+
+## 1.0.174 (2024-12-16)
+
+
+
+## 1.0.173 (2024-12-11)
+
+
+
+## 1.0.172 (2024-11-29)
+
+
+
+## 1.0.171 (2024-11-28)
+
+
+
+## 1.0.170 (2024-11-28)
+
+
+
+## 1.0.169 (2024-11-20)
+
+
+
+## 1.0.168 (2024-11-19)
+
+
+
+## 1.0.167 (2024-10-14)
+
+
+
+## 1.0.166 (2024-10-07)
+
+
+
+## 1.0.165 (2024-10-03)
+
+
+
+## 1.0.164 (2024-09-26)
+
+
+
+## 1.0.163 (2024-09-18)
+
+
+
+## 1.0.162 (2024-09-12)
+
+
+
+## 1.0.161 (2024-09-11)
+
+
+
+## 1.0.160 (2024-09-10)
+
+
+
+## 1.0.159 (2024-09-09)
+
+
+
+## 1.0.158 (2024-09-04)
+
+
+
+## 1.0.157 (2024-09-04)
+
+
+
+## 1.0.156 (2024-09-02)
+
+
+
+## 1.0.155 (2024-08-29)
+
+
+
+## 1.0.154 (2024-08-29)
+
+
+
+## 1.0.153 (2024-08-23)
+
+
+
+## 1.0.152 (2024-08-23)
+
+
+
+## 1.0.151 (2024-08-20)
+
+
+
+## 1.0.150 (2024-08-19)
+
+
+
+## 1.0.149 (2024-08-07)
+
+
+
+## 1.0.148 (2024-08-01)
+
+
+
+## 1.0.147 (2024-08-01)
+
+
+
+## 1.0.146 (2024-07-26)
+
+
+
+## 1.0.145 (2024-07-25)
+
+
+
+## 1.0.144 (2024-07-22)
+
+
+
+## 1.0.143 (2024-07-19)
+
+
+
+## 1.0.142 (2024-07-16)
+
+
+
+## 1.0.141 (2024-07-16)
+
+
+
+## 1.0.140 (2024-07-12)
+
+
+
+## 1.0.139 (2024-07-12)
+
+
+
+## 1.0.138 (2024-07-10)
+
+
+
+## 1.0.137 (2024-07-05)
+
+
+
+## 1.0.136 (2024-07-03)
+
+
+
+## 1.0.135 (2024-07-03)
+
+**Note:** Version bump only for package @oanda/labs-live-rates-table-widget
+
+
+
+
+
+## 1.0.40 (2024-12-16)
+
+
+
+## 1.0.173 (2024-12-11)
+
+
+
+## 1.0.172 (2024-11-29)
+
+
+
+## 1.0.171 (2024-11-28)
+
+
+
+## 1.0.170 (2024-11-28)
+
+
+
+## 1.0.169 (2024-11-20)
+
+
+
+## 1.0.168 (2024-11-19)
+
+
+
+## 1.0.167 (2024-10-14)
+
+
+
+## 1.0.166 (2024-10-07)
+
+
+
+## 1.0.165 (2024-10-03)
+
+
+
+## 1.0.164 (2024-09-26)
+
+
+
+## 1.0.163 (2024-09-18)
+
+
+
+## 1.0.162 (2024-09-12)
+
+
+
+## 1.0.161 (2024-09-11)
+
+
+
+## 1.0.160 (2024-09-10)
+
+
+
+## 1.0.159 (2024-09-09)
+
+
+
+## 1.0.158 (2024-09-04)
+
+
+
+## 1.0.157 (2024-09-04)
+
+
+
+## 1.0.156 (2024-09-02)
+
+
+
+## 1.0.155 (2024-08-29)
+
+
+
+## 1.0.154 (2024-08-29)
+
+
+
+## 1.0.153 (2024-08-23)
+
+
+
+## 1.0.152 (2024-08-23)
+
+
+
+## 1.0.151 (2024-08-20)
+
+
+
+## 1.0.150 (2024-08-19)
+
+
+
+## 1.0.149 (2024-08-07)
+
+
+
+## 1.0.148 (2024-08-01)
+
+
+
+## 1.0.147 (2024-08-01)
+
+
+
+## 1.0.146 (2024-07-26)
+
+
+
+## 1.0.145 (2024-07-25)
+
+
+
+## 1.0.144 (2024-07-22)
+
+
+
+## 1.0.143 (2024-07-19)
+
+
+
+## 1.0.142 (2024-07-16)
+
+
+
+## 1.0.141 (2024-07-16)
+
+
+
+## 1.0.140 (2024-07-12)
+
+
+
+## 1.0.139 (2024-07-12)
+
+
+
+## 1.0.138 (2024-07-10)
+
+
+
+## 1.0.137 (2024-07-05)
+
+
+
+## 1.0.136 (2024-07-03)
+
+
+
+## 1.0.135 (2024-07-03)
+
+**Note:** Version bump only for package @oanda/labs-live-rates-table-widget
+
+
+
+
+
 ## 1.0.39 (2024-12-11)
 
 

package/dist/main/LiveRatesTableWidget/LiveRatesTableWidget.js

@@ -4,13 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.LiveRatesTableWidget = void 0;
-var _react = _interopRequireDefault(require("react"));
 var _client = require("@apollo/client");
 var _labsWidgetCommon = require("@oanda/labs-widget-common");
+var _react = _interopRequireDefault(require("react"));
 var _translations = require("../translations");
+var _config = require("./config");
 var _Main = require("./Main");
 var _types = require("./types");
-var _config = require("./config");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const LiveRatesTableWidget = _ref => {
   let {
@@ -33,29 +33,29 @@ const LiveRatesTableWidget = _ref => {
   const divisionCode = division === _types.Division.Opt ? _types.Division.Ogm : division;
   const dataSource = divisionCode === _types.Division.Ogm ? 'MT5' : 'V20';
   return _react.default.createElement(_labsWidgetCommon.WidgetProvider, {
-    locale: locale,
-    translations: _translations.translations,
     client: client,
-    theme: theme,
-    styling: {
-      removePadding,
-      size: view && _config.sizeConfig[view]
-    },
     liveRates: {
       url: liveRatesUrl,
       options: {
         divisionCode,
         dataSource
       }
-    }
+    },
+    locale: locale,
+    styling: {
+      removePadding,
+      size: view && _config.sizeConfig[view]
+    },
+    theme: theme,
+    translations: _translations.translations
   }, _react.default.createElement(_labsWidgetCommon.WidgetWrapper, {
-    logoLink: logoLink,
+    isParamError: isParamError,
     linkArea: "logo",
-    isParamError: isParamError
+    logoLink: logoLink
   }, _react.default.createElement(_Main.Main, {
-    instruments: instruments,
+    columns: columns,
     division: division,
-    columns: columns
+    instruments: instruments
   })));
 };
 exports.LiveRatesTableWidget = LiveRatesTableWidget;

package/dist/main/LiveRatesTableWidget/LiveRatesTableWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"LiveRatesTableWidget.js","names":["_react","_interopRequireDefault","require","_client","_labsWidgetCommon","_translations","_Main","_types","_config","e","__esModule","default","LiveRatesTableWidget","_ref","graphqlUrl","liveRatesUrl","instruments","division","columns","locale","theme","isParamError","removePadding","view","logoLink","client","ApolloClient","uri","cache","InMemoryCache","divisionCode","Division","Opt","Ogm","dataSource","createElement","WidgetProvider","translations","styling","size","sizeConfig","liveRates","url","options","WidgetWrapper","linkArea","Main","exports"],"sources":["../../../src/LiveRatesTableWidget/LiveRatesTableWidget.tsx"],"sourcesContent":["import React from 'react';\nimport { ApolloClient, InMemoryCache } from '@apollo/client';\nimport { WidgetProvider, WidgetWrapper } from '@oanda/labs-widget-common';\n\nimport { translations } from '../translations';\nimport { Main } from './Main';\nimport { Division, LiveRatesTableConfig } from './types';\nimport { sizeConfig } from './config';\n\nconst LiveRatesTableWidget = ({\n  graphqlUrl,\n  liveRatesUrl,\n  instruments,\n  division,\n  columns,\n  locale,\n  theme,\n  isParamError,\n  removePadding,\n  view,\n  logoLink,\n}: LiveRatesTableConfig) => {\n  const client = new ApolloClient({\n    uri: graphqlUrl,\n    cache: new InMemoryCache(),\n  });\n\n  const divisionCode = division === Division.Opt ? Division.Ogm : division;\n  const dataSource = divisionCode === Division.Ogm ? 'MT5' : 'V20';\n\n  return (\n    <WidgetProvider\n      locale={locale}\n      translations={translations}\n      client={client}\n      theme={theme}\n      styling={{\n        removePadding,\n        size: view && sizeConfig[view],\n      }}\n      liveRates={{\n        url: liveRatesUrl,\n        options: { divisionCode, dataSource },\n      }}\n    >\n      <WidgetWrapper\n        logoLink={logoLink}\n        linkArea=\"logo\"\n        isParamError={isParamError}\n      >\n        <Main\n          instruments={instruments}\n          division={division}\n          columns={columns}\n        />\n      </WidgetWrapper>\n    </WidgetProvider>\n  );\n};\n\nexport { LiveRatesTableWidget };\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAEA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AAAsC,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEtC,MAAMG,oBAAoB,GAAGC,IAAA,IAYD;EAAA,IAZE;IAC5BC,UAAU;IACVC,YAAY;IACZC,WAAW;IACXC,QAAQ;IACRC,OAAO;IACPC,MAAM;IACNC,KAAK;IACLC,YAAY;IACZC,aAAa;IACbC,IAAI;IACJC;EACoB,CAAC,GAAAX,IAAA;EACrB,MAAMY,MAAM,GAAG,IAAIC,oBAAY,CAAC;IAC9BC,GAAG,EAAEb,UAAU;IACfc,KAAK,EAAE,IAAIC,qBAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,MAAMC,YAAY,GAAGb,QAAQ,KAAKc,eAAQ,CAACC,GAAG,GAAGD,eAAQ,CAACE,GAAG,GAAGhB,QAAQ;EACxE,MAAMiB,UAAU,GAAGJ,YAAY,KAAKC,eAAQ,CAACE,GAAG,GAAG,KAAK,GAAG,KAAK;EAEhE,OACEjC,MAAA,CAAAW,OAAA,CAAAwB,aAAA,CAAC/B,iBAAA,CAAAgC,cAAc;IACbjB,MAAM,EAAEA,MAAO;IACfkB,YAAY,EAAEA,0BAAa;IAC3BZ,MAAM,EAAEA,MAAO;IACfL,KAAK,EAAEA,KAAM;IACbkB,OAAO,EAAE;MACPhB,aAAa;MACbiB,IAAI,EAAEhB,IAAI,IAAIiB,kBAAU,CAACjB,IAAI;IAC/B,CAAE;IACFkB,SAAS,EAAE;MACTC,GAAG,EAAE3B,YAAY;MACjB4B,OAAO,EAAE;QAAEb,YAAY;QAAEI;MAAW;IACtC;EAAE,GAEFlC,MAAA,CAAAW,OAAA,CAAAwB,aAAA,CAAC/B,iBAAA,CAAAwC,aAAa;IACZpB,QAAQ,EAAEA,QAAS;IACnBqB,QAAQ,EAAC,MAAM;IACfxB,YAAY,EAAEA;EAAa,GAE3BrB,MAAA,CAAAW,OAAA,CAAAwB,aAAA,CAAC7B,KAAA,CAAAwC,IAAI;IACH9B,WAAW,EAAEA,WAAY;IACzBC,QAAQ,EAAEA,QAAS;IACnBC,OAAO,EAAEA;EAAQ,CAClB,CACY,CACD,CAAC;AAErB,CAAC;AAAC6B,OAAA,CAAAnC,oBAAA,GAAAA,oBAAA","ignoreList":[]}
+{"version":3,"file":"LiveRatesTableWidget.js","names":["_client","require","_labsWidgetCommon","_react","_interopRequireDefault","_translations","_config","_Main","_types","e","__esModule","default","LiveRatesTableWidget","_ref","graphqlUrl","liveRatesUrl","instruments","division","columns","locale","theme","isParamError","removePadding","view","logoLink","client","ApolloClient","uri","cache","InMemoryCache","divisionCode","Division","Opt","Ogm","dataSource","createElement","WidgetProvider","liveRates","url","options","styling","size","sizeConfig","translations","WidgetWrapper","linkArea","Main","exports"],"sources":["../../../src/LiveRatesTableWidget/LiveRatesTableWidget.tsx"],"sourcesContent":["import { ApolloClient, InMemoryCache } from '@apollo/client';\nimport { WidgetProvider, WidgetWrapper } from '@oanda/labs-widget-common';\nimport React from 'react';\n\nimport { translations } from '../translations';\nimport { sizeConfig } from './config';\nimport { Main } from './Main';\nimport type { LiveRatesTableConfig } from './types';\nimport { Division } from './types';\n\nconst LiveRatesTableWidget = ({\n  graphqlUrl,\n  liveRatesUrl,\n  instruments,\n  division,\n  columns,\n  locale,\n  theme,\n  isParamError,\n  removePadding,\n  view,\n  logoLink,\n}: LiveRatesTableConfig) => {\n  const client = new ApolloClient({\n    uri: graphqlUrl,\n    cache: new InMemoryCache(),\n  });\n\n  const divisionCode = division === Division.Opt ? Division.Ogm : division;\n  const dataSource = divisionCode === Division.Ogm ? 'MT5' : 'V20';\n\n  return (\n    <WidgetProvider\n      client={client}\n      liveRates={{\n        url: liveRatesUrl,\n        options: { divisionCode, dataSource },\n      }}\n      locale={locale}\n      styling={{\n        removePadding,\n        size: view && sizeConfig[view],\n      }}\n      theme={theme}\n      translations={translations}\n    >\n      <WidgetWrapper\n        isParamError={isParamError}\n        linkArea=\"logo\"\n        logoLink={logoLink}\n      >\n        <Main columns={columns} division={division} instruments={instruments} />\n      </WidgetWrapper>\n    </WidgetProvider>\n  );\n};\n\nexport { LiveRatesTableWidget };\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAEA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,KAAA,GAAAN,OAAA;AAEA,IAAAO,MAAA,GAAAP,OAAA;AAAmC,SAAAG,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEnC,MAAMG,oBAAoB,GAAGC,IAAA,IAYD;EAAA,IAZE;IAC5BC,UAAU;IACVC,YAAY;IACZC,WAAW;IACXC,QAAQ;IACRC,OAAO;IACPC,MAAM;IACNC,KAAK;IACLC,YAAY;IACZC,aAAa;IACbC,IAAI;IACJC;EACoB,CAAC,GAAAX,IAAA;EACrB,MAAMY,MAAM,GAAG,IAAIC,oBAAY,CAAC;IAC9BC,GAAG,EAAEb,UAAU;IACfc,KAAK,EAAE,IAAIC,qBAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,MAAMC,YAAY,GAAGb,QAAQ,KAAKc,eAAQ,CAACC,GAAG,GAAGD,eAAQ,CAACE,GAAG,GAAGhB,QAAQ;EACxE,MAAMiB,UAAU,GAAGJ,YAAY,KAAKC,eAAQ,CAACE,GAAG,GAAG,KAAK,GAAG,KAAK;EAEhE,OACE9B,MAAA,CAAAQ,OAAA,CAAAwB,aAAA,CAACjC,iBAAA,CAAAkC,cAAc;IACbX,MAAM,EAAEA,MAAO;IACfY,SAAS,EAAE;MACTC,GAAG,EAAEvB,YAAY;MACjBwB,OAAO,EAAE;QAAET,YAAY;QAAEI;MAAW;IACtC,CAAE;IACFf,MAAM,EAAEA,MAAO;IACfqB,OAAO,EAAE;MACPlB,aAAa;MACbmB,IAAI,EAAElB,IAAI,IAAImB,kBAAU,CAACnB,IAAI;IAC/B,CAAE;IACFH,KAAK,EAAEA,KAAM;IACbuB,YAAY,EAAEA;EAAa,GAE3BxC,MAAA,CAAAQ,OAAA,CAAAwB,aAAA,CAACjC,iBAAA,CAAA0C,aAAa;IACZvB,YAAY,EAAEA,YAAa;IAC3BwB,QAAQ,EAAC,MAAM;IACfrB,QAAQ,EAAEA;EAAS,GAEnBrB,MAAA,CAAAQ,OAAA,CAAAwB,aAAA,CAAC5B,KAAA,CAAAuC,IAAI;IAAC5B,OAAO,EAAEA,OAAQ;IAACD,QAAQ,EAAEA,QAAS;IAACD,WAAW,EAAEA;EAAY,CAAE,CAC1D,CACD,CAAC;AAErB,CAAC;AAAC+B,OAAA,CAAAnC,oBAAA,GAAAA,oBAAA","ignoreList":[]}

package/dist/main/LiveRatesTableWidget/Main.js

@@ -4,13 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Main = void 0;
-var _react = _interopRequireWildcard(require("react"));
 var _client = require("@apollo/client");
 var _labsWidgetCommon = require("@oanda/labs-widget-common");
-var _utils = require("./utils");
+var _react = _interopRequireWildcard(require("react"));
+var _validateInstruments = require("../gql/validateInstruments");
 var _components = require("./components");
 var _constant = require("./constant");
-var _validateInstruments = require("../gql/validateInstruments");
+var _utils = require("./utils");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const Main = _ref => {
@@ -59,31 +59,31 @@ const Main = _ref => {
   }, [records, isDesktop]);
   const showError = !loading && !!error || !loading && !data;
   return _react.default.createElement(_react.default.Fragment, null, size && _react.default.createElement("div", {
-    "data-testid": "live-rates-table-wrapper",
-    className: "lw-relative lw-text-sm lw-tracking-normal lw-text-text-primary"
+    className: "lw-relative lw-text-sm lw-tracking-normal lw-text-text-primary",
+    "data-testid": "live-rates-table-wrapper"
   }, isDesktop ? _react.default.createElement("div", {
     className: "lw-border lw-border-solid lw-border-border-primary"
   }, _react.default.createElement(_labsWidgetCommon.Table, {
+    headerConfig: (0, _utils.getHeaderConfig)(columns),
     isError: showError,
     records: records,
-    headerConfig: (0, _utils.getHeaderConfig)(columns),
     renderRow: (record, index, isScrolled) => _react.default.createElement(_components.RowWithData, {
+      key: "row_".concat(index),
+      activeColumns: columns,
+      division: division,
+      hasBackgroundColor: index % 2 === 0,
       isScrolled: isScrolled,
       loading: loading,
-      key: `row_${index}`,
       record: record,
-      target: target,
-      hasBackgroundColor: index % 2 === 0,
-      activeColumns: columns,
-      division: division
+      target: target
     })
   })) : _react.default.createElement(_components.Cards, {
-    records: records,
-    division: division,
-    target: target,
     columns: columns,
+    division: division,
     isError: showError,
-    isLoading: loading
+    isLoading: loading,
+    records: records,
+    target: target
   }), _react.default.createElement(_labsWidgetCommon.Tooltip, {
     id: _constant.INSTRUMENT_TOOLTIP_ID
   })));

package/dist/main/LiveRatesTableWidget/Main.js.map

@@ -1 +1 @@
-{"version":3,"file":"Main.js","names":["_react","_interopRequireWildcard","require","_client","_labsWidgetCommon","_utils","_components","_constant","_validateInstruments","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Main","_ref","instruments","division","columns","DEFAULT_COLUMNS","size","useLayoutProvider","isDesktop","Size","DESKTOP","target","setQuery","useLiveRatesQuery","records","setRecords","useState","Array","length","fill","loading","data","error","useQuery","validateInstruments","variables","fetchPolicy","useEffect","getRecords","instrumentsNames","map","_ref2","instrument","showError","createElement","Fragment","className","Table","isError","headerConfig","getHeaderConfig","renderRow","record","index","isScrolled","RowWithData","key","hasBackgroundColor","activeColumns","Cards","isLoading","Tooltip","id","INSTRUMENT_TOOLTIP_ID","exports"],"sources":["../../../src/LiveRatesTableWidget/Main.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { useQuery } from '@apollo/client';\nimport {\n  Size,\n  Table,\n  useLayoutProvider,\n  Tooltip,\n  useLiveRatesQuery,\n} from '@oanda/labs-widget-common';\nimport { getHeaderConfig, getRecords } from './utils';\nimport { DataRecord, MainProps } from './types';\nimport { RowWithData, Cards } from './components';\nimport {\n  DEFAULT_COLUMNS, INSTRUMENT_TOOLTIP_ID,\n} from './constant';\nimport { validateInstruments } from '../gql/validateInstruments';\nimport { ValidateInstrumentsQuery, ValidateInstrumentsQueryVariables } from '../gql/types/graphql';\n\nconst Main = ({\n  instruments,\n  division,\n  columns = DEFAULT_COLUMNS,\n}: MainProps) => {\n  const { size } = useLayoutProvider();\n  const isDesktop = size === Size.DESKTOP;\n  const { target, setQuery } = useLiveRatesQuery();\n  const [records, setRecords] = useState<DataRecord[]>(new Array(instruments.length).fill({}));\n\n  const { loading, data, error } = useQuery<\n  ValidateInstrumentsQuery,\n  ValidateInstrumentsQueryVariables\n  >(validateInstruments, {\n    variables: {\n      instruments,\n      division,\n    },\n    fetchPolicy: 'network-only',\n  });\n\n  useEffect(() => {\n    if (!loading && data) {\n      setRecords(getRecords(data)!);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [loading, data]);\n\n  const instrumentsNames = records.map(({ instrument }) => instrument);\n\n  useEffect(() => {\n    if (instrumentsNames[0]) {\n      setQuery({ instruments: instrumentsNames });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [records, isDesktop]);\n\n  const showError = (!loading && !!error) || (!loading && !data);\n\n  return (\n    <>\n      {size && (\n      <div data-testid=\"live-rates-table-wrapper\" className=\"lw-relative lw-text-sm lw-tracking-normal lw-text-text-primary\">\n        {isDesktop ? (\n          <div className=\"lw-border lw-border-solid lw-border-border-primary\">\n            <Table<DataRecord>\n              isError={showError}\n              records={records}\n              headerConfig={getHeaderConfig(columns)}\n              renderRow={(record, index, isScrolled) => (\n                <RowWithData\n                  isScrolled={isScrolled}\n                  loading={loading}\n                  key={`row_${index}`}\n                  record={record}\n                  target={target}\n                  hasBackgroundColor={index % 2 === 0}\n                  activeColumns={columns}\n                  division={division}\n                />\n              )}\n            />\n          </div>\n        ) : (\n          <Cards\n            records={records}\n            division={division}\n            target={target}\n            columns={columns}\n            isError={showError}\n            isLoading={loading}\n          />\n        )}\n        <Tooltip id={INSTRUMENT_TOOLTIP_ID} />\n      </div>\n      )}\n    </>\n  );\n};\n\nexport { Main };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Main.js","names":["_client","require","_labsWidgetCommon","_react","_interopRequireWildcard","_validateInstruments","_components","_constant","_utils","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Main","_ref","instruments","division","columns","DEFAULT_COLUMNS","size","useLayoutProvider","isDesktop","Size","DESKTOP","target","setQuery","useLiveRatesQuery","records","setRecords","useState","Array","length","fill","loading","data","error","useQuery","validateInstruments","variables","fetchPolicy","useEffect","getRecords","instrumentsNames","map","_ref2","instrument","showError","createElement","Fragment","className","Table","headerConfig","getHeaderConfig","isError","renderRow","record","index","isScrolled","RowWithData","key","concat","activeColumns","hasBackgroundColor","Cards","isLoading","Tooltip","id","INSTRUMENT_TOOLTIP_ID","exports"],"sources":["../../../src/LiveRatesTableWidget/Main.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client';\nimport {\n  Size,\n  Table,\n  Tooltip,\n  useLayoutProvider,\n  useLiveRatesQuery,\n} from '@oanda/labs-widget-common';\nimport React, { useEffect, useState } from 'react';\n\nimport type {\n  ValidateInstrumentsQuery,\n  ValidateInstrumentsQueryVariables,\n} from '../gql/types/graphql';\nimport { validateInstruments } from '../gql/validateInstruments';\nimport { Cards, RowWithData } from './components';\nimport { DEFAULT_COLUMNS, INSTRUMENT_TOOLTIP_ID } from './constant';\nimport type { DataRecord, MainProps } from './types';\nimport { getHeaderConfig, getRecords } from './utils';\n\nconst Main = ({\n  instruments,\n  division,\n  columns = DEFAULT_COLUMNS,\n}: MainProps) => {\n  const { size } = useLayoutProvider();\n  const isDesktop = size === Size.DESKTOP;\n  const { target, setQuery } = useLiveRatesQuery();\n  const [records, setRecords] = useState<DataRecord[]>(\n    new Array(instruments.length).fill({})\n  );\n\n  const { loading, data, error } = useQuery<\n    ValidateInstrumentsQuery,\n    ValidateInstrumentsQueryVariables\n  >(validateInstruments, {\n    variables: {\n      instruments,\n      division,\n    },\n    fetchPolicy: 'network-only',\n  });\n\n  useEffect(() => {\n    if (!loading && data) {\n      setRecords(getRecords(data)!);\n    }\n  }, [loading, data]);\n\n  const instrumentsNames = records.map(({ instrument }) => instrument);\n\n  useEffect(() => {\n    if (instrumentsNames[0]) {\n      setQuery({ instruments: instrumentsNames });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [records, isDesktop]);\n\n  const showError = (!loading && !!error) || (!loading && !data);\n\n  return (\n    <>\n      {size && (\n        <div\n          className=\"lw-relative lw-text-sm lw-tracking-normal lw-text-text-primary\"\n          data-testid=\"live-rates-table-wrapper\"\n        >\n          {isDesktop ? (\n            <div className=\"lw-border lw-border-solid lw-border-border-primary\">\n              <Table<DataRecord>\n                headerConfig={getHeaderConfig(columns)}\n                isError={showError}\n                records={records}\n                renderRow={(record, index, isScrolled) => (\n                  <RowWithData\n                    key={`row_${index}`}\n                    activeColumns={columns}\n                    division={division}\n                    hasBackgroundColor={index % 2 === 0}\n                    isScrolled={isScrolled}\n                    loading={loading}\n                    record={record}\n                    target={target}\n                  />\n                )}\n              />\n            </div>\n          ) : (\n            <Cards\n              columns={columns}\n              division={division}\n              isError={showError}\n              isLoading={loading}\n              records={records}\n              target={target}\n            />\n          )}\n          <Tooltip id={INSTRUMENT_TOOLTIP_ID} />\n        </div>\n      )}\n    </>\n  );\n};\n\nexport { Main };\n"],"mappings":"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","ignoreList":[]}

package/dist/main/LiveRatesTableWidget/components/CardWithData/CardWithData.js

@@ -4,13 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CardWithData = void 0;
-var _react = _interopRequireDefault(require("react"));
 var _labsWidgetCommon = require("@oanda/labs-widget-common");
 var _monoI18n = require("@oanda/mono-i18n");
+var _react = _interopRequireDefault(require("react"));
+var _constant = require("../../constant");
 var _types = require("../../types");
-var _LineChartWithData = require("../LineChartWithData");
 var _utils = require("../../utils");
-var _constant = require("../../constant");
+var _LineChartWithData = require("../LineChartWithData");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const CardWithData = _ref => {
   let {
@@ -30,7 +30,7 @@ const CardWithData = _ref => {
   const {
     lang
   } = (0, _monoI18n.useLocale)();
-  const checkLoading = id => isLoading || !error && updatedRecord?.[id] === undefined;
+  const checkLoading = id => isLoading || !error && (updatedRecord === null || updatedRecord === void 0 ? void 0 : updatedRecord[id]) === undefined;
   return _react.default.createElement(_labsWidgetCommon.Card, {
     ref: ref,
     "data-testid": "card",
@@ -45,48 +45,50 @@ const CardWithData = _ref => {
   }, activeColumns.includes(_types.ColumnsNames.CHART) && _react.default.createElement(_LineChartWithData.LineChartWithData, {
     division: division,
     isLoading: checkLoading('instrument'),
-    size: _labsWidgetCommon.LineChartSize.xs,
     padding: 4,
-    record: updatedRecord
+    record: updatedRecord,
+    size: _labsWidgetCommon.LineChartSize.xs
   })), activeColumns.map(item => {
     if (item === _types.ColumnsNames.SELL) {
+      var _updatedRecord$sell;
       return _react.default.createElement(_labsWidgetCommon.CardRow, {
         key: _types.ColumnsNames.SELL,
-        label: lang('sell_price'),
+        isError: !!error,
         isLoading: checkLoading(_types.ColumnsNames.SELL),
-        isError: !!error
+        label: lang('sell_price')
       }, _react.default.createElement(_labsWidgetCommon.Price, {
         arrowPosition: _labsWidgetCommon.ArrowPosition.left,
-        priceMovement: updatedRecord.sellPriceMovement,
-        movementIndicator: "arrow"
-      }, _react.default.createElement("span", null, updatedRecord.sell?.toFixed(updatedRecord.displayPrecision))));
+        movementIndicator: "arrow",
+        priceMovement: updatedRecord.sellPriceMovement
+      }, _react.default.createElement("span", null, (_updatedRecord$sell = updatedRecord.sell) === null || _updatedRecord$sell === void 0 ? void 0 : _updatedRecord$sell.toFixed(updatedRecord.displayPrecision))));
     }
     if (item === _types.ColumnsNames.BUY) {
+      var _updatedRecord$buy;
       return _react.default.createElement(_labsWidgetCommon.CardRow, {
         key: _types.ColumnsNames.BUY,
-        label: lang('buy_price'),
+        isError: !!error,
         isLoading: checkLoading(_types.ColumnsNames.BUY),
-        isError: !!error
+        label: lang('buy_price')
       }, _react.default.createElement(_labsWidgetCommon.Price, {
         arrowPosition: _labsWidgetCommon.ArrowPosition.left,
-        priceMovement: updatedRecord.buyPriceMovement,
-        movementIndicator: "arrow"
-      }, _react.default.createElement("span", null, updatedRecord.buy?.toFixed(updatedRecord.displayPrecision))));
+        movementIndicator: "arrow",
+        priceMovement: updatedRecord.buyPriceMovement
+      }, _react.default.createElement("span", null, (_updatedRecord$buy = updatedRecord.buy) === null || _updatedRecord$buy === void 0 ? void 0 : _updatedRecord$buy.toFixed(updatedRecord.displayPrecision))));
     }
     if (item === _types.ColumnsNames.DAILY_CHANGE) {
       return _react.default.createElement(_labsWidgetCommon.CardRow, {
         key: _types.ColumnsNames.DAILY_CHANGE,
-        label: lang('daily_percent_change'),
+        isError: !!error,
         isLoading: checkLoading('dailyPercentChange'),
-        isError: !!error
+        label: lang('daily_percent_change')
       }, _react.default.createElement("span", null, updatedRecord.dailyPercentChange));
     }
     if (item === _types.ColumnsNames.SPREAD) {
       return _react.default.createElement(_labsWidgetCommon.CardRow, {
         key: _types.ColumnsNames.SPREAD,
-        label: lang('spread'),
+        isError: !!error,
         isLoading: checkLoading(_types.ColumnsNames.SPREAD),
-        isError: !!error
+        label: lang('spread')
       }, _react.default.createElement("span", null, updatedRecord.spread));
     }
     return null;