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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/CHANGELOG.md +68 -0
  2. package/dist/main/LiveRatesTableWidget/components/CardWithData/CardWithData.js +4 -2
  3. package/dist/main/LiveRatesTableWidget/components/CardWithData/CardWithData.js.map +1 -1
  4. package/dist/main/LiveRatesTableWidget/components/RowWithData/RowWithData.js +4 -2
  5. package/dist/main/LiveRatesTableWidget/components/RowWithData/RowWithData.js.map +1 -1
  6. package/dist/module/LiveRatesTableWidget/components/CardWithData/CardWithData.js +4 -2
  7. package/dist/module/LiveRatesTableWidget/components/CardWithData/CardWithData.js.map +1 -1
  8. package/dist/module/LiveRatesTableWidget/components/RowWithData/RowWithData.js +4 -2
  9. package/dist/module/LiveRatesTableWidget/components/RowWithData/RowWithData.js.map +1 -1
  10. package/package.json +3 -3
  11. package/src/LiveRatesTableWidget/components/CardWithData/CardWithData.tsx +2 -0
  12. package/src/LiveRatesTableWidget/components/RowWithData/RowWithData.tsx +2 -2
package/CHANGELOG.md CHANGED
@@ -3,6 +3,74 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## 1.0.16 (2024-08-19)
7
+
8
+
9
+
10
+ ## 1.0.149 (2024-08-07)
11
+
12
+
13
+
14
+ ## 1.0.148 (2024-08-01)
15
+
16
+
17
+
18
+ ## 1.0.147 (2024-08-01)
19
+
20
+
21
+
22
+ ## 1.0.146 (2024-07-26)
23
+
24
+
25
+
26
+ ## 1.0.145 (2024-07-25)
27
+
28
+
29
+
30
+ ## 1.0.144 (2024-07-22)
31
+
32
+
33
+
34
+ ## 1.0.143 (2024-07-19)
35
+
36
+
37
+
38
+ ## 1.0.142 (2024-07-16)
39
+
40
+
41
+
42
+ ## 1.0.141 (2024-07-16)
43
+
44
+
45
+
46
+ ## 1.0.140 (2024-07-12)
47
+
48
+
49
+
50
+ ## 1.0.139 (2024-07-12)
51
+
52
+
53
+
54
+ ## 1.0.138 (2024-07-10)
55
+
56
+
57
+
58
+ ## 1.0.137 (2024-07-05)
59
+
60
+
61
+
62
+ ## 1.0.136 (2024-07-03)
63
+
64
+
65
+
66
+ ## 1.0.135 (2024-07-03)
67
+
68
+ **Note:** Version bump only for package @oanda/labs-live-rates-table-widget
69
+
70
+
71
+
72
+
73
+
6
74
  ## 1.0.15 (2024-08-07)
7
75
 
8
76
 
package/dist/main/LiveRatesTableWidget/components/CardWithData/CardWithData.js CHANGED
@@ -57,7 +57,8 @@ const CardWithData = _ref => {
57
57
  isError: !!error
58
58
  }, _react.default.createElement(_labsWidgetCommon.Price, {
59
59
  arrowPosition: _labsWidgetCommon.ArrowPosition.left,
60
- priceMovement: updatedRecord.sellPriceMovement
60
+ priceMovement: updatedRecord.sellPriceMovement,
61
+ movementIndicator: "arrow"
61
62
  }, _react.default.createElement("span", null, updatedRecord.sell?.toFixed(updatedRecord.displayPrecision))));
62
63
  }
63
64
  if (item === _types.ColumnsNames.BUY) {
@@ -68,7 +69,8 @@ const CardWithData = _ref => {
68
69
  isError: !!error
69
70
  }, _react.default.createElement(_labsWidgetCommon.Price, {
70
71
  arrowPosition: _labsWidgetCommon.ArrowPosition.left,
71
- priceMovement: updatedRecord.buyPriceMovement
72
+ priceMovement: updatedRecord.buyPriceMovement,
73
+ movementIndicator: "arrow"
72
74
  }, _react.default.createElement("span", null, updatedRecord.buy?.toFixed(updatedRecord.displayPrecision))));
73
75
  }
