@oanda/labs-live-rates-table-widget 1.0.49 → 1.0.50

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

@@ -1 +1 @@
-{"version":3,"file":"Main.js","names":["useQuery","Size","Table","Tooltip","useLayoutProvider","useLiveRatesQuery","React","useEffect","useState","validateInstruments","Cards","RowWithData","DEFAULT_COLUMNS","INSTRUMENT_TOOLTIP_ID","getHeaderConfig","getRecords","Main","_ref","instruments","division","columns","size","isDesktop","DESKTOP","target","setQuery","records","setRecords","Array","length","fill","loading","data","error","variables","fetchPolicy","instrumentsNames","map","_ref2","instrument","showError","createElement","Fragment","className","headerConfig","isError","renderRow","record","index","isScrolled","key","activeColumns","hasBackgroundColor","isLoading","id"],"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":[]}
+{"version":3,"file":"Main.js","names":["Size","TableWidget","useFetchCombinedDataRecords","useLayoutProvider","useLiveRatesQuery","React","useEffect","useState","getInstrumentsChart","validateInstruments","getHeaderConfig","DEFAULT_COLUMNS","INSTRUMENT_TOOLTIP_ID","getRecords","Main","_ref","instruments","division","columns","size","isDesktop","DESKTOP","target","setQuery","records","setRecords","Array","length","fill","data","loading","error","mainQuery","mainVariables","batchQuery","getBatchVariables","mainData","intrumentsByDivision","mapInstrumentNames","filter","i","displayName","map","undefined","merge","chartData","fetchPolicy","instrumentsNames","_ref2","instrument","showError","createElement","activeColumns","count","hasError","headerColumns","isLoading","pageNumber","testId","toolTipId"],"sources":["../../../src/LiveRatesTableWidget/Main.tsx"],"sourcesContent":["import type { DataRecord } from '@oanda/labs-widget-common';\nimport {\n  Size,\n  TableWidget,\n  useFetchCombinedDataRecords,\n  useLayoutProvider,\n  useLiveRatesQuery,\n} from '@oanda/labs-widget-common';\nimport React, { useEffect, useState } from 'react';\n\nimport { getInstrumentsChart } from '../gql/getInstrumentsChart';\nimport type {\n  GetInstrumentsChartQuery,\n  GetInstrumentsChartQueryVariables,\n  ValidateInstrumentsQuery,\n  ValidateInstrumentsQueryVariables,\n} from '../gql/types/graphql';\nimport { validateInstruments } from '../gql/validateInstruments';\nimport { getHeaderConfig } from './config';\nimport { DEFAULT_COLUMNS, INSTRUMENT_TOOLTIP_ID } from './constant';\nimport type { MainProps, ValidateInstrumentsData } from './types';\nimport { 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\n  const [records, setRecords] = useState<DataRecord[]>(\n    new Array(instruments.length).fill({})\n  );\n\n  const { data, loading, error } = useFetchCombinedDataRecords<\n    ValidateInstrumentsQuery,\n    ValidateInstrumentsQueryVariables,\n    GetInstrumentsChartQuery,\n    GetInstrumentsChartQueryVariables,\n    ValidateInstrumentsData\n  >({\n    mainQuery: validateInstruments,\n    mainVariables: {\n      instruments,\n      division,\n    },\n    batchQuery: getInstrumentsChart,\n    getBatchVariables: (mainData) => {\n      const intrumentsByDivision = mainData?.mapInstrumentNames\n        ?.filter(\n          (i): i is { displayName: string; name: string } => !!i?.displayName\n        )\n        ?.map((i) => i.displayName);\n\n      return intrumentsByDivision?.length\n        ? { instruments: intrumentsByDivision, division }\n        : undefined;\n    },\n    merge: (mainData, chartData) => getRecords(mainData, chartData),\n    fetchPolicy: 'network-only',\n  });\n\n  useEffect(() => {\n    if (!loading && data) {\n      setRecords(data.records ?? []);\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    <TableWidget\n      activeColumns={columns}\n      count={0}\n      hasError={showError}\n      headerColumns={getHeaderConfig(columns)}\n      isLoading={loading}\n      pageNumber={0}\n      records={records}\n      target={target}\n      testId=\"live-rates-table-wrapper\"\n      toolTipId={INSTRUMENT_TOOLTIP_ID}\n    />\n  );\n};\n\nexport { Main };\n"],"mappings":"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","ignoreList":[]}

package/dist/module/LiveRatesTableWidget/config.js

