@oanda/labs-live-rates-table-widget 1.0.48 → 1.0.50
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.
- package/CHANGELOG.md +404 -0
- package/dist/main/LiveRatesTableWidget/Main.js +26 -33
- package/dist/main/LiveRatesTableWidget/Main.js.map +1 -1
- package/dist/main/LiveRatesTableWidget/config.js +12 -7
- package/dist/main/LiveRatesTableWidget/config.js.map +1 -1
- package/dist/main/LiveRatesTableWidget/constant.js +2 -2
- package/dist/main/LiveRatesTableWidget/constant.js.map +1 -1
- package/dist/main/LiveRatesTableWidget/types.js +0 -10
- package/dist/main/LiveRatesTableWidget/types.js.map +1 -1
- package/dist/main/LiveRatesTableWidget/utils.js +8 -49
- package/dist/main/LiveRatesTableWidget/utils.js.map +1 -1
- package/dist/module/LiveRatesTableWidget/Main.js +28 -35
- package/dist/module/LiveRatesTableWidget/Main.js.map +1 -1
- package/dist/module/LiveRatesTableWidget/config.js +13 -9
- package/dist/module/LiveRatesTableWidget/config.js.map +1 -1
- package/dist/module/LiveRatesTableWidget/constant.js +2 -2
- package/dist/module/LiveRatesTableWidget/constant.js.map +1 -1
- package/dist/module/LiveRatesTableWidget/types.js +0 -9
- package/dist/module/LiveRatesTableWidget/types.js.map +1 -1
- package/dist/module/LiveRatesTableWidget/utils.js +8 -47
- package/dist/module/LiveRatesTableWidget/utils.js.map +1 -1
- package/dist/types/LiveRatesTableWidget/config.d.ts +9 -28
- package/dist/types/LiveRatesTableWidget/constant.d.ts +2 -2
- package/dist/types/LiveRatesTableWidget/types.d.ts +6 -47
- package/dist/types/LiveRatesTableWidget/utils.d.ts +4 -15
- package/package.json +3 -3
- package/src/LiveRatesTableWidget/Main.tsx +44 -51
- package/src/LiveRatesTableWidget/config.ts +27 -10
- package/src/LiveRatesTableWidget/constant.ts +6 -6
- package/src/LiveRatesTableWidget/types.tsx +11 -53
- package/src/LiveRatesTableWidget/utils.ts +21 -65
- package/test/mocks.ts +1 -16
- package/dist/main/LiveRatesTableWidget/components/CardWithData/CardWithData.js +0 -96
- package/dist/main/LiveRatesTableWidget/components/CardWithData/CardWithData.js.map +0 -1
- package/dist/main/LiveRatesTableWidget/components/CardWithData/index.js +0 -17
- package/dist/main/LiveRatesTableWidget/components/CardWithData/index.js.map +0 -1
- package/dist/main/LiveRatesTableWidget/components/Cards/Cards.js +0 -37
- package/dist/main/LiveRatesTableWidget/components/Cards/Cards.js.map +0 -1
- package/dist/main/LiveRatesTableWidget/components/Cards/index.js +0 -17
- package/dist/main/LiveRatesTableWidget/components/Cards/index.js.map +0 -1
- package/dist/main/LiveRatesTableWidget/components/Cards/types.js +0 -6
- package/dist/main/LiveRatesTableWidget/components/Cards/types.js.map +0 -1
- package/dist/main/LiveRatesTableWidget/components/LineChartWithData/LineChartWithData.js +0 -46
- package/dist/main/LiveRatesTableWidget/components/LineChartWithData/LineChartWithData.js.map +0 -1
- package/dist/main/LiveRatesTableWidget/components/LineChartWithData/index.js +0 -17
- package/dist/main/LiveRatesTableWidget/components/LineChartWithData/index.js.map +0 -1
- package/dist/main/LiveRatesTableWidget/components/LineChartWithData/types.js +0 -6
- package/dist/main/LiveRatesTableWidget/components/LineChartWithData/types.js.map +0 -1
- package/dist/main/LiveRatesTableWidget/components/LineChartWithData/utils.js +0 -20
- package/dist/main/LiveRatesTableWidget/components/LineChartWithData/utils.js.map +0 -1
- package/dist/main/LiveRatesTableWidget/components/RowWithData/RowWithData.js +0 -104
- package/dist/main/LiveRatesTableWidget/components/RowWithData/RowWithData.js.map +0 -1
- package/dist/main/LiveRatesTableWidget/components/RowWithData/index.js +0 -17
- package/dist/main/LiveRatesTableWidget/components/RowWithData/index.js.map +0 -1
- package/dist/main/LiveRatesTableWidget/components/index.js +0 -50
- package/dist/main/LiveRatesTableWidget/components/index.js.map +0 -1
- package/dist/module/LiveRatesTableWidget/components/CardWithData/CardWithData.js +0 -89
- package/dist/module/LiveRatesTableWidget/components/CardWithData/CardWithData.js.map +0 -1
- package/dist/module/LiveRatesTableWidget/components/CardWithData/index.js +0 -2
- package/dist/module/LiveRatesTableWidget/components/CardWithData/index.js.map +0 -1
- package/dist/module/LiveRatesTableWidget/components/Cards/Cards.js +0 -30
- package/dist/module/LiveRatesTableWidget/components/Cards/Cards.js.map +0 -1
- package/dist/module/LiveRatesTableWidget/components/Cards/index.js +0 -2
- package/dist/module/LiveRatesTableWidget/components/Cards/index.js.map +0 -1
- package/dist/module/LiveRatesTableWidget/components/Cards/types.js +0 -2
- package/dist/module/LiveRatesTableWidget/components/Cards/types.js.map +0 -1
- package/dist/module/LiveRatesTableWidget/components/LineChartWithData/LineChartWithData.js +0 -39
- package/dist/module/LiveRatesTableWidget/components/LineChartWithData/LineChartWithData.js.map +0 -1
- package/dist/module/LiveRatesTableWidget/components/LineChartWithData/index.js +0 -2
- package/dist/module/LiveRatesTableWidget/components/LineChartWithData/index.js.map +0 -1
- package/dist/module/LiveRatesTableWidget/components/LineChartWithData/types.js +0 -2
- package/dist/module/LiveRatesTableWidget/components/LineChartWithData/types.js.map +0 -1
- package/dist/module/LiveRatesTableWidget/components/LineChartWithData/utils.js +0 -13
- package/dist/module/LiveRatesTableWidget/components/LineChartWithData/utils.js.map +0 -1
- package/dist/module/LiveRatesTableWidget/components/RowWithData/RowWithData.js +0 -97
- package/dist/module/LiveRatesTableWidget/components/RowWithData/RowWithData.js.map +0 -1
- package/dist/module/LiveRatesTableWidget/components/RowWithData/index.js +0 -2
- package/dist/module/LiveRatesTableWidget/components/RowWithData/index.js.map +0 -1
- package/dist/module/LiveRatesTableWidget/components/index.js +0 -5
- package/dist/module/LiveRatesTableWidget/components/index.js.map +0 -1
- package/dist/types/LiveRatesTableWidget/components/CardWithData/CardWithData.d.ts +0 -4
- package/dist/types/LiveRatesTableWidget/components/CardWithData/index.d.ts +0 -1
- package/dist/types/LiveRatesTableWidget/components/Cards/Cards.d.ts +0 -4
- package/dist/types/LiveRatesTableWidget/components/Cards/index.d.ts +0 -1
- package/dist/types/LiveRatesTableWidget/components/Cards/types.d.ts +0 -12
- package/dist/types/LiveRatesTableWidget/components/LineChartWithData/LineChartWithData.d.ts +0 -4
- package/dist/types/LiveRatesTableWidget/components/LineChartWithData/index.d.ts +0 -1
- package/dist/types/LiveRatesTableWidget/components/LineChartWithData/types.d.ts +0 -11
- package/dist/types/LiveRatesTableWidget/components/LineChartWithData/utils.d.ts +0 -1
- package/dist/types/LiveRatesTableWidget/components/RowWithData/RowWithData.d.ts +0 -4
- package/dist/types/LiveRatesTableWidget/components/RowWithData/index.d.ts +0 -1
- package/dist/types/LiveRatesTableWidget/components/index.d.ts +0 -4
- package/src/LiveRatesTableWidget/components/CardWithData/CardWithData.tsx +0 -133
- package/src/LiveRatesTableWidget/components/CardWithData/index.ts +0 -1
- package/src/LiveRatesTableWidget/components/Cards/Cards.tsx +0 -44
- package/src/LiveRatesTableWidget/components/Cards/index.ts +0 -1
- package/src/LiveRatesTableWidget/components/Cards/types.tsx +0 -13
- package/src/LiveRatesTableWidget/components/LineChartWithData/LineChartWithData.tsx +0 -53
- package/src/LiveRatesTableWidget/components/LineChartWithData/index.ts +0 -1
- package/src/LiveRatesTableWidget/components/LineChartWithData/types.tsx +0 -13
- package/src/LiveRatesTableWidget/components/LineChartWithData/utils.ts +0 -14
- package/src/LiveRatesTableWidget/components/RowWithData/RowWithData.tsx +0 -150
- package/src/LiveRatesTableWidget/components/RowWithData/index.ts +0 -1
- package/src/LiveRatesTableWidget/components/index.ts +0 -4
- package/test/CardWithData.test.tsx +0 -74
- package/test/Cards.test.tsx +0 -130
- package/test/LineChartWithData.test.tsx +0 -263
- package/test/RowWithData.test.tsx +0 -81
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.LineChartWithData = void 0;
|
|
7
|
-
var _client = require("@apollo/client");
|
|
8
|
-
var _labsWidgetCommon = require("@oanda/labs-widget-common");
|
|
9
|
-
var _react = _interopRequireDefault(require("react"));
|
|
10
|
-
var _getInstrumentsChart = require("../../../gql/getInstrumentsChart");
|
|
11
|
-
var _utils = require("./utils");
|
|
12
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
|
-
const LineChartWithData = _ref => {
|
|
14
|
-
let {
|
|
15
|
-
padding,
|
|
16
|
-
record,
|
|
17
|
-
size,
|
|
18
|
-
isLoading,
|
|
19
|
-
division,
|
|
20
|
-
isDarkMode = false
|
|
21
|
-
} = _ref;
|
|
22
|
-
const {
|
|
23
|
-
loading,
|
|
24
|
-
data
|
|
25
|
-
} = (0, _client.useQuery)(_getInstrumentsChart.getInstrumentsChart, {
|
|
26
|
-
variables: {
|
|
27
|
-
instruments: [record.instrument],
|
|
28
|
-
division
|
|
29
|
-
},
|
|
30
|
-
fetchPolicy: 'network-only',
|
|
31
|
-
skip: !record.instrument
|
|
32
|
-
});
|
|
33
|
-
const showLoader = isLoading || loading;
|
|
34
|
-
const chart = data?.topicalInstrumentsCharts?.[0].chart || [];
|
|
35
|
-
const chartColor = (0, _utils.getChartColor)(record.dailyPercentChange, isDarkMode);
|
|
36
|
-
return _react.default.createElement(_react.default.Fragment, null, showLoader && _react.default.createElement(_labsWidgetCommon.Loader, {
|
|
37
|
-
size: _labsWidgetCommon.LoaderSize.md
|
|
38
|
-
}), !showLoader && _react.default.createElement(_labsWidgetCommon.LineChart, {
|
|
39
|
-
color: chartColor,
|
|
40
|
-
data: chart,
|
|
41
|
-
padding: padding,
|
|
42
|
-
size: size
|
|
43
|
-
}));
|
|
44
|
-
};
|
|
45
|
-
exports.LineChartWithData = LineChartWithData;
|
|
46
|
-
//# sourceMappingURL=LineChartWithData.js.map
|
package/dist/main/LiveRatesTableWidget/components/LineChartWithData/LineChartWithData.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LineChartWithData.js","names":["_client","require","_labsWidgetCommon","_react","_interopRequireDefault","_getInstrumentsChart","_utils","e","__esModule","default","LineChartWithData","_ref","padding","record","size","isLoading","division","isDarkMode","loading","data","useQuery","getInstrumentsChart","variables","instruments","instrument","fetchPolicy","skip","showLoader","chart","topicalInstrumentsCharts","chartColor","getChartColor","dailyPercentChange","createElement","Fragment","Loader","LoaderSize","md","LineChart","color","exports"],"sources":["../../../../../src/LiveRatesTableWidget/components/LineChartWithData/LineChartWithData.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client';\nimport { LineChart, Loader, LoaderSize } from '@oanda/labs-widget-common';\nimport React from 'react';\n\nimport { getInstrumentsChart } from '../../../gql/getInstrumentsChart';\nimport type {\n GetInstrumentsChartQuery,\n GetInstrumentsChartQueryVariables,\n} from '../../../gql/types/graphql';\nimport type { LineChartWithDataProps } from './types';\nimport { getChartColor } from './utils';\n\nconst LineChartWithData = ({\n padding,\n record,\n size,\n isLoading,\n division,\n isDarkMode = false,\n}: LineChartWithDataProps) => {\n const { loading, data } = useQuery<\n GetInstrumentsChartQuery,\n GetInstrumentsChartQueryVariables\n >(getInstrumentsChart, {\n variables: {\n instruments: [record.instrument],\n division,\n },\n fetchPolicy: 'network-only',\n skip: !record.instrument,\n });\n\n const showLoader = isLoading || loading;\n const chart = data?.topicalInstrumentsCharts?.[0].chart || [];\n\n const chartColor = getChartColor(record.dailyPercentChange, isDarkMode);\n\n return (\n <>\n {showLoader && <Loader size={LoaderSize.md} />}\n {!showLoader && (\n <LineChart\n color={chartColor}\n data={chart}\n padding={padding}\n size={size}\n />\n )}\n </>\n );\n};\n\nexport { LineChartWithData };\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAEA,IAAAI,oBAAA,GAAAJ,OAAA;AAMA,IAAAK,MAAA,GAAAL,OAAA;AAAwC,SAAAG,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAExC,MAAMG,iBAAiB,GAAGC,IAAA,IAOI;EAAA,IAPH;IACzBC,OAAO;IACPC,MAAM;IACNC,IAAI;IACJC,SAAS;IACTC,QAAQ;IACRC,UAAU,GAAG;EACS,CAAC,GAAAN,IAAA;EACvB,MAAM;IAAEO,OAAO;IAAEC;EAAK,CAAC,GAAG,IAAAC,gBAAQ,EAGhCC,wCAAmB,EAAE;IACrBC,SAAS,EAAE;MACTC,WAAW,EAAE,CAACV,MAAM,CAACW,UAAU,CAAC;MAChCR;IACF,CAAC;IACDS,WAAW,EAAE,cAAc;IAC3BC,IAAI,EAAE,CAACb,MAAM,CAACW;EAChB,CAAC,CAAC;EAEF,MAAMG,UAAU,GAAGZ,SAAS,IAAIG,OAAO;EACvC,MAAMU,KAAK,GAAGT,IAAI,EAAEU,wBAAwB,GAAG,CAAC,CAAC,CAACD,KAAK,IAAI,EAAE;EAE7D,MAAME,UAAU,GAAG,IAAAC,oBAAa,EAAClB,MAAM,CAACmB,kBAAkB,EAAEf,UAAU,CAAC;EAEvE,OACEd,MAAA,CAAAM,OAAA,CAAAwB,aAAA,CAAA9B,MAAA,CAAAM,OAAA,CAAAyB,QAAA,QACGP,UAAU,IAAIxB,MAAA,CAAAM,OAAA,CAAAwB,aAAA,CAAC/B,iBAAA,CAAAiC,MAAM;IAACrB,IAAI,EAAEsB,4BAAU,CAACC;EAAG,CAAE,CAAC,EAC7C,CAACV,UAAU,IACVxB,MAAA,CAAAM,OAAA,CAAAwB,aAAA,CAAC/B,iBAAA,CAAAoC,SAAS;IACRC,KAAK,EAAET,UAAW;IAClBX,IAAI,EAAES,KAAM;IACZhB,OAAO,EAAEA,OAAQ;IACjBE,IAAI,EAAEA;EAAK,CACZ,CAEH,CAAC;AAEP,CAAC;AAAC0B,OAAA,CAAA9B,iBAAA,GAAAA,iBAAA","ignoreList":[]}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
var _LineChartWithData = require("./LineChartWithData");
|
|
7
|
-
Object.keys(_LineChartWithData).forEach(function (key) {
|
|
8
|
-
if (key === "default" || key === "__esModule") return;
|
|
9
|
-
if (key in exports && exports[key] === _LineChartWithData[key]) return;
|
|
10
|
-
Object.defineProperty(exports, key, {
|
|
11
|
-
enumerable: true,
|
|
12
|
-
get: function () {
|
|
13
|
-
return _LineChartWithData[key];
|
|
14
|
-
}
|
|
15
|
-
});
|
|
16
|
-
});
|
|
17
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_LineChartWithData","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../../src/LiveRatesTableWidget/components/LineChartWithData/index.ts"],"sourcesContent":["export * from './LineChartWithData';\n"],"mappings":";;;;;AAAA,IAAAA,kBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,kBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,kBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,kBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/LiveRatesTableWidget/components/LineChartWithData/types.tsx"],"sourcesContent":["import type { LineChartSize } from '@oanda/labs-widget-common';\n\nimport type { Division } from '../../../gql/types/graphql';\nimport type { DataRecord } from '../../types';\n\nexport interface LineChartWithDataProps {\n padding?: number;\n record: DataRecord;\n size?: LineChartSize;\n isLoading: boolean;\n division: Division;\n isDarkMode?: boolean;\n}\n"],"mappings":"","ignoreList":[]}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.getChartColor = void 0;
|
|
7
|
-
var _labsWidgetCommon = require("@oanda/labs-widget-common");
|
|
8
|
-
const getChartColor = (dailyChange, isDarkMode) => {
|
|
9
|
-
const theme = isDarkMode ? _labsWidgetCommon.Theme.Dark : _labsWidgetCommon.Theme.Light;
|
|
10
|
-
switch (dailyChange?.charAt(0)) {
|
|
11
|
-
case '+':
|
|
12
|
-
return _labsWidgetCommon.themeColors.ok[theme];
|
|
13
|
-
case '-':
|
|
14
|
-
return _labsWidgetCommon.themeColors.danger[theme];
|
|
15
|
-
default:
|
|
16
|
-
return _labsWidgetCommon.themeColors.borderDisabled[theme];
|
|
17
|
-
}
|
|
18
|
-
};
|
|
19
|
-
exports.getChartColor = getChartColor;
|
|
20
|
-
//# sourceMappingURL=utils.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","names":["_labsWidgetCommon","require","getChartColor","dailyChange","isDarkMode","theme","Theme","Dark","Light","charAt","themeColors","ok","danger","borderDisabled","exports"],"sources":["../../../../../src/LiveRatesTableWidget/components/LineChartWithData/utils.ts"],"sourcesContent":["import { Theme, themeColors } from '@oanda/labs-widget-common';\n\nexport const getChartColor = (dailyChange?: string, isDarkMode?: boolean) => {\n const theme = isDarkMode ? Theme.Dark : Theme.Light;\n\n switch (dailyChange?.charAt(0)) {\n case '+':\n return themeColors.ok[theme];\n case '-':\n return themeColors.danger[theme];\n default:\n return themeColors.borderDisabled[theme];\n }\n};\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAEO,MAAMC,aAAa,GAAGA,CAACC,WAAoB,EAAEC,UAAoB,KAAK;EAC3E,MAAMC,KAAK,GAAGD,UAAU,GAAGE,uBAAK,CAACC,IAAI,GAAGD,uBAAK,CAACE,KAAK;EAEnD,QAAQL,WAAW,EAAEM,MAAM,CAAC,CAAC,CAAC;IAC5B,KAAK,GAAG;MACN,OAAOC,6BAAW,CAACC,EAAE,CAACN,KAAK,CAAC;IAC9B,KAAK,GAAG;MACN,OAAOK,6BAAW,CAACE,MAAM,CAACP,KAAK,CAAC;IAClC;MACE,OAAOK,6BAAW,CAACG,cAAc,CAACR,KAAK,CAAC;EAC5C;AACF,CAAC;AAACS,OAAA,CAAAZ,aAAA,GAAAA,aAAA","ignoreList":[]}
|
|
@@ -1,104 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.RowWithData = void 0;
|
|
7
|
-
var _labsWidgetCommon = require("@oanda/labs-widget-common");
|
|
8
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
9
|
-
var _react = _interopRequireDefault(require("react"));
|
|
10
|
-
var _constant = require("../../constant");
|
|
11
|
-
var _types = require("../../types");
|
|
12
|
-
var _utils = require("../../utils");
|
|
13
|
-
var _LineChartWithData = require("../LineChartWithData");
|
|
14
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
|
-
const RowWithData = _ref => {
|
|
16
|
-
let {
|
|
17
|
-
loading,
|
|
18
|
-
record,
|
|
19
|
-
hasBackgroundColor,
|
|
20
|
-
target,
|
|
21
|
-
activeColumns,
|
|
22
|
-
division,
|
|
23
|
-
isScrolled
|
|
24
|
-
} = _ref;
|
|
25
|
-
const {
|
|
26
|
-
isDark
|
|
27
|
-
} = (0, _labsWidgetCommon.useLayoutProvider)();
|
|
28
|
-
const {
|
|
29
|
-
updatedRecord,
|
|
30
|
-
error,
|
|
31
|
-
ref
|
|
32
|
-
} = (0, _utils.useRecords)(record, record.instrument ? target : null);
|
|
33
|
-
const checkLoading = id => loading || !error && updatedRecord?.[id] === undefined;
|
|
34
|
-
return _react.default.createElement(_labsWidgetCommon.TableRow, {
|
|
35
|
-
ref: ref,
|
|
36
|
-
hasBackgroundColor: hasBackgroundColor,
|
|
37
|
-
isScrolled: isScrolled
|
|
38
|
-
}, _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_labsWidgetCommon.TableCell, {
|
|
39
|
-
key: _types.ColumnsNames.INSTRUMENT,
|
|
40
|
-
classNames: (0, _classnames.default)('lw-font-bold', {
|
|
41
|
-
'[&>*:first-child]:lw-border-r [&>*:first-child]:lw-border-border-primary': isDark && isScrolled
|
|
42
|
-
}),
|
|
43
|
-
isLoading: checkLoading(_types.ColumnsNames.INSTRUMENT),
|
|
44
|
-
type: "text"
|
|
45
|
-
}, _react.default.createElement(_labsWidgetCommon.Truncate, {
|
|
46
|
-
maxWidth: 130,
|
|
47
|
-
text: record.displayName,
|
|
48
|
-
tooltipId: _constant.INSTRUMENT_TOOLTIP_ID
|
|
49
|
-
})), activeColumns.map(item => {
|
|
50
|
-
if (item === _types.ColumnsNames.SELL) {
|
|
51
|
-
return _react.default.createElement(_labsWidgetCommon.TableCell, {
|
|
52
|
-
key: _types.ColumnsNames.SELL,
|
|
53
|
-
additionalPaddingRight: true,
|
|
54
|
-
isError: !!error,
|
|
55
|
-
isLoading: checkLoading(_types.ColumnsNames.SELL)
|
|
56
|
-
}, _react.default.createElement(_labsWidgetCommon.Price, {
|
|
57
|
-
movementIndicator: "arrow",
|
|
58
|
-
priceMovement: updatedRecord.sellPriceMovement
|
|
59
|
-
}, _react.default.createElement("span", null, updatedRecord.sell?.toFixed(updatedRecord.displayPrecision))));
|
|
60
|
-
}
|
|
61
|
-
if (item === _types.ColumnsNames.BUY) {
|
|
62
|
-
return _react.default.createElement(_labsWidgetCommon.TableCell, {
|
|
63
|
-
key: _types.ColumnsNames.BUY,
|
|
64
|
-
additionalPaddingRight: true,
|
|
65
|
-
isError: !!error,
|
|
66
|
-
isLoading: checkLoading(_types.ColumnsNames.BUY)
|
|
67
|
-
}, _react.default.createElement(_labsWidgetCommon.Price, {
|
|
68
|
-
movementIndicator: "arrow",
|
|
69
|
-
priceMovement: updatedRecord.buyPriceMovement
|
|
70
|
-
}, _react.default.createElement("span", null, updatedRecord.buy?.toFixed(updatedRecord.displayPrecision))));
|
|
71
|
-
}
|
|
72
|
-
if (item === _types.ColumnsNames.DAILY_CHANGE) {
|
|
73
|
-
return _react.default.createElement(_labsWidgetCommon.TableCell, {
|
|
74
|
-
key: _types.ColumnsNames.DAILY_CHANGE,
|
|
75
|
-
isError: !!error,
|
|
76
|
-
isLoading: checkLoading('dailyPercentChange')
|
|
77
|
-
}, _react.default.createElement("span", null, updatedRecord.dailyPercentChange));
|
|
78
|
-
}
|
|
79
|
-
if (item === _types.ColumnsNames.CHART) {
|
|
80
|
-
return _react.default.createElement("td", {
|
|
81
|
-
key: _types.ColumnsNames.CHART,
|
|
82
|
-
className: "lw-relative lw-px-3 lw-py-0 lw-text-right",
|
|
83
|
-
"data-testid": "chart-table-cell"
|
|
84
|
-
}, _react.default.createElement("div", {
|
|
85
|
-
className: "lw-flex lw-justify-center"
|
|
86
|
-
}, _react.default.createElement(_LineChartWithData.LineChartWithData, {
|
|
87
|
-
division: division,
|
|
88
|
-
isLoading: checkLoading('instrument'),
|
|
89
|
-
record: updatedRecord
|
|
90
|
-
})));
|
|
91
|
-
}
|
|
92
|
-
if (item === _types.ColumnsNames.SPREAD) {
|
|
93
|
-
return _react.default.createElement(_labsWidgetCommon.TableCell, {
|
|
94
|
-
key: _types.ColumnsNames.SPREAD,
|
|
95
|
-
isError: !!error,
|
|
96
|
-
isLoading: checkLoading(_types.ColumnsNames.SPREAD),
|
|
97
|
-
loaderSize: _labsWidgetCommon.LoaderSize.sm
|
|
98
|
-
}, _react.default.createElement("span", null, updatedRecord.spread));
|
|
99
|
-
}
|
|
100
|
-
return null;
|
|
101
|
-
})));
|
|
102
|
-
};
|
|
103
|
-
exports.RowWithData = RowWithData;
|
|
104
|
-
//# sourceMappingURL=RowWithData.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"RowWithData.js","names":["_labsWidgetCommon","require","_classnames","_interopRequireDefault","_react","_constant","_types","_utils","_LineChartWithData","e","__esModule","default","RowWithData","_ref","loading","record","hasBackgroundColor","target","activeColumns","division","isScrolled","isDark","useLayoutProvider","updatedRecord","error","ref","useRecords","instrument","checkLoading","id","undefined","createElement","TableRow","Fragment","TableCell","key","ColumnsNames","INSTRUMENT","classNames","classnames","isLoading","type","Truncate","maxWidth","text","displayName","tooltipId","INSTRUMENT_TOOLTIP_ID","map","item","SELL","additionalPaddingRight","isError","Price","movementIndicator","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 {\n LoaderSize,\n Price,\n TableCell,\n TableRow,\n Truncate,\n useLayoutProvider,\n} from '@oanda/labs-widget-common';\nimport classnames from 'classnames';\nimport React from 'react';\n\nimport { INSTRUMENT_TOOLTIP_ID } from '../../constant';\nimport type { RowWithDataProps } from '../../types';\nimport { ColumnsNames } from '../../types';\nimport { useRecords } from '../../utils';\nimport { LineChartWithData } from '../LineChartWithData';\n\nconst RowWithData = ({\n loading,\n record,\n hasBackgroundColor,\n target,\n activeColumns,\n division,\n isScrolled,\n}: RowWithDataProps) => {\n const { isDark } = useLayoutProvider();\n const { updatedRecord, error, ref } = useRecords(\n record,\n record.instrument ? target : null\n );\n\n const checkLoading = (id: string) =>\n loading || (!error && updatedRecord?.[id] === undefined);\n\n return (\n <TableRow\n ref={ref}\n hasBackgroundColor={hasBackgroundColor}\n isScrolled={isScrolled}\n >\n <>\n <TableCell\n key={ColumnsNames.INSTRUMENT}\n classNames={classnames('lw-font-bold', {\n '[&>*:first-child]:lw-border-r [&>*:first-child]:lw-border-border-primary':\n isDark && isScrolled,\n })}\n isLoading={checkLoading(ColumnsNames.INSTRUMENT)}\n type=\"text\"\n >\n <Truncate\n maxWidth={130}\n text={record.displayName}\n tooltipId={INSTRUMENT_TOOLTIP_ID}\n />\n </TableCell>\n {activeColumns.map((item) => {\n if (item === ColumnsNames.SELL) {\n return (\n <TableCell\n key={ColumnsNames.SELL}\n additionalPaddingRight\n isError={!!error}\n isLoading={checkLoading(ColumnsNames.SELL)}\n >\n <Price\n movementIndicator=\"arrow\"\n priceMovement={updatedRecord.sellPriceMovement}\n >\n <span>\n {updatedRecord.sell?.toFixed(\n updatedRecord.displayPrecision\n )}\n </span>\n </Price>\n </TableCell>\n );\n }\n\n if (item === ColumnsNames.BUY) {\n return (\n <TableCell\n key={ColumnsNames.BUY}\n additionalPaddingRight\n isError={!!error}\n isLoading={checkLoading(ColumnsNames.BUY)}\n >\n <Price\n movementIndicator=\"arrow\"\n priceMovement={updatedRecord.buyPriceMovement}\n >\n <span>\n {updatedRecord.buy?.toFixed(updatedRecord.displayPrecision)}\n </span>\n </Price>\n </TableCell>\n );\n }\n\n if (item === ColumnsNames.DAILY_CHANGE) {\n return (\n <TableCell\n key={ColumnsNames.DAILY_CHANGE}\n isError={!!error}\n isLoading={checkLoading('dailyPercentChange')}\n >\n <span>{updatedRecord.dailyPercentChange}</span>\n </TableCell>\n );\n }\n\n if (item === ColumnsNames.CHART) {\n return (\n <td\n key={ColumnsNames.CHART}\n className=\"lw-relative lw-px-3 lw-py-0 lw-text-right\"\n data-testid=\"chart-table-cell\"\n >\n <div className=\"lw-flex lw-justify-center\">\n <LineChartWithData\n division={division}\n isLoading={checkLoading('instrument')}\n record={updatedRecord}\n />\n </div>\n </td>\n );\n }\n\n if (item === ColumnsNames.SPREAD) {\n return (\n <TableCell\n key={ColumnsNames.SPREAD}\n isError={!!error}\n isLoading={checkLoading(ColumnsNames.SPREAD)}\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,17 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
var _RowWithData = require("./RowWithData");
|
|
7
|
-
Object.keys(_RowWithData).forEach(function (key) {
|
|
8
|
-
if (key === "default" || key === "__esModule") return;
|
|
9
|
-
if (key in exports && exports[key] === _RowWithData[key]) return;
|
|
10
|
-
Object.defineProperty(exports, key, {
|
|
11
|
-
enumerable: true,
|
|
12
|
-
get: function () {
|
|
13
|
-
return _RowWithData[key];
|
|
14
|
-
}
|
|
15
|
-
});
|
|
16
|
-
});
|
|
17
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_RowWithData","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../../src/LiveRatesTableWidget/components/RowWithData/index.ts"],"sourcesContent":["export * from './RowWithData';\n"],"mappings":";;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,YAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,YAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
var _Cards = require("./Cards");
|
|
7
|
-
Object.keys(_Cards).forEach(function (key) {
|
|
8
|
-
if (key === "default" || key === "__esModule") return;
|
|
9
|
-
if (key in exports && exports[key] === _Cards[key]) return;
|
|
10
|
-
Object.defineProperty(exports, key, {
|
|
11
|
-
enumerable: true,
|
|
12
|
-
get: function () {
|
|
13
|
-
return _Cards[key];
|
|
14
|
-
}
|
|
15
|
-
});
|
|
16
|
-
});
|
|
17
|
-
var _CardWithData = require("./CardWithData");
|
|
18
|
-
Object.keys(_CardWithData).forEach(function (key) {
|
|
19
|
-
if (key === "default" || key === "__esModule") return;
|
|
20
|
-
if (key in exports && exports[key] === _CardWithData[key]) return;
|
|
21
|
-
Object.defineProperty(exports, key, {
|
|
22
|
-
enumerable: true,
|
|
23
|
-
get: function () {
|
|
24
|
-
return _CardWithData[key];
|
|
25
|
-
}
|
|
26
|
-
});
|
|
27
|
-
});
|
|
28
|
-
var _LineChartWithData = require("./LineChartWithData");
|
|
29
|
-
Object.keys(_LineChartWithData).forEach(function (key) {
|
|
30
|
-
if (key === "default" || key === "__esModule") return;
|
|
31
|
-
if (key in exports && exports[key] === _LineChartWithData[key]) return;
|
|
32
|
-
Object.defineProperty(exports, key, {
|
|
33
|
-
enumerable: true,
|
|
34
|
-
get: function () {
|
|
35
|
-
return _LineChartWithData[key];
|
|
36
|
-
}
|
|
37
|
-
});
|
|
38
|
-
});
|
|
39
|
-
var _RowWithData = require("./RowWithData");
|
|
40
|
-
Object.keys(_RowWithData).forEach(function (key) {
|
|
41
|
-
if (key === "default" || key === "__esModule") return;
|
|
42
|
-
if (key in exports && exports[key] === _RowWithData[key]) return;
|
|
43
|
-
Object.defineProperty(exports, key, {
|
|
44
|
-
enumerable: true,
|
|
45
|
-
get: function () {
|
|
46
|
-
return _RowWithData[key];
|
|
47
|
-
}
|
|
48
|
-
});
|
|
49
|
-
});
|
|
50
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_Cards","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_CardWithData","_LineChartWithData","_RowWithData"],"sources":["../../../../src/LiveRatesTableWidget/components/index.ts"],"sourcesContent":["export * from './Cards';\nexport * from './CardWithData';\nexport * from './LineChartWithData';\nexport * from './RowWithData';\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,aAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,aAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,aAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,aAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,kBAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,kBAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,kBAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,kBAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,YAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,YAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,YAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAG,YAAA,CAAAP,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
|
|
@@ -1,89 +0,0 @@
|
|
|
1
|
-
import { ArrowPosition, Card, CardHeader, CardRow, LineChartSize, Price, Truncate } from '@oanda/labs-widget-common';
|
|
2
|
-
import { useLocale } from '@oanda/mono-i18n';
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import { INSTRUMENT_TOOLTIP_ID } from '../../constant';
|
|
5
|
-
import { ColumnsNames } from '../../types';
|
|
6
|
-
import { useRecords } from '../../utils';
|
|
7
|
-
import { LineChartWithData } from '../LineChartWithData';
|
|
8
|
-
const CardWithData = _ref => {
|
|
9
|
-
let {
|
|
10
|
-
isLoading,
|
|
11
|
-
record,
|
|
12
|
-
target,
|
|
13
|
-
activeColumns,
|
|
14
|
-
index,
|
|
15
|
-
division,
|
|
16
|
-
isLast
|
|
17
|
-
} = _ref;
|
|
18
|
-
const {
|
|
19
|
-
updatedRecord,
|
|
20
|
-
error,
|
|
21
|
-
ref
|
|
22
|
-
} = useRecords(record, record.instrument ? target : null);
|
|
23
|
-
const {
|
|
24
|
-
lang
|
|
25
|
-
} = useLocale();
|
|
26
|
-
const checkLoading = id => isLoading || !error && updatedRecord?.[id] === undefined;
|
|
27
|
-
return React.createElement(Card, {
|
|
28
|
-
ref: ref,
|
|
29
|
-
"data-testid": "card",
|
|
30
|
-
withoutBottomBorder: !isLast
|
|
31
|
-
}, React.createElement(CardHeader, {
|
|
32
|
-
isLoading: isLoading,
|
|
33
|
-
number: index,
|
|
34
|
-
title: React.createElement(Truncate, {
|
|
35
|
-
text: record.displayName,
|
|
36
|
-
tooltipId: INSTRUMENT_TOOLTIP_ID
|
|
37
|
-
})
|
|
38
|
-
}, activeColumns.includes(ColumnsNames.CHART) && React.createElement(LineChartWithData, {
|
|
39
|
-
division: division,
|
|
40
|
-
isLoading: checkLoading('instrument'),
|
|
41
|
-
padding: 4,
|
|
42
|
-
record: updatedRecord,
|
|
43
|
-
size: LineChartSize.xs
|
|
44
|
-
})), activeColumns.map(item => {
|
|
45
|
-
if (item === ColumnsNames.SELL) {
|
|
46
|
-
return React.createElement(CardRow, {
|
|
47
|
-
key: ColumnsNames.SELL,
|
|
48
|
-
isError: !!error,
|
|
49
|
-
isLoading: checkLoading(ColumnsNames.SELL),
|
|
50
|
-
label: lang('sell_price')
|
|
51
|
-
}, React.createElement(Price, {
|
|
52
|
-
arrowPosition: ArrowPosition.left,
|
|
53
|
-
movementIndicator: "arrow",
|
|
54
|
-
priceMovement: updatedRecord.sellPriceMovement
|
|
55
|
-
}, React.createElement("span", null, updatedRecord.sell?.toFixed(updatedRecord.displayPrecision))));
|
|
56
|
-
}
|
|
57
|
-
if (item === ColumnsNames.BUY) {
|
|
58
|
-
return React.createElement(CardRow, {
|
|
59
|
-
key: ColumnsNames.BUY,
|
|
60
|
-
isError: !!error,
|
|
61
|
-
isLoading: checkLoading(ColumnsNames.BUY),
|
|
62
|
-
label: lang('buy_price')
|
|
63
|
-
}, React.createElement(Price, {
|
|
64
|
-
arrowPosition: ArrowPosition.left,
|
|
65
|
-
movementIndicator: "arrow",
|
|
66
|
-
priceMovement: updatedRecord.buyPriceMovement
|
|
67
|
-
}, React.createElement("span", null, updatedRecord.buy?.toFixed(updatedRecord.displayPrecision))));
|
|
68
|
-
}
|
|
69
|
-
if (item === ColumnsNames.DAILY_CHANGE) {
|
|
70
|
-
return React.createElement(CardRow, {
|
|
71
|
-
key: ColumnsNames.DAILY_CHANGE,
|
|
72
|
-
isError: !!error,
|
|
73
|
-
isLoading: checkLoading('dailyPercentChange'),
|
|
74
|
-
label: lang('daily_percent_change')
|
|
75
|
-
}, React.createElement("span", null, updatedRecord.dailyPercentChange));
|
|
76
|
-
}
|
|
77
|
-
if (item === ColumnsNames.SPREAD) {
|
|
78
|
-
return React.createElement(CardRow, {
|
|
79
|
-
key: ColumnsNames.SPREAD,
|
|
80
|
-
isError: !!error,
|
|
81
|
-
isLoading: checkLoading(ColumnsNames.SPREAD),
|
|
82
|
-
label: lang('spread')
|
|
83
|
-
}, React.createElement("span", null, updatedRecord.spread));
|
|
84
|
-
}
|
|
85
|
-
return null;
|
|
86
|
-
}));
|
|
87
|
-
};
|
|
88
|
-
export { CardWithData };
|
|
89
|
-
//# sourceMappingURL=CardWithData.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CardWithData.js","names":["ArrowPosition","Card","CardHeader","CardRow","LineChartSize","Price","Truncate","useLocale","React","INSTRUMENT_TOOLTIP_ID","ColumnsNames","useRecords","LineChartWithData","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","padding","size","xs","map","item","SELL","key","isError","label","arrowPosition","left","movementIndicator","priceMovement","sellPriceMovement","sell","toFixed","displayPrecision","BUY","buyPriceMovement","buy","DAILY_CHANGE","dailyPercentChange","SPREAD","spread"],"sources":["../../../../../src/LiveRatesTableWidget/components/CardWithData/CardWithData.tsx"],"sourcesContent":["import {\n ArrowPosition,\n Card,\n CardHeader,\n CardRow,\n LineChartSize,\n Price,\n Truncate,\n} from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport React from 'react';\n\nimport { INSTRUMENT_TOOLTIP_ID } from '../../constant';\nimport type { CardWithDataProps } from '../../types';\nimport { ColumnsNames } from '../../types';\nimport { useRecords } from '../../utils';\nimport { LineChartWithData } from '../LineChartWithData';\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(\n record,\n record.instrument ? target : null\n );\n const { lang } = useLocale();\n\n const checkLoading = (id: string) =>\n 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={\n <Truncate\n text={record.displayName}\n tooltipId={INSTRUMENT_TOOLTIP_ID}\n />\n }\n >\n {activeColumns.includes(ColumnsNames.CHART) && (\n <LineChartWithData\n division={division}\n isLoading={checkLoading('instrument')}\n padding={4}\n record={updatedRecord}\n size={LineChartSize.xs}\n />\n )}\n </CardHeader>\n {activeColumns.map((item) => {\n if (item === ColumnsNames.SELL) {\n return (\n <CardRow\n key={ColumnsNames.SELL}\n isError={!!error}\n isLoading={checkLoading(ColumnsNames.SELL)}\n label={lang('sell_price')}\n >\n <Price\n arrowPosition={ArrowPosition.left}\n movementIndicator=\"arrow\"\n priceMovement={updatedRecord.sellPriceMovement}\n >\n <span>\n {updatedRecord.sell?.toFixed(updatedRecord.displayPrecision)}\n </span>\n </Price>\n </CardRow>\n );\n }\n\n if (item === ColumnsNames.BUY) {\n return (\n <CardRow\n key={ColumnsNames.BUY}\n isError={!!error}\n isLoading={checkLoading(ColumnsNames.BUY)}\n label={lang('buy_price')}\n >\n <Price\n arrowPosition={ArrowPosition.left}\n movementIndicator=\"arrow\"\n priceMovement={updatedRecord.buyPriceMovement}\n >\n <span>\n {updatedRecord.buy?.toFixed(updatedRecord.displayPrecision)}\n </span>\n </Price>\n </CardRow>\n );\n }\n\n if (item === ColumnsNames.DAILY_CHANGE) {\n return (\n <CardRow\n key={ColumnsNames.DAILY_CHANGE}\n isError={!!error}\n isLoading={checkLoading('dailyPercentChange')}\n label={lang('daily_percent_change')}\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 isError={!!error}\n isLoading={checkLoading(ColumnsNames.SPREAD)}\n label={lang('spread')}\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 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/LiveRatesTableWidget/components/CardWithData/index.ts"],"sourcesContent":["export * from './CardWithData';\n"],"mappings":"AAAA,cAAc,gBAAgB","ignoreList":[]}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { Card, ChartError } from '@oanda/labs-widget-common';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { CardWithData } from '../CardWithData/CardWithData';
|
|
4
|
-
const Cards = _ref => {
|
|
5
|
-
let {
|
|
6
|
-
records,
|
|
7
|
-
target,
|
|
8
|
-
columns,
|
|
9
|
-
isError,
|
|
10
|
-
isLoading,
|
|
11
|
-
division,
|
|
12
|
-
startIndex = 0
|
|
13
|
-
} = _ref;
|
|
14
|
-
return React.createElement(React.Fragment, null, isError ? React.createElement(Card, null, React.createElement("div", {
|
|
15
|
-
className: "lw-flex lw-h-[150px] lw-w-full lw-items-center lw-justify-center"
|
|
16
|
-
}, React.createElement(ChartError, null))) : React.createElement(React.Fragment, null, records.map((record, index) => React.createElement("div", {
|
|
17
|
-
key: `card_${startIndex + index}`
|
|
18
|
-
}, React.createElement(CardWithData, {
|
|
19
|
-
activeColumns: columns,
|
|
20
|
-
division: division,
|
|
21
|
-
index: startIndex + index + 1,
|
|
22
|
-
isError: isError,
|
|
23
|
-
isLast: index + 1 === records.length,
|
|
24
|
-
isLoading: isLoading,
|
|
25
|
-
record: record,
|
|
26
|
-
target: target
|
|
27
|
-
})))));
|
|
28
|
-
};
|
|
29
|
-
export { Cards };
|
|
30
|
-
//# sourceMappingURL=Cards.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Cards.js","names":["Card","ChartError","React","CardWithData","Cards","_ref","records","target","columns","isError","isLoading","division","startIndex","createElement","Fragment","className","map","record","index","key","activeColumns","isLast","length"],"sources":["../../../../../src/LiveRatesTableWidget/components/Cards/Cards.tsx"],"sourcesContent":["import { Card, ChartError } from '@oanda/labs-widget-common';\nimport React from 'react';\n\nimport { CardWithData } from '../CardWithData/CardWithData';\nimport type { CardsProps } from './types';\n\nconst Cards = ({\n records,\n target,\n columns,\n isError,\n isLoading,\n division,\n startIndex = 0,\n}: CardsProps) => (\n <>\n {isError ? (\n <Card>\n <div className=\"lw-flex lw-h-[150px] lw-w-full lw-items-center lw-justify-center\">\n <ChartError />\n </div>\n </Card>\n ) : (\n <>\n {records.map((record, index) => (\n <div key={`card_${startIndex + index}`}>\n <CardWithData\n activeColumns={columns}\n division={division}\n index={startIndex + index + 1}\n isError={isError}\n isLast={index + 1 === records.length}\n isLoading={isLoading}\n record={record}\n target={target}\n />\n </div>\n ))}\n </>\n )}\n </>\n);\n\nexport { Cards };\n"],"mappings":"AAAA,SAASA,IAAI,EAAEC,UAAU,QAAQ,2BAA2B;AAC5D,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,8BAA8B;AAG3D,MAAMC,KAAK,GAAGC,IAAA;EAAA,IAAC;IACbC,OAAO;IACPC,MAAM;IACNC,OAAO;IACPC,OAAO;IACPC,SAAS;IACTC,QAAQ;IACRC,UAAU,GAAG;EACH,CAAC,GAAAP,IAAA;EAAA,OACXH,KAAA,CAAAW,aAAA,CAAAX,KAAA,CAAAY,QAAA,QACGL,OAAO,GACNP,KAAA,CAAAW,aAAA,CAACb,IAAI,QACHE,KAAA,CAAAW,aAAA;IAAKE,SAAS,EAAC;EAAkE,GAC/Eb,KAAA,CAAAW,aAAA,CAACZ,UAAU,MAAE,CACV,CACD,CAAC,GAEPC,KAAA,CAAAW,aAAA,CAAAX,KAAA,CAAAY,QAAA,QACGR,OAAO,CAACU,GAAG,CAAC,CAACC,MAAM,EAAEC,KAAK,KACzBhB,KAAA,CAAAW,aAAA;IAAKM,GAAG,EAAE,QAAQP,UAAU,GAAGM,KAAK;EAAG,GACrChB,KAAA,CAAAW,aAAA,CAACV,YAAY;IACXiB,aAAa,EAAEZ,OAAQ;IACvBG,QAAQ,EAAEA,QAAS;IACnBO,KAAK,EAAEN,UAAU,GAAGM,KAAK,GAAG,CAAE;IAC9BT,OAAO,EAAEA,OAAQ;IACjBY,MAAM,EAAEH,KAAK,GAAG,CAAC,KAAKZ,OAAO,CAACgB,MAAO;IACrCZ,SAAS,EAAEA,SAAU;IACrBO,MAAM,EAAEA,MAAO;IACfV,MAAM,EAAEA;EAAO,CAChB,CACE,CACN,CACD,CAEJ,CAAC;AAAA,CACJ;AAED,SAASH,KAAK","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/LiveRatesTableWidget/components/Cards/index.ts"],"sourcesContent":["export * from './Cards';\n"],"mappings":"AAAA,cAAc,SAAS","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/LiveRatesTableWidget/components/Cards/types.tsx"],"sourcesContent":["import type { Division } from '../../../gql/types/graphql';\nimport type { ColumnsNames, DataRecord } from '../../types';\n\nexport interface CardsProps {\n startIndex?: number;\n emptyCardsCount?: number;\n isLoading?: boolean;\n isError?: boolean;\n records: DataRecord[];\n target: EventTarget | null;\n columns: ColumnsNames[];\n division: Division;\n}\n"],"mappings":"","ignoreList":[]}
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { useQuery } from '@apollo/client';
|
|
2
|
-
import { LineChart, Loader, LoaderSize } from '@oanda/labs-widget-common';
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import { getInstrumentsChart } from '../../../gql/getInstrumentsChart';
|
|
5
|
-
import { getChartColor } from './utils';
|
|
6
|
-
const LineChartWithData = _ref => {
|
|
7
|
-
let {
|
|
8
|
-
padding,
|
|
9
|
-
record,
|
|
10
|
-
size,
|
|
11
|
-
isLoading,
|
|
12
|
-
division,
|
|
13
|
-
isDarkMode = false
|
|
14
|
-
} = _ref;
|
|
15
|
-
const {
|
|
16
|
-
loading,
|
|
17
|
-
data
|
|
18
|
-
} = useQuery(getInstrumentsChart, {
|
|
19
|
-
variables: {
|
|
20
|
-
instruments: [record.instrument],
|
|
21
|
-
division
|
|
22
|
-
},
|
|
23
|
-
fetchPolicy: 'network-only',
|
|
24
|
-
skip: !record.instrument
|
|
25
|
-
});
|
|
26
|
-
const showLoader = isLoading || loading;
|
|
27
|
-
const chart = data?.topicalInstrumentsCharts?.[0].chart || [];
|
|
28
|
-
const chartColor = getChartColor(record.dailyPercentChange, isDarkMode);
|
|
29
|
-
return React.createElement(React.Fragment, null, showLoader && React.createElement(Loader, {
|
|
30
|
-
size: LoaderSize.md
|
|
31
|
-
}), !showLoader && React.createElement(LineChart, {
|
|
32
|
-
color: chartColor,
|
|
33
|
-
data: chart,
|
|
34
|
-
padding: padding,
|
|
35
|
-
size: size
|
|
36
|
-
}));
|
|
37
|
-
};
|
|
38
|
-
export { LineChartWithData };
|
|
39
|
-
//# sourceMappingURL=LineChartWithData.js.map
|
package/dist/module/LiveRatesTableWidget/components/LineChartWithData/LineChartWithData.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LineChartWithData.js","names":["useQuery","LineChart","Loader","LoaderSize","React","getInstrumentsChart","getChartColor","LineChartWithData","_ref","padding","record","size","isLoading","division","isDarkMode","loading","data","variables","instruments","instrument","fetchPolicy","skip","showLoader","chart","topicalInstrumentsCharts","chartColor","dailyPercentChange","createElement","Fragment","md","color"],"sources":["../../../../../src/LiveRatesTableWidget/components/LineChartWithData/LineChartWithData.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client';\nimport { LineChart, Loader, LoaderSize } from '@oanda/labs-widget-common';\nimport React from 'react';\n\nimport { getInstrumentsChart } from '../../../gql/getInstrumentsChart';\nimport type {\n GetInstrumentsChartQuery,\n GetInstrumentsChartQueryVariables,\n} from '../../../gql/types/graphql';\nimport type { LineChartWithDataProps } from './types';\nimport { getChartColor } from './utils';\n\nconst LineChartWithData = ({\n padding,\n record,\n size,\n isLoading,\n division,\n isDarkMode = false,\n}: LineChartWithDataProps) => {\n const { loading, data } = useQuery<\n GetInstrumentsChartQuery,\n GetInstrumentsChartQueryVariables\n >(getInstrumentsChart, {\n variables: {\n instruments: [record.instrument],\n division,\n },\n fetchPolicy: 'network-only',\n skip: !record.instrument,\n });\n\n const showLoader = isLoading || loading;\n const chart = data?.topicalInstrumentsCharts?.[0].chart || [];\n\n const chartColor = getChartColor(record.dailyPercentChange, isDarkMode);\n\n return (\n <>\n {showLoader && <Loader size={LoaderSize.md} />}\n {!showLoader && (\n <LineChart\n color={chartColor}\n data={chart}\n padding={padding}\n size={size}\n />\n )}\n </>\n );\n};\n\nexport { LineChartWithData };\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,gBAAgB;AACzC,SAASC,SAAS,EAAEC,MAAM,EAAEC,UAAU,QAAQ,2BAA2B;AACzE,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,mBAAmB,QAAQ,kCAAkC;AAMtE,SAASC,aAAa,QAAQ,SAAS;AAEvC,MAAMC,iBAAiB,GAAGC,IAAA,IAOI;EAAA,IAPH;IACzBC,OAAO;IACPC,MAAM;IACNC,IAAI;IACJC,SAAS;IACTC,QAAQ;IACRC,UAAU,GAAG;EACS,CAAC,GAAAN,IAAA;EACvB,MAAM;IAAEO,OAAO;IAAEC;EAAK,CAAC,GAAGhB,QAAQ,CAGhCK,mBAAmB,EAAE;IACrBY,SAAS,EAAE;MACTC,WAAW,EAAE,CAACR,MAAM,CAACS,UAAU,CAAC;MAChCN;IACF,CAAC;IACDO,WAAW,EAAE,cAAc;IAC3BC,IAAI,EAAE,CAACX,MAAM,CAACS;EAChB,CAAC,CAAC;EAEF,MAAMG,UAAU,GAAGV,SAAS,IAAIG,OAAO;EACvC,MAAMQ,KAAK,GAAGP,IAAI,EAAEQ,wBAAwB,GAAG,CAAC,CAAC,CAACD,KAAK,IAAI,EAAE;EAE7D,MAAME,UAAU,GAAGnB,aAAa,CAACI,MAAM,CAACgB,kBAAkB,EAAEZ,UAAU,CAAC;EAEvE,OACEV,KAAA,CAAAuB,aAAA,CAAAvB,KAAA,CAAAwB,QAAA,QACGN,UAAU,IAAIlB,KAAA,CAAAuB,aAAA,CAACzB,MAAM;IAACS,IAAI,EAAER,UAAU,CAAC0B;EAAG,CAAE,CAAC,EAC7C,CAACP,UAAU,IACVlB,KAAA,CAAAuB,aAAA,CAAC1B,SAAS;IACR6B,KAAK,EAAEL,UAAW;IAClBT,IAAI,EAAEO,KAAM;IACZd,OAAO,EAAEA,OAAQ;IACjBE,IAAI,EAAEA;EAAK,CACZ,CAEH,CAAC;AAEP,CAAC;AAED,SAASJ,iBAAiB","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/LiveRatesTableWidget/components/LineChartWithData/index.ts"],"sourcesContent":["export * from './LineChartWithData';\n"],"mappings":"AAAA,cAAc,qBAAqB","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/LiveRatesTableWidget/components/LineChartWithData/types.tsx"],"sourcesContent":["import type { LineChartSize } from '@oanda/labs-widget-common';\n\nimport type { Division } from '../../../gql/types/graphql';\nimport type { DataRecord } from '../../types';\n\nexport interface LineChartWithDataProps {\n padding?: number;\n record: DataRecord;\n size?: LineChartSize;\n isLoading: boolean;\n division: Division;\n isDarkMode?: boolean;\n}\n"],"mappings":"","ignoreList":[]}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { Theme, themeColors } from '@oanda/labs-widget-common';
|
|
2
|
-
export const getChartColor = (dailyChange, isDarkMode) => {
|
|
3
|
-
const theme = isDarkMode ? Theme.Dark : Theme.Light;
|
|
4
|
-
switch (dailyChange?.charAt(0)) {
|
|
5
|
-
case '+':
|
|
6
|
-
return themeColors.ok[theme];
|
|
7
|
-
case '-':
|
|
8
|
-
return themeColors.danger[theme];
|
|
9
|
-
default:
|
|
10
|
-
return themeColors.borderDisabled[theme];
|
|
11
|
-
}
|
|
12
|
-
};
|
|
13
|
-
//# sourceMappingURL=utils.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","names":["Theme","themeColors","getChartColor","dailyChange","isDarkMode","theme","Dark","Light","charAt","ok","danger","borderDisabled"],"sources":["../../../../../src/LiveRatesTableWidget/components/LineChartWithData/utils.ts"],"sourcesContent":["import { Theme, themeColors } from '@oanda/labs-widget-common';\n\nexport const getChartColor = (dailyChange?: string, isDarkMode?: boolean) => {\n const theme = isDarkMode ? Theme.Dark : Theme.Light;\n\n switch (dailyChange?.charAt(0)) {\n case '+':\n return themeColors.ok[theme];\n case '-':\n return themeColors.danger[theme];\n default:\n return themeColors.borderDisabled[theme];\n }\n};\n"],"mappings":"AAAA,SAASA,KAAK,EAAEC,WAAW,QAAQ,2BAA2B;AAE9D,OAAO,MAAMC,aAAa,GAAGA,CAACC,WAAoB,EAAEC,UAAoB,KAAK;EAC3E,MAAMC,KAAK,GAAGD,UAAU,GAAGJ,KAAK,CAACM,IAAI,GAAGN,KAAK,CAACO,KAAK;EAEnD,QAAQJ,WAAW,EAAEK,MAAM,CAAC,CAAC,CAAC;IAC5B,KAAK,GAAG;MACN,OAAOP,WAAW,CAACQ,EAAE,CAACJ,KAAK,CAAC;IAC9B,KAAK,GAAG;MACN,OAAOJ,WAAW,CAACS,MAAM,CAACL,KAAK,CAAC;IAClC;MACE,OAAOJ,WAAW,CAACU,cAAc,CAACN,KAAK,CAAC;EAC5C;AACF,CAAC","ignoreList":[]}
|