74
76
  if (item === _types.ColumnsNames.DAILY_CHANGE) {
package/dist/main/LiveRatesTableWidget/components/CardWithData/CardWithData.js.map CHANGED
@@ -1 +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":"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","ignoreList":[]}
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","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":";;;;;;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,iBAAkB;QAC/CC,iBAAiB,EAAC;MAAO,GAEzB/D,MAAA,CAAAW,OAAA,CAAAoB,aAAA,eAAOV,aAAa,CAAC2C,IAAI,EAAEC,OAAO,CAAC5C,aAAa,CAAC6C,gBAAgB,CAAQ,CACpE,CACA,CAAC;IAEd;IAEA,IAAIf,IAAI,KAAKR,mBAAY,CAACwB,GAAG,EAAE;MAC7B,OACEnE,MAAA,CAAAW,OAAA,CAAAoB,aAAA,CAAC5B,iBAAA,CAAAkD,OAAO;QACNC,GAAG,EAAEX,mBAAY,CAACwB,GAAI;QACtBZ,KAAK,EAAE7B,IAAI,CAAC,WAAW,CAAE;QACzBZ,SAAS,EAAEc,YAAY,CAACe,mBAAY,CAACwB,GAAG,CAAE;QAC1CX,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,CAAC+C,gBAAiB;QAC9CL,iBAAiB,EAAC;MAAO,GAEzB/D,MAAA,CAAAW,OAAA,CAAAoB,aAAA,eAAOV,aAAa,CAACgD,GAAG,EAAEJ,OAAO,CAAC5C,aAAa,CAAC6C,gBAAgB,CAAQ,CACnE,CACA,CAAC;IAEd;IAEA,IAAIf,IAAI,KAAKR,mBAAY,CAAC2B,YAAY,EAAE;MACtC,OACEtE,MAAA,CAAAW,OAAA,CAAAoB,aAAA,CAAC5B,iBAAA,CAAAkD,OAAO;QACNC,GAAG,EAAEX,mBAAY,CAAC2B,YAAa;QAC/Bf,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,CAACkD,kBAAyB,CACvC,CAAC;IAEd;IAEA,IAAIpB,IAAI,KAAKR,mBAAY,CAAC6B,MAAM,EAAE;MAChC,OACExE,MAAA,CAAAW,OAAA,CAAAoB,aAAA,CAAC5B,iBAAA,CAAAkD,OAAO;QACNC,GAAG,EAAEX,mBAAY,CAAC6B,MAAO;QACzBjB,KAAK,EAAE7B,IAAI,CAAC,QAAQ,CAAE;QACtBZ,SAAS,EAAEc,YAAY,CAACe,mBAAY,CAAC6B,MAAM,CAAE;QAC7ChB,OAAO,EAAE,CAAC,CAAClC;MAAM,GAEjBtB,MAAA,CAAAW,OAAA,CAAAoB,aAAA,eAAOV,aAAa,CAACoD,MAAa,CAC3B,CAAC;IAEd;IACA,OAAO,IAAI;EACb,CAAC,CACG,CAAC;AAEX,CAAC;AAACC,OAAA,CAAA9D,YAAA,GAAAA,YAAA","ignoreList":[]}
package/dist/main/LiveRatesTableWidget/components/RowWithData/RowWithData.js CHANGED
@@ -56,7 +56,8 @@ const RowWithData = _ref => {
56
56
  isError: !!error,
57
57
  additionalPaddingRight: true
58
58
  }, _react.default.createElement(_labsWidgetCommon.Price, {
59
- priceMovement: updatedRecord.sellPriceMovement
59
+ priceMovement: updatedRecord.sellPriceMovement,
60
+ movementIndicator: "arrow"
60
61
  }, _react.default.createElement("span", null, updatedRecord.sell?.toFixed(updatedRecord.displayPrecision))));
61
62
  }
62
63
  if (item === _types.ColumnsNames.BUY) {
@@ -66,7 +67,8 @@ const RowWithData = _ref => {
66
67
  isError: !!error,
67
68
  additionalPaddingRight: true
68
69
  }, _react.default.createElement(_labsWidgetCommon.Price, {
69
- priceMovement: updatedRecord.buyPriceMovement
70
+ priceMovement: updatedRecord.buyPriceMovement,
71
+ movementIndicator: "arrow"
70
72
  }, _react.default.createElement("span", null, updatedRecord.buy?.toFixed(updatedRecord.displayPrecision))));
71
73
  }
72
74
  if (item === _types.ColumnsNames.DAILY_CHANGE) {
package/dist/main/LiveRatesTableWidget/components/RowWithData/RowWithData.js.map CHANGED
@@ -1 +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":[]}
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","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 CHANGED
@@ -50,7 +50,8 @@ const CardWithData = _ref => {
50
50
  isError: !!error
51
51
  }, React.createElement(Price, {
52
52
  arrowPosition: ArrowPosition.left,
53
- priceMovement: updatedRecord.sellPriceMovement
53
+ priceMovement: updatedRecord.sellPriceMovement,
54
+ movementIndicator: "arrow"
54
55
  }, React.createElement("span", null, updatedRecord.sell?.toFixed(updatedRecord.displayPrecision))));
55
56
  }
56
57
  if (item === ColumnsNames.BUY) {
@@ -61,7 +62,8 @@ const CardWithData = _ref => {
61
62
  isError: !!error
62
63
  }, React.createElement(Price, {
63
64
  arrowPosition: ArrowPosition.left,
64
- priceMovement: updatedRecord.buyPriceMovement
65
+ priceMovement: updatedRecord.buyPriceMovement,
66
+ movementIndicator: "arrow"
65
67
  }, React.createElement("span", null, updatedRecord.buy?.toFixed(updatedRecord.displayPrecision))));
