@oanda/labs-instruments-table-widget 1.0.26 → 1.0.28

package/CHANGELOG.md

@@ -3,6 +3,234 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 1.0.28 (2025-07-24)
+
+
+
+## 1.0.207 (2025-07-18)
+
+
+
+## 1.0.206 (2025-07-18)
+
+
+
+## 1.0.205 (2025-07-17)
+
+
+
+## 1.0.204 (2025-07-09)
+
+
+
+## 1.0.203 (2025-06-16)
+
+
+
+## 1.0.202 (2025-06-04)
+
+
+
+## 1.0.201 (2025-06-02)
+
+
+
+## 1.0.200 (2025-05-30)
+
+
+
+## 1.0.199 (2025-05-29)
+
+
+
+## 1.0.198 (2025-05-26)
+
+
+
+## 1.0.197 (2025-05-23)
+
+
+
+## 1.0.196 (2025-05-22)
+
+
+
+## 1.0.195 (2025-05-21)
+
+
+
+## 1.0.194 (2025-05-21)
+
+
+
+## 1.0.193 (2025-05-15)
+
+
+
+## 1.0.192 (2025-05-14)
+
+
+
+## 1.0.191 (2025-04-30)
+
+
+
+## 1.0.190 (2025-04-28)
+
+
+
+## 1.0.189 (2025-04-23)
+
+
+
+## 1.0.188 (2025-04-22)
+
+
+
+## 1.0.187 (2025-04-18)
+
+
+
+## 1.0.186 (2025-04-10)
+
+
+
+## 1.0.185 (2025-04-09)
+
+
+
+## 1.0.184 (2025-04-08)
+
+
+
+## 1.0.183 (2025-04-04)
+
+
+
+## 1.0.182 (2025-03-21)
+
+
+
+## 1.0.181 (2025-03-13)
+
+**Note:** Version bump only for package @oanda/labs-instruments-table-widget
+
+
+
+
+
+## 1.0.27 (2025-07-18)
+
+
+
+## 1.0.206 (2025-07-18)
+
+
+
+## 1.0.205 (2025-07-17)
+
+
+
+## 1.0.204 (2025-07-09)
+
+
+
+## 1.0.203 (2025-06-16)
+
+
+
+## 1.0.202 (2025-06-04)
+
+
+
+## 1.0.201 (2025-06-02)
+
+
+
+## 1.0.200 (2025-05-30)
+
+
+
+## 1.0.199 (2025-05-29)
+
+
+
+## 1.0.198 (2025-05-26)
+
+
+
+## 1.0.197 (2025-05-23)
+
+
+
+## 1.0.196 (2025-05-22)
+
+
+
+## 1.0.195 (2025-05-21)
+
+
+
+## 1.0.194 (2025-05-21)
+
+
+
+## 1.0.193 (2025-05-15)
+
+
+
+## 1.0.192 (2025-05-14)
+
+
+
+## 1.0.191 (2025-04-30)
+
+
+
+## 1.0.190 (2025-04-28)
+
+
+
+## 1.0.189 (2025-04-23)
+
+
+
+## 1.0.188 (2025-04-22)
+
+
+
+## 1.0.187 (2025-04-18)
+
+
+
+## 1.0.186 (2025-04-10)
+
+
+
+## 1.0.185 (2025-04-09)
+
+
+
+## 1.0.184 (2025-04-08)
+
+
+
+## 1.0.183 (2025-04-04)
+
+
+
+## 1.0.182 (2025-03-21)
+
+
+
+## 1.0.181 (2025-03-13)
+
+**Note:** Version bump only for package @oanda/labs-instruments-table-widget
+
+
+
+
+
 ## 1.0.26 (2025-07-18)
 
 

package/dist/main/InstrumentsTableWidget/InstrumentsTableWidget.js

@@ -35,15 +35,16 @@ const InstrumentsTableWidget = _ref => {
     cache: new _client.InMemoryCache()
   });
   const divisionCode = (0, _utils.getLiveRatesDivisionCode)(division, priceType, dataSource);
+  const liveRates = !columns || columns?.some(column => column === _labsWidgetCommon.DataRecordType.BUY || column === _labsWidgetCommon.DataRecordType.SELL || column === _labsWidgetCommon.DataRecordType.DAILY_CHANGE || column === _labsWidgetCommon.DataRecordType.SPREAD || column === _labsWidgetCommon.DataRecordType.HIGH || column === _labsWidgetCommon.DataRecordType.LOW) ? {
+    url: liveRatesUrl,
+    options: {
+      divisionCode,
+      dataSource
+    }
+  } : undefined;
   return _react.default.createElement(_labsWidgetCommon.WidgetProvider, {
     client: client,
-    liveRates: {
-      url: liveRatesUrl,
-      options: {
-        divisionCode,
-        dataSource
-      }
-    },
+    liveRates: liveRates,
     locale: locale,
     theme: theme,
     translations: _translations.translations
@@ -59,6 +60,7 @@ const InstrumentsTableWidget = _ref => {
     instruments: instruments,
     isAssetClassFilterEnabled: isAssetClassFilterEnabled,
     isInstrumentSearchEnabled: isInstrumentSearchEnabled,
+    isLiveRatesDisabled: liveRates === undefined,
     recordsPerPage: recordsPerPage
   })));
 };