@@ -1,34 +1,38 @@
-import { Size } from '@oanda/labs-widget-common';
-import { ColumnsNames, View } from './types';
+import { DataRecordType, Size } from '@oanda/labs-widget-common';
+import { View } from './types';
 const headerConfig = {
-  [ColumnsNames.INSTRUMENT]: {
+  [DataRecordType.INSTRUMENT]: {
     displayName: 'instrument',
     additionalStyles: 'lw-text-left lw-min-w-[130px]'
   },
-  [ColumnsNames.SELL]: {
+  [DataRecordType.SELL]: {
     displayName: 'sell',
     additionalStyles: 'lw-text-right lw-min-w-[75px] lw-pr-4'
   },
-  [ColumnsNames.BUY]: {
+  [DataRecordType.BUY]: {
     displayName: 'buy',
     additionalStyles: 'lw-text-right lw-min-w-[75px] lw-pr-4'
   },
-  [ColumnsNames.DAILY_CHANGE]: {
+  [DataRecordType.DAILY_CHANGE]: {
     displayName: 'daily_percent_change',
     additionalStyles: 'lw-text-right lw-min-w-[80px]'
   },
-  [ColumnsNames.CHART]: {
+  [DataRecordType.CHART]: {
     displayName: '24h_chart',
     additionalStyles: 'lw-text-center lw-min-w-[100px]'
   },
-  [ColumnsNames.SPREAD]: {
+  [DataRecordType.SPREAD]: {
     displayName: 'spread',
     additionalStyles: 'lw-text-right lw-min-w-[50px]'
   }
 };
+const getHeaderConfig = activeColumns => {
+  const columns = [DataRecordType.INSTRUMENT, ...activeColumns].filter(item => item !== DataRecordType.SENTIMENT);
+  return columns.map(item => headerConfig[item]);
+};
 const sizeConfig = {
   [View.CARDS]: Size.MOBILE,
   [View.TABLE]: Size.DESKTOP
 };
-export { headerConfig, sizeConfig };
+export { getHeaderConfig, headerConfig, sizeConfig };
 //# sourceMappingURL=config.js.map

package/dist/module/LiveRatesTableWidget/config.js.map

@@ -1 +1 @@
-{"version":3,"file":"config.js","names":["Size","ColumnsNames","View","headerConfig","INSTRUMENT","displayName","additionalStyles","SELL","BUY","DAILY_CHANGE","CHART","SPREAD","sizeConfig","CARDS","MOBILE","TABLE","DESKTOP"],"sources":["../../../src/LiveRatesTableWidget/config.ts"],"sourcesContent":["import { Size } from '@oanda/labs-widget-common';\n\nimport { ColumnsNames, View } from './types';\n\nconst headerConfig = {\n  [ColumnsNames.INSTRUMENT]: {\n    displayName: 'instrument',\n    additionalStyles: 'lw-text-left lw-min-w-[130px]',\n  },\n  [ColumnsNames.SELL]: {\n    displayName: 'sell',\n    additionalStyles: 'lw-text-right lw-min-w-[75px] lw-pr-4',\n  },\n  [ColumnsNames.BUY]: {\n    displayName: 'buy',\n    additionalStyles: 'lw-text-right lw-min-w-[75px] lw-pr-4',\n  },\n  [ColumnsNames.DAILY_CHANGE]: {\n    displayName: 'daily_percent_change',\n    additionalStyles: 'lw-text-right lw-min-w-[80px]',\n  },\n  [ColumnsNames.CHART]: {\n    displayName: '24h_chart',\n    additionalStyles: 'lw-text-center lw-min-w-[100px]',\n  },\n  [ColumnsNames.SPREAD]: {\n    displayName: 'spread',\n    additionalStyles: 'lw-text-right lw-min-w-[50px]',\n  },\n};\n\nconst sizeConfig = {\n  [View.CARDS]: Size.MOBILE,\n  [View.TABLE]: Size.DESKTOP,\n};\n\nexport { headerConfig, sizeConfig };\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,2BAA2B;AAEhD,SAASC,YAAY,EAAEC,IAAI,QAAQ,SAAS;AAE5C,MAAMC,YAAY,GAAG;EACnB,CAACF,YAAY,CAACG,UAAU,GAAG;IACzBC,WAAW,EAAE,YAAY;IACzBC,gBAAgB,EAAE;EACpB,CAAC;EACD,CAACL,YAAY,CAACM,IAAI,GAAG;IACnBF,WAAW,EAAE,MAAM;IACnBC,gBAAgB,EAAE;EACpB,CAAC;EACD,CAACL,YAAY,CAACO,GAAG,GAAG;IAClBH,WAAW,EAAE,KAAK;IAClBC,gBAAgB,EAAE;EACpB,CAAC;EACD,CAACL,YAAY,CAACQ,YAAY,GAAG;IAC3BJ,WAAW,EAAE,sBAAsB;IACnCC,gBAAgB,EAAE;EACpB,CAAC;EACD,CAACL,YAAY,CAACS,KAAK,GAAG;IACpBL,WAAW,EAAE,WAAW;IACxBC,gBAAgB,EAAE;EACpB,CAAC;EACD,CAACL,YAAY,CAACU,MAAM,GAAG;IACrBN,WAAW,EAAE,QAAQ;IACrBC,gBAAgB,EAAE;EACpB;AACF,CAAC;AAED,MAAMM,UAAU,GAAG;EACjB,CAACV,IAAI,CAACW,KAAK,GAAGb,IAAI,CAACc,MAAM;EACzB,CAACZ,IAAI,CAACa,KAAK,GAAGf,IAAI,CAACgB;AACrB,CAAC;AAED,SAASb,YAAY,EAAES,UAAU","ignoreList":[]}
+{"version":3,"file":"config.js","names":["DataRecordType","Size","View","headerConfig","INSTRUMENT","displayName","additionalStyles","SELL","BUY","DAILY_CHANGE","CHART","SPREAD","getHeaderConfig","activeColumns","columns","filter","item","SENTIMENT","map","sizeConfig","CARDS","MOBILE","TABLE","DESKTOP"],"sources":["../../../src/LiveRatesTableWidget/config.ts"],"sourcesContent":["import type { HeaderColumns } from '@oanda/labs-widget-common';\nimport { DataRecordType, Size } from '@oanda/labs-widget-common';\n\nimport { View } from './types';\n\ntype HeaderRecordType = Exclude<DataRecordType, DataRecordType.SENTIMENT>;\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.DAILY_CHANGE]: {\n    displayName: 'daily_percent_change',\n    additionalStyles: 'lw-text-right lw-min-w-[80px]',\n  },\n  [DataRecordType.CHART]: {\n    displayName: '24h_chart',\n    additionalStyles: 'lw-text-center lw-min-w-[100px]',\n  },\n  [DataRecordType.SPREAD]: {\n    displayName: 'spread',\n    additionalStyles: 'lw-text-right lw-min-w-[50px]',\n  },\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\nconst sizeConfig = {\n  [View.CARDS]: Size.MOBILE,\n  [View.TABLE]: Size.DESKTOP,\n};\n\nexport { getHeaderConfig, headerConfig, sizeConfig };\n"],"mappings":"AACA,SAASA,cAAc,EAAEC,IAAI,QAAQ,2BAA2B;AAEhE,SAASC,IAAI,QAAQ,SAAS;AAI9B,MAAMC,YAGL,GAAG;EACF,CAACH,cAAc,CAACI,UAAU,GAAG;IAC3BC,WAAW,EAAE,YAAY;IACzBC,gBAAgB,EAAE;EACpB,CAAC;EACD,CAACN,cAAc,CAACO,IAAI,GAAG;IACrBF,WAAW,EAAE,MAAM;IACnBC,gBAAgB,EAAE;EACpB,CAAC;EACD,CAACN,cAAc,CAACQ,GAAG,GAAG;IACpBH,WAAW,EAAE,KAAK;IAClBC,gBAAgB,EAAE;EACpB,CAAC;EACD,CAACN,cAAc,CAACS,YAAY,GAAG;IAC7BJ,WAAW,EAAE,sBAAsB;IACnCC,gBAAgB,EAAE;EACpB,CAAC;EACD,CAACN,cAAc,CAACU,KAAK,GAAG;IACtBL,WAAW,EAAE,WAAW;IACxBC,gBAAgB,EAAE;EACpB,CAAC;EACD,CAACN,cAAc,CAACW,MAAM,GAAG;IACvBN,WAAW,EAAE,QAAQ;IACrBC,gBAAgB,EAAE;EACpB;AACF,CAAC;AAED,MAAMM,eAAe,GAAIC,aAA+B,IAAsB;EAC5E,MAAMC,OAA2B,GAAG,CAClCd,cAAc,CAACI,UAAU,EACzB,GAAGS,aAAa,CACjB,CAACE,MAAM,CACLC,IAAI,IAA+BA,IAAI,KAAKhB,cAAc,CAACiB,SAC9D,CAAC;EAED,OAAOH,OAAO,CAACI,GAAG,CAAEF,IAAI,IAAKb,YAAY,CAACa,IAAI,CAAC,CAAC;AAClD,CAAC;AAED,MAAMG,UAAU,GAAG;EACjB,CAACjB,IAAI,CAACkB,KAAK,GAAGnB,IAAI,CAACoB,MAAM;EACzB,CAACnB,IAAI,CAACoB,KAAK,GAAGrB,IAAI,CAACsB;AACrB,CAAC;AAED,SAASX,eAAe,EAAET,YAAY,EAAEgB,UAAU","ignoreList":[]}

package/dist/module/LiveRatesTableWidget/constant.js

@@ -1,7 +1,7 @@
-import { ColumnsNames } from './types';
+import { DataRecordType } from '@oanda/labs-widget-common';
 const DEFAULT_COUNT = 10;
 const DEFAULT_TOTAL_COUNT = 50;
-const DEFAULT_COLUMNS = [ColumnsNames.SELL, ColumnsNames.BUY, ColumnsNames.DAILY_CHANGE, ColumnsNames.CHART, ColumnsNames.SPREAD];
+const DEFAULT_COLUMNS = [DataRecordType.SELL, DataRecordType.BUY, DataRecordType.DAILY_CHANGE, DataRecordType.CHART, DataRecordType.SPREAD];
 const INSTRUMENT_TOOLTIP_ID = 'instrument_tooltip_id';
 export { DEFAULT_COLUMNS, DEFAULT_COUNT, DEFAULT_TOTAL_COUNT, INSTRUMENT_TOOLTIP_ID };
 //# sourceMappingURL=constant.js.map

package/dist/module/LiveRatesTableWidget/constant.js.map

@@ -1 +1 @@
-{"version":3,"file":"constant.js","names":["ColumnsNames","DEFAULT_COUNT","DEFAULT_TOTAL_COUNT","DEFAULT_COLUMNS","SELL","BUY","DAILY_CHANGE","CHART","SPREAD","INSTRUMENT_TOOLTIP_ID"],"sources":["../../../src/LiveRatesTableWidget/constant.ts"],"sourcesContent":["import { ColumnsNames } from './types';\n\nconst DEFAULT_COUNT = 10;\n\nconst DEFAULT_TOTAL_COUNT = 50;\n\nconst DEFAULT_COLUMNS = [\n  ColumnsNames.SELL,\n  ColumnsNames.BUY,\n  ColumnsNames.DAILY_CHANGE,\n  ColumnsNames.CHART,\n  ColumnsNames.SPREAD,\n];\n\nconst INSTRUMENT_TOOLTIP_ID = 'instrument_tooltip_id';\n\nexport {\n  DEFAULT_COLUMNS,\n  DEFAULT_COUNT,\n  DEFAULT_TOTAL_COUNT,\n  INSTRUMENT_TOOLTIP_ID,\n};\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,SAAS;AAEtC,MAAMC,aAAa,GAAG,EAAE;AAExB,MAAMC,mBAAmB,GAAG,EAAE;AAE9B,MAAMC,eAAe,GAAG,CACtBH,YAAY,CAACI,IAAI,EACjBJ,YAAY,CAACK,GAAG,EAChBL,YAAY,CAACM,YAAY,EACzBN,YAAY,CAACO,KAAK,EAClBP,YAAY,CAACQ,MAAM,CACpB;AAED,MAAMC,qBAAqB,GAAG,uBAAuB;AAErD,SACEN,eAAe,EACfF,aAAa,EACbC,mBAAmB,EACnBO,qBAAqB","ignoreList":[]}
+{"version":3,"file":"constant.js","names":["DataRecordType","DEFAULT_COUNT","DEFAULT_TOTAL_COUNT","DEFAULT_COLUMNS","SELL","BUY","DAILY_CHANGE","CHART","SPREAD","INSTRUMENT_TOOLTIP_ID"],"sources":["../../../src/LiveRatesTableWidget/constant.ts"],"sourcesContent":["import { DataRecordType } from '@oanda/labs-widget-common';\n\nconst DEFAULT_COUNT = 10;\n\nconst DEFAULT_TOTAL_COUNT = 50;\n\nconst DEFAULT_COLUMNS = [\n  DataRecordType.SELL,\n  DataRecordType.BUY,\n  DataRecordType.DAILY_CHANGE,\n  DataRecordType.CHART,\n  DataRecordType.SPREAD,\n];\n\nconst INSTRUMENT_TOOLTIP_ID = 'instrument_tooltip_id';\n\nexport {\n  DEFAULT_COLUMNS,\n  DEFAULT_COUNT,\n  DEFAULT_TOTAL_COUNT,\n  INSTRUMENT_TOOLTIP_ID,\n};\n"],"mappings":"AAAA,SAASA,cAAc,QAAQ,2BAA2B;AAE1D,MAAMC,aAAa,GAAG,EAAE;AAExB,MAAMC,mBAAmB,GAAG,EAAE;AAE9B,MAAMC,eAAe,GAAG,CACtBH,cAAc,CAACI,IAAI,EACnBJ,cAAc,CAACK,GAAG,EAClBL,cAAc,CAACM,YAAY,EAC3BN,cAAc,CAACO,KAAK,EACpBP,cAAc,CAACQ,MAAM,CACtB;AAED,MAAMC,qBAAqB,GAAG,uBAAuB;AAErD,SACEN,eAAe,EACfF,aAAa,EACbC,mBAAmB,EACnBO,qBAAqB","ignoreList":[]}

package/dist/module/LiveRatesTableWidget/types.js

@@ -5,13 +5,4 @@ export let View = function (View) {
   View["CARDS"] = "cards";
   return View;
 }({});
-export let ColumnsNames = function (ColumnsNames) {
-  ColumnsNames["INSTRUMENT"] = "instrument";
-  ColumnsNames["SELL"] = "sell";
-  ColumnsNames["BUY"] = "buy";
-  ColumnsNames["DAILY_CHANGE"] = "dailyChange";
-  ColumnsNames["CHART"] = "chart";
-  ColumnsNames["SPREAD"] = "spread";
-  return ColumnsNames;
-}({});
 //# sourceMappingURL=types.js.map

package/dist/module/LiveRatesTableWidget/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["Division","Locale","View","ColumnsNames"],"sources":["../../../src/LiveRatesTableWidget/types.tsx"],"sourcesContent":["import type { WidgetConfig } from '@oanda/labs-widget-common';\n\nimport type { Division } from '../gql/types/graphql';\n\nexport { Division } from '../gql/types/graphql';\nexport { Locale } from '@oanda/mono-i18n';\n\nexport enum View {\n  TABLE = 'table',\n  CARDS = 'cards',\n}\n\nexport interface LiveRatesTableConfig extends WidgetConfig {\n  division: Division;\n  liveRatesUrl: string;\n  instruments: string[];\n  columns?: ColumnsNames[];\n  removePadding?: boolean;\n  view?: View;\n}\n\nexport enum ColumnsNames {\n  INSTRUMENT = 'instrument',\n  SELL = 'sell',\n  BUY = 'buy',\n  DAILY_CHANGE = 'dailyChange',\n  CHART = 'chart',\n  SPREAD = 'spread',\n}\n\nexport interface MainProps {\n  instruments: string[];\n  division: Division;\n  columns?: ColumnsNames[];\n}\n\nexport interface Sentiment {\n  shortPercent: number;\n  longPercent: number;\n}\n\nexport type EmptyRecord = Record<string, never>;\n\nexport interface DataRecord {\n  [key: string]: string | number | undefined;\n  instrument: string;\n  displayName: string;\n  buy?: number;\n  sell?: number;\n  spread?: number;\n  sellPriceMovement?: number;\n  buyPriceMovement?: number;\n  dailyPercentChange?: string;\n  displayPrecision?: number;\n}\n\nexport interface RowWithDataProps {\n  loading: boolean;\n  record: DataRecord;\n  hasBackgroundColor: boolean;\n  target: EventTarget | null;\n  activeColumns: ColumnsNames[];\n  division: Division;\n  isScrolled?: boolean;\n}\n\nexport interface CardWithDataProps {\n  index: number;\n  isLoading?: boolean;\n  isError?: boolean;\n  record: DataRecord;\n  target: EventTarget | null;\n  activeColumns: ColumnsNames[];\n  division: Division;\n  isLast?: boolean;\n}\n"],"mappings":"AAIA,SAASA,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,MAAM,QAAQ,kBAAkB;AAEzC,WAAYC,IAAI,aAAJA,IAAI;EAAJA,IAAI;EAAJA,IAAI;EAAA,OAAJA,IAAI;AAAA;AAchB,WAAYC,YAAY,aAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAA,OAAZA,YAAY;AAAA","ignoreList":[]}
+{"version":3,"file":"types.js","names":["Division","Locale","View"],"sources":["../../../src/LiveRatesTableWidget/types.tsx"],"sourcesContent":["import type {\n  DataRecord,\n  DataRecordType,\n  WidgetConfig,\n} from '@oanda/labs-widget-common';\n\nimport type { Division } from '../gql/types/graphql';\n\nexport { Division } from '../gql/types/graphql';\nexport { Locale } from '@oanda/mono-i18n';\n\nexport enum View {\n  TABLE = 'table',\n  CARDS = 'cards',\n}\n\nexport interface ValidateInstrumentsData {\n  records?: DataRecord[];\n}\n\nexport interface LiveRatesTableConfig extends WidgetConfig {\n  division: Division;\n  liveRatesUrl: string;\n  instruments: string[];\n  columns?: DataRecordType[];\n  removePadding?: boolean;\n  view?: View;\n}\n\nexport interface MainProps {\n  instruments: string[];\n  division: Division;\n  columns?: DataRecordType[];\n}\n"],"mappings":"AAQA,SAASA,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,MAAM,QAAQ,kBAAkB;AAEzC,WAAYC,IAAI,aAAJA,IAAI;EAAJA,IAAI;EAAJA,IAAI;EAAA,OAAJA,IAAI;AAAA","ignoreList":[]}

package/dist/module/LiveRatesTableWidget/utils.js

@@ -1,48 +1,9 @@
-import { useLiveRatesMessage } from '@oanda/labs-widget-common';
-import { useEffect, useState } from 'react';
-import { useIntersectionObserver } from 'usehooks-ts';
-import { headerConfig } from './config';
-import { ColumnsNames } from './types';
-const getRecords = data => data?.mapInstrumentNames?.map(item => ({
-  instrument: item?.name || '',
-  displayName: item?.displayName || ''
-}));
-const getHeaderConfig = activeColumns => [ColumnsNames.INSTRUMENT, ...activeColumns].map(item => headerConfig[item]);
-const useRecords = (record, target) => {
-  const [updatedRecord, setUpdatedRecord] = useState({
-    displayName: record.displayName,
-    instrument: record.instrument,
-    sentiment: record.sentiment
-  });
-  const [error, setError] = useState(null);
-  const entry = useIntersectionObserver();
-  const isVisible = !!entry?.isIntersecting;
-  const {
-    update,
-    error: liveRatesError
-  } = useLiveRatesMessage(record.instrument, target);
-  useEffect(() => {
-    if (isVisible) {
-      setUpdatedRecord({
-        displayName: record.displayName,
-        instrument: record.instrument,
-        sentiment: record.sentiment,
-        buy: update?.ask,
-        sell: update?.bid,
-        sellPriceMovement: update?.bidPriceMovement,
-        buyPriceMovement: update?.askPriceMovement,
-        dailyPercentChange: update?.dailyPercentChangeFromOpen,
-        spread: update?.spread,
-        displayPrecision: update?.displayPrecision
-      });
-      setError(liveRatesError);
-    }
-  }, [update, record, isVisible, liveRatesError]);
-  return {
-    updatedRecord,
-    error,
-    ref: entry.ref
-  };
-};
-export { getHeaderConfig, getRecords, useRecords };
+const getRecords = (data, chart) => ({
+  records: data?.mapInstrumentNames?.map(item => ({
+    instrument: item?.name || '',
+    displayName: item?.displayName || '',
+    chart: chart?.topicalInstrumentsCharts?.find(ti => ti.name === item?.displayName)?.chart || []
+  })) ?? []
+});
+export { getRecords };
 //# sourceMappingURL=utils.js.map

package/dist/module/LiveRatesTableWidget/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["useLiveRatesMessage","useEffect","useState","useIntersectionObserver","headerConfig","ColumnsNames","getRecords","data","mapInstrumentNames","map","item","instrument","name","displayName","getHeaderConfig","activeColumns","INSTRUMENT","useRecords","record","target","updatedRecord","setUpdatedRecord","sentiment","error","setError","entry","isVisible","isIntersecting","update","liveRatesError","buy","ask","sell","bid","sellPriceMovement","bidPriceMovement","buyPriceMovement","askPriceMovement","dailyPercentChange","dailyPercentChangeFromOpen","spread","displayPrecision","ref"],"sources":["../../../src/LiveRatesTableWidget/utils.ts"],"sourcesContent":["import type {\n  HeaderColumns,\n  LiveRatesErrorMessage,\n} from '@oanda/labs-widget-common';\nimport { useLiveRatesMessage } from '@oanda/labs-widget-common';\nimport { useEffect, useState } from 'react';\nimport { useIntersectionObserver } from 'usehooks-ts';\n\nimport type { ValidateInstrumentsQuery } from '../gql/types/graphql';\nimport { headerConfig } from './config';\nimport type { DataRecord, EmptyRecord } from './types';\nimport { ColumnsNames } from './types';\n\nconst getRecords = (data: ValidateInstrumentsQuery) =>\n  data?.mapInstrumentNames?.map((item) => ({\n    instrument: item?.name || '',\n    displayName: item?.displayName || '',\n  }));\n\nconst getHeaderConfig = (activeColumns: ColumnsNames[]): HeaderColumns[] =>\n  [ColumnsNames.INSTRUMENT, ...activeColumns].map((item) => headerConfig[item]);\n\nconst useRecords = (\n  record: DataRecord | EmptyRecord,\n  target: EventTarget | null\n) => {\n  const [updatedRecord, setUpdatedRecord] = useState<DataRecord>({\n    displayName: record.displayName,\n    instrument: record.instrument,\n    sentiment: record.sentiment,\n  });\n  const [error, setError] = useState<LiveRatesErrorMessage | null>(null);\n  const entry = useIntersectionObserver();\n  const isVisible = !!entry?.isIntersecting;\n\n  const { update, error: liveRatesError } = useLiveRatesMessage(\n    record.instrument,\n    target\n  );\n\n  useEffect(() => {\n    if (isVisible) {\n      setUpdatedRecord({\n        displayName: record.displayName,\n        instrument: record.instrument,\n        sentiment: record.sentiment,\n        buy: update?.ask,\n        sell: update?.bid,\n        sellPriceMovement: update?.bidPriceMovement,\n        buyPriceMovement: update?.askPriceMovement,\n        dailyPercentChange: update?.dailyPercentChangeFromOpen,\n        spread: update?.spread,\n        displayPrecision: update?.displayPrecision,\n      });\n      setError(liveRatesError);\n    }\n  }, [update, record, isVisible, liveRatesError]);\n\n  return {\n    updatedRecord,\n    error,\n    ref: entry.ref,\n  };\n};\n\nexport { getHeaderConfig, getRecords, useRecords };\n"],"mappings":"AAIA,SAASA,mBAAmB,QAAQ,2BAA2B;AAC/D,SAASC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,uBAAuB,QAAQ,aAAa;AAGrD,SAASC,YAAY,QAAQ,UAAU;AAEvC,SAASC,YAAY,QAAQ,SAAS;AAEtC,MAAMC,UAAU,GAAIC,IAA8B,IAChDA,IAAI,EAAEC,kBAAkB,EAAEC,GAAG,CAAEC,IAAI,KAAM;EACvCC,UAAU,EAAED,IAAI,EAAEE,IAAI,IAAI,EAAE;EAC5BC,WAAW,EAAEH,IAAI,EAAEG,WAAW,IAAI;AACpC,CAAC,CAAC,CAAC;AAEL,MAAMC,eAAe,GAAIC,aAA6B,IACpD,CAACV,YAAY,CAACW,UAAU,EAAE,GAAGD,aAAa,CAAC,CAACN,GAAG,CAAEC,IAAI,IAAKN,YAAY,CAACM,IAAI,CAAC,CAAC;AAE/E,MAAMO,UAAU,GAAGA,CACjBC,MAAgC,EAChCC,MAA0B,KACvB;EACH,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAGnB,QAAQ,CAAa;IAC7DW,WAAW,EAAEK,MAAM,CAACL,WAAW;IAC/BF,UAAU,EAAEO,MAAM,CAACP,UAAU;IAC7BW,SAAS,EAAEJ,MAAM,CAACI;EACpB,CAAC,CAAC;EACF,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGtB,QAAQ,CAA+B,IAAI,CAAC;EACtE,MAAMuB,KAAK,GAAGtB,uBAAuB,CAAC,CAAC;EACvC,MAAMuB,SAAS,GAAG,CAAC,CAACD,KAAK,EAAEE,cAAc;EAEzC,MAAM;IAAEC,MAAM;IAAEL,KAAK,EAAEM;EAAe,CAAC,GAAG7B,mBAAmB,CAC3DkB,MAAM,CAACP,UAAU,EACjBQ,MACF,CAAC;EAEDlB,SAAS,CAAC,MAAM;IACd,IAAIyB,SAAS,EAAE;MACbL,gBAAgB,CAAC;QACfR,WAAW,EAAEK,MAAM,CAACL,WAAW;QAC/BF,UAAU,EAAEO,MAAM,CAACP,UAAU;QAC7BW,SAAS,EAAEJ,MAAM,CAACI,SAAS;QAC3BQ,GAAG,EAAEF,MAAM,EAAEG,GAAG;QAChBC,IAAI,EAAEJ,MAAM,EAAEK,GAAG;QACjBC,iBAAiB,EAAEN,MAAM,EAAEO,gBAAgB;QAC3CC,gBAAgB,EAAER,MAAM,EAAES,gBAAgB;QAC1CC,kBAAkB,EAAEV,MAAM,EAAEW,0BAA0B;QACtDC,MAAM,EAAEZ,MAAM,EAAEY,MAAM;QACtBC,gBAAgB,EAAEb,MAAM,EAAEa;MAC5B,CAAC,CAAC;MACFjB,QAAQ,CAACK,cAAc,CAAC;IAC1B;EACF,CAAC,EAAE,CAACD,MAAM,EAAEV,MAAM,EAAEQ,SAAS,EAAEG,cAAc,CAAC,CAAC;EAE/C,OAAO;IACLT,aAAa;IACbG,KAAK;IACLmB,GAAG,EAAEjB,KAAK,CAACiB;EACb,CAAC;AACH,CAAC;AAED,SAAS5B,eAAe,EAAER,UAAU,EAAEW,UAAU","ignoreList":[]}
+{"version":3,"file":"utils.js","names":["getRecords","data","chart","records","mapInstrumentNames","map","item","instrument","name","displayName","topicalInstrumentsCharts","find","ti"],"sources":["../../../src/LiveRatesTableWidget/utils.ts"],"sourcesContent":["import type {\n  GetInstrumentsChartQuery,\n  ValidateInstrumentsQuery,\n} from '../gql/types/graphql';\nimport type { ValidateInstrumentsData } from './types';\n\nconst getRecords = (\n  data: ValidateInstrumentsQuery,\n  chart?: GetInstrumentsChartQuery\n): ValidateInstrumentsData => ({\n  records:\n    data?.mapInstrumentNames?.map((item) => ({\n      instrument: item?.name || '',\n      displayName: item?.displayName || '',\n      chart:\n        chart?.topicalInstrumentsCharts?.find(\n          (ti) => ti.name === item?.displayName\n        )?.chart || [],\n    })) ?? [],\n});\n\nexport { getRecords };\n"],"mappings":"AAMA,MAAMA,UAAU,GAAGA,CACjBC,IAA8B,EAC9BC,KAAgC,MACH;EAC7BC,OAAO,EACLF,IAAI,EAAEG,kBAAkB,EAAEC,GAAG,CAAEC,IAAI,KAAM;IACvCC,UAAU,EAAED,IAAI,EAAEE,IAAI,IAAI,EAAE;IAC5BC,WAAW,EAAEH,IAAI,EAAEG,WAAW,IAAI,EAAE;IACpCP,KAAK,EACHA,KAAK,EAAEQ,wBAAwB,EAAEC,IAAI,CAClCC,EAAE,IAAKA,EAAE,CAACJ,IAAI,KAAKF,IAAI,EAAEG,WAC5B,CAAC,EAAEP,KAAK,IAAI;EAChB,CAAC,CAAC,CAAC,IAAI;AACX,CAAC,CAAC;AAEF,SAASF,UAAU","ignoreList":[]}

package/dist/types/LiveRatesTableWidget/config.d.ts

@@ -1,32 +1,13 @@
-import { Size } from '@oanda/labs-widget-common';
-declare const headerConfig: {
-    instrument: {
-        displayName: string;
-        additionalStyles: string;
-    };
-    sell: {
-        displayName: string;
-        additionalStyles: string;
-    };
-    buy: {
-        displayName: string;
-        additionalStyles: string;
-    };
-    dailyChange: {
-        displayName: string;
-        additionalStyles: string;
-    };
-    chart: {
-        displayName: string;
-        additionalStyles: string;
-    };
-    spread: {
-        displayName: string;
-        additionalStyles: string;
-    };
-};
+import type { HeaderColumns } from '@oanda/labs-widget-common';
+import { DataRecordType, Size } from '@oanda/labs-widget-common';
+type HeaderRecordType = Exclude<DataRecordType, DataRecordType.SENTIMENT>;
+declare const headerConfig: Record<HeaderRecordType, {
+    displayName: string;
+    additionalStyles: string;
+}>;
+declare const getHeaderConfig: (activeColumns: DataRecordType[]) => HeaderColumns[];
 declare const sizeConfig: {
     cards: Size;
     table: Size;
 };
-export { headerConfig, sizeConfig };
+export { getHeaderConfig, headerConfig, sizeConfig };

package/dist/types/LiveRatesTableWidget/constant.d.ts

@@ -1,6 +1,6 @@
-import { ColumnsNames } from './types';
+import { DataRecordType } from '@oanda/labs-widget-common';
 declare const DEFAULT_COUNT = 10;
 declare const DEFAULT_TOTAL_COUNT = 50;
-declare const DEFAULT_COLUMNS: ColumnsNames[];
+declare const DEFAULT_COLUMNS: DataRecordType[];
 declare const INSTRUMENT_TOOLTIP_ID = "instrument_tooltip_id";
 export { DEFAULT_COLUMNS, DEFAULT_COUNT, DEFAULT_TOTAL_COUNT, INSTRUMENT_TOOLTIP_ID, };

package/dist/types/LiveRatesTableWidget/types.d.ts

@@ -1,4 +1,4 @@
-import type { WidgetConfig } from '@oanda/labs-widget-common';
+import type { DataRecord, DataRecordType, WidgetConfig } from '@oanda/labs-widget-common';
 import type { Division } from '../gql/types/graphql';
 export { Division } from '../gql/types/graphql';
 export { Locale } from '@oanda/mono-i18n';
@@ -6,60 +6,19 @@ export declare enum View {
     TABLE = "table",
     CARDS = "cards"
 }
+export interface ValidateInstrumentsData {
+    records?: DataRecord[];
+}
 export interface LiveRatesTableConfig extends WidgetConfig {
     division: Division;
     liveRatesUrl: string;
     instruments: string[];
-    columns?: ColumnsNames[];
+    columns?: DataRecordType[];
     removePadding?: boolean;
     view?: View;
 }
-export declare enum ColumnsNames {
-    INSTRUMENT = "instrument",
-    SELL = "sell",
-    BUY = "buy",
-    DAILY_CHANGE = "dailyChange",
-    CHART = "chart",
-    SPREAD = "spread"
-}
 export interface MainProps {
     instruments: string[];
     division: Division;
-    columns?: ColumnsNames[];
-}
-export interface Sentiment {
-    shortPercent: number;
-    longPercent: number;
-}
-export type EmptyRecord = Record<string, never>;
-export interface DataRecord {
-    [key: string]: string | number | undefined;
-    instrument: string;
-    displayName: string;
-    buy?: number;
-    sell?: number;
-    spread?: number;
-    sellPriceMovement?: number;
-    buyPriceMovement?: number;
-    dailyPercentChange?: string;
-    displayPrecision?: number;
-}
-export interface RowWithDataProps {
-    loading: boolean;
-    record: DataRecord;
-    hasBackgroundColor: boolean;
-    target: EventTarget | null;
-    activeColumns: ColumnsNames[];
-    division: Division;
-    isScrolled?: boolean;
-}
-export interface CardWithDataProps {
-    index: number;
-    isLoading?: boolean;
-    isError?: boolean;
-    record: DataRecord;
-    target: EventTarget | null;
-    activeColumns: ColumnsNames[];
-    division: Division;
-    isLast?: boolean;
+    columns?: DataRecordType[];
 }

package/dist/types/LiveRatesTableWidget/utils.d.ts

@@ -1,15 +1,4 @@
-import type { HeaderColumns, LiveRatesErrorMessage } from '@oanda/labs-widget-common';
-import type { ValidateInstrumentsQuery } from '../gql/types/graphql';
-import type { DataRecord, EmptyRecord } from './types';
-import { ColumnsNames } from './types';
-declare const getRecords: (data: ValidateInstrumentsQuery) => {
-    instrument: string;
-    displayName: string;
-}[] | undefined;
-declare const getHeaderConfig: (activeColumns: ColumnsNames[]) => HeaderColumns[];
-declare const useRecords: (record: DataRecord | EmptyRecord, target: EventTarget | null) => {
-    updatedRecord: DataRecord;
-    error: LiveRatesErrorMessage | null;
-    ref: (node?: Element | null) => void;
-};
-export { getHeaderConfig, getRecords, useRecords };
+import type { GetInstrumentsChartQuery, ValidateInstrumentsQuery } from '../gql/types/graphql';
+import type { ValidateInstrumentsData } from './types';
+declare const getRecords: (data: ValidateInstrumentsQuery, chart?: GetInstrumentsChartQuery) => ValidateInstrumentsData;
+export { getRecords };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oanda/labs-live-rates-table-widget",
-  "version": "1.0.49",
+  "version": "1.0.50",
   "description": "Labs Live Rates Table Widget",
   "main": "dist/main/index.js",
   "module": "dist/module/index.js",
@@ -12,7 +12,7 @@
   "author": "OANDA",
   "license": "UNLICENSED",
   "dependencies": {
-    "@oanda/labs-widget-common": "^1.0.183",
+    "@oanda/labs-widget-common": "^1.0.184",
     "@oanda/mono-i18n": "10.0.1",
     "graphql": "16.8.1"
   },
@@ -20,5 +20,5 @@
     "@graphql-codegen/cli": "5.0.0",
     "@graphql-codegen/client-preset": "4.1.0"
   },
-  "gitHead": "d3d9d7195725da2215d54d465998ad208e2ce25e"
+  "gitHead": "17da254f84365ded339ad48cb6fb9efba1c1f2cc"
 }

package/src/LiveRatesTableWidget/Main.tsx

@@ -1,22 +1,25 @@
-import { useQuery } from '@apollo/client';
+import type { DataRecord } from '@oanda/labs-widget-common';
 import {
   Size,
-  Table,
-  Tooltip,
+  TableWidget,
+  useFetchCombinedDataRecords,
   useLayoutProvider,
   useLiveRatesQuery,
 } from '@oanda/labs-widget-common';
 import React, { useEffect, useState } from 'react';
 
+import { getInstrumentsChart } from '../gql/getInstrumentsChart';
 import type {
+  GetInstrumentsChartQuery,
+  GetInstrumentsChartQueryVariables,
   ValidateInstrumentsQuery,
   ValidateInstrumentsQueryVariables,
 } from '../gql/types/graphql';
 import { validateInstruments } from '../gql/validateInstruments';
-import { Cards, RowWithData } from './components';
+import { getHeaderConfig } from './config';
 import { DEFAULT_COLUMNS, INSTRUMENT_TOOLTIP_ID } from './constant';
-import type { DataRecord, MainProps } from './types';
-import { getHeaderConfig, getRecords } from './utils';
+import type { MainProps, ValidateInstrumentsData } from './types';
+import { getRecords } from './utils';
 
 const Main = ({
   instruments,
@@ -26,24 +29,42 @@ const Main = ({
   const { size } = useLayoutProvider();
   const isDesktop = size === Size.DESKTOP;
   const { target, setQuery } = useLiveRatesQuery();
+
   const [records, setRecords] = useState<DataRecord[]>(
     new Array(instruments.length).fill({})
   );
 
-  const { loading, data, error } = useQuery<
+  const { data, loading, error } = useFetchCombinedDataRecords<
     ValidateInstrumentsQuery,
-    ValidateInstrumentsQueryVariables
-  >(validateInstruments, {
-    variables: {
+    ValidateInstrumentsQueryVariables,
+    GetInstrumentsChartQuery,
+    GetInstrumentsChartQueryVariables,
+    ValidateInstrumentsData
+  >({
+    mainQuery: validateInstruments,
+    mainVariables: {
       instruments,
       division,
     },
+    batchQuery: getInstrumentsChart,
+    getBatchVariables: (mainData) => {
+      const intrumentsByDivision = mainData?.mapInstrumentNames
+        ?.filter(
+          (i): i is { displayName: string; name: string } => !!i?.displayName
+        )
+        ?.map((i) => i.displayName);
+
+      return intrumentsByDivision?.length
+        ? { instruments: intrumentsByDivision, division }
+        : undefined;
+    },
+    merge: (mainData, chartData) => getRecords(mainData, chartData),
     fetchPolicy: 'network-only',
   });
 
   useEffect(() => {
     if (!loading && data) {
-      setRecords(getRecords(data)!);
+      setRecords(data.records ?? []);
     }
   }, [loading, data]);
 
@@ -59,46 +80,18 @@ const Main = ({
   const showError = (!loading && !!error) || (!loading && !data);
 
   return (
-    <>
-      {size && (
-        <div
-          className="lw-relative lw-text-sm lw-tracking-normal lw-text-text-primary"
-          data-testid="live-rates-table-wrapper"
-        >
-          {isDesktop ? (
-            <div className="lw-border lw-border-solid lw-border-border-primary">
-              <Table<DataRecord>
-                headerConfig={getHeaderConfig(columns)}
-                isError={showError}
-                records={records}
-                renderRow={(record, index, isScrolled) => (
-                  <RowWithData
-                    key={`row_${index}`}
-                    activeColumns={columns}
-                    division={division}
-                    hasBackgroundColor={index % 2 === 0}
-                    isScrolled={isScrolled}
-                    loading={loading}
-                    record={record}
-                    target={target}
-                  />
-                )}
-              />
-            </div>
-          ) : (
-            <Cards
-              columns={columns}
-              division={division}
-              isError={showError}
-              isLoading={loading}
-              records={records}
-              target={target}
-            />
-          )}
-          <Tooltip id={INSTRUMENT_TOOLTIP_ID} />
-        </div>
-      )}
-    </>
+    <TableWidget
+      activeColumns={columns}
+      count={0}
+      hasError={showError}
+      headerColumns={getHeaderConfig(columns)}
+      isLoading={loading}
+      pageNumber={0}
+      records={records}
+      target={target}
+      testId="live-rates-table-wrapper"
+      toolTipId={INSTRUMENT_TOOLTIP_ID}
+    />
   );
 };
 

package/src/LiveRatesTableWidget/config.ts

@@ -1,37 +1,54 @@
-import { Size } from '@oanda/labs-widget-common';
+import type { HeaderColumns } from '@oanda/labs-widget-common';
+import { DataRecordType, Size } from '@oanda/labs-widget-common';
 
-import { ColumnsNames, View } from './types';
+import { View } from './types';
 
-const headerConfig = {
-  [ColumnsNames.INSTRUMENT]: {
+type HeaderRecordType = Exclude<DataRecordType, DataRecordType.SENTIMENT>;
+
+const headerConfig: Record<
+  HeaderRecordType,
+  { displayName: string; additionalStyles: string }
+> = {
+  [DataRecordType.INSTRUMENT]: {
     displayName: 'instrument',
     additionalStyles: 'lw-text-left lw-min-w-[130px]',
   },
-  [ColumnsNames.SELL]: {
+  [DataRecordType.SELL]: {
     displayName: 'sell',
     additionalStyles: 'lw-text-right lw-min-w-[75px] lw-pr-4',
   },
-  [ColumnsNames.BUY]: {
+  [DataRecordType.BUY]: {
     displayName: 'buy',
     additionalStyles: 'lw-text-right lw-min-w-[75px] lw-pr-4',
   },
-  [ColumnsNames.DAILY_CHANGE]: {
+  [DataRecordType.DAILY_CHANGE]: {
     displayName: 'daily_percent_change',
     additionalStyles: 'lw-text-right lw-min-w-[80px]',
   },
-  [ColumnsNames.CHART]: {
+  [DataRecordType.CHART]: {
     displayName: '24h_chart',
     additionalStyles: 'lw-text-center lw-min-w-[100px]',
   },
-  [ColumnsNames.SPREAD]: {
+  [DataRecordType.SPREAD]: {
     displayName: 'spread',
     additionalStyles: 'lw-text-right lw-min-w-[50px]',
   },
 };
 
+const getHeaderConfig = (activeColumns: DataRecordType[]): HeaderColumns[] => {
+  const columns: HeaderRecordType[] = [
+    DataRecordType.INSTRUMENT,
+    ...activeColumns,
+  ].filter(
+    (item): item is HeaderRecordType => item !== DataRecordType.SENTIMENT
+  );
+
+  return columns.map((item) => headerConfig[item]);
+};
+
 const sizeConfig = {
   [View.CARDS]: Size.MOBILE,
   [View.TABLE]: Size.DESKTOP,
 };
 
-export { headerConfig, sizeConfig };
+export { getHeaderConfig, headerConfig, sizeConfig };

package/src/LiveRatesTableWidget/constant.ts

@@ -1,15 +1,15 @@
-import { ColumnsNames } from './types';
+import { DataRecordType } from '@oanda/labs-widget-common';
 
 const DEFAULT_COUNT = 10;
 
 const DEFAULT_TOTAL_COUNT = 50;
 
 const DEFAULT_COLUMNS = [
-  ColumnsNames.SELL,
-  ColumnsNames.BUY,
-  ColumnsNames.DAILY_CHANGE,
-  ColumnsNames.CHART,
-  ColumnsNames.SPREAD,
+  DataRecordType.SELL,
+  DataRecordType.BUY,
+  DataRecordType.DAILY_CHANGE,
+  DataRecordType.CHART,
+  DataRecordType.SPREAD,
 ];
 
 const INSTRUMENT_TOOLTIP_ID = 'instrument_tooltip_id';