66
68
  }
67
69
  if (item === ColumnsNames.DAILY_CHANGE) {
package/dist/module/LiveRatesTableWidget/components/CardWithData/CardWithData.js.map CHANGED
@@ -1 +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":[]}
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","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 CHANGED
@@ -47,7 +47,8 @@ const RowWithData = _ref => {
47
47
  isError: !!error,
48
48
  additionalPaddingRight: true
49
49
  }, React.createElement(Price, {
50
- priceMovement: updatedRecord.sellPriceMovement
50
+ priceMovement: updatedRecord.sellPriceMovement,
51
+ movementIndicator: "arrow"
51
52
  }, React.createElement("span", null, updatedRecord.sell?.toFixed(updatedRecord.displayPrecision))));
52
53
  }
53
54
  if (item === ColumnsNames.BUY) {
@@ -57,7 +58,8 @@ const RowWithData = _ref => {
57
58
  isError: !!error,
58
59
  additionalPaddingRight: true
59
60
  }, React.createElement(Price, {
60
- priceMovement: updatedRecord.buyPriceMovement
61
+ priceMovement: updatedRecord.buyPriceMovement,
62
+ movementIndicator: "arrow"
61
63
  }, React.createElement("span", null, updatedRecord.buy?.toFixed(updatedRecord.displayPrecision))));
62
64
  }
63
65
  if (item === ColumnsNames.DAILY_CHANGE) {
package/dist/module/LiveRatesTableWidget/components/RowWithData/RowWithData.js.map CHANGED
@@ -1 +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":[]}
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","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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@oanda/labs-live-rates-table-widget",
3
- "version": "1.0.15",
3
+ "version": "1.0.16",
4
4
  "description": "Labs Live Rates Table Widget",
5
5
  "main": "dist/main/index.js",
6
6
  "module": "dist/module/index.js",
@@ -12,7 +12,7 @@
12
12
  "author": "OANDA",
13
13
  "license": "UNLICENSED",
14
14
  "dependencies": {
15
- "@oanda/labs-widget-common": "^1.0.149",
15
+ "@oanda/labs-widget-common": "^1.0.150",
16
16
  "@oanda/mono-i18n": "10.0.1",
17
17
  "graphql": "16.8.1"
18
18
  },
@@ -20,5 +20,5 @@
20
20
  "@graphql-codegen/cli": "5.0.0",
21
21
  "@graphql-codegen/client-preset": "4.1.0"
22
22
  },
23
- "gitHead": "5669c16b7b74489de566298ef8830cd6bc99b47b"
23
+ "gitHead": "bc89a81b65b183de5f94a884b9d338b4b06e582a"
24
24
  }
package/src/LiveRatesTableWidget/components/CardWithData/CardWithData.tsx CHANGED
@@ -57,6 +57,7 @@ const CardWithData = ({
57
57
  <Price
58
58
  arrowPosition={ArrowPosition.left}
59
59
  priceMovement={updatedRecord.sellPriceMovement}
60
+ movementIndicator="arrow"
60
61
  >
61
62
  <span>{updatedRecord.sell?.toFixed(updatedRecord.displayPrecision)}</span>
62
63
  </Price>
@@ -75,6 +76,7 @@ const CardWithData = ({
75
76
  <Price
76
77
  arrowPosition={ArrowPosition.left}
77
78
  priceMovement={updatedRecord.buyPriceMovement}
79
+ movementIndicator="arrow"
78
80
  >
79
81
  <span>{updatedRecord.buy?.toFixed(updatedRecord.displayPrecision)}</span>
80
82
  </Price>
package/src/LiveRatesTableWidget/components/RowWithData/RowWithData.tsx CHANGED
@@ -47,7 +47,7 @@ const RowWithData = ({
47
47
  isError={!!error}
48
48
  additionalPaddingRight
49
49
  >
50
- <Price priceMovement={updatedRecord.sellPriceMovement}>
50
+ <Price priceMovement={updatedRecord.sellPriceMovement} movementIndicator="arrow">
51
51
  <span>{updatedRecord.sell?.toFixed(updatedRecord.displayPrecision)}</span>
52
52
  </Price>
53
53
  </TableCell>
@@ -62,7 +62,7 @@ const RowWithData = ({
62
62
  isError={!!error}
63
63
  additionalPaddingRight
64
64
  >
65
- <Price priceMovement={updatedRecord.buyPriceMovement}>
65
+ <Price priceMovement={updatedRecord.buyPriceMovement} movementIndicator="arrow">
66
66
  <span>{updatedRecord.buy?.toFixed(updatedRecord.displayPrecision)}</span>
67
67
  </Price>
68
68
  </TableCell>