package/dist/main/InstrumentsTableWidget/InstrumentsTableWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"InstrumentsTableWidget.js","names":["_client","require","_labsWidgetCommon","_react","_interopRequireDefault","_translations","_Main","_types","_utils","e","__esModule","default","InstrumentsTableWidget","_ref","division","instruments","columns","graphqlUrl","locale","theme","isParamError","logoLink","liveRatesUrl","assetClasses","isAssetClassFilterEnabled","isInstrumentSearchEnabled","recordsPerPage","dataSource","priceType","PriceType","Division","client","ApolloClient","uri","cache","InMemoryCache","divisionCode","getLiveRatesDivisionCode","createElement","WidgetProvider","liveRates","url","options","translations","WidgetWrapper","linkArea","Main","exports"],"sources":["../../../src/InstrumentsTableWidget/InstrumentsTableWidget.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 { Main } from './Main';\nimport { type InstrumentsTableConfig, PriceType } from './types';\nimport { getLiveRatesDivisionCode } from './utils';\n\nconst InstrumentsTableWidget = ({\n  division,\n  instruments,\n  columns,\n  graphqlUrl,\n  locale,\n  theme,\n  isParamError,\n  logoLink,\n  liveRatesUrl,\n  assetClasses,\n  isAssetClassFilterEnabled,\n  isInstrumentSearchEnabled,\n  recordsPerPage,\n  dataSource,\n  priceType = PriceType.Division,\n}: InstrumentsTableConfig) => {\n  const client = new ApolloClient({\n    uri: graphqlUrl,\n    cache: new InMemoryCache(),\n  });\n\n  const divisionCode = getLiveRatesDivisionCode(\n    division,\n    priceType,\n    dataSource\n  );\n\n  return (\n    <WidgetProvider\n      client={client}\n      liveRates={{\n        url: liveRatesUrl,\n        options: { divisionCode, dataSource },\n      }}\n      locale={locale}\n      theme={theme}\n      translations={translations}\n    >\n      <WidgetWrapper\n        isParamError={isParamError}\n        linkArea=\"logo\"\n        logoLink={logoLink}\n      >\n        <Main\n          assetClasses={assetClasses}\n          columns={columns}\n          dataSource={dataSource}\n          division={division}\n          instruments={instruments}\n          isAssetClassFilterEnabled={isAssetClassFilterEnabled}\n          isInstrumentSearchEnabled={isInstrumentSearchEnabled}\n          recordsPerPage={recordsPerPage}\n        />\n      </WidgetWrapper>\n    </WidgetProvider>\n  );\n};\n\nexport { InstrumentsTableWidget };\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,KAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAAmD,SAAAG,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEnD,MAAMG,sBAAsB,GAAGC,IAAA,IAgBD;EAAA,IAhBE;IAC9BC,QAAQ;IACRC,WAAW;IACXC,OAAO;IACPC,UAAU;IACVC,MAAM;IACNC,KAAK;IACLC,YAAY;IACZC,QAAQ;IACRC,YAAY;IACZC,YAAY;IACZC,yBAAyB;IACzBC,yBAAyB;IACzBC,cAAc;IACdC,UAAU;IACVC,SAAS,GAAGC,gBAAS,CAACC;EACA,CAAC,GAAAjB,IAAA;EACvB,MAAMkB,MAAM,GAAG,IAAIC,oBAAY,CAAC;IAC9BC,GAAG,EAAEhB,UAAU;IACfiB,KAAK,EAAE,IAAIC,qBAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,MAAMC,YAAY,GAAG,IAAAC,+BAAwB,EAC3CvB,QAAQ,EACRc,SAAS,EACTD,UACF,CAAC;EAED,OACExB,MAAA,CAAAQ,OAAA,CAAA2B,aAAA,CAACpC,iBAAA,CAAAqC,cAAc;IACbR,MAAM,EAAEA,MAAO;IACfS,SAAS,EAAE;MACTC,GAAG,EAAEnB,YAAY;MACjBoB,OAAO,EAAE;QAAEN,YAAY;QAAET;MAAW;IACtC,CAAE;IACFT,MAAM,EAAEA,MAAO;IACfC,KAAK,EAAEA,KAAM;IACbwB,YAAY,EAAEA;EAAa,GAE3BxC,MAAA,CAAAQ,OAAA,CAAA2B,aAAA,CAACpC,iBAAA,CAAA0C,aAAa;IACZxB,YAAY,EAAEA,YAAa;IAC3ByB,QAAQ,EAAC,MAAM;IACfxB,QAAQ,EAAEA;EAAS,GAEnBlB,MAAA,CAAAQ,OAAA,CAAA2B,aAAA,CAAChC,KAAA,CAAAwC,IAAI;IACHvB,YAAY,EAAEA,YAAa;IAC3BP,OAAO,EAAEA,OAAQ;IACjBW,UAAU,EAAEA,UAAW;IACvBb,QAAQ,EAAEA,QAAS;IACnBC,WAAW,EAAEA,WAAY;IACzBS,yBAAyB,EAAEA,yBAA0B;IACrDC,yBAAyB,EAAEA,yBAA0B;IACrDC,cAAc,EAAEA;EAAe,CAChC,CACY,CACD,CAAC;AAErB,CAAC;AAACqB,OAAA,CAAAnC,sBAAA,GAAAA,sBAAA","ignoreList":[]}
+{"version":3,"file":"InstrumentsTableWidget.js","names":["_client","require","_labsWidgetCommon","_react","_interopRequireDefault","_translations","_Main","_types","_utils","e","__esModule","default","InstrumentsTableWidget","_ref","division","instruments","columns","graphqlUrl","locale","theme","isParamError","logoLink","liveRatesUrl","assetClasses","isAssetClassFilterEnabled","isInstrumentSearchEnabled","recordsPerPage","dataSource","priceType","PriceType","Division","client","ApolloClient","uri","cache","InMemoryCache","divisionCode","getLiveRatesDivisionCode","liveRates","some","column","DataRecordType","BUY","SELL","DAILY_CHANGE","SPREAD","HIGH","LOW","url","options","undefined","createElement","WidgetProvider","translations","WidgetWrapper","linkArea","Main","isLiveRatesDisabled","exports"],"sources":["../../../src/InstrumentsTableWidget/InstrumentsTableWidget.tsx"],"sourcesContent":["import { ApolloClient, InMemoryCache } from '@apollo/client';\nimport {\n  DataRecordType,\n  WidgetProvider,\n  WidgetWrapper,\n} from '@oanda/labs-widget-common';\nimport React from 'react';\n\nimport { translations } from '../translations';\nimport { Main } from './Main';\nimport { type InstrumentsTableConfig, PriceType } from './types';\nimport { getLiveRatesDivisionCode } from './utils';\n\nconst InstrumentsTableWidget = ({\n  division,\n  instruments,\n  columns,\n  graphqlUrl,\n  locale,\n  theme,\n  isParamError,\n  logoLink,\n  liveRatesUrl,\n  assetClasses,\n  isAssetClassFilterEnabled,\n  isInstrumentSearchEnabled,\n  recordsPerPage,\n  dataSource,\n  priceType = PriceType.Division,\n}: InstrumentsTableConfig) => {\n  const client = new ApolloClient({\n    uri: graphqlUrl,\n    cache: new InMemoryCache(),\n  });\n\n  const divisionCode = getLiveRatesDivisionCode(\n    division,\n    priceType,\n    dataSource\n  );\n\n  const liveRates =\n    !columns ||\n    columns?.some(\n      (column) =>\n        column === DataRecordType.BUY ||\n        column === DataRecordType.SELL ||\n        column === DataRecordType.DAILY_CHANGE ||\n        column === DataRecordType.SPREAD ||\n        column === DataRecordType.HIGH ||\n        column === DataRecordType.LOW\n    )\n      ? {\n          url: liveRatesUrl,\n          options: { divisionCode, dataSource },\n        }\n      : undefined;\n\n  return (\n    <WidgetProvider\n      client={client}\n      liveRates={liveRates}\n      locale={locale}\n      theme={theme}\n      translations={translations}\n    >\n      <WidgetWrapper\n        isParamError={isParamError}\n        linkArea=\"logo\"\n        logoLink={logoLink}\n      >\n        <Main\n          assetClasses={assetClasses}\n          columns={columns}\n          dataSource={dataSource}\n          division={division}\n          instruments={instruments}\n          isAssetClassFilterEnabled={isAssetClassFilterEnabled}\n          isInstrumentSearchEnabled={isInstrumentSearchEnabled}\n          isLiveRatesDisabled={liveRates === undefined}\n          recordsPerPage={recordsPerPage}\n        />\n      </WidgetWrapper>\n    </WidgetProvider>\n  );\n};\n\nexport { InstrumentsTableWidget };\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAKA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAEA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAAmD,SAAAG,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEnD,MAAMG,sBAAsB,GAAGC,IAAA,IAgBD;EAAA,IAhBE;IAC9BC,QAAQ;IACRC,WAAW;IACXC,OAAO;IACPC,UAAU;IACVC,MAAM;IACNC,KAAK;IACLC,YAAY;IACZC,QAAQ;IACRC,YAAY;IACZC,YAAY;IACZC,yBAAyB;IACzBC,yBAAyB;IACzBC,cAAc;IACdC,UAAU;IACVC,SAAS,GAAGC,gBAAS,CAACC;EACA,CAAC,GAAAjB,IAAA;EACvB,MAAMkB,MAAM,GAAG,IAAIC,oBAAY,CAAC;IAC9BC,GAAG,EAAEhB,UAAU;IACfiB,KAAK,EAAE,IAAIC,qBAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,MAAMC,YAAY,GAAG,IAAAC,+BAAwB,EAC3CvB,QAAQ,EACRc,SAAS,EACTD,UACF,CAAC;EAED,MAAMW,SAAS,GACb,CAACtB,OAAO,IACRA,OAAO,EAAEuB,IAAI,CACVC,MAAM,IACLA,MAAM,KAAKC,gCAAc,CAACC,GAAG,IAC7BF,MAAM,KAAKC,gCAAc,CAACE,IAAI,IAC9BH,MAAM,KAAKC,gCAAc,CAACG,YAAY,IACtCJ,MAAM,KAAKC,gCAAc,CAACI,MAAM,IAChCL,MAAM,KAAKC,gCAAc,CAACK,IAAI,IAC9BN,MAAM,KAAKC,gCAAc,CAACM,GAC9B,CAAC,GACG;IACEC,GAAG,EAAE1B,YAAY;IACjB2B,OAAO,EAAE;MAAEb,YAAY;MAAET;IAAW;EACtC,CAAC,GACDuB,SAAS;EAEf,OACE/C,MAAA,CAAAQ,OAAA,CAAAwC,aAAA,CAACjD,iBAAA,CAAAkD,cAAc;IACbrB,MAAM,EAAEA,MAAO;IACfO,SAAS,EAAEA,SAAU;IACrBpB,MAAM,EAAEA,MAAO;IACfC,KAAK,EAAEA,KAAM;IACbkC,YAAY,EAAEA;EAAa,GAE3BlD,MAAA,CAAAQ,OAAA,CAAAwC,aAAA,CAACjD,iBAAA,CAAAoD,aAAa;IACZlC,YAAY,EAAEA,YAAa;IAC3BmC,QAAQ,EAAC,MAAM;IACflC,QAAQ,EAAEA;EAAS,GAEnBlB,MAAA,CAAAQ,OAAA,CAAAwC,aAAA,CAAC7C,KAAA,CAAAkD,IAAI;IACHjC,YAAY,EAAEA,YAAa;IAC3BP,OAAO,EAAEA,OAAQ;IACjBW,UAAU,EAAEA,UAAW;IACvBb,QAAQ,EAAEA,QAAS;IACnBC,WAAW,EAAEA,WAAY;IACzBS,yBAAyB,EAAEA,yBAA0B;IACrDC,yBAAyB,EAAEA,yBAA0B;IACrDgC,mBAAmB,EAAEnB,SAAS,KAAKY,SAAU;IAC7CxB,cAAc,EAAEA;EAAe,CAChC,CACY,CACD,CAAC;AAErB,CAAC;AAACgC,OAAA,CAAA9C,sBAAA,GAAAA,sBAAA","ignoreList":[]}

package/dist/main/InstrumentsTableWidget/Main.js

@@ -10,6 +10,7 @@ var _monoI18n = require("@oanda/mono-i18n");
 var _react = _interopRequireWildcard(require("react"));
 var _usehooksTs = require("usehooks-ts");
 var _resolveInstrumentsWithFilters = require("../gql/resolveInstrumentsWithFilters");
+var _graphql = require("../gql/types/graphql");
 var _components = require("./components");
 var _config = require("./config");
 var _constant = require("./constant");
@@ -23,10 +24,16 @@ const Main = _ref => {
     columns = _constant.DEFAULT_COLUMNS,
     isAssetClassFilterEnabled,
     isInstrumentSearchEnabled,
-    recordsPerPage = 10,
-    dataSource
+    recordsPerPage,
+    dataSource,
+    isLiveRatesDisabled
   } = _ref;
   const documentRef = (0, _react.useRef)(document);
+  const {
+    size
+  } = (0, _labsWidgetCommon.useLayoutProvider)();
+  const isDesktop = size === _labsWidgetCommon.Size.DESKTOP;
+  const isTradingMode = columns.includes(_labsWidgetCommon.DataRecordType.TRADE_MODE) && columns.includes(_labsWidgetCommon.DataRecordType.SYMBOL);
   const {
     lang
   } = (0, _monoI18n.useLocale)();
@@ -34,8 +41,8 @@ const Main = _ref => {
     target,
     setQuery,
     closeQuery
-  } = (0, _labsWidgetCommon.useLiveRatesQuery)();
-  const [records, setRecords] = (0, _react.useState)(new Array(recordsPerPage).fill({}));
+  } = (0, _labsWidgetCommon.useLiveRatesQuery)(isLiveRatesDisabled);
+  const [records, setRecords] = (0, _react.useState)(new Array(recordsPerPage || 10).fill({}));
   const [totalRecords, setTotalRecords] = (0, _react.useState)(0);
   const [queryVariables, setQueryVariables] = (0, _react.useState)({
     division,
@@ -44,9 +51,11 @@ const Main = _ref => {
     offset: 0,
     assetClass: assetClasses || [],
     instruments,
-    dataSource
+    dataSource,
+    withTradingModes: isTradingMode,
+    tradeModes: isTradingMode ? [_graphql.TradeMode.TradeLongonly, _graphql.TradeMode.TradeShortonly, _graphql.TradeMode.TradeCloseonly] : undefined
   });
-  const pageNumber = queryVariables.offset ? Math.floor(queryVariables.offset / recordsPerPage) : 0;
+  const pageNumber = queryVariables.offset ? Math.floor(queryVariables.offset / (recordsPerPage || 1)) : 0;
   const {
     data,
     error,
@@ -63,7 +72,8 @@ const Main = _ref => {
     if (!loading && data?.resolveInstrumentsWithFilters?.instruments) {
       const newRecords = data.resolveInstrumentsWithFilters.instruments.map(record => ({
         instrument: record?.name || '',
-        displayName: record?.displayName || ''
+        displayName: record?.displayName || '',
+        tradeMode: lang(_config.tradeModeLabels[record?.tradeMode || ''])
       }));
       setRecords(newRecords);
       setTotalRecords(data.resolveInstrumentsWithFilters.totalCount);
@@ -102,8 +112,9 @@ const Main = _ref => {
     }
   };
   (0, _usehooksTs.useEventListener)('visibilitychange', onVisibilityChange, documentRef);
+  const headerConfig = !isDesktop ? _config.headerConfigs.mobile : columns.length < 4 ? _config.headerConfigs.longInstruments : _config.headerConfigs.normal;
   return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_labsWidgetCommon.TableWidget, {
-    PaginationComponent: records.length > 0 ? _react.default.createElement(_labsWidgetCommon.Pagination, {
+    PaginationComponent: records.length > 0 && recordsPerPage ? _react.default.createElement(_labsWidgetCommon.Pagination, {
       currentPage: pageNumber,
       disabled: loading,
       recordsPerPage: recordsPerPage,
@@ -144,7 +155,8 @@ const Main = _ref => {
     activeColumns: columns,
     count: totalRecords,
     hasError: showError,
-    headerColumns: (0, _config.getHeaderConfig)(columns),
+    headerColumns: (0, _labsWidgetCommon.getHeaderConfig)(columns, headerConfig),
+    instrumentColumnWidth: headerConfig.instrument?.additionalStyles.minWidth,
     isLoading: loading,
     pageNumber: pageNumber,
     records: records,
@@ -152,7 +164,12 @@ const Main = _ref => {
     testId: "instruments-table-wrapper",
     toolTipId: _constant.INSTRUMENT_TOOLTIP_ID,
     viewType: "table"
-  }));
+  }), !loading && !showError && isTradingMode && _react.default.createElement("div", {
+    className: "lw-mt-2 lw-h-8"
+  }, _react.default.createElement(_labsWidgetCommon.LastUpdated, {
+    labelCallback: lang,
+    timestamp: data?.resolveInstrumentsWithFilters?.updatedAt
+  })));
 };
 exports.Main = Main;
 //# sourceMappingURL=Main.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Main.js","names":["_client","require","_labsWidgetCommon","_monoI18n","_react","_interopRequireWildcard","_usehooksTs","_resolveInstrumentsWithFilters","_components","_config","_constant","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Main","_ref","instruments","division","assetClasses","columns","DEFAULT_COLUMNS","isAssetClassFilterEnabled","isInstrumentSearchEnabled","recordsPerPage","dataSource","documentRef","useRef","document","lang","useLocale","target","setQuery","closeQuery","useLiveRatesQuery","records","setRecords","useState","Array","fill","totalRecords","setTotalRecords","queryVariables","setQueryVariables","count","searchPattern","offset","assetClass","pageNumber","Math","floor","data","error","loading","useQuery","resolveInstrumentsWithFilters","variables","fetchPolicy","errorPolicy","useEffect","newRecords","map","record","instrument","name","displayName","totalCount","instrumentsNames","_ref2","showError","onVisibilityChange","current","visibilityState","_ref3","useEventListener","createElement","Fragment","TableWidget","PaginationComponent","length","Pagination","currentPage","disabled","onPageChange","numb","prev","TabsComponent","Filters","assetClassOptions","id","label","assetClassLabels","ALL","onAssetClassChange","onSearchChange","activeColumns","hasError","headerColumns","getHeaderConfig","isLoading","testId","toolTipId","INSTRUMENT_TOOLTIP_ID","viewType","exports"],"sources":["../../../src/InstrumentsTableWidget/Main.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client';\nimport type { DataRecord } from '@oanda/labs-widget-common';\nimport {\n  Pagination,\n  TableWidget,\n  useLiveRatesQuery,\n} from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { useEventListener } from 'usehooks-ts';\n\nimport { resolveInstrumentsWithFilters } from '../gql/resolveInstrumentsWithFilters';\nimport type { AssetClassName } from '../gql/types/graphql';\nimport {\n  type ResolveInstrumentsWithFiltersQuery,\n  type ResolveInstrumentsWithFiltersQueryVariables,\n} from '../gql/types/graphql';\nimport { Filters } from './components';\nimport { assetClassLabels, getHeaderConfig } from './config';\nimport { DEFAULT_COLUMNS, INSTRUMENT_TOOLTIP_ID } from './constant';\nimport type { MainProps } from './types';\n\nconst Main = ({\n  instruments = [],\n  division,\n  assetClasses,\n  columns = DEFAULT_COLUMNS,\n  isAssetClassFilterEnabled,\n  isInstrumentSearchEnabled,\n  recordsPerPage = 10,\n  dataSource,\n}: MainProps) => {\n  const documentRef = useRef<Document>(document);\n  const { lang } = useLocale();\n  const { target, setQuery, closeQuery } = useLiveRatesQuery();\n\n  const [records, setRecords] = useState<DataRecord[]>(\n    new Array(recordsPerPage).fill({})\n  );\n\n  const [totalRecords, setTotalRecords] = useState<number>(0);\n\n  const [queryVariables, setQueryVariables] =\n    useState<ResolveInstrumentsWithFiltersQueryVariables>({\n      division,\n      count: recordsPerPage,\n      searchPattern: '',\n      offset: 0,\n      assetClass: assetClasses || [],\n      instruments,\n      dataSource,\n    });\n\n  const pageNumber = queryVariables.offset\n    ? Math.floor(queryVariables.offset / recordsPerPage)\n    : 0;\n\n  const { data, error, loading } = useQuery<\n    ResolveInstrumentsWithFiltersQuery,\n    ResolveInstrumentsWithFiltersQueryVariables\n  >(resolveInstrumentsWithFilters, {\n    variables: queryVariables,\n    fetchPolicy: 'network-only',\n    errorPolicy: 'all',\n  });\n\n  useEffect(() => {\n    if (loading) {\n      setRecords(new Array(recordsPerPage).fill({}));\n    }\n    if (!loading && data?.resolveInstrumentsWithFilters?.instruments) {\n      const newRecords = data.resolveInstrumentsWithFilters.instruments.map(\n        (record) => ({\n          instrument: record?.name || '',\n          displayName: record?.displayName || '',\n        })\n      );\n      setRecords(newRecords);\n      setTotalRecords(data.resolveInstrumentsWithFilters.totalCount);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [loading, data]);\n\n  useEffect(() => {\n    const instrumentsNames = records.map(({ instrument }) => instrument);\n    if (instrumentsNames[0]) {\n      setQuery({ instruments: instrumentsNames });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [records]);\n\n  const showError = (!loading && !!error) || (!loading && !data);\n\n  const onVisibilityChange = () => {\n    if (documentRef.current.visibilityState === 'hidden') {\n      closeQuery();\n    }\n    if (documentRef.current.visibilityState === 'visible') {\n      const instrumentsNames = records.map(({ instrument }) => instrument);\n      if (instrumentsNames[0]) {\n        setQuery({ instruments: instrumentsNames });\n      }\n    }\n  };\n\n  useEventListener('visibilitychange', onVisibilityChange, documentRef);\n\n  return (\n    <>\n      <TableWidget\n        PaginationComponent={\n          records.length > 0 ? (\n            <Pagination\n              currentPage={pageNumber}\n              disabled={loading}\n              recordsPerPage={recordsPerPage}\n              totalRecords={totalRecords}\n              onPageChange={(numb) => {\n                setQueryVariables((prev) => ({\n                  ...prev,\n                  offset: numb * recordsPerPage,\n                }));\n              }}\n            />\n          ) : (\n            <></>\n          )\n        }\n        TabsComponent={\n          isInstrumentSearchEnabled || isAssetClassFilterEnabled ? (\n            <Filters\n              assetClassOptions={[\n                {\n                  id: 'ALL',\n                  label: lang(assetClassLabels.ALL),\n                },\n                ...(assetClasses || []).map((assetClass) => ({\n                  id: assetClass,\n                  label: lang(assetClassLabels[assetClass]),\n                })),\n              ]}\n              isAssetClassFilterEnabled={isAssetClassFilterEnabled}\n              isInstrumentSearchEnabled={isInstrumentSearchEnabled}\n              onAssetClassChange={(assetClass) => {\n                setQueryVariables((prev) => ({\n                  ...prev,\n                  offset: 0,\n                  searchPattern: '',\n                  assetClass:\n                    assetClass[0] === 'ALL'\n                      ? assetClasses || []\n                      : (assetClass as AssetClassName[]),\n                }));\n              }}\n              onSearchChange={(searchPattern) => {\n                setQueryVariables((prev) => ({\n                  ...prev,\n                  offset: 0,\n                  searchPattern,\n                }));\n              }}\n            />\n          ) : (\n            <></>\n          )\n        }\n        activeColumns={columns}\n        count={totalRecords}\n        hasError={showError}\n        headerColumns={getHeaderConfig(columns)}\n        isLoading={loading}\n        pageNumber={pageNumber}\n        records={records}\n        target={target}\n        testId=\"instruments-table-wrapper\"\n        toolTipId={INSTRUMENT_TOOLTIP_ID}\n        viewType=\"table\"\n      />\n    </>\n  );\n};\n\nexport { Main };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Main.js","names":["_client","require","_labsWidgetCommon","_monoI18n","_react","_interopRequireWildcard","_usehooksTs","_resolveInstrumentsWithFilters","_graphql","_components","_config","_constant","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Main","_ref","instruments","division","assetClasses","columns","DEFAULT_COLUMNS","isAssetClassFilterEnabled","isInstrumentSearchEnabled","recordsPerPage","dataSource","isLiveRatesDisabled","documentRef","useRef","document","size","useLayoutProvider","isDesktop","Size","DESKTOP","isTradingMode","includes","DataRecordType","TRADE_MODE","SYMBOL","lang","useLocale","target","setQuery","closeQuery","useLiveRatesQuery","records","setRecords","useState","Array","fill","totalRecords","setTotalRecords","queryVariables","setQueryVariables","count","searchPattern","offset","assetClass","withTradingModes","tradeModes","TradeMode","TradeLongonly","TradeShortonly","TradeCloseonly","undefined","pageNumber","Math","floor","data","error","loading","useQuery","resolveInstrumentsWithFilters","variables","fetchPolicy","errorPolicy","useEffect","newRecords","map","record","instrument","name","displayName","tradeMode","tradeModeLabels","totalCount","instrumentsNames","_ref2","showError","onVisibilityChange","current","visibilityState","_ref3","useEventListener","headerConfig","headerConfigs","mobile","length","longInstruments","normal","createElement","Fragment","TableWidget","PaginationComponent","Pagination","currentPage","disabled","onPageChange","numb","prev","TabsComponent","Filters","assetClassOptions","id","label","assetClassLabels","ALL","onAssetClassChange","onSearchChange","activeColumns","hasError","headerColumns","getHeaderConfig","instrumentColumnWidth","additionalStyles","minWidth","isLoading","testId","toolTipId","INSTRUMENT_TOOLTIP_ID","viewType","className","LastUpdated","labelCallback","timestamp","updatedAt","exports"],"sources":["../../../src/InstrumentsTableWidget/Main.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client';\nimport type { DataRecord } from '@oanda/labs-widget-common';\nimport {\n  DataRecordType,\n  getHeaderConfig,\n  LastUpdated,\n  Pagination,\n  Size,\n  TableWidget,\n  useLayoutProvider,\n  useLiveRatesQuery,\n} from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { useEventListener } from 'usehooks-ts';\n\nimport { resolveInstrumentsWithFilters } from '../gql/resolveInstrumentsWithFilters';\nimport type { AssetClassName } from '../gql/types/graphql';\nimport {\n  type ResolveInstrumentsWithFiltersQuery,\n  type ResolveInstrumentsWithFiltersQueryVariables,\n  TradeMode,\n} from '../gql/types/graphql';\nimport { Filters } from './components';\nimport { assetClassLabels, headerConfigs, tradeModeLabels } from './config';\nimport { DEFAULT_COLUMNS, INSTRUMENT_TOOLTIP_ID } from './constant';\nimport type { MainProps } from './types';\n\nconst Main = ({\n  instruments = [],\n  division,\n  assetClasses,\n  columns = DEFAULT_COLUMNS,\n  isAssetClassFilterEnabled,\n  isInstrumentSearchEnabled,\n  recordsPerPage,\n  dataSource,\n  isLiveRatesDisabled,\n}: MainProps) => {\n  const documentRef = useRef<Document>(document);\n  const { size } = useLayoutProvider();\n  const isDesktop = size === Size.DESKTOP;\n  const isTradingMode =\n    columns.includes(DataRecordType.TRADE_MODE) &&\n    columns.includes(DataRecordType.SYMBOL);\n\n  const { lang } = useLocale();\n  const { target, setQuery, closeQuery } =\n    useLiveRatesQuery(isLiveRatesDisabled);\n\n  const [records, setRecords] = useState<DataRecord[]>(\n    new Array(recordsPerPage || 10).fill({})\n  );\n\n  const [totalRecords, setTotalRecords] = useState<number>(0);\n\n  const [queryVariables, setQueryVariables] =\n    useState<ResolveInstrumentsWithFiltersQueryVariables>({\n      division,\n      count: recordsPerPage,\n      searchPattern: '',\n      offset: 0,\n      assetClass: assetClasses || [],\n      instruments,\n      dataSource,\n      withTradingModes: isTradingMode,\n      tradeModes: isTradingMode\n        ? [\n            TradeMode.TradeLongonly,\n            TradeMode.TradeShortonly,\n            TradeMode.TradeCloseonly,\n          ]\n        : undefined,\n    });\n\n  const pageNumber = queryVariables.offset\n    ? Math.floor(queryVariables.offset / (recordsPerPage || 1))\n    : 0;\n\n  const { data, error, loading } = useQuery<\n    ResolveInstrumentsWithFiltersQuery,\n    ResolveInstrumentsWithFiltersQueryVariables\n  >(resolveInstrumentsWithFilters, {\n    variables: queryVariables,\n    fetchPolicy: 'network-only',\n    errorPolicy: 'all',\n  });\n\n  useEffect(() => {\n    if (loading) {\n      setRecords(new Array(recordsPerPage).fill({}));\n    }\n    if (!loading && data?.resolveInstrumentsWithFilters?.instruments) {\n      const newRecords = data.resolveInstrumentsWithFilters.instruments.map(\n        (record) => ({\n          instrument: record?.name || '',\n          displayName: record?.displayName || '',\n          tradeMode: lang(\n            tradeModeLabels[\n              (record?.tradeMode as keyof typeof tradeModeLabels) || ''\n            ]\n          ),\n        })\n      );\n      setRecords(newRecords);\n      setTotalRecords(data.resolveInstrumentsWithFilters.totalCount);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [loading, data]);\n\n  useEffect(() => {\n    const instrumentsNames = records.map(({ instrument }) => instrument);\n    if (instrumentsNames[0]) {\n      setQuery({ instruments: instrumentsNames });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [records]);\n\n  const showError = (!loading && !!error) || (!loading && !data);\n\n  const onVisibilityChange = () => {\n    if (documentRef.current.visibilityState === 'hidden') {\n      closeQuery();\n    }\n    if (documentRef.current.visibilityState === 'visible') {\n      const instrumentsNames = records.map(({ instrument }) => instrument);\n      if (instrumentsNames[0]) {\n        setQuery({ instruments: instrumentsNames });\n      }\n    }\n  };\n\n  useEventListener('visibilitychange', onVisibilityChange, documentRef);\n\n  const headerConfig = !isDesktop\n    ? headerConfigs.mobile\n    : columns.length < 4\n      ? headerConfigs.longInstruments\n      : headerConfigs.normal;\n\n  return (\n    <>\n      <TableWidget\n        PaginationComponent={\n          records.length > 0 && recordsPerPage ? (\n            <Pagination\n              currentPage={pageNumber}\n              disabled={loading}\n              recordsPerPage={recordsPerPage}\n              totalRecords={totalRecords}\n              onPageChange={(numb) => {\n                setQueryVariables((prev) => ({\n                  ...prev,\n                  offset: numb * recordsPerPage,\n                }));\n              }}\n            />\n          ) : (\n            <></>\n          )\n        }\n        TabsComponent={\n          isInstrumentSearchEnabled || isAssetClassFilterEnabled ? (\n            <Filters\n              assetClassOptions={[\n                {\n                  id: 'ALL',\n                  label: lang(assetClassLabels.ALL),\n                },\n                ...(assetClasses || []).map((assetClass) => ({\n                  id: assetClass,\n                  label: lang(assetClassLabels[assetClass]),\n                })),\n              ]}\n              isAssetClassFilterEnabled={isAssetClassFilterEnabled}\n              isInstrumentSearchEnabled={isInstrumentSearchEnabled}\n              onAssetClassChange={(assetClass) => {\n                setQueryVariables((prev) => ({\n                  ...prev,\n                  offset: 0,\n                  searchPattern: '',\n                  assetClass:\n                    assetClass[0] === 'ALL'\n                      ? assetClasses || []\n                      : (assetClass as AssetClassName[]),\n                }));\n              }}\n              onSearchChange={(searchPattern) => {\n                setQueryVariables((prev) => ({\n                  ...prev,\n                  offset: 0,\n                  searchPattern,\n                }));\n              }}\n            />\n          ) : (\n            <></>\n          )\n        }\n        activeColumns={columns}\n        count={totalRecords}\n        hasError={showError}\n        headerColumns={getHeaderConfig(columns, headerConfig)}\n        instrumentColumnWidth={\n          headerConfig.instrument?.additionalStyles.minWidth\n        }\n        isLoading={loading}\n        pageNumber={pageNumber}\n        records={records}\n        target={target}\n        testId=\"instruments-table-wrapper\"\n        toolTipId={INSTRUMENT_TOOLTIP_ID}\n        viewType=\"table\"\n      />\n      {!loading && !showError && isTradingMode && (\n        <div className=\"lw-mt-2 lw-h-8\">\n          <LastUpdated\n            labelCallback={lang}\n            timestamp={data?.resolveInstrumentsWithFilters?.updatedAt}\n          />\n        </div>\n      )}\n    </>\n  );\n};\n\nexport { Main };\n"],"mappings":"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","ignoreList":[]}

package/dist/main/InstrumentsTableWidget/config.js

@@ -3,39 +3,107 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.headerConfig = exports.getHeaderConfig = exports.assetClassLabels = void 0;
+exports.tradeModeLabels = exports.headerConfigs = exports.assetClassLabels = void 0;
 var _labsWidgetCommon = require("@oanda/labs-widget-common");
 var _graphql = require("../gql/types/graphql");
-const headerConfig = exports.headerConfig = {
+const tradeModeLabels = exports.tradeModeLabels = {
+  [_graphql.TradeMode.TradeLongonly]: 'long_only',
+  [_graphql.TradeMode.TradeShortonly]: 'short_only',
+  [_graphql.TradeMode.TradeCloseonly]: 'close_only'
+};
+const normal = {
   [_labsWidgetCommon.DataRecordType.INSTRUMENT]: {
     displayName: 'instrument',
-    additionalStyles: 'lw-text-left lw-min-w-[130px]'
+    additionalStyles: {
+      align: 'left',
+      minWidth: '200px'
+    }
   },
   [_labsWidgetCommon.DataRecordType.SELL]: {
     displayName: 'sell',
-    additionalStyles: 'lw-text-right lw-min-w-[75px] lw-pr-4'
+    additionalStyles: {
+      align: 'right',
+      minWidth: '75px',
+      paddingRight: true
+    }
   },
   [_labsWidgetCommon.DataRecordType.BUY]: {
     displayName: 'buy',
-    additionalStyles: 'lw-text-right lw-min-w-[75px] lw-pr-4'
+    additionalStyles: {
+      align: 'right',
+      minWidth: '75px',
+      paddingRight: true
+    }
   },
   [_labsWidgetCommon.DataRecordType.SPREAD]: {
     displayName: 'spread',
-    additionalStyles: 'lw-text-right lw-min-w-[50px]'
+    additionalStyles: {
+      align: 'right',
+      minWidth: '50px'
+    }
   },
   [_labsWidgetCommon.DataRecordType.DAILY_CHANGE]: {
     displayName: 'daily_percent_change',
-    additionalStyles: 'lw-text-right lw-min-w-[80px]'
+    additionalStyles: {
+      align: 'right',
+      minWidth: '80px'
+    }
   },
   [_labsWidgetCommon.DataRecordType.HIGH]: {
     displayName: 'today_high',
-    additionalStyles: 'lw-text-right lw-min-w-[80px]'
+    additionalStyles: {
+      align: 'right',
+      minWidth: '80px'
+    }
   },
   [_labsWidgetCommon.DataRecordType.LOW]: {
     displayName: 'today_low',
-    additionalStyles: 'lw-text-right lw-min-w-[80px]'
+    additionalStyles: {
+      align: 'right',
+      minWidth: '80px'
+    }
+  },
+  [_labsWidgetCommon.DataRecordType.TRADE_MODE]: {
+    displayName: 'trade_mode',
+    additionalStyles: {
+      align: 'right',
+      minWidth: '80px',
+      paddingRight: true
+    }
+  },
+  [_labsWidgetCommon.DataRecordType.SYMBOL]: {
+    displayName: 'symbol',
+    additionalStyles: {
+      align: 'center',
+      minWidth: '80px'
+    }
+  }
+};
+const longInstruments = {
+  ...normal,
+  [_labsWidgetCommon.DataRecordType.INSTRUMENT]: {
+    displayName: 'instrument',
+    additionalStyles: {
+      align: 'left',
+      minWidth: '250px'
+    }
   }
 };
+const mobile = {
+  ...normal,
+  [_labsWidgetCommon.DataRecordType.INSTRUMENT]: {
+    displayName: 'instrument',
+    additionalStyles: {
+      align: 'left',
+      minWidth: '150px'
+    }
+  }
+};
+const headerConfigs = exports.headerConfigs = {
+  normal,
+  longInstruments,
+  mobile
+};
 const assetClassLabels = exports.assetClassLabels = {
   ALL: 'all',
   [_graphql.AssetClassName.Currency]: 'currency',
@@ -46,9 +114,4 @@ const assetClassLabels = exports.assetClassLabels = {
   [_graphql.AssetClassName.Etfs]: 'etf_cfds',
   [_graphql.AssetClassName.Indices]: 'index'
 };
-const getHeaderConfig = activeColumns => {
-  const columns = [_labsWidgetCommon.DataRecordType.INSTRUMENT, ...activeColumns].filter(item => item !== _labsWidgetCommon.DataRecordType.SENTIMENT);
-  return columns.map(item => headerConfig[item]);
-};
-exports.getHeaderConfig = getHeaderConfig;
 //# sourceMappingURL=config.js.map

package/dist/main/InstrumentsTableWidget/config.js.map

@@ -1 +1 @@
-{"version":3,"file":"config.js","names":["_labsWidgetCommon","require","_graphql","headerConfig","exports","DataRecordType","INSTRUMENT","displayName","additionalStyles","SELL","BUY","SPREAD","DAILY_CHANGE","HIGH","LOW","assetClassLabels","ALL","AssetClassName","Currency","Commodities","Rates","Cryptocurrency","EquityShares","Etfs","Indices","getHeaderConfig","activeColumns","columns","filter","item","SENTIMENT","map"],"sources":["../../../src/InstrumentsTableWidget/config.ts"],"sourcesContent":["import type { HeaderColumns } from '@oanda/labs-widget-common';\nimport { DataRecordType } from '@oanda/labs-widget-common';\n\nimport { AssetClassName } from '../gql/types/graphql';\nimport type { AssetClassLabels } from './components/Filters/types';\n\ntype HeaderRecordType =\n  | DataRecordType.INSTRUMENT\n  | DataRecordType.SELL\n  | DataRecordType.BUY\n  | DataRecordType.DAILY_CHANGE\n  | DataRecordType.SPREAD\n  | DataRecordType.HIGH\n  | DataRecordType.LOW;\n\nconst headerConfig: Record<\n  HeaderRecordType,\n  { displayName: string; additionalStyles: string }\n> = {\n  [DataRecordType.INSTRUMENT]: {\n    displayName: 'instrument',\n    additionalStyles: 'lw-text-left lw-min-w-[130px]',\n  },\n  [DataRecordType.SELL]: {\n    displayName: 'sell',\n    additionalStyles: 'lw-text-right lw-min-w-[75px] lw-pr-4',\n  },\n  [DataRecordType.BUY]: {\n    displayName: 'buy',\n    additionalStyles: 'lw-text-right lw-min-w-[75px] lw-pr-4',\n  },\n  [DataRecordType.SPREAD]: {\n    displayName: 'spread',\n    additionalStyles: 'lw-text-right lw-min-w-[50px]',\n  },\n  [DataRecordType.DAILY_CHANGE]: {\n    displayName: 'daily_percent_change',\n    additionalStyles: 'lw-text-right lw-min-w-[80px]',\n  },\n  [DataRecordType.HIGH]: {\n    displayName: 'today_high',\n    additionalStyles: 'lw-text-right lw-min-w-[80px]',\n  },\n  [DataRecordType.LOW]: {\n    displayName: 'today_low',\n    additionalStyles: 'lw-text-right lw-min-w-[80px]',\n  },\n};\n\nconst assetClassLabels: Record<AssetClassLabels, string> = {\n  ALL: 'all',\n  [AssetClassName.Currency]: 'currency',\n  [AssetClassName.Commodities]: 'commodity',\n  [AssetClassName.Rates]: 'bond',\n  [AssetClassName.Cryptocurrency]: 'crypto',\n  [AssetClassName.EquityShares]: 'share_cfds',\n  [AssetClassName.Etfs]: 'etf_cfds',\n  [AssetClassName.Indices]: 'index',\n};\n\nconst getHeaderConfig = (activeColumns: DataRecordType[]): HeaderColumns[] => {\n  const columns: HeaderRecordType[] = [\n    DataRecordType.INSTRUMENT,\n    ...activeColumns,\n  ].filter(\n    (item): item is HeaderRecordType => item !== DataRecordType.SENTIMENT\n  );\n\n  return columns.map((item) => headerConfig[item]);\n};\n\nexport { assetClassLabels, getHeaderConfig, headerConfig };\n"],"mappings":";;;;;;AACA,IAAAA,iBAAA,GAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AAYA,MAAME,YAGL,GAAAC,OAAA,CAAAD,YAAA,GAAG;EACF,CAACE,gCAAc,CAACC,UAAU,GAAG;IAC3BC,WAAW,EAAE,YAAY;IACzBC,gBAAgB,EAAE;EACpB,CAAC;EACD,CAACH,gCAAc,CAACI,IAAI,GAAG;IACrBF,WAAW,EAAE,MAAM;IACnBC,gBAAgB,EAAE;EACpB,CAAC;EACD,CAACH,gCAAc,CAACK,GAAG,GAAG;IACpBH,WAAW,EAAE,KAAK;IAClBC,gBAAgB,EAAE;EACpB,CAAC;EACD,CAACH,gCAAc,CAACM,MAAM,GAAG;IACvBJ,WAAW,EAAE,QAAQ;IACrBC,gBAAgB,EAAE;EACpB,CAAC;EACD,CAACH,gCAAc,CAACO,YAAY,GAAG;IAC7BL,WAAW,EAAE,sBAAsB;IACnCC,gBAAgB,EAAE;EACpB,CAAC;EACD,CAACH,gCAAc,CAACQ,IAAI,GAAG;IACrBN,WAAW,EAAE,YAAY;IACzBC,gBAAgB,EAAE;EACpB,CAAC;EACD,CAACH,gCAAc,CAACS,GAAG,GAAG;IACpBP,WAAW,EAAE,WAAW;IACxBC,gBAAgB,EAAE;EACpB;AACF,CAAC;AAED,MAAMO,gBAAkD,GAAAX,OAAA,CAAAW,gBAAA,GAAG;EACzDC,GAAG,EAAE,KAAK;EACV,CAACC,uBAAc,CAACC,QAAQ,GAAG,UAAU;EACrC,CAACD,uBAAc,CAACE,WAAW,GAAG,WAAW;EACzC,CAACF,uBAAc,CAACG,KAAK,GAAG,MAAM;EAC9B,CAACH,uBAAc,CAACI,cAAc,GAAG,QAAQ;EACzC,CAACJ,uBAAc,CAACK,YAAY,GAAG,YAAY;EAC3C,CAACL,uBAAc,CAACM,IAAI,GAAG,UAAU;EACjC,CAACN,uBAAc,CAACO,OAAO,GAAG;AAC5B,CAAC;AAED,MAAMC,eAAe,GAAIC,aAA+B,IAAsB;EAC5E,MAAMC,OAA2B,GAAG,CAClCtB,gCAAc,CAACC,UAAU,EACzB,GAAGoB,aAAa,CACjB,CAACE,MAAM,CACLC,IAAI,IAA+BA,IAAI,KAAKxB,gCAAc,CAACyB,SAC9D,CAAC;EAED,OAAOH,OAAO,CAACI,GAAG,CAAEF,IAAI,IAAK1B,YAAY,CAAC0B,IAAI,CAAC,CAAC;AAClD,CAAC;AAACzB,OAAA,CAAAqB,eAAA,GAAAA,eAAA","ignoreList":[]}
+{"version":3,"file":"config.js","names":["_labsWidgetCommon","require","_graphql","tradeModeLabels","exports","TradeMode","TradeLongonly","TradeShortonly","TradeCloseonly","normal","DataRecordType","INSTRUMENT","displayName","additionalStyles","align","minWidth","SELL","paddingRight","BUY","SPREAD","DAILY_CHANGE","HIGH","LOW","TRADE_MODE","SYMBOL","longInstruments","mobile","headerConfigs","assetClassLabels","ALL","AssetClassName","Currency","Commodities","Rates","Cryptocurrency","EquityShares","Etfs","Indices"],"sources":["../../../src/InstrumentsTableWidget/config.ts"],"sourcesContent":["import type { HeaderConfigType } from '@oanda/labs-widget-common';\nimport { DataRecordType } from '@oanda/labs-widget-common';\n\nimport { AssetClassName, TradeMode } from '../gql/types/graphql';\nimport type { AssetClassLabels } from './components/Filters/types';\n\nconst tradeModeLabels: Record<\n  TradeMode.TradeLongonly | TradeMode.TradeShortonly | TradeMode.TradeCloseonly,\n  string\n> = {\n  [TradeMode.TradeLongonly]: 'long_only',\n  [TradeMode.TradeShortonly]: 'short_only',\n  [TradeMode.TradeCloseonly]: 'close_only',\n};\nconst normal: HeaderConfigType = {\n  [DataRecordType.INSTRUMENT]: {\n    displayName: 'instrument',\n    additionalStyles: {\n      align: 'left',\n      minWidth: '200px',\n    },\n  },\n  [DataRecordType.SELL]: {\n    displayName: 'sell',\n    additionalStyles: {\n      align: 'right',\n      minWidth: '75px',\n      paddingRight: true,\n    },\n  },\n  [DataRecordType.BUY]: {\n    displayName: 'buy',\n    additionalStyles: {\n      align: 'right',\n      minWidth: '75px',\n      paddingRight: true,\n    },\n  },\n  [DataRecordType.SPREAD]: {\n    displayName: 'spread',\n    additionalStyles: {\n      align: 'right',\n      minWidth: '50px',\n    },\n  },\n  [DataRecordType.DAILY_CHANGE]: {\n    displayName: 'daily_percent_change',\n    additionalStyles: {\n      align: 'right',\n      minWidth: '80px',\n    },\n  },\n  [DataRecordType.HIGH]: {\n    displayName: 'today_high',\n    additionalStyles: {\n      align: 'right',\n      minWidth: '80px',\n    },\n  },\n  [DataRecordType.LOW]: {\n    displayName: 'today_low',\n    additionalStyles: {\n      align: 'right',\n      minWidth: '80px',\n    },\n  },\n  [DataRecordType.TRADE_MODE]: {\n    displayName: 'trade_mode',\n    additionalStyles: {\n      align: 'right',\n      minWidth: '80px',\n      paddingRight: true,\n    },\n  },\n  [DataRecordType.SYMBOL]: {\n    displayName: 'symbol',\n    additionalStyles: {\n      align: 'center',\n      minWidth: '80px',\n    },\n  },\n};\n\nconst longInstruments: HeaderConfigType = {\n  ...normal,\n  [DataRecordType.INSTRUMENT]: {\n    displayName: 'instrument',\n    additionalStyles: {\n      align: 'left',\n      minWidth: '250px',\n    },\n  },\n};\n\nconst mobile: HeaderConfigType = {\n  ...normal,\n  [DataRecordType.INSTRUMENT]: {\n    displayName: 'instrument',\n    additionalStyles: {\n      align: 'left',\n      minWidth: '150px',\n    },\n  },\n};\n\nconst headerConfigs = {\n  normal,\n  longInstruments,\n  mobile,\n};\n\nconst assetClassLabels: Record<AssetClassLabels, string> = {\n  ALL: 'all',\n  [AssetClassName.Currency]: 'currency',\n  [AssetClassName.Commodities]: 'commodity',\n  [AssetClassName.Rates]: 'bond',\n  [AssetClassName.Cryptocurrency]: 'crypto',\n  [AssetClassName.EquityShares]: 'share_cfds',\n  [AssetClassName.Etfs]: 'etf_cfds',\n  [AssetClassName.Indices]: 'index',\n};\n\nexport { assetClassLabels, headerConfigs, tradeModeLabels };\n"],"mappings":"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","ignoreList":[]}

package/dist/main/InstrumentsTableWidget/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["PriceType","exports"],"sources":["../../../src/InstrumentsTableWidget/types.ts"],"sourcesContent":["import type { DataRecordType, WidgetConfig } from '@oanda/labs-widget-common';\n\nimport type {\n  AssetClassName,\n  Division,\n  InstrumentDataSource,\n} from '../gql/types/graphql';\n\nexport enum PriceType {\n  Raw = 'raw',\n  Division = 'division',\n}\n\nexport interface InstrumentsTableConfig extends WidgetConfig {\n  liveRatesUrl: string;\n  instruments?: string[];\n  division: Division;\n  columns?: DataRecordType[];\n  assetClasses?: AssetClassName[];\n  isAssetClassFilterEnabled?: boolean;\n  isInstrumentSearchEnabled?: boolean;\n  recordsPerPage?: number;\n  dataSource: InstrumentDataSource;\n  priceType?: PriceType;\n}\n\nexport interface MainProps {\n  instruments?: string[];\n  division: Division;\n  columns?: DataRecordType[];\n  assetClasses?: AssetClassName[];\n  isAssetClassFilterEnabled?: boolean;\n  isInstrumentSearchEnabled?: boolean;\n  recordsPerPage?: number;\n  dataSource: InstrumentDataSource;\n}\n"],"mappings":";;;;;;IAQYA,SAAS,GAAAC,OAAA,CAAAD,SAAA,aAATA,SAAS;EAATA,SAAS;EAATA,SAAS;EAAA,OAATA,SAAS;AAAA","ignoreList":[]}
+{"version":3,"file":"types.js","names":["PriceType","exports"],"sources":["../../../src/InstrumentsTableWidget/types.ts"],"sourcesContent":["import type { DataRecordType, WidgetConfig } from '@oanda/labs-widget-common';\n\nimport type {\n  AssetClassName,\n  Division,\n  InstrumentDataSource,\n} from '../gql/types/graphql';\n\nexport enum PriceType {\n  Raw = 'raw',\n  Division = 'division',\n}\n\nexport interface InstrumentsTableConfig extends WidgetConfig {\n  liveRatesUrl: string;\n  instruments?: string[];\n  division: Division;\n  columns?: DataRecordType[];\n  assetClasses?: AssetClassName[];\n  isAssetClassFilterEnabled?: boolean;\n  isInstrumentSearchEnabled?: boolean;\n  recordsPerPage?: number;\n  dataSource: InstrumentDataSource;\n  priceType?: PriceType;\n}\n\nexport interface MainProps {\n  instruments?: string[];\n  division: Division;\n  columns?: DataRecordType[];\n  assetClasses?: AssetClassName[];\n  isAssetClassFilterEnabled?: boolean;\n  isInstrumentSearchEnabled?: boolean;\n  recordsPerPage?: number;\n  dataSource: InstrumentDataSource;\n  isLiveRatesDisabled?: boolean;\n}\n"],"mappings":";;;;;;IAQYA,SAAS,GAAAC,OAAA,CAAAD,SAAA,aAATA,SAAS;EAATA,SAAS;EAATA,SAAS;EAAA,OAATA,SAAS;AAAA","ignoreList":[]}

package/dist/main/gql/resolveInstrumentsWithFilters.js

@@ -12,8 +12,10 @@ const resolveInstrumentsWithFilters = exports.resolveInstrumentsWithFilters = (0
     $dataSource: InstrumentDataSource
     $instruments: [String]
     $searchPattern: String
+    $tradeModes: [TradeMode]
     $count: Int
     $offset: Int
+    $withTradingModes: Boolean!
   ) {
     resolveInstrumentsWithFilters(
       division: $division
@@ -23,12 +25,15 @@ const resolveInstrumentsWithFilters = exports.resolveInstrumentsWithFilters = (0
       searchPattern: $searchPattern
       count: $count
       offset: $offset
+      tradeModes: $tradeModes
     ) {
       instruments {
         name
         displayName
+        tradeMode @include(if: $withTradingModes)
       }
       totalCount
+      updatedAt @include(if: $withTradingModes)
     }
   }
 `;