@oanda/labs-live-rates-table-widget 1.0.14 → 1.0.16

package/CHANGELOG.md

@@ -3,6 +3,138 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 1.0.16 (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.15 (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.14 (2024-08-01)
 
 

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

@@ -57,7 +57,8 @@ const CardWithData = _ref => {
         isError: !!error
       }, _react.default.createElement(_labsWidgetCommon.Price, {
         arrowPosition: _labsWidgetCommon.ArrowPosition.left,
-        priceMovement: updatedRecord.sellPriceMovement
+        priceMovement: updatedRecord.sellPriceMovement,
+        movementIndicator: "arrow"
       }, _react.default.createElement("span", null, updatedRecord.sell?.toFixed(updatedRecord.displayPrecision))));
     }
     if (item === _types.ColumnsNames.BUY) {
@@ -68,7 +69,8 @@ const CardWithData = _ref => {
         isError: !!error
       }, _react.default.createElement(_labsWidgetCommon.Price, {
         arrowPosition: _labsWidgetCommon.ArrowPosition.left,
-        priceMovement: updatedRecord.buyPriceMovement
+        priceMovement: updatedRecord.buyPriceMovement,
+        movementIndicator: "arrow"
       }, _react.default.createElement("span", null, updatedRecord.buy?.toFixed(updatedRecord.displayPrecision))));
     }
     if (item === _types.ColumnsNames.DAILY_CHANGE) {

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

@@ -1 +1 @@
-{"version":3,"file":"CardWithData.js","names":["_react","_interopRequireDefault","require","_labsWidgetCommon","_monoI18n","_types","_LineChartWithData","_utils","_constant","e","__esModule","default","CardWithData","_ref","isLoading","record","target","activeColumns","index","division","isLast","updatedRecord","error","ref","useRecords","instrument","lang","useLocale","checkLoading","id","undefined","createElement","Card","withoutBottomBorder","CardHeader","number","title","Truncate","text","displayName","tooltipId","INSTRUMENT_TOOLTIP_ID","includes","ColumnsNames","CHART","LineChartWithData","size","LineChartSize","xs","padding","map","item","SELL","CardRow","key","label","isError","Price","arrowPosition","ArrowPosition","left","priceMovement","sellPriceMovement","sell","toFixed","displayPrecision","BUY","buyPriceMovement","buy","DAILY_CHANGE","dailyPercentChange","SPREAD","spread","exports"],"sources":["../../../../../src/LiveRatesTableWidget/components/CardWithData/CardWithData.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Card,\n  CardHeader,\n  CardRow,\n  Price,\n  ArrowPosition,\n  LineChartSize,\n  Truncate,\n} from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport { ColumnsNames, CardWithDataProps } from '../../types';\nimport { LineChartWithData } from '../LineChartWithData';\nimport { useRecords } from '../../utils';\nimport { INSTRUMENT_TOOLTIP_ID } from '../../constant';\n\nconst CardWithData = ({\n  isLoading,\n  record,\n  target,\n  activeColumns,\n  index,\n  division,\n  isLast,\n}: CardWithDataProps) => {\n  const { updatedRecord, error, ref } = useRecords(record, record.instrument ? target : null);\n  const { lang } = useLocale();\n\n  const checkLoading = (id: string) => isLoading || (!error && updatedRecord?.[id] === undefined);\n\n  return (\n    <Card ref={ref} data-testid=\"card\" withoutBottomBorder={!isLast}>\n      <CardHeader\n        isLoading={isLoading}\n        number={index}\n        title={<Truncate text={record.displayName} tooltipId={INSTRUMENT_TOOLTIP_ID} />}\n      >\n        {activeColumns.includes(ColumnsNames.CHART) && (\n        <LineChartWithData\n          division={division}\n          isLoading={checkLoading('instrument')}\n          size={LineChartSize.xs}\n          padding={4}\n          record={updatedRecord}\n        />\n        )}\n      </CardHeader>\n      {activeColumns.map((item) => {\n        if (item === ColumnsNames.SELL) {\n          return (\n            <CardRow\n              key={ColumnsNames.SELL}\n              label={lang('sell_price')}\n              isLoading={checkLoading(ColumnsNames.SELL)}\n              isError={!!error}\n            >\n              <Price\n                arrowPosition={ArrowPosition.left}\n                priceMovement={updatedRecord.sellPriceMovement}\n              >\n                <span>{updatedRecord.sell?.toFixed(updatedRecord.displayPrecision)}</span>\n              </Price>\n            </CardRow>\n          );\n        }\n\n        if (item === ColumnsNames.BUY) {\n          return (\n            <CardRow\n              key={ColumnsNames.BUY}\n              label={lang('buy_price')}\n              isLoading={checkLoading(ColumnsNames.BUY)}\n              isError={!!error}\n            >\n              <Price\n                arrowPosition={ArrowPosition.left}\n                priceMovement={updatedRecord.buyPriceMovement}\n              >\n                <span>{updatedRecord.buy?.toFixed(updatedRecord.displayPrecision)}</span>\n              </Price>\n            </CardRow>\n          );\n        }\n\n        if (item === ColumnsNames.DAILY_CHANGE) {\n          return (\n            <CardRow\n              key={ColumnsNames.DAILY_CHANGE}\n              label={lang('daily_percent_change')}\n              isLoading={checkLoading('dailyPercentChange')}\n              isError={!!error}\n            >\n              <span>{updatedRecord.dailyPercentChange}</span>\n            </CardRow>\n          );\n        }\n\n        if (item === ColumnsNames.SPREAD) {\n          return (\n            <CardRow\n              key={ColumnsNames.SPREAD}\n              label={lang('spread')}\n              isLoading={checkLoading(ColumnsNames.SPREAD)}\n              isError={!!error}\n            >\n              <span>{updatedRecord.spread}</span>\n            </CardRow>\n          );\n        }\n        return null;\n      })}\n    </Card>\n  );\n};\n\nexport { CardWithData };\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AASA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,kBAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,SAAA,GAAAN,OAAA;AAAuD,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEvD,MAAMG,YAAY,GAAGC,IAAA,IAQI;EAAA,IARH;IACpBC,SAAS;IACTC,MAAM;IACNC,MAAM;IACNC,aAAa;IACbC,KAAK;IACLC,QAAQ;IACRC;EACiB,CAAC,GAAAP,IAAA;EAClB,MAAM;IAAEQ,aAAa;IAAEC,KAAK;IAAEC;EAAI,CAAC,GAAG,IAAAC,iBAAU,EAACT,MAAM,EAAEA,MAAM,CAACU,UAAU,GAAGT,MAAM,GAAG,IAAI,CAAC;EAC3F,MAAM;IAAEU;EAAK,CAAC,GAAG,IAAAC,mBAAS,EAAC,CAAC;EAE5B,MAAMC,YAAY,GAAIC,EAAU,IAAKf,SAAS,IAAK,CAACQ,KAAK,IAAID,aAAa,GAAGQ,EAAE,CAAC,KAAKC,SAAU;EAE/F,OACE9B,MAAA,CAAAW,OAAA,CAAAoB,aAAA,CAAC5B,iBAAA,CAAA6B,IAAI;IAACT,GAAG,EAAEA,GAAI;IAAC,eAAY,MAAM;IAACU,mBAAmB,EAAE,CAACb;EAAO,GAC9DpB,MAAA,CAAAW,OAAA,CAAAoB,aAAA,CAAC5B,iBAAA,CAAA+B,UAAU;IACTpB,SAAS,EAAEA,SAAU;IACrBqB,MAAM,EAAEjB,KAAM;IACdkB,KAAK,EAAEpC,MAAA,CAAAW,OAAA,CAAAoB,aAAA,CAAC5B,iBAAA,CAAAkC,QAAQ;MAACC,IAAI,EAAEvB,MAAM,CAACwB,WAAY;MAACC,SAAS,EAAEC;IAAsB,CAAE;EAAE,GAE/ExB,aAAa,CAACyB,QAAQ,CAACC,mBAAY,CAACC,KAAK,CAAC,IAC3C5C,MAAA,CAAAW,OAAA,CAAAoB,aAAA,CAACzB,kBAAA,CAAAuC,iBAAiB;IAChB1B,QAAQ,EAAEA,QAAS;IACnBL,SAAS,EAAEc,YAAY,CAAC,YAAY,CAAE;IACtCkB,IAAI,EAAEC,+BAAa,CAACC,EAAG;IACvBC,OAAO,EAAE,CAAE;IACXlC,MAAM,EAAEM;EAAc,CACvB,CAES,CAAC,EACZJ,aAAa,CAACiC,GAAG,CAAEC,IAAI,IAAK;IAC3B,IAAIA,IAAI,KAAKR,mBAAY,CAACS,IAAI,EAAE;MAC9B,OACEpD,MAAA,CAAAW,OAAA,CAAAoB,aAAA,CAAC5B,iBAAA,CAAAkD,OAAO;QACNC,GAAG,EAAEX,mBAAY,CAACS,IAAK;QACvBG,KAAK,EAAE7B,IAAI,CAAC,YAAY,CAAE;QAC1BZ,SAAS,EAAEc,YAAY,CAACe,mBAAY,CAACS,IAAI,CAAE;QAC3CI,OAAO,EAAE,CAAC,CAAClC;MAAM,GAEjBtB,MAAA,CAAAW,OAAA,CAAAoB,aAAA,CAAC5B,iBAAA,CAAAsD,KAAK;QACJC,aAAa,EAAEC,+BAAa,CAACC,IAAK;QAClCC,aAAa,EAAExC,aAAa,CAACyC;MAAkB,GAE/C9D,MAAA,CAAAW,OAAA,CAAAoB,aAAA,eAAOV,aAAa,CAAC0C,IAAI,EAAEC,OAAO,CAAC3C,aAAa,CAAC4C,gBAAgB,CAAQ,CACpE,CACA,CAAC;IAEd;IAEA,IAAId,IAAI,KAAKR,mBAAY,CAACuB,GAAG,EAAE;MAC7B,OACElE,MAAA,CAAAW,OAAA,CAAAoB,aAAA,CAAC5B,iBAAA,CAAAkD,OAAO;QACNC,GAAG,EAAEX,mBAAY,CAACuB,GAAI;QACtBX,KAAK,EAAE7B,IAAI,CAAC,WAAW,CAAE;QACzBZ,SAAS,EAAEc,YAAY,CAACe,mBAAY,CAACuB,GAAG,CAAE;QAC1CV,OAAO,EAAE,CAAC,CAAClC;MAAM,GAEjBtB,MAAA,CAAAW,OAAA,CAAAoB,aAAA,CAAC5B,iBAAA,CAAAsD,KAAK;QACJC,aAAa,EAAEC,+BAAa,CAACC,IAAK;QAClCC,aAAa,EAAExC,aAAa,CAAC8C;MAAiB,GAE9CnE,MAAA,CAAAW,OAAA,CAAAoB,aAAA,eAAOV,aAAa,CAAC+C,GAAG,EAAEJ,OAAO,CAAC3C,aAAa,CAAC4C,gBAAgB,CAAQ,CACnE,CACA,CAAC;IAEd;IAEA,IAAId,IAAI,KAAKR,mBAAY,CAAC0B,YAAY,EAAE;MACtC,OACErE,MAAA,CAAAW,OAAA,CAAAoB,aAAA,CAAC5B,iBAAA,CAAAkD,OAAO;QACNC,GAAG,EAAEX,mBAAY,CAAC0B,YAAa;QAC/Bd,KAAK,EAAE7B,IAAI,CAAC,sBAAsB,CAAE;QACpCZ,SAAS,EAAEc,YAAY,CAAC,oBAAoB,CAAE;QAC9C4B,OAAO,EAAE,CAAC,CAAClC;MAAM,GAEjBtB,MAAA,CAAAW,OAAA,CAAAoB,aAAA,eAAOV,aAAa,CAACiD,kBAAyB,CACvC,CAAC;IAEd;IAEA,IAAInB,IAAI,KAAKR,mBAAY,CAAC4B,MAAM,EAAE;MAChC,OACEvE,MAAA,CAAAW,OAAA,CAAAoB,aAAA,CAAC5B,iBAAA,CAAAkD,OAAO;QACNC,GAAG,EAAEX,mBAAY,CAAC4B,MAAO;QACzBhB,KAAK,EAAE7B,IAAI,CAAC,QAAQ,CAAE;QACtBZ,SAAS,EAAEc,YAAY,CAACe,mBAAY,CAAC4B,MAAM,CAAE;QAC7Cf,OAAO,EAAE,CAAC,CAAClC;MAAM,GAEjBtB,MAAA,CAAAW,OAAA,CAAAoB,aAAA,eAAOV,aAAa,CAACmD,MAAa,CAC3B,CAAC;IAEd;IACA,OAAO,IAAI;EACb,CAAC,CACG,CAAC;AAEX,CAAC;AAACC,OAAA,CAAA7D,YAAA,GAAAA,YAAA","ignoreList":[]}
+{"version":3,"file":"CardWithData.js","names":["_react","_interopRequireDefault","require","_labsWidgetCommon","_monoI18n","_types","_LineChartWithData","_utils","_constant","e","__esModule","default","CardWithData","_ref","isLoading","record","target","activeColumns","index","division","isLast","updatedRecord","error","ref","useRecords","instrument","lang","useLocale","checkLoading","id","undefined","createElement","Card","withoutBottomBorder","CardHeader","number","title","Truncate","text","displayName","tooltipId","INSTRUMENT_TOOLTIP_ID","includes","ColumnsNames","CHART","LineChartWithData","size","LineChartSize","xs","padding","map","item","SELL","CardRow","key","label","isError","Price","arrowPosition","ArrowPosition","left","priceMovement","sellPriceMovement","movementIndicator","sell","toFixed","displayPrecision","BUY","buyPriceMovement","buy","DAILY_CHANGE","dailyPercentChange","SPREAD","spread","exports"],"sources":["../../../../../src/LiveRatesTableWidget/components/CardWithData/CardWithData.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Card,\n  CardHeader,\n  CardRow,\n  Price,\n  ArrowPosition,\n  LineChartSize,\n  Truncate,\n} from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport { ColumnsNames, CardWithDataProps } from '../../types';\nimport { LineChartWithData } from '../LineChartWithData';\nimport { useRecords } from '../../utils';\nimport { INSTRUMENT_TOOLTIP_ID } from '../../constant';\n\nconst CardWithData = ({\n  isLoading,\n  record,\n  target,\n  activeColumns,\n  index,\n  division,\n  isLast,\n}: CardWithDataProps) => {\n  const { updatedRecord, error, ref } = useRecords(record, record.instrument ? target : null);\n  const { lang } = useLocale();\n\n  const checkLoading = (id: string) => isLoading || (!error && updatedRecord?.[id] === undefined);\n\n  return (\n    <Card ref={ref} data-testid=\"card\" withoutBottomBorder={!isLast}>\n      <CardHeader\n        isLoading={isLoading}\n        number={index}\n        title={<Truncate text={record.displayName} tooltipId={INSTRUMENT_TOOLTIP_ID} />}\n      >\n        {activeColumns.includes(ColumnsNames.CHART) && (\n        <LineChartWithData\n          division={division}\n          isLoading={checkLoading('instrument')}\n          size={LineChartSize.xs}\n          padding={4}\n          record={updatedRecord}\n        />\n        )}\n      </CardHeader>\n      {activeColumns.map((item) => {\n        if (item === ColumnsNames.SELL) {\n          return (\n            <CardRow\n              key={ColumnsNames.SELL}\n              label={lang('sell_price')}\n              isLoading={checkLoading(ColumnsNames.SELL)}\n              isError={!!error}\n            >\n              <Price\n                arrowPosition={ArrowPosition.left}\n                priceMovement={updatedRecord.sellPriceMovement}\n                movementIndicator=\"arrow\"\n              >\n                <span>{updatedRecord.sell?.toFixed(updatedRecord.displayPrecision)}</span>\n              </Price>\n            </CardRow>\n          );\n        }\n\n        if (item === ColumnsNames.BUY) {\n          return (\n            <CardRow\n              key={ColumnsNames.BUY}\n              label={lang('buy_price')}\n              isLoading={checkLoading(ColumnsNames.BUY)}\n              isError={!!error}\n            >\n              <Price\n                arrowPosition={ArrowPosition.left}\n                priceMovement={updatedRecord.buyPriceMovement}\n                movementIndicator=\"arrow\"\n              >\n                <span>{updatedRecord.buy?.toFixed(updatedRecord.displayPrecision)}</span>\n              </Price>\n            </CardRow>\n          );\n        }\n\n        if (item === ColumnsNames.DAILY_CHANGE) {\n          return (\n            <CardRow\n              key={ColumnsNames.DAILY_CHANGE}\n              label={lang('daily_percent_change')}\n              isLoading={checkLoading('dailyPercentChange')}\n              isError={!!error}\n            >\n              <span>{updatedRecord.dailyPercentChange}</span>\n            </CardRow>\n          );\n        }\n\n        if (item === ColumnsNames.SPREAD) {\n          return (\n            <CardRow\n              key={ColumnsNames.SPREAD}\n              label={lang('spread')}\n              isLoading={checkLoading(ColumnsNames.SPREAD)}\n              isError={!!error}\n            >\n              <span>{updatedRecord.spread}</span>\n            </CardRow>\n          );\n        }\n        return null;\n      })}\n    </Card>\n  );\n};\n\nexport { CardWithData };\n"],"mappings":"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","ignoreList":[]}

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

@@ -56,7 +56,8 @@ const RowWithData = _ref => {
         isError: !!error,
         additionalPaddingRight: true
       }, _react.default.createElement(_labsWidgetCommon.Price, {
-        priceMovement: updatedRecord.sellPriceMovement
+        priceMovement: updatedRecord.sellPriceMovement,
+        movementIndicator: "arrow"
       }, _react.default.createElement("span", null, updatedRecord.sell?.toFixed(updatedRecord.displayPrecision))));
     }
     if (item === _types.ColumnsNames.BUY) {
@@ -66,7 +67,8 @@ const RowWithData = _ref => {
         isError: !!error,
         additionalPaddingRight: true
       }, _react.default.createElement(_labsWidgetCommon.Price, {
-        priceMovement: updatedRecord.buyPriceMovement
+        priceMovement: updatedRecord.buyPriceMovement,
+        movementIndicator: "arrow"
       }, _react.default.createElement("span", null, updatedRecord.buy?.toFixed(updatedRecord.displayPrecision))));
     }
     if (item === _types.ColumnsNames.DAILY_CHANGE) {

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

@@ -1 +1 @@
-{"version":3,"file":"RowWithData.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_labsWidgetCommon","_types","_LineChartWithData","_utils","_constant","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","RowWithData","_ref","loading","record","hasBackgroundColor","target","activeColumns","division","isScrolled","isDark","useContext","ThemeContext","updatedRecord","error","ref","useRecords","instrument","checkLoading","id","undefined","createElement","TableRow","Fragment","TableCell","type","classNames","classnames","key","ColumnsNames","INSTRUMENT","isLoading","Truncate","maxWidth","text","displayName","tooltipId","INSTRUMENT_TOOLTIP_ID","map","item","SELL","isError","additionalPaddingRight","Price","priceMovement","sellPriceMovement","sell","toFixed","displayPrecision","BUY","buyPriceMovement","buy","DAILY_CHANGE","dailyPercentChange","CHART","className","LineChartWithData","SPREAD","loaderSize","LoaderSize","sm","spread","exports"],"sources":["../../../../../src/LiveRatesTableWidget/components/RowWithData/RowWithData.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classnames from 'classnames';\nimport {\n  TableCell, TableRow, Price, LoaderSize, Truncate, ThemeContext,\n} from '@oanda/labs-widget-common';\nimport { ColumnsNames, RowWithDataProps } from '../../types';\nimport { LineChartWithData } from '../LineChartWithData';\nimport { useRecords } from '../../utils';\nimport { INSTRUMENT_TOOLTIP_ID } from '../../constant';\n\nconst RowWithData = ({\n  loading,\n  record,\n  hasBackgroundColor,\n  target,\n  activeColumns,\n  division,\n  isScrolled,\n}: RowWithDataProps) => {\n  const { isDark } = useContext(ThemeContext);\n  const { updatedRecord, error, ref } = useRecords(record, record.instrument ? target : null);\n\n  const checkLoading = (id: string) => loading || (!error && updatedRecord?.[id] === undefined);\n\n  return (\n    <TableRow ref={ref} isScrolled={isScrolled} hasBackgroundColor={hasBackgroundColor}>\n      <>\n        <TableCell\n          type=\"text\"\n          classNames={classnames(\n            'lw-font-bold',\n            {\n              '[&>*:first-child]:lw-border-r [&>*:first-child]:lw-border-border-primary': isDark && isScrolled,\n            },\n          )}\n          key={ColumnsNames.INSTRUMENT}\n          isLoading={checkLoading(ColumnsNames.INSTRUMENT)}\n        >\n          <Truncate maxWidth={130} text={record.displayName} tooltipId={INSTRUMENT_TOOLTIP_ID} />\n        </TableCell>\n        {activeColumns.map((item) => {\n          if (item === ColumnsNames.SELL) {\n            return (\n              <TableCell\n                key={ColumnsNames.SELL}\n                isLoading={checkLoading(ColumnsNames.SELL)}\n                isError={!!error}\n                additionalPaddingRight\n              >\n                <Price priceMovement={updatedRecord.sellPriceMovement}>\n                  <span>{updatedRecord.sell?.toFixed(updatedRecord.displayPrecision)}</span>\n                </Price>\n              </TableCell>\n            );\n          }\n\n          if (item === ColumnsNames.BUY) {\n            return (\n              <TableCell\n                key={ColumnsNames.BUY}\n                isLoading={checkLoading(ColumnsNames.BUY)}\n                isError={!!error}\n                additionalPaddingRight\n              >\n                <Price priceMovement={updatedRecord.buyPriceMovement}>\n                  <span>{updatedRecord.buy?.toFixed(updatedRecord.displayPrecision)}</span>\n                </Price>\n              </TableCell>\n            );\n          }\n\n          if (item === ColumnsNames.DAILY_CHANGE) {\n            return (\n              <TableCell\n                key={ColumnsNames.DAILY_CHANGE}\n                isLoading={checkLoading('dailyPercentChange')}\n                isError={!!error}\n              >\n                <span>{updatedRecord.dailyPercentChange}</span>\n              </TableCell>\n            );\n          }\n\n          if (item === ColumnsNames.CHART) {\n            return (\n              <td data-testid=\"chart-table-cell\" className=\"lw-relative lw-px-3 lw-py-0 lw-text-right\" key={ColumnsNames.CHART}>\n                <div className=\"lw-flex lw-justify-center\">\n                  <LineChartWithData\n                    record={updatedRecord}\n                    isLoading={checkLoading('instrument')}\n                    division={division}\n                  />\n                </div>\n              </td>\n            );\n          }\n\n          if (item === ColumnsNames.SPREAD) {\n            return (\n              <TableCell\n                key={ColumnsNames.SPREAD}\n                isLoading={checkLoading(ColumnsNames.SPREAD)}\n                isError={!!error}\n                loaderSize={LoaderSize.sm}\n              >\n                <span>{updatedRecord.spread}</span>\n              </TableCell>\n            );\n          }\n          return null;\n        })}\n      </>\n    </TableRow>\n  );\n};\n\nexport { RowWithData };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"RowWithData.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_labsWidgetCommon","_types","_LineChartWithData","_utils","_constant","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","RowWithData","_ref","loading","record","hasBackgroundColor","target","activeColumns","division","isScrolled","isDark","useContext","ThemeContext","updatedRecord","error","ref","useRecords","instrument","checkLoading","id","undefined","createElement","TableRow","Fragment","TableCell","type","classNames","classnames","key","ColumnsNames","INSTRUMENT","isLoading","Truncate","maxWidth","text","displayName","tooltipId","INSTRUMENT_TOOLTIP_ID","map","item","SELL","isError","additionalPaddingRight","Price","priceMovement","sellPriceMovement","movementIndicator","sell","toFixed","displayPrecision","BUY","buyPriceMovement","buy","DAILY_CHANGE","dailyPercentChange","CHART","className","LineChartWithData","SPREAD","loaderSize","LoaderSize","sm","spread","exports"],"sources":["../../../../../src/LiveRatesTableWidget/components/RowWithData/RowWithData.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classnames from 'classnames';\nimport {\n  TableCell, TableRow, Price, LoaderSize, Truncate, ThemeContext,\n} from '@oanda/labs-widget-common';\nimport { ColumnsNames, RowWithDataProps } from '../../types';\nimport { LineChartWithData } from '../LineChartWithData';\nimport { useRecords } from '../../utils';\nimport { INSTRUMENT_TOOLTIP_ID } from '../../constant';\n\nconst RowWithData = ({\n  loading,\n  record,\n  hasBackgroundColor,\n  target,\n  activeColumns,\n  division,\n  isScrolled,\n}: RowWithDataProps) => {\n  const { isDark } = useContext(ThemeContext);\n  const { updatedRecord, error, ref } = useRecords(record, record.instrument ? target : null);\n\n  const checkLoading = (id: string) => loading || (!error && updatedRecord?.[id] === undefined);\n\n  return (\n    <TableRow ref={ref} isScrolled={isScrolled} hasBackgroundColor={hasBackgroundColor}>\n      <>\n        <TableCell\n          type=\"text\"\n          classNames={classnames(\n            'lw-font-bold',\n            {\n              '[&>*:first-child]:lw-border-r [&>*:first-child]:lw-border-border-primary': isDark && isScrolled,\n            },\n          )}\n          key={ColumnsNames.INSTRUMENT}\n          isLoading={checkLoading(ColumnsNames.INSTRUMENT)}\n        >\n          <Truncate maxWidth={130} text={record.displayName} tooltipId={INSTRUMENT_TOOLTIP_ID} />\n        </TableCell>\n        {activeColumns.map((item) => {\n          if (item === ColumnsNames.SELL) {\n            return (\n              <TableCell\n                key={ColumnsNames.SELL}\n                isLoading={checkLoading(ColumnsNames.SELL)}\n                isError={!!error}\n                additionalPaddingRight\n              >\n                <Price priceMovement={updatedRecord.sellPriceMovement} movementIndicator=\"arrow\">\n                  <span>{updatedRecord.sell?.toFixed(updatedRecord.displayPrecision)}</span>\n                </Price>\n              </TableCell>\n            );\n          }\n\n          if (item === ColumnsNames.BUY) {\n            return (\n              <TableCell\n                key={ColumnsNames.BUY}\n                isLoading={checkLoading(ColumnsNames.BUY)}\n                isError={!!error}\n                additionalPaddingRight\n              >\n                <Price priceMovement={updatedRecord.buyPriceMovement} movementIndicator=\"arrow\">\n                  <span>{updatedRecord.buy?.toFixed(updatedRecord.displayPrecision)}</span>\n                </Price>\n              </TableCell>\n            );\n          }\n\n          if (item === ColumnsNames.DAILY_CHANGE) {\n            return (\n              <TableCell\n                key={ColumnsNames.DAILY_CHANGE}\n                isLoading={checkLoading('dailyPercentChange')}\n                isError={!!error}\n              >\n                <span>{updatedRecord.dailyPercentChange}</span>\n              </TableCell>\n            );\n          }\n\n          if (item === ColumnsNames.CHART) {\n            return (\n              <td data-testid=\"chart-table-cell\" className=\"lw-relative lw-px-3 lw-py-0 lw-text-right\" key={ColumnsNames.CHART}>\n                <div className=\"lw-flex lw-justify-center\">\n                  <LineChartWithData\n                    record={updatedRecord}\n                    isLoading={checkLoading('instrument')}\n                    division={division}\n                  />\n                </div>\n              </td>\n            );\n          }\n\n          if (item === ColumnsNames.SPREAD) {\n            return (\n              <TableCell\n                key={ColumnsNames.SPREAD}\n                isLoading={checkLoading(ColumnsNames.SPREAD)}\n                isError={!!error}\n                loaderSize={LoaderSize.sm}\n              >\n                <span>{updatedRecord.spread}</span>\n              </TableCell>\n            );\n          }\n          return null;\n        })}\n      </>\n    </TableRow>\n  );\n};\n\nexport { RowWithData };\n"],"mappings":"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","ignoreList":[]}

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

@@ -50,7 +50,8 @@ const CardWithData = _ref => {
         isError: !!error
       }, React.createElement(Price, {
         arrowPosition: ArrowPosition.left,
-        priceMovement: updatedRecord.sellPriceMovement
+        priceMovement: updatedRecord.sellPriceMovement,
+        movementIndicator: "arrow"
       }, React.createElement("span", null, updatedRecord.sell?.toFixed(updatedRecord.displayPrecision))));
     }
     if (item === ColumnsNames.BUY) {
@@ -61,7 +62,8 @@ const CardWithData = _ref => {
         isError: !!error
       }, React.createElement(Price, {
         arrowPosition: ArrowPosition.left,
-        priceMovement: updatedRecord.buyPriceMovement
+        priceMovement: updatedRecord.buyPriceMovement,
+        movementIndicator: "arrow"
       }, React.createElement("span", null, updatedRecord.buy?.toFixed(updatedRecord.displayPrecision))));
     }
     if (item === ColumnsNames.DAILY_CHANGE) {

package/dist/module/LiveRatesTableWidget/components/CardWithData/CardWithData.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardWithData.js","names":["React","Card","CardHeader","CardRow","Price","ArrowPosition","LineChartSize","Truncate","useLocale","ColumnsNames","LineChartWithData","useRecords","INSTRUMENT_TOOLTIP_ID","CardWithData","_ref","isLoading","record","target","activeColumns","index","division","isLast","updatedRecord","error","ref","instrument","lang","checkLoading","id","undefined","createElement","withoutBottomBorder","number","title","text","displayName","tooltipId","includes","CHART","size","xs","padding","map","item","SELL","key","label","isError","arrowPosition","left","priceMovement","sellPriceMovement","sell","toFixed","displayPrecision","BUY","buyPriceMovement","buy","DAILY_CHANGE","dailyPercentChange","SPREAD","spread"],"sources":["../../../../../src/LiveRatesTableWidget/components/CardWithData/CardWithData.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Card,\n  CardHeader,\n  CardRow,\n  Price,\n  ArrowPosition,\n  LineChartSize,\n  Truncate,\n} from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport { ColumnsNames, CardWithDataProps } from '../../types';\nimport { LineChartWithData } from '../LineChartWithData';\nimport { useRecords } from '../../utils';\nimport { INSTRUMENT_TOOLTIP_ID } from '../../constant';\n\nconst CardWithData = ({\n  isLoading,\n  record,\n  target,\n  activeColumns,\n  index,\n  division,\n  isLast,\n}: CardWithDataProps) => {\n  const { updatedRecord, error, ref } = useRecords(record, record.instrument ? target : null);\n  const { lang } = useLocale();\n\n  const checkLoading = (id: string) => isLoading || (!error && updatedRecord?.[id] === undefined);\n\n  return (\n    <Card ref={ref} data-testid=\"card\" withoutBottomBorder={!isLast}>\n      <CardHeader\n        isLoading={isLoading}\n        number={index}\n        title={<Truncate text={record.displayName} tooltipId={INSTRUMENT_TOOLTIP_ID} />}\n      >\n        {activeColumns.includes(ColumnsNames.CHART) && (\n        <LineChartWithData\n          division={division}\n          isLoading={checkLoading('instrument')}\n          size={LineChartSize.xs}\n          padding={4}\n          record={updatedRecord}\n        />\n        )}\n      </CardHeader>\n      {activeColumns.map((item) => {\n        if (item === ColumnsNames.SELL) {\n          return (\n            <CardRow\n              key={ColumnsNames.SELL}\n              label={lang('sell_price')}\n              isLoading={checkLoading(ColumnsNames.SELL)}\n              isError={!!error}\n            >\n              <Price\n                arrowPosition={ArrowPosition.left}\n                priceMovement={updatedRecord.sellPriceMovement}\n              >\n                <span>{updatedRecord.sell?.toFixed(updatedRecord.displayPrecision)}</span>\n              </Price>\n            </CardRow>\n          );\n        }\n\n        if (item === ColumnsNames.BUY) {\n          return (\n            <CardRow\n              key={ColumnsNames.BUY}\n              label={lang('buy_price')}\n              isLoading={checkLoading(ColumnsNames.BUY)}\n              isError={!!error}\n            >\n              <Price\n                arrowPosition={ArrowPosition.left}\n                priceMovement={updatedRecord.buyPriceMovement}\n              >\n                <span>{updatedRecord.buy?.toFixed(updatedRecord.displayPrecision)}</span>\n              </Price>\n            </CardRow>\n          );\n        }\n\n        if (item === ColumnsNames.DAILY_CHANGE) {\n          return (\n            <CardRow\n              key={ColumnsNames.DAILY_CHANGE}\n              label={lang('daily_percent_change')}\n              isLoading={checkLoading('dailyPercentChange')}\n              isError={!!error}\n            >\n              <span>{updatedRecord.dailyPercentChange}</span>\n            </CardRow>\n          );\n        }\n\n        if (item === ColumnsNames.SPREAD) {\n          return (\n            <CardRow\n              key={ColumnsNames.SPREAD}\n              label={lang('spread')}\n              isLoading={checkLoading(ColumnsNames.SPREAD)}\n              isError={!!error}\n            >\n              <span>{updatedRecord.spread}</span>\n            </CardRow>\n          );\n        }\n        return null;\n      })}\n    </Card>\n  );\n};\n\nexport { CardWithData };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"CardWithData.js","names":["React","Card","CardHeader","CardRow","Price","ArrowPosition","LineChartSize","Truncate","useLocale","ColumnsNames","LineChartWithData","useRecords","INSTRUMENT_TOOLTIP_ID","CardWithData","_ref","isLoading","record","target","activeColumns","index","division","isLast","updatedRecord","error","ref","instrument","lang","checkLoading","id","undefined","createElement","withoutBottomBorder","number","title","text","displayName","tooltipId","includes","CHART","size","xs","padding","map","item","SELL","key","label","isError","arrowPosition","left","priceMovement","sellPriceMovement","movementIndicator","sell","toFixed","displayPrecision","BUY","buyPriceMovement","buy","DAILY_CHANGE","dailyPercentChange","SPREAD","spread"],"sources":["../../../../../src/LiveRatesTableWidget/components/CardWithData/CardWithData.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Card,\n  CardHeader,\n  CardRow,\n  Price,\n  ArrowPosition,\n  LineChartSize,\n  Truncate,\n} from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport { ColumnsNames, CardWithDataProps } from '../../types';\nimport { LineChartWithData } from '../LineChartWithData';\nimport { useRecords } from '../../utils';\nimport { INSTRUMENT_TOOLTIP_ID } from '../../constant';\n\nconst CardWithData = ({\n  isLoading,\n  record,\n  target,\n  activeColumns,\n  index,\n  division,\n  isLast,\n}: CardWithDataProps) => {\n  const { updatedRecord, error, ref } = useRecords(record, record.instrument ? target : null);\n  const { lang } = useLocale();\n\n  const checkLoading = (id: string) => isLoading || (!error && updatedRecord?.[id] === undefined);\n\n  return (\n    <Card ref={ref} data-testid=\"card\" withoutBottomBorder={!isLast}>\n      <CardHeader\n        isLoading={isLoading}\n        number={index}\n        title={<Truncate text={record.displayName} tooltipId={INSTRUMENT_TOOLTIP_ID} />}\n      >\n        {activeColumns.includes(ColumnsNames.CHART) && (\n        <LineChartWithData\n          division={division}\n          isLoading={checkLoading('instrument')}\n          size={LineChartSize.xs}\n          padding={4}\n          record={updatedRecord}\n        />\n        )}\n      </CardHeader>\n      {activeColumns.map((item) => {\n        if (item === ColumnsNames.SELL) {\n          return (\n            <CardRow\n              key={ColumnsNames.SELL}\n              label={lang('sell_price')}\n              isLoading={checkLoading(ColumnsNames.SELL)}\n              isError={!!error}\n            >\n              <Price\n                arrowPosition={ArrowPosition.left}\n                priceMovement={updatedRecord.sellPriceMovement}\n                movementIndicator=\"arrow\"\n              >\n                <span>{updatedRecord.sell?.toFixed(updatedRecord.displayPrecision)}</span>\n              </Price>\n            </CardRow>\n          );\n        }\n\n        if (item === ColumnsNames.BUY) {\n          return (\n            <CardRow\n              key={ColumnsNames.BUY}\n              label={lang('buy_price')}\n              isLoading={checkLoading(ColumnsNames.BUY)}\n              isError={!!error}\n            >\n              <Price\n                arrowPosition={ArrowPosition.left}\n                priceMovement={updatedRecord.buyPriceMovement}\n                movementIndicator=\"arrow\"\n              >\n                <span>{updatedRecord.buy?.toFixed(updatedRecord.displayPrecision)}</span>\n              </Price>\n            </CardRow>\n          );\n        }\n\n        if (item === ColumnsNames.DAILY_CHANGE) {\n          return (\n            <CardRow\n              key={ColumnsNames.DAILY_CHANGE}\n              label={lang('daily_percent_change')}\n              isLoading={checkLoading('dailyPercentChange')}\n              isError={!!error}\n            >\n              <span>{updatedRecord.dailyPercentChange}</span>\n            </CardRow>\n          );\n        }\n\n        if (item === ColumnsNames.SPREAD) {\n          return (\n            <CardRow\n              key={ColumnsNames.SPREAD}\n              label={lang('spread')}\n              isLoading={checkLoading(ColumnsNames.SPREAD)}\n              isError={!!error}\n            >\n              <span>{updatedRecord.spread}</span>\n            </CardRow>\n          );\n        }\n        return null;\n      })}\n    </Card>\n  );\n};\n\nexport { CardWithData };\n"],"mappings":"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","ignoreList":[]}

package/dist/module/LiveRatesTableWidget/components/RowWithData/RowWithData.js

@@ -47,7 +47,8 @@ const RowWithData = _ref => {
         isError: !!error,
         additionalPaddingRight: true
       }, React.createElement(Price, {
-        priceMovement: updatedRecord.sellPriceMovement
+        priceMovement: updatedRecord.sellPriceMovement,
+        movementIndicator: "arrow"
       }, React.createElement("span", null, updatedRecord.sell?.toFixed(updatedRecord.displayPrecision))));
     }
     if (item === ColumnsNames.BUY) {
@@ -57,7 +58,8 @@ const RowWithData = _ref => {
         isError: !!error,
         additionalPaddingRight: true
       }, React.createElement(Price, {
-        priceMovement: updatedRecord.buyPriceMovement
+        priceMovement: updatedRecord.buyPriceMovement,
+        movementIndicator: "arrow"
       }, React.createElement("span", null, updatedRecord.buy?.toFixed(updatedRecord.displayPrecision))));
     }
     if (item === ColumnsNames.DAILY_CHANGE) {

package/dist/module/LiveRatesTableWidget/components/RowWithData/RowWithData.js.map

@@ -1 +1 @@
-{"version":3,"file":"RowWithData.js","names":["React","useContext","classnames","TableCell","TableRow","Price","LoaderSize","Truncate","ThemeContext","ColumnsNames","LineChartWithData","useRecords","INSTRUMENT_TOOLTIP_ID","RowWithData","_ref","loading","record","hasBackgroundColor","target","activeColumns","division","isScrolled","isDark","updatedRecord","error","ref","instrument","checkLoading","id","undefined","createElement","Fragment","type","classNames","key","INSTRUMENT","isLoading","maxWidth","text","displayName","tooltipId","map","item","SELL","isError","additionalPaddingRight","priceMovement","sellPriceMovement","sell","toFixed","displayPrecision","BUY","buyPriceMovement","buy","DAILY_CHANGE","dailyPercentChange","CHART","className","SPREAD","loaderSize","sm","spread"],"sources":["../../../../../src/LiveRatesTableWidget/components/RowWithData/RowWithData.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classnames from 'classnames';\nimport {\n  TableCell, TableRow, Price, LoaderSize, Truncate, ThemeContext,\n} from '@oanda/labs-widget-common';\nimport { ColumnsNames, RowWithDataProps } from '../../types';\nimport { LineChartWithData } from '../LineChartWithData';\nimport { useRecords } from '../../utils';\nimport { INSTRUMENT_TOOLTIP_ID } from '../../constant';\n\nconst RowWithData = ({\n  loading,\n  record,\n  hasBackgroundColor,\n  target,\n  activeColumns,\n  division,\n  isScrolled,\n}: RowWithDataProps) => {\n  const { isDark } = useContext(ThemeContext);\n  const { updatedRecord, error, ref } = useRecords(record, record.instrument ? target : null);\n\n  const checkLoading = (id: string) => loading || (!error && updatedRecord?.[id] === undefined);\n\n  return (\n    <TableRow ref={ref} isScrolled={isScrolled} hasBackgroundColor={hasBackgroundColor}>\n      <>\n        <TableCell\n          type=\"text\"\n          classNames={classnames(\n            'lw-font-bold',\n            {\n              '[&>*:first-child]:lw-border-r [&>*:first-child]:lw-border-border-primary': isDark && isScrolled,\n            },\n          )}\n          key={ColumnsNames.INSTRUMENT}\n          isLoading={checkLoading(ColumnsNames.INSTRUMENT)}\n        >\n          <Truncate maxWidth={130} text={record.displayName} tooltipId={INSTRUMENT_TOOLTIP_ID} />\n        </TableCell>\n        {activeColumns.map((item) => {\n          if (item === ColumnsNames.SELL) {\n            return (\n              <TableCell\n                key={ColumnsNames.SELL}\n                isLoading={checkLoading(ColumnsNames.SELL)}\n                isError={!!error}\n                additionalPaddingRight\n              >\n                <Price priceMovement={updatedRecord.sellPriceMovement}>\n                  <span>{updatedRecord.sell?.toFixed(updatedRecord.displayPrecision)}</span>\n                </Price>\n              </TableCell>\n            );\n          }\n\n          if (item === ColumnsNames.BUY) {\n            return (\n              <TableCell\n                key={ColumnsNames.BUY}\n                isLoading={checkLoading(ColumnsNames.BUY)}\n                isError={!!error}\n                additionalPaddingRight\n              >\n                <Price priceMovement={updatedRecord.buyPriceMovement}>\n                  <span>{updatedRecord.buy?.toFixed(updatedRecord.displayPrecision)}</span>\n                </Price>\n              </TableCell>\n            );\n          }\n\n          if (item === ColumnsNames.DAILY_CHANGE) {\n            return (\n              <TableCell\n                key={ColumnsNames.DAILY_CHANGE}\n                isLoading={checkLoading('dailyPercentChange')}\n                isError={!!error}\n              >\n                <span>{updatedRecord.dailyPercentChange}</span>\n              </TableCell>\n            );\n          }\n\n          if (item === ColumnsNames.CHART) {\n            return (\n              <td data-testid=\"chart-table-cell\" className=\"lw-relative lw-px-3 lw-py-0 lw-text-right\" key={ColumnsNames.CHART}>\n                <div className=\"lw-flex lw-justify-center\">\n                  <LineChartWithData\n                    record={updatedRecord}\n                    isLoading={checkLoading('instrument')}\n                    division={division}\n                  />\n                </div>\n              </td>\n            );\n          }\n\n          if (item === ColumnsNames.SPREAD) {\n            return (\n              <TableCell\n                key={ColumnsNames.SPREAD}\n                isLoading={checkLoading(ColumnsNames.SPREAD)}\n                isError={!!error}\n                loaderSize={LoaderSize.sm}\n              >\n                <span>{updatedRecord.spread}</span>\n              </TableCell>\n            );\n          }\n          return null;\n        })}\n      </>\n    </TableRow>\n  );\n};\n\nexport { RowWithData };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"RowWithData.js","names":["React","useContext","classnames","TableCell","TableRow","Price","LoaderSize","Truncate","ThemeContext","ColumnsNames","LineChartWithData","useRecords","INSTRUMENT_TOOLTIP_ID","RowWithData","_ref","loading","record","hasBackgroundColor","target","activeColumns","division","isScrolled","isDark","updatedRecord","error","ref","instrument","checkLoading","id","undefined","createElement","Fragment","type","classNames","key","INSTRUMENT","isLoading","maxWidth","text","displayName","tooltipId","map","item","SELL","isError","additionalPaddingRight","priceMovement","sellPriceMovement","movementIndicator","sell","toFixed","displayPrecision","BUY","buyPriceMovement","buy","DAILY_CHANGE","dailyPercentChange","CHART","className","SPREAD","loaderSize","sm","spread"],"sources":["../../../../../src/LiveRatesTableWidget/components/RowWithData/RowWithData.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classnames from 'classnames';\nimport {\n  TableCell, TableRow, Price, LoaderSize, Truncate, ThemeContext,\n} from '@oanda/labs-widget-common';\nimport { ColumnsNames, RowWithDataProps } from '../../types';\nimport { LineChartWithData } from '../LineChartWithData';\nimport { useRecords } from '../../utils';\nimport { INSTRUMENT_TOOLTIP_ID } from '../../constant';\n\nconst RowWithData = ({\n  loading,\n  record,\n  hasBackgroundColor,\n  target,\n  activeColumns,\n  division,\n  isScrolled,\n}: RowWithDataProps) => {\n  const { isDark } = useContext(ThemeContext);\n  const { updatedRecord, error, ref } = useRecords(record, record.instrument ? target : null);\n\n  const checkLoading = (id: string) => loading || (!error && updatedRecord?.[id] === undefined);\n\n  return (\n    <TableRow ref={ref} isScrolled={isScrolled} hasBackgroundColor={hasBackgroundColor}>\n      <>\n        <TableCell\n          type=\"text\"\n          classNames={classnames(\n            'lw-font-bold',\n            {\n              '[&>*:first-child]:lw-border-r [&>*:first-child]:lw-border-border-primary': isDark && isScrolled,\n            },\n          )}\n          key={ColumnsNames.INSTRUMENT}\n          isLoading={checkLoading(ColumnsNames.INSTRUMENT)}\n        >\n          <Truncate maxWidth={130} text={record.displayName} tooltipId={INSTRUMENT_TOOLTIP_ID} />\n        </TableCell>\n        {activeColumns.map((item) => {\n          if (item === ColumnsNames.SELL) {\n            return (\n              <TableCell\n                key={ColumnsNames.SELL}\n                isLoading={checkLoading(ColumnsNames.SELL)}\n                isError={!!error}\n                additionalPaddingRight\n              >\n                <Price priceMovement={updatedRecord.sellPriceMovement} movementIndicator=\"arrow\">\n                  <span>{updatedRecord.sell?.toFixed(updatedRecord.displayPrecision)}</span>\n                </Price>\n              </TableCell>\n            );\n          }\n\n          if (item === ColumnsNames.BUY) {\n            return (\n              <TableCell\n                key={ColumnsNames.BUY}\n                isLoading={checkLoading(ColumnsNames.BUY)}\n                isError={!!error}\n                additionalPaddingRight\n              >\n                <Price priceMovement={updatedRecord.buyPriceMovement} movementIndicator=\"arrow\">\n                  <span>{updatedRecord.buy?.toFixed(updatedRecord.displayPrecision)}</span>\n                </Price>\n              </TableCell>\n            );\n          }\n\n          if (item === ColumnsNames.DAILY_CHANGE) {\n            return (\n              <TableCell\n                key={ColumnsNames.DAILY_CHANGE}\n                isLoading={checkLoading('dailyPercentChange')}\n                isError={!!error}\n              >\n                <span>{updatedRecord.dailyPercentChange}</span>\n              </TableCell>\n            );\n          }\n\n          if (item === ColumnsNames.CHART) {\n            return (\n              <td data-testid=\"chart-table-cell\" className=\"lw-relative lw-px-3 lw-py-0 lw-text-right\" key={ColumnsNames.CHART}>\n                <div className=\"lw-flex lw-justify-center\">\n                  <LineChartWithData\n                    record={updatedRecord}\n                    isLoading={checkLoading('instrument')}\n                    division={division}\n                  />\n                </div>\n              </td>\n            );\n          }\n\n          if (item === ColumnsNames.SPREAD) {\n            return (\n              <TableCell\n                key={ColumnsNames.SPREAD}\n                isLoading={checkLoading(ColumnsNames.SPREAD)}\n                isError={!!error}\n                loaderSize={LoaderSize.sm}\n              >\n                <span>{updatedRecord.spread}</span>\n              </TableCell>\n            );\n          }\n          return null;\n        })}\n      </>\n    </TableRow>\n  );\n};\n\nexport { RowWithData };\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oanda/labs-live-rates-table-widget",
-  "version": "1.0.14",
+  "version": "1.0.16",
   "description": "Labs Live Rates Table Widget",
   "main": "dist/main/index.js",
   "module": "dist/module/index.js",
@@ -12,8 +12,7 @@
   "author": "OANDA",
   "license": "UNLICENSED",
   "dependencies": {
-    "@apollo/client": "3.9.9",
-    "@oanda/labs-widget-common": "^1.0.148",
+    "@oanda/labs-widget-common": "^1.0.150",
     "@oanda/mono-i18n": "10.0.1",
     "graphql": "16.8.1"
   },
@@ -21,5 +20,5 @@
     "@graphql-codegen/cli": "5.0.0",
     "@graphql-codegen/client-preset": "4.1.0"
   },
-  "gitHead": "4a7b3a1f8d7003b1d7002dfbeb0fd6787e7d18dc"
+  "gitHead": "bc89a81b65b183de5f94a884b9d338b4b06e582a"
 }

package/src/LiveRatesTableWidget/components/CardWithData/CardWithData.tsx

@@ -57,6 +57,7 @@ const CardWithData = ({
               <Price
                 arrowPosition={ArrowPosition.left}
                 priceMovement={updatedRecord.sellPriceMovement}
+                movementIndicator="arrow"
               >
                 <span>{updatedRecord.sell?.toFixed(updatedRecord.displayPrecision)}</span>
               </Price>
@@ -75,6 +76,7 @@ const CardWithData = ({
               <Price
                 arrowPosition={ArrowPosition.left}
                 priceMovement={updatedRecord.buyPriceMovement}
+                movementIndicator="arrow"
               >
                 <span>{updatedRecord.buy?.toFixed(updatedRecord.displayPrecision)}</span>
               </Price>

package/src/LiveRatesTableWidget/components/RowWithData/RowWithData.tsx

@@ -47,7 +47,7 @@ const RowWithData = ({
                 isError={!!error}
                 additionalPaddingRight
               >
-                <Price priceMovement={updatedRecord.sellPriceMovement}>
+                <Price priceMovement={updatedRecord.sellPriceMovement} movementIndicator="arrow">
                   <span>{updatedRecord.sell?.toFixed(updatedRecord.displayPrecision)}</span>
                 </Price>
               </TableCell>
@@ -62,7 +62,7 @@ const RowWithData = ({
                 isError={!!error}
                 additionalPaddingRight
               >
-                <Price priceMovement={updatedRecord.buyPriceMovement}>
+                <Price priceMovement={updatedRecord.buyPriceMovement} movementIndicator="arrow">
                   <span>{updatedRecord.buy?.toFixed(updatedRecord.displayPrecision)}</span>
                 </Price>
               </TableCell>