@oanda/labs-value-at-risk-widget 1.0.26 → 1.0.27
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 +112 -0
- package/dist/main/ValueAtRiskWidget/ChartWithData.js +2 -3
- package/dist/main/ValueAtRiskWidget/ChartWithData.js.map +1 -1
- package/dist/main/ValueAtRiskWidget/Main.js +1 -1
- package/dist/main/ValueAtRiskWidget/Main.js.map +1 -1
- package/dist/main/ValueAtRiskWidget/MainWithData.js +1 -1
- package/dist/main/ValueAtRiskWidget/MainWithData.js.map +1 -1
- package/dist/main/ValueAtRiskWidget/ValueAtRiskWidget.js +1 -1
- package/dist/main/ValueAtRiskWidget/ValueAtRiskWidget.js.map +1 -1
- package/dist/main/ValueAtRiskWidget/components/Chart/Chart.js +2 -2
- package/dist/main/ValueAtRiskWidget/components/Chart/Chart.js.map +1 -1
- package/dist/main/ValueAtRiskWidget/components/Chart/getOption.js +4 -4
- package/dist/main/ValueAtRiskWidget/components/Chart/getOption.js.map +1 -1
- package/dist/main/ValueAtRiskWidget/components/Legend/DashedLine.js +2 -2
- package/dist/main/ValueAtRiskWidget/components/Legend/DashedLine.js.map +1 -1
- package/dist/main/ValueAtRiskWidget/components/Legend/DesktopLegend.js +3 -3
- package/dist/main/ValueAtRiskWidget/components/Legend/DesktopLegend.js.map +1 -1
- package/dist/main/ValueAtRiskWidget/components/Legend/Legend.js +4 -4
- package/dist/main/ValueAtRiskWidget/components/Legend/Legend.js.map +1 -1
- package/dist/main/ValueAtRiskWidget/components/Legend/MobileLegend.js +4 -4
- package/dist/main/ValueAtRiskWidget/components/Legend/MobileLegend.js.map +1 -1
- package/dist/main/ValueAtRiskWidget/render.js +1 -1
- package/dist/main/ValueAtRiskWidget/render.js.map +1 -1
- package/dist/main/ValueAtRiskWidget/utils.js +1 -1
- package/dist/main/ValueAtRiskWidget/utils.js.map +1 -1
- package/dist/main/gql/getValueAtRiskAssetClasses.js +11 -3
- package/dist/main/gql/getValueAtRiskAssetClasses.js.map +1 -1
- package/dist/main/gql/getValueAtRiskChart.js +26 -3
- package/dist/main/gql/getValueAtRiskChart.js.map +1 -1
- package/dist/main/gql/types/fragment-masking.js +2 -3
- package/dist/main/gql/types/fragment-masking.js.map +1 -1
- package/dist/main/gql/types/gql.js +1 -2
- package/dist/main/gql/types/gql.js.map +1 -1
- package/dist/main/translations/index.js +1 -1
- package/dist/main/translations/index.js.map +1 -1
- package/dist/module/ValueAtRiskWidget/ChartWithData.js +1 -2
- package/dist/module/ValueAtRiskWidget/ChartWithData.js.map +1 -1
- package/dist/module/ValueAtRiskWidget/components/Chart/Chart.js +1 -1
- package/dist/module/ValueAtRiskWidget/components/Chart/Chart.js.map +1 -1
- package/dist/module/ValueAtRiskWidget/components/Chart/getOption.js +4 -4
- package/dist/module/ValueAtRiskWidget/components/Chart/getOption.js.map +1 -1
- package/dist/module/ValueAtRiskWidget/components/Legend/DashedLine.js +1 -1
- package/dist/module/ValueAtRiskWidget/components/Legend/DashedLine.js.map +1 -1
- package/dist/module/ValueAtRiskWidget/components/Legend/DesktopLegend.js +2 -2
- package/dist/module/ValueAtRiskWidget/components/Legend/DesktopLegend.js.map +1 -1
- package/dist/module/ValueAtRiskWidget/components/Legend/Legend.js +4 -4
- package/dist/module/ValueAtRiskWidget/components/Legend/Legend.js.map +1 -1
- package/dist/module/ValueAtRiskWidget/components/Legend/MobileLegend.js +3 -3
- package/dist/module/ValueAtRiskWidget/components/Legend/MobileLegend.js.map +1 -1
- package/dist/module/ValueAtRiskWidget/utils.js +1 -1
- package/dist/module/ValueAtRiskWidget/utils.js.map +1 -1
- package/dist/module/gql/getValueAtRiskAssetClasses.js +11 -3
- package/dist/module/gql/getValueAtRiskAssetClasses.js.map +1 -1
- package/dist/module/gql/getValueAtRiskChart.js +26 -3
- package/dist/module/gql/getValueAtRiskChart.js.map +1 -1
- package/dist/module/gql/types/fragment-masking.js +2 -3
- package/dist/module/gql/types/fragment-masking.js.map +1 -1
- package/dist/module/gql/types/gql.js +1 -2
- package/dist/module/gql/types/gql.js.map +1 -1
- package/dist/types/gql/types/gql.d.ts +2 -2
- package/dist/types/gql/types/graphql.d.ts +2 -9
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,118 @@
|
|
|
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.27 (2024-07-03)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
## 1.0.134 (2024-07-03)
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
## 1.0.133 (2024-06-28)
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
## 1.0.132 (2024-06-27)
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
## 1.0.131 (2024-06-27)
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
## 1.0.130 (2024-06-26)
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
## 1.0.129 (2024-06-17)
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
|
|
34
|
+
## 1.0.128 (2024-06-17)
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
## 1.0.127 (2024-06-10)
|
|
39
|
+
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
## 1.0.126 (2024-05-29)
|
|
43
|
+
|
|
44
|
+
|
|
45
|
+
|
|
46
|
+
## 1.0.125 (2024-05-29)
|
|
47
|
+
|
|
48
|
+
|
|
49
|
+
|
|
50
|
+
## 1.0.124 (2024-05-29)
|
|
51
|
+
|
|
52
|
+
|
|
53
|
+
|
|
54
|
+
## 1.0.123 (2024-05-28)
|
|
55
|
+
|
|
56
|
+
|
|
57
|
+
|
|
58
|
+
## 1.0.122 (2024-05-27)
|
|
59
|
+
|
|
60
|
+
|
|
61
|
+
|
|
62
|
+
## 1.0.121 (2024-05-27)
|
|
63
|
+
|
|
64
|
+
|
|
65
|
+
|
|
66
|
+
## 1.0.120 (2024-05-24)
|
|
67
|
+
|
|
68
|
+
|
|
69
|
+
|
|
70
|
+
## 1.0.119 (2024-05-17)
|
|
71
|
+
|
|
72
|
+
|
|
73
|
+
|
|
74
|
+
## 1.0.118 (2024-05-09)
|
|
75
|
+
|
|
76
|
+
|
|
77
|
+
|
|
78
|
+
## 1.0.117 (2024-05-07)
|
|
79
|
+
|
|
80
|
+
|
|
81
|
+
|
|
82
|
+
## 1.0.116 (2024-04-23)
|
|
83
|
+
|
|
84
|
+
|
|
85
|
+
|
|
86
|
+
## 1.0.115 (2024-04-22)
|
|
87
|
+
|
|
88
|
+
|
|
89
|
+
|
|
90
|
+
## 1.0.114 (2024-04-19)
|
|
91
|
+
|
|
92
|
+
|
|
93
|
+
|
|
94
|
+
## 1.0.113 (2024-04-19)
|
|
95
|
+
|
|
96
|
+
|
|
97
|
+
|
|
98
|
+
## 1.0.112 (2024-04-15)
|
|
99
|
+
|
|
100
|
+
|
|
101
|
+
|
|
102
|
+
## 1.0.111 (2024-04-11)
|
|
103
|
+
|
|
104
|
+
|
|
105
|
+
|
|
106
|
+
## 1.0.110 (2024-04-05)
|
|
107
|
+
|
|
108
|
+
|
|
109
|
+
|
|
110
|
+
## 1.0.109 (2024-04-05)
|
|
111
|
+
|
|
112
|
+
**Note:** Version bump only for package @oanda/labs-value-at-risk-widget
|
|
113
|
+
|
|
114
|
+
|
|
115
|
+
|
|
116
|
+
|
|
117
|
+
|
|
6
118
|
## 1.0.26 (2024-07-03)
|
|
7
119
|
|
|
8
120
|
|
|
@@ -11,11 +11,10 @@ var _labsWidgetCommon = require("@oanda/labs-widget-common");
|
|
|
11
11
|
var _Chart = require("./components/Chart");
|
|
12
12
|
var _getValueAtRiskChart = require("../gql/getValueAtRiskChart");
|
|
13
13
|
var _Legend = require("./components/Legend");
|
|
14
|
-
function _interopRequireDefault(
|
|
14
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
15
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
16
16
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
17
17
|
const ChartWithData = _ref => {
|
|
18
|
-
var _data$valueAtRiskChar, _data$valueAtRiskChar2;
|
|
19
18
|
let {
|
|
20
19
|
instrument,
|
|
21
20
|
duration,
|
|
@@ -40,7 +39,7 @@ const ChartWithData = _ref => {
|
|
|
40
39
|
fetchPolicy: 'cache-and-network',
|
|
41
40
|
skip: !instrument
|
|
42
41
|
});
|
|
43
|
-
const showChart =
|
|
42
|
+
const showChart = data?.valueAtRiskChart?.down?.points && data.valueAtRiskChart.down.points.length > 0 && data?.valueAtRiskChart?.up?.points && data.valueAtRiskChart.up.points.length > 0;
|
|
44
43
|
return _react.default.createElement(_react.default.Fragment, null, (loading || !instrument) && _react.default.createElement("div", {
|
|
45
44
|
className: (0, _classnames.default)('lw-flex lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary', {
|
|
46
45
|
'lw-h-[460px]': isDesktop,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChartWithData.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_client","_labsWidgetCommon","_Chart","_getValueAtRiskChart","_Legend","
|
|
1
|
+
{"version":3,"file":"ChartWithData.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_client","_labsWidgetCommon","_Chart","_getValueAtRiskChart","_Legend","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ChartWithData","_ref","instrument","duration","bars","division","size","useContext","ThemeContext","isDesktop","Size","DESKTOP","loading","data","error","useQuery","getValueAtRiskChart","variables","fetchPolicy","skip","showChart","valueAtRiskChart","down","points","length","up","createElement","Fragment","className","classnames","Spinner","SpinnerSize","lg","Legend","Chart","values","ChartError","exports"],"sources":["../../../src/ValueAtRiskWidget/ChartWithData.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classnames from 'classnames';\nimport { useQuery } from '@apollo/client';\nimport {\n ChartError, Size, Spinner, SpinnerSize,\n ThemeContext,\n} from '@oanda/labs-widget-common';\nimport { Chart } from './components/Chart';\nimport { getValueAtRiskChart } from '../gql/getValueAtRiskChart';\nimport { ChartWithDataProps } from './types';\nimport { GetValueAtRiskChartQuery, GetValueAtRiskChartQueryVariables } from '../gql/types/graphql';\nimport { Legend } from './components/Legend';\n\nconst ChartWithData = ({\n instrument, duration, bars, division,\n}: ChartWithDataProps) => {\n const { size } = useContext(ThemeContext);\n const isDesktop = size === Size.DESKTOP;\n\n const { loading, data, error } = useQuery<\n GetValueAtRiskChartQuery, GetValueAtRiskChartQueryVariables>(getValueAtRiskChart, {\n variables: {\n instrument, division, duration, bars,\n },\n fetchPolicy: 'cache-and-network',\n skip: !instrument,\n });\n\n const showChart = data?.valueAtRiskChart?.down?.points\n && data.valueAtRiskChart.down.points.length > 0\n && data?.valueAtRiskChart?.up?.points\n && data.valueAtRiskChart.up.points.length > 0;\n\n return (\n <>\n {(loading || !instrument)\n && (\n <div className={classnames('lw-flex lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary', {\n 'lw-h-[460px]': isDesktop,\n 'lw-h-[566px]': !isDesktop,\n })}\n >\n <Spinner size={SpinnerSize.lg} />\n </div>\n )}\n {!loading && showChart && (\n <div data-testid=\"value-at-risk-chart\" className=\"lw-relative\">\n <Legend data={data} />\n <Chart values={data} />\n </div>\n )}\n {!!error && (\n <div className=\"lw-flex lw-h-[460px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary\">\n <ChartError />\n </div>\n )}\n </>\n );\n};\n\nexport { ChartWithData };\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -11,7 +11,7 @@ var _monoI18n = require("@oanda/mono-i18n");
|
|
|
11
11
|
var _utils = require("./utils");
|
|
12
12
|
var _graphql = require("../gql/types/graphql");
|
|
13
13
|
var _ChartWithData = require("./ChartWithData");
|
|
14
|
-
function _interopRequireDefault(
|
|
14
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
15
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
16
16
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
17
17
|
const Main = _ref => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Main.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_labsWidgetCommon","_monoI18n","_utils","_graphql","_ChartWithData","
|
|
1
|
+
{"version":3,"file":"Main.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_labsWidgetCommon","_monoI18n","_utils","_graphql","_ChartWithData","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Main","_ref","data","division","lang","useLocale","size","useContext","ThemeContext","isDesktop","Size","DESKTOP","assetClassesOptions","getAssetClassesList","valueAtRiskAssetClasses","initInstrumentsOptions","getInstrumentsByAssetClassId","id","holdTimeOptions","values","ValueAtRiskDuration","map","duration","label","count","substring","calculationPeriodOptions","ValueAtRiskBars","bars","selectedAssetClass","setSelectedAssetClass","useState","instrumentsList","setInstrumentsList","selectedInstrument","setSelectedInstrument","selectedHoldTime","setSelectedHoldTime","selectedCalculationPeriod","setSelectedCalculationPeriod","handleAssetClassSelect","selectedOption","list","showAssetClassesSelect","length","createElement","className","classnames","Select","selectLabel","options","setSelectedOption","withSearch","searchPlaceholder","ChartWithData","instrument","exports"],"sources":["../../../src/ValueAtRiskWidget/Main.tsx"],"sourcesContent":["import React, { useState, useContext } from 'react';\nimport classnames from 'classnames';\nimport {\n Select, SelectOption, Size, ThemeContext,\n} from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport { getAssetClassesList, getInstrumentsByAssetClassId } from './utils';\nimport { MainProps } from './types';\nimport { ValueAtRiskDuration, ValueAtRiskBars } from '../gql/types/graphql';\nimport { ChartWithData } from './ChartWithData';\n\nconst Main = ({ data, division }: MainProps) => {\n const { lang } = useLocale();\n const { size } = useContext(ThemeContext);\n const isDesktop = size === Size.DESKTOP;\n\n const assetClassesOptions = getAssetClassesList(data!.valueAtRiskAssetClasses!);\n const initInstrumentsOptions = getInstrumentsByAssetClassId(\n data!.valueAtRiskAssetClasses!,\n assetClassesOptions[0].id,\n );\n\n const holdTimeOptions = Object.values(ValueAtRiskDuration).map((duration) => ({ id: duration as string, label: lang('day', { count: +duration.substring(1) }) }));\n const calculationPeriodOptions = Object.values(ValueAtRiskBars).map((bars) => ({ id: bars as string, label: lang('day', { count: +bars.substring(1) }) }));\n\n const [selectedAssetClass, setSelectedAssetClass] = useState(\n assetClassesOptions[0],\n );\n const [instrumentsList, setInstrumentsList] = useState(initInstrumentsOptions);\n const [selectedInstrument, setSelectedInstrument] = useState(initInstrumentsOptions[0]);\n const [selectedHoldTime, setSelectedHoldTime] = useState(holdTimeOptions[0]);\n const [selectedCalculationPeriod, setSelectedCalculationPeriod] = useState(\n calculationPeriodOptions[0],\n );\n\n const handleAssetClassSelect = (selectedOption: SelectOption) => {\n const list = getInstrumentsByAssetClassId(\n data!.valueAtRiskAssetClasses!,\n selectedOption.id,\n );\n\n setSelectedAssetClass(selectedOption);\n setInstrumentsList(list);\n setSelectedInstrument(list[0]);\n };\n\n const showAssetClassesSelect = assetClassesOptions.length > 1;\n\n return (\n <div\n data-testid=\"value-at-risk-tool-wrapper\"\n className=\"lw-relative lw-text-sm lw-tracking-normal\"\n >\n <div className={classnames(\n 'lw-mb-8 lw-grid',\n {\n 'lw-grid-cols-4 lw-gap-2': isDesktop && showAssetClassesSelect,\n 'lw-grid-cols-3 lw-gap-2.5': isDesktop && !showAssetClassesSelect,\n 'lw-grid-cols-1 lw-gap-4': !isDesktop,\n },\n )}\n >\n {showAssetClassesSelect ? (\n <Select\n selectLabel={lang('instrument_type')}\n options={assetClassesOptions}\n selectedOption={selectedAssetClass}\n setSelectedOption={handleAssetClassSelect}\n />\n ) : null}\n <Select\n withSearch\n searchPlaceholder={lang('search')}\n selectLabel={lang('instrument')}\n options={instrumentsList}\n selectedOption={selectedInstrument}\n setSelectedOption={setSelectedInstrument}\n />\n <Select\n selectLabel={lang('hold_time')}\n options={holdTimeOptions}\n selectedOption={selectedHoldTime}\n setSelectedOption={setSelectedHoldTime}\n />\n <Select\n selectLabel={lang('calculation_period')}\n options={calculationPeriodOptions}\n selectedOption={selectedCalculationPeriod}\n setSelectedOption={setSelectedCalculationPeriod}\n />\n </div>\n <ChartWithData\n bars={selectedCalculationPeriod.id as ValueAtRiskBars}\n duration={selectedHoldTime.id as ValueAtRiskDuration}\n instrument={selectedInstrument.id}\n division={division}\n />\n </div>\n );\n};\n\nexport { Main };\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -10,7 +10,7 @@ var _labsWidgetCommon = require("@oanda/labs-widget-common");
|
|
|
10
10
|
var _client = require("@apollo/client");
|
|
11
11
|
var _getValueAtRiskAssetClasses = require("../gql/getValueAtRiskAssetClasses");
|
|
12
12
|
var _Main = require("./Main");
|
|
13
|
-
function _interopRequireDefault(
|
|
13
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
14
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
15
15
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
16
16
|
const MainWithData = _ref => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MainWithData.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_labsWidgetCommon","_client","_getValueAtRiskAssetClasses","_Main","
|
|
1
|
+
{"version":3,"file":"MainWithData.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_labsWidgetCommon","_client","_getValueAtRiskAssetClasses","_Main","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","MainWithData","_ref","division","size","useContext","ThemeContext","isDesktop","Size","DESKTOP","loading","data","error","useQuery","getValueAtRiskAssetClasses","variables","fetchPolicy","createElement","className","classnames","Spinner","SpinnerSize","lg","Main","ChartError","exports"],"sources":["../../../src/ValueAtRiskWidget/MainWithData.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classnames from 'classnames';\nimport {\n ChartError, Size, Spinner, SpinnerSize, ThemeContext,\n} from '@oanda/labs-widget-common';\nimport { useQuery } from '@apollo/client';\nimport { getValueAtRiskAssetClasses } from '../gql/getValueAtRiskAssetClasses';\nimport { Main } from './Main';\nimport { MainWithDataProps } from './types';\nimport { GetValueAtRiskAssetClassesQuery, GetValueAtRiskAssetClassesQueryVariables } from '../gql/types/graphql';\n\nconst MainWithData = ({ division }: MainWithDataProps) => {\n const { size } = useContext(ThemeContext);\n const isDesktop = size === Size.DESKTOP;\n const { loading, data, error } = useQuery<\n GetValueAtRiskAssetClassesQuery,\n GetValueAtRiskAssetClassesQueryVariables\n >(getValueAtRiskAssetClasses, {\n variables: {\n division,\n },\n fetchPolicy: 'cache-and-network',\n });\n\n return (\n <div data-testid=\"value-at-risk-wrapper\">\n {(loading || !size)\n && (\n <div className={classnames('lw-flex lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary', {\n 'lw-h-[566px]': isDesktop,\n 'lw-h-[840px]': !isDesktop,\n })}\n >\n <Spinner size={SpinnerSize.lg} />\n </div>\n )}\n {!loading && data && (\n <Main\n data={data}\n division={division}\n />\n )}\n {!loading && error && (\n <div className=\"lw-flex lw-h-[500px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary\">\n <ChartError />\n </div>\n )}\n </div>\n );\n};\n\nexport { MainWithData };\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -10,7 +10,7 @@ var _client = require("@apollo/client");
|
|
|
10
10
|
var _labsWidgetCommon = require("@oanda/labs-widget-common");
|
|
11
11
|
var _translations = require("../translations");
|
|
12
12
|
var _MainWithData = require("./MainWithData");
|
|
13
|
-
function _interopRequireDefault(
|
|
13
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
14
|
const ValueAtRiskWidget = _ref => {
|
|
15
15
|
let {
|
|
16
16
|
graphqlUrl,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ValueAtRiskWidget.js","names":["_react","_interopRequireDefault","require","_monoI18n","_client","_labsWidgetCommon","_translations","_MainWithData","
|
|
1
|
+
{"version":3,"file":"ValueAtRiskWidget.js","names":["_react","_interopRequireDefault","require","_monoI18n","_client","_labsWidgetCommon","_translations","_MainWithData","e","__esModule","default","ValueAtRiskWidget","_ref","graphqlUrl","locale","division","theme","isParamError","client","ApolloClient","uri","cache","InMemoryCache","createElement","ThemeProvider","LocaleProvider","getLocale","translations","ApolloProvider","className","ChartError","MainWithData","exports"],"sources":["../../../src/ValueAtRiskWidget/ValueAtRiskWidget.tsx"],"sourcesContent":["import React from 'react';\nimport { LocaleProvider } from '@oanda/mono-i18n';\nimport { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';\nimport { ChartError, ThemeProvider, getLocale } from '@oanda/labs-widget-common';\nimport { ValueAtRiskConfig } from './types';\nimport { translations } from '../translations';\nimport { MainWithData } from './MainWithData';\n\nconst ValueAtRiskWidget = ({\n graphqlUrl, locale, division, theme, isParamError,\n}: ValueAtRiskConfig) => {\n const client = new ApolloClient({\n uri: graphqlUrl,\n cache: new InMemoryCache(),\n });\n\n return (\n <ThemeProvider theme={theme}>\n <LocaleProvider locale={getLocale(locale)} translations={translations}>\n <ApolloProvider client={client}>\n {isParamError ? (\n <div className=\"lw-flex lw-h-[425px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary\">\n <ChartError />\n </div>\n ) : <MainWithData division={division} />}\n </ApolloProvider>\n </LocaleProvider>\n </ThemeProvider>\n );\n};\n\nexport { ValueAtRiskWidget };\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAEA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AAA8C,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE9C,MAAMG,iBAAiB,GAAGC,IAAA,IAED;EAAA,IAFE;IACzBC,UAAU;IAAEC,MAAM;IAAEC,QAAQ;IAAEC,KAAK;IAAEC;EACpB,CAAC,GAAAL,IAAA;EAClB,MAAMM,MAAM,GAAG,IAAIC,oBAAY,CAAC;IAC9BC,GAAG,EAAEP,UAAU;IACfQ,KAAK,EAAE,IAAIC,qBAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,OACEtB,MAAA,CAAAU,OAAA,CAAAa,aAAA,CAAClB,iBAAA,CAAAmB,aAAa;IAACR,KAAK,EAAEA;EAAM,GAC1BhB,MAAA,CAAAU,OAAA,CAAAa,aAAA,CAACpB,SAAA,CAAAsB,cAAc;IAACX,MAAM,EAAE,IAAAY,2BAAS,EAACZ,MAAM,CAAE;IAACa,YAAY,EAAEA;EAAa,GACpE3B,MAAA,CAAAU,OAAA,CAAAa,aAAA,CAACnB,OAAA,CAAAwB,cAAc;IAACV,MAAM,EAAEA;EAAO,GAC5BD,YAAY,GACXjB,MAAA,CAAAU,OAAA,CAAAa,aAAA;IAAKM,SAAS,EAAC;EAAmG,GAChH7B,MAAA,CAAAU,OAAA,CAAAa,aAAA,CAAClB,iBAAA,CAAAyB,UAAU,MAAE,CACV,CAAC,GACJ9B,MAAA,CAAAU,OAAA,CAAAa,aAAA,CAAChB,aAAA,CAAAwB,YAAY;IAAChB,QAAQ,EAAEA;EAAS,CAAE,CACzB,CACF,CACH,CAAC;AAEpB,CAAC;AAACiB,OAAA,CAAArB,iBAAA,GAAAA,iBAAA","ignoreList":[]}
|
|
@@ -14,7 +14,7 @@ var _monoI18n = require("@oanda/mono-i18n");
|
|
|
14
14
|
var _labsWidgetCommon = require("@oanda/labs-widget-common");
|
|
15
15
|
var _constants = require("./constants");
|
|
16
16
|
var _getOption = require("./getOption");
|
|
17
|
-
function _interopRequireDefault(
|
|
17
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
18
18
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
19
19
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
20
20
|
echarts.use([_components.GridSimpleComponent, _components.GraphicComponent, _components.TitleComponent, _charts.LineChart, _renderers.CanvasRenderer, _components.DatasetComponent, _components.VisualMapComponent, _charts.CustomChart, _components.MarkLineComponent, _components.MarkPointComponent, _components.AxisPointerComponent]);
|
|
@@ -36,7 +36,7 @@ const Chart = _ref => {
|
|
|
36
36
|
echarts: echarts,
|
|
37
37
|
theme: isDark ? 'dark_theme' : 'light_theme',
|
|
38
38
|
style: {
|
|
39
|
-
height:
|
|
39
|
+
height: `${_constants.CHART_HEIGHT}px`,
|
|
40
40
|
width: '100%'
|
|
41
41
|
},
|
|
42
42
|
option: (0, _getOption.getOption)(values, lang, isDark, isDesktop)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chart.js","names":["_react","_interopRequireWildcard","require","_core","_interopRequireDefault","echarts","_charts","_renderers","_components","_monoI18n","_labsWidgetCommon","_constants","_getOption","
|
|
1
|
+
{"version":3,"file":"Chart.js","names":["_react","_interopRequireWildcard","require","_core","_interopRequireDefault","echarts","_charts","_renderers","_components","_monoI18n","_labsWidgetCommon","_constants","_getOption","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","use","GridSimpleComponent","GraphicComponent","TitleComponent","LineChart","CanvasRenderer","DatasetComponent","VisualMapComponent","CustomChart","MarkLineComponent","MarkPointComponent","AxisPointerComponent","registerTheme","getChartTheme","Theme","Dark","Light","Chart","_ref","values","lang","useLocale","isDark","size","useContext","ThemeContext","isDesktop","Size","DESKTOP","createElement","theme","style","height","CHART_HEIGHT","width","option","getOption","exports"],"sources":["../../../../../src/ValueAtRiskWidget/components/Chart/Chart.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport ReactEChartsCore from 'echarts-for-react/lib/core';\nimport * as echarts from 'echarts/core';\nimport { LineChart, CustomChart } from 'echarts/charts';\nimport { CanvasRenderer } from 'echarts/renderers';\nimport {\n GridSimpleComponent,\n GraphicComponent,\n MarkPointComponent,\n TitleComponent,\n DatasetComponent,\n VisualMapComponent,\n MarkLineComponent,\n AxisPointerComponent,\n} from 'echarts/components';\nimport { useLocale } from '@oanda/mono-i18n';\nimport {\n Size,\n Theme,\n ThemeContext,\n getChartTheme,\n} from '@oanda/labs-widget-common';\nimport { CHART_HEIGHT } from './constants';\nimport { getOption } from './getOption';\nimport { ChartProps } from './types';\n\necharts.use([\n GridSimpleComponent,\n GraphicComponent,\n TitleComponent,\n LineChart,\n CanvasRenderer,\n DatasetComponent,\n VisualMapComponent,\n CustomChart,\n MarkLineComponent,\n MarkPointComponent,\n AxisPointerComponent,\n]);\n\necharts.registerTheme('dark_theme', getChartTheme(Theme.Dark));\necharts.registerTheme('light_theme', getChartTheme(Theme.Light));\n\nconst Chart = ({ values }: ChartProps) => {\n const { lang } = useLocale();\n const { isDark, size } = useContext(ThemeContext);\n const isDesktop = size === Size.DESKTOP;\n\n return (\n <ReactEChartsCore\n echarts={echarts}\n theme={isDark ? 'dark_theme' : 'light_theme'}\n style={{\n height: `${CHART_HEIGHT}px`,\n width: '100%',\n }}\n option={getOption(values, lang, isDark, isDesktop)}\n />\n );\n};\n\nexport { Chart };\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -88,7 +88,7 @@ const getOption = (values, lang, isDark, isDesktop) => {
|
|
|
88
88
|
padding: isDesktop ? [0, 0, 0, 0] : [20, 0, 0, 0]
|
|
89
89
|
}
|
|
90
90
|
},
|
|
91
|
-
formatter: (value, index) => index ?
|
|
91
|
+
formatter: (value, index) => index ? `${value}%` : `{a|${value}%}`
|
|
92
92
|
},
|
|
93
93
|
axisPointer: {
|
|
94
94
|
label: {
|
|
@@ -274,10 +274,10 @@ const getOption = (values, lang, isDark, isDesktop) => {
|
|
|
274
274
|
}],
|
|
275
275
|
grid: [{
|
|
276
276
|
name: 'main-grid',
|
|
277
|
-
top:
|
|
277
|
+
top: `${_constants.TITLE_HEIGHT}px`,
|
|
278
278
|
left: '0px',
|
|
279
|
-
right:
|
|
280
|
-
bottom:
|
|
279
|
+
right: `${isDesktop ? _constants.Y_LABEL_SIZE_DESKTOP : _constants.Y_LABEL_SIZE_MOBILE}px`,
|
|
280
|
+
bottom: `${_constants.X_LABEL_SIZE}px`
|
|
281
281
|
}],
|
|
282
282
|
graphic: [...gridLines, {
|
|
283
283
|
...(0, _labsWidgetCommon.getLineCommons)(isDark),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getOption.js","names":["_labsWidgetCommon","require","_constants","_getPercentValueByPips","getOption","values","lang","isDark","isDesktop","gridLines","getGridLines","chartWidth","CHART_WIDTH","chartHeight","CHART_HEIGHT","xLabelsSize","X_LABEL_SIZE","Y_LABEL_SIZE_DESKTOP","yLabelSize","Y_LABEL_SIZE_MOBILE","yLabelMarinTop","TITLE_HEIGHT","down","up","valueAtRiskChart","points","sort","a","b","pips","map","point","percent","maxDown","Math","max","minUp","min","animation","title","left","top","text","textStyle","fontWeight","fontSize","xAxis","type","name","toUpperCase","nameLocation","splitNumber","nameGap","axisLine","show","axisTick","axisLabel","padding","margin","showMaxLabel","showMinLabel","hideOverlap","formatter","value","toFixed","axisPointer","label","_ref","yAxis","inverse","nameRotate","position","rich","index","concat","precision","visualMap","dimension","pieces","lt","average","color","colorPalette","orange","raspberryLight","colorAlpha","gte","median","bottleGreenDark","greenLight","series","symbol","areaStyle","origin","opacity","lineStyle","emphasis","disabled","data","markLine","silent","white","width","threshold","darkTheme","borderPrimary","lightTheme","markPoint","itemStyle","borderWidth","borderColor","getPercentValueByPips","symbolSize","gold","turquoiseLight","violetLight","grid","right","bottom","graphic","getLineCommons","shape","x1","y1","x2","y2","exports"],"sources":["../../../../../src/ValueAtRiskWidget/components/Chart/getOption.ts"],"sourcesContent":["import {\n colorPalette,\n darkTheme,\n getGridLines,\n getLineCommons,\n lightTheme,\n} from '@oanda/labs-widget-common';\nimport {\n CHART_WIDTH,\n CHART_HEIGHT,\n X_LABEL_SIZE,\n Y_LABEL_SIZE_DESKTOP,\n TITLE_HEIGHT,\n Y_LABEL_SIZE_MOBILE,\n} from './constants';\nimport { GetOptionType } from './types';\nimport { getPercentValueByPips } from './getPercentValueByPips';\n\nexport const getOption: GetOptionType = (values, lang, isDark, isDesktop) => {\n const gridLines = getGridLines({\n isDark,\n chartWidth: CHART_WIDTH,\n chartHeight: CHART_HEIGHT,\n xLabelsSize: X_LABEL_SIZE - Y_LABEL_SIZE_DESKTOP,\n yLabelSize: isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE,\n yLabelMarinTop: isDesktop ? 0 : TITLE_HEIGHT,\n });\n\n const { down, up } = values!.valueAtRiskChart!;\n\n const points = [...up.points!, ...down.points!]\n .sort((a, b) => a.pips - b.pips)\n .map((point) => [point.pips, point.percent * 100]);\n\n const maxDown = Math.max(...down.points!.map((point) => point.pips));\n const minUp = Math.min(...up.points!.map((point) => point.pips));\n\n return {\n animation: false,\n title: {\n left: 16,\n top: 10,\n text: lang('daily'),\n textStyle: {\n fontWeight: 500,\n fontSize: 20,\n },\n },\n xAxis: {\n type: 'value',\n name: lang('pips').toUpperCase(),\n nameLocation: 'middle',\n splitNumber: isDesktop ? 8 : 4,\n nameGap: 32,\n axisLine: { show: false },\n axisTick: { show: false },\n axisLabel: {\n padding: 0,\n margin: 12,\n showMaxLabel: false,\n showMinLabel: false,\n hideOverlap: true,\n formatter: (value) => value.toFixed(),\n },\n axisPointer: {\n label: {\n margin: 7,\n formatter: ({ value }) => (value as number).toFixed(),\n },\n },\n },\n yAxis: {\n name: lang('distribution').toUpperCase(),\n type: 'value',\n inverse: true,\n nameLocation: 'middle',\n nameGap: isDesktop ? 40 : 30,\n nameRotate: -90,\n position: 'right',\n axisLine: { show: false },\n axisTick: { show: false },\n axisLabel: {\n padding: 0,\n margin: isDesktop ? 12 : 4,\n rich: {\n a: {\n padding: isDesktop ? [0, 0, 0, 0] : [20, 0, 0, 0],\n },\n },\n formatter: (value, index) => (index ? `${value}%` : `{a|${value}%}`),\n\n },\n axisPointer: {\n label: {\n precision: 0,\n padding: isDesktop ? [4, 10, 4, 10] : 4,\n formatter: '{value}%',\n },\n },\n },\n axisPointer: {\n show: true,\n type: 'line',\n },\n visualMap: {\n type: 'piecewise',\n show: false,\n dimension: 0,\n pieces: [\n {\n lt: down.average,\n color: isDark ? colorPalette.orange : colorPalette.raspberryLight,\n colorAlpha: 0.5,\n },\n {\n gte: down.average,\n lt: down.median,\n color: isDark ? colorPalette.orange : colorPalette.raspberryLight,\n colorAlpha: 0.6,\n },\n {\n gte: down.median,\n lt: maxDown,\n color: isDark ? colorPalette.orange : colorPalette.raspberryLight,\n colorAlpha: 0.75,\n },\n {\n gte: minUp,\n lt: up.median,\n color: isDark\n ? colorPalette.bottleGreenDark\n : colorPalette.greenLight,\n colorAlpha: 0.75,\n },\n {\n gte: up.median,\n lt: up.average,\n color: isDark\n ? colorPalette.bottleGreenDark\n : colorPalette.greenLight,\n colorAlpha: 0.6,\n },\n {\n gte: up.average,\n color: isDark\n ? colorPalette.bottleGreenDark\n : colorPalette.greenLight,\n colorAlpha: 0.5,\n },\n ],\n },\n series: [\n {\n name: 'main',\n type: 'line',\n symbol: 'none',\n areaStyle: {\n origin: 'end',\n opacity: 1,\n },\n lineStyle: {\n opacity: 1,\n },\n emphasis: {\n disabled: true,\n },\n data: points,\n markLine: {\n silent: true,\n symbol: ['none', 'none'],\n label: {\n show: false,\n },\n lineStyle: {\n color: isDark ? colorPalette.white : colorPalette.bottleGreenDark,\n width: 1,\n },\n data: [\n {\n xAxis: down.median,\n lineStyle: {\n type: [2, 2],\n },\n },\n {\n xAxis: down.average,\n lineStyle: {\n type: [4, 5],\n },\n },\n {\n xAxis: down.threshold,\n lineStyle: {\n type: [6, 2],\n },\n },\n {\n xAxis: down.max,\n lineStyle: {\n type: 'solid',\n color: isDark\n ? darkTheme.borderPrimary\n : lightTheme.borderPrimary,\n },\n },\n {\n xAxis: up.median,\n lineStyle: {\n type: [2, 2],\n },\n },\n {\n xAxis: up.average,\n lineStyle: {\n type: [4, 5],\n },\n },\n {\n xAxis: up.threshold,\n lineStyle: {\n type: [6, 2],\n },\n },\n {\n xAxis: up.max,\n lineStyle: {\n type: 'solid',\n color: isDark\n ? darkTheme.borderPrimary\n : lightTheme.borderPrimary,\n },\n },\n ],\n },\n markPoint: {\n animation: false,\n silent: true,\n itemStyle: {\n borderWidth: 1,\n borderColor: colorPalette.white,\n },\n label: {\n show: false,\n },\n data: [\n {\n name: 'Mark point Down average',\n xAxis: down.average,\n yAxis: getPercentValueByPips(down.average, points),\n symbol: 'circle',\n symbolSize: 9,\n itemStyle: {\n color: colorPalette.gold,\n },\n },\n {\n name: 'Mark point Down median',\n xAxis: down.median,\n yAxis: getPercentValueByPips(down.median, points),\n symbol: 'circle',\n symbolSize: 9,\n itemStyle: {\n color: colorPalette.turquoiseLight,\n },\n },\n {\n name: 'Mark point Down threshold',\n xAxis: down.threshold,\n yAxis: getPercentValueByPips(down.threshold, points),\n symbol: 'circle',\n symbolSize: 9,\n itemStyle: {\n color: colorPalette.violetLight,\n },\n },\n {\n name: 'Mark point up average',\n xAxis: up.average,\n yAxis: getPercentValueByPips(up.average, points),\n symbol: 'rectangle',\n symbolSize: 8,\n itemStyle: {\n color: colorPalette.gold,\n },\n },\n {\n name: 'Mark point up median',\n xAxis: up.median,\n yAxis: getPercentValueByPips(up.median, points),\n symbol: 'rectangle',\n symbolSize: 8,\n itemStyle: {\n color: colorPalette.turquoiseLight,\n },\n },\n {\n name: 'Mark point up threshold',\n xAxis: up.threshold,\n yAxis: getPercentValueByPips(up.threshold, points),\n symbol: 'rectangle',\n symbolSize: 8,\n itemStyle: {\n color: colorPalette.violetLight,\n },\n },\n ],\n },\n },\n ],\n grid: [\n {\n name: 'main-grid',\n top: `${TITLE_HEIGHT}px`,\n left: '0px',\n right: `${isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE}px`,\n bottom: `${X_LABEL_SIZE}px`,\n },\n ],\n graphic: [\n ...gridLines,\n {\n ...getLineCommons(isDark),\n top: TITLE_HEIGHT - 2,\n right: -2,\n shape: {\n x1: 0,\n y1: 0,\n x2: isDesktop ? 0 : Y_LABEL_SIZE_MOBILE,\n y2: 0,\n },\n },\n ],\n };\n};\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"getOption.js","names":["_labsWidgetCommon","require","_constants","_getPercentValueByPips","getOption","values","lang","isDark","isDesktop","gridLines","getGridLines","chartWidth","CHART_WIDTH","chartHeight","CHART_HEIGHT","xLabelsSize","X_LABEL_SIZE","Y_LABEL_SIZE_DESKTOP","yLabelSize","Y_LABEL_SIZE_MOBILE","yLabelMarinTop","TITLE_HEIGHT","down","up","valueAtRiskChart","points","sort","a","b","pips","map","point","percent","maxDown","Math","max","minUp","min","animation","title","left","top","text","textStyle","fontWeight","fontSize","xAxis","type","name","toUpperCase","nameLocation","splitNumber","nameGap","axisLine","show","axisTick","axisLabel","padding","margin","showMaxLabel","showMinLabel","hideOverlap","formatter","value","toFixed","axisPointer","label","_ref","yAxis","inverse","nameRotate","position","rich","index","precision","visualMap","dimension","pieces","lt","average","color","colorPalette","orange","raspberryLight","colorAlpha","gte","median","bottleGreenDark","greenLight","series","symbol","areaStyle","origin","opacity","lineStyle","emphasis","disabled","data","markLine","silent","white","width","threshold","darkTheme","borderPrimary","lightTheme","markPoint","itemStyle","borderWidth","borderColor","getPercentValueByPips","symbolSize","gold","turquoiseLight","violetLight","grid","right","bottom","graphic","getLineCommons","shape","x1","y1","x2","y2","exports"],"sources":["../../../../../src/ValueAtRiskWidget/components/Chart/getOption.ts"],"sourcesContent":["import {\n colorPalette,\n darkTheme,\n getGridLines,\n getLineCommons,\n lightTheme,\n} from '@oanda/labs-widget-common';\nimport {\n CHART_WIDTH,\n CHART_HEIGHT,\n X_LABEL_SIZE,\n Y_LABEL_SIZE_DESKTOP,\n TITLE_HEIGHT,\n Y_LABEL_SIZE_MOBILE,\n} from './constants';\nimport { GetOptionType } from './types';\nimport { getPercentValueByPips } from './getPercentValueByPips';\n\nexport const getOption: GetOptionType = (values, lang, isDark, isDesktop) => {\n const gridLines = getGridLines({\n isDark,\n chartWidth: CHART_WIDTH,\n chartHeight: CHART_HEIGHT,\n xLabelsSize: X_LABEL_SIZE - Y_LABEL_SIZE_DESKTOP,\n yLabelSize: isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE,\n yLabelMarinTop: isDesktop ? 0 : TITLE_HEIGHT,\n });\n\n const { down, up } = values!.valueAtRiskChart!;\n\n const points = [...up.points!, ...down.points!]\n .sort((a, b) => a.pips - b.pips)\n .map((point) => [point.pips, point.percent * 100]);\n\n const maxDown = Math.max(...down.points!.map((point) => point.pips));\n const minUp = Math.min(...up.points!.map((point) => point.pips));\n\n return {\n animation: false,\n title: {\n left: 16,\n top: 10,\n text: lang('daily'),\n textStyle: {\n fontWeight: 500,\n fontSize: 20,\n },\n },\n xAxis: {\n type: 'value',\n name: lang('pips').toUpperCase(),\n nameLocation: 'middle',\n splitNumber: isDesktop ? 8 : 4,\n nameGap: 32,\n axisLine: { show: false },\n axisTick: { show: false },\n axisLabel: {\n padding: 0,\n margin: 12,\n showMaxLabel: false,\n showMinLabel: false,\n hideOverlap: true,\n formatter: (value) => value.toFixed(),\n },\n axisPointer: {\n label: {\n margin: 7,\n formatter: ({ value }) => (value as number).toFixed(),\n },\n },\n },\n yAxis: {\n name: lang('distribution').toUpperCase(),\n type: 'value',\n inverse: true,\n nameLocation: 'middle',\n nameGap: isDesktop ? 40 : 30,\n nameRotate: -90,\n position: 'right',\n axisLine: { show: false },\n axisTick: { show: false },\n axisLabel: {\n padding: 0,\n margin: isDesktop ? 12 : 4,\n rich: {\n a: {\n padding: isDesktop ? [0, 0, 0, 0] : [20, 0, 0, 0],\n },\n },\n formatter: (value, index) => (index ? `${value}%` : `{a|${value}%}`),\n\n },\n axisPointer: {\n label: {\n precision: 0,\n padding: isDesktop ? [4, 10, 4, 10] : 4,\n formatter: '{value}%',\n },\n },\n },\n axisPointer: {\n show: true,\n type: 'line',\n },\n visualMap: {\n type: 'piecewise',\n show: false,\n dimension: 0,\n pieces: [\n {\n lt: down.average,\n color: isDark ? colorPalette.orange : colorPalette.raspberryLight,\n colorAlpha: 0.5,\n },\n {\n gte: down.average,\n lt: down.median,\n color: isDark ? colorPalette.orange : colorPalette.raspberryLight,\n colorAlpha: 0.6,\n },\n {\n gte: down.median,\n lt: maxDown,\n color: isDark ? colorPalette.orange : colorPalette.raspberryLight,\n colorAlpha: 0.75,\n },\n {\n gte: minUp,\n lt: up.median,\n color: isDark\n ? colorPalette.bottleGreenDark\n : colorPalette.greenLight,\n colorAlpha: 0.75,\n },\n {\n gte: up.median,\n lt: up.average,\n color: isDark\n ? colorPalette.bottleGreenDark\n : colorPalette.greenLight,\n colorAlpha: 0.6,\n },\n {\n gte: up.average,\n color: isDark\n ? colorPalette.bottleGreenDark\n : colorPalette.greenLight,\n colorAlpha: 0.5,\n },\n ],\n },\n series: [\n {\n name: 'main',\n type: 'line',\n symbol: 'none',\n areaStyle: {\n origin: 'end',\n opacity: 1,\n },\n lineStyle: {\n opacity: 1,\n },\n emphasis: {\n disabled: true,\n },\n data: points,\n markLine: {\n silent: true,\n symbol: ['none', 'none'],\n label: {\n show: false,\n },\n lineStyle: {\n color: isDark ? colorPalette.white : colorPalette.bottleGreenDark,\n width: 1,\n },\n data: [\n {\n xAxis: down.median,\n lineStyle: {\n type: [2, 2],\n },\n },\n {\n xAxis: down.average,\n lineStyle: {\n type: [4, 5],\n },\n },\n {\n xAxis: down.threshold,\n lineStyle: {\n type: [6, 2],\n },\n },\n {\n xAxis: down.max,\n lineStyle: {\n type: 'solid',\n color: isDark\n ? darkTheme.borderPrimary\n : lightTheme.borderPrimary,\n },\n },\n {\n xAxis: up.median,\n lineStyle: {\n type: [2, 2],\n },\n },\n {\n xAxis: up.average,\n lineStyle: {\n type: [4, 5],\n },\n },\n {\n xAxis: up.threshold,\n lineStyle: {\n type: [6, 2],\n },\n },\n {\n xAxis: up.max,\n lineStyle: {\n type: 'solid',\n color: isDark\n ? darkTheme.borderPrimary\n : lightTheme.borderPrimary,\n },\n },\n ],\n },\n markPoint: {\n animation: false,\n silent: true,\n itemStyle: {\n borderWidth: 1,\n borderColor: colorPalette.white,\n },\n label: {\n show: false,\n },\n data: [\n {\n name: 'Mark point Down average',\n xAxis: down.average,\n yAxis: getPercentValueByPips(down.average, points),\n symbol: 'circle',\n symbolSize: 9,\n itemStyle: {\n color: colorPalette.gold,\n },\n },\n {\n name: 'Mark point Down median',\n xAxis: down.median,\n yAxis: getPercentValueByPips(down.median, points),\n symbol: 'circle',\n symbolSize: 9,\n itemStyle: {\n color: colorPalette.turquoiseLight,\n },\n },\n {\n name: 'Mark point Down threshold',\n xAxis: down.threshold,\n yAxis: getPercentValueByPips(down.threshold, points),\n symbol: 'circle',\n symbolSize: 9,\n itemStyle: {\n color: colorPalette.violetLight,\n },\n },\n {\n name: 'Mark point up average',\n xAxis: up.average,\n yAxis: getPercentValueByPips(up.average, points),\n symbol: 'rectangle',\n symbolSize: 8,\n itemStyle: {\n color: colorPalette.gold,\n },\n },\n {\n name: 'Mark point up median',\n xAxis: up.median,\n yAxis: getPercentValueByPips(up.median, points),\n symbol: 'rectangle',\n symbolSize: 8,\n itemStyle: {\n color: colorPalette.turquoiseLight,\n },\n },\n {\n name: 'Mark point up threshold',\n xAxis: up.threshold,\n yAxis: getPercentValueByPips(up.threshold, points),\n symbol: 'rectangle',\n symbolSize: 8,\n itemStyle: {\n color: colorPalette.violetLight,\n },\n },\n ],\n },\n },\n ],\n grid: [\n {\n name: 'main-grid',\n top: `${TITLE_HEIGHT}px`,\n left: '0px',\n right: `${isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE}px`,\n bottom: `${X_LABEL_SIZE}px`,\n },\n ],\n graphic: [\n ...gridLines,\n {\n ...getLineCommons(isDark),\n top: TITLE_HEIGHT - 2,\n right: -2,\n shape: {\n x1: 0,\n y1: 0,\n x2: isDesktop ? 0 : Y_LABEL_SIZE_MOBILE,\n y2: 0,\n },\n },\n ],\n };\n};\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.DashedLine = void 0;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _labsWidgetCommon = require("@oanda/labs-widget-common");
|
|
9
|
-
function _interopRequireDefault(
|
|
9
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
10
|
const DashedLine = _ref => {
|
|
11
11
|
let {
|
|
12
12
|
strokeDasharray,
|
|
@@ -17,7 +17,7 @@ const DashedLine = _ref => {
|
|
|
17
17
|
className: "lw-inline",
|
|
18
18
|
width: width,
|
|
19
19
|
height: "2",
|
|
20
|
-
viewBox:
|
|
20
|
+
viewBox: `0 0 ${width} 2`,
|
|
21
21
|
fill: "none",
|
|
22
22
|
xmlns: "http://www.w3.org/2000/svg"
|
|
23
23
|
}, _react.default.createElement("line", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DashedLine.js","names":["_react","_interopRequireDefault","require","_labsWidgetCommon","
|
|
1
|
+
{"version":3,"file":"DashedLine.js","names":["_react","_interopRequireDefault","require","_labsWidgetCommon","e","__esModule","default","DashedLine","_ref","strokeDasharray","width","isDark","createElement","className","height","viewBox","fill","xmlns","stroke","colorPalette","white","bottleGreenDark","x1","y1","x2","y2","exports"],"sources":["../../../../../src/ValueAtRiskWidget/components/Legend/DashedLine.tsx"],"sourcesContent":["import React from 'react';\nimport { colorPalette } from '@oanda/labs-widget-common';\nimport {\n DashedLineProps,\n} from './types';\n\nconst DashedLine = ({ strokeDasharray, width = '30', isDark }: DashedLineProps) => (\n <svg className=\"lw-inline\" width={width} height=\"2\" viewBox={`0 0 ${width} 2`} fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <line\n stroke={isDark ? colorPalette.white : colorPalette.bottleGreenDark}\n x1=\"0\"\n y1=\"1\"\n x2={width}\n y2=\"1\"\n strokeDasharray={strokeDasharray}\n />\n </svg>\n);\n\nexport { DashedLine };\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAAyD,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAKzD,MAAMG,UAAU,GAAGC,IAAA;EAAA,IAAC;IAAEC,eAAe;IAAEC,KAAK,GAAG,IAAI;IAAEC;EAAwB,CAAC,GAAAH,IAAA;EAAA,OAC5ER,MAAA,CAAAM,OAAA,CAAAM,aAAA;IAAKC,SAAS,EAAC,WAAW;IAACH,KAAK,EAAEA,KAAM;IAACI,MAAM,EAAC,GAAG;IAACC,OAAO,EAAE,OAAOL,KAAK,IAAK;IAACM,IAAI,EAAC,MAAM;IAACC,KAAK,EAAC;EAA4B,GAC3HjB,MAAA,CAAAM,OAAA,CAAAM,aAAA;IACEM,MAAM,EAAEP,MAAM,GAAGQ,8BAAY,CAACC,KAAK,GAAGD,8BAAY,CAACE,eAAgB;IACnEC,EAAE,EAAC,GAAG;IACNC,EAAE,EAAC,GAAG;IACNC,EAAE,EAAEd,KAAM;IACVe,EAAE,EAAC,GAAG;IACNhB,eAAe,EAAEA;EAAgB,CAClC,CACE,CAAC;AAAA,CACP;AAACiB,OAAA,CAAAnB,UAAA,GAAAA,UAAA","ignoreList":[]}
|
|
@@ -9,7 +9,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
|
|
|
9
9
|
var _types = require("./types");
|
|
10
10
|
var _DashedLine = require("./DashedLine");
|
|
11
11
|
var _constants = require("./constants");
|
|
12
|
-
function _interopRequireDefault(
|
|
12
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
13
|
const DesktopLegend = _ref => {
|
|
14
14
|
let {
|
|
15
15
|
data,
|
|
@@ -40,9 +40,9 @@ const DesktopLegend = _ref => {
|
|
|
40
40
|
})
|
|
41
41
|
}), _react.default.createElement("span", {
|
|
42
42
|
className: "lw-px-2"
|
|
43
|
-
},
|
|
43
|
+
}, `${item.label}:`), _react.default.createElement("span", {
|
|
44
44
|
className: "lw-grow lw-text-right"
|
|
45
|
-
},
|
|
45
|
+
}, `${item.value.toFixed()} ${lang('pips')}`))));
|
|
46
46
|
};
|
|
47
47
|
exports.DesktopLegend = DesktopLegend;
|
|
48
48
|
//# sourceMappingURL=DesktopLegend.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DesktopLegend.js","names":["_react","_interopRequireDefault","require","_classnames","_types","_DashedLine","_constants","
|
|
1
|
+
{"version":3,"file":"DesktopLegend.js","names":["_react","_interopRequireDefault","require","_classnames","_types","_DashedLine","_constants","e","__esModule","default","DesktopLegend","_ref","data","lang","isDark","createElement","className","classnames","value","map","item","key","id","DataNames","MAX","MIN","DashedLine","strokeDasharray","lineTypes","AVERAGE","MEDIAN","THRESHOLD","label","toFixed","exports"],"sources":["../../../../../src/ValueAtRiskWidget/components/Legend/DesktopLegend.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport { DataNames, DesktopLegendProps } from './types';\nimport { DashedLine } from './DashedLine';\nimport { lineTypes } from './constants';\n\nconst DesktopLegend = ({ data, lang, isDark }: DesktopLegendProps) => (\n <div className={classnames('lw-pointer-events-none lw-absolute lw-top-[50px] lw-z-10 lw-p-2 lw-text-xs', {\n 'lw-left-[6px]': data[0].value < 0,\n 'lw-right-[66px]': data[0].value > 0,\n 'lw-bg-border-primary': isDark,\n 'lw-bg-bg-primary lw-shadow': !isDark,\n })}\n >\n {data.map((item) => (\n <div\n key={item.id}\n className={classnames('lw-flex lw-items-center', {\n '[&_line]:lw-stroke-border-disabled': item.id === DataNames.MAX || item.id === DataNames.MIN,\n })}\n >\n <DashedLine isDark={isDark} strokeDasharray={lineTypes[item.id]} />\n {item.id !== DataNames.MAX && item.id !== DataNames.MIN && (\n <div className={classnames('lw-ml-[-8px] lw-h-[8px] lw-w-[8px] lw-border-[1px] lw-border-white lw-bg-gold', {\n 'lw-rounded-full': item.value < 0,\n 'lw-bg-gold': item.id === DataNames.AVERAGE,\n 'lw-bg-turquoise-light': item.id === DataNames.MEDIAN,\n 'lw-bg-violet-light': item.id === DataNames.THRESHOLD,\n })}\n />\n )}\n <span className=\"lw-px-2\">\n {`${item.label}:`}\n </span>\n <span className=\"lw-grow lw-text-right\">\n {`${item.value.toFixed()} ${lang('pips')}`}\n </span>\n </div>\n ))}\n </div>\n);\n\nexport { DesktopLegend };\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AAAwC,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAExC,MAAMG,aAAa,GAAGC,IAAA;EAAA,IAAC;IAAEC,IAAI;IAAEC,IAAI;IAAEC;EAA2B,CAAC,GAAAH,IAAA;EAAA,OAC/DX,MAAA,CAAAS,OAAA,CAAAM,aAAA;IAAKC,SAAS,EAAE,IAAAC,mBAAU,EAAC,6EAA6E,EAAE;MACxG,eAAe,EAAEL,IAAI,CAAC,CAAC,CAAC,CAACM,KAAK,GAAG,CAAC;MAClC,iBAAiB,EAAEN,IAAI,CAAC,CAAC,CAAC,CAACM,KAAK,GAAG,CAAC;MACpC,sBAAsB,EAAEJ,MAAM;MAC9B,4BAA4B,EAAE,CAACA;IACjC,CAAC;EAAE,GAEAF,IAAI,CAACO,GAAG,CAAEC,IAAI,IACbpB,MAAA,CAAAS,OAAA,CAAAM,aAAA;IACEM,GAAG,EAAED,IAAI,CAACE,EAAG;IACbN,SAAS,EAAE,IAAAC,mBAAU,EAAC,yBAAyB,EAAE;MAC/C,oCAAoC,EAAEG,IAAI,CAACE,EAAE,KAAKC,gBAAS,CAACC,GAAG,IAAIJ,IAAI,CAACE,EAAE,KAAKC,gBAAS,CAACE;IAC3F,CAAC;EAAE,GAEHzB,MAAA,CAAAS,OAAA,CAAAM,aAAA,CAACV,WAAA,CAAAqB,UAAU;IAACZ,MAAM,EAAEA,MAAO;IAACa,eAAe,EAAEC,oBAAS,CAACR,IAAI,CAACE,EAAE;EAAE,CAAE,CAAC,EAClEF,IAAI,CAACE,EAAE,KAAKC,gBAAS,CAACC,GAAG,IAAIJ,IAAI,CAACE,EAAE,KAAKC,gBAAS,CAACE,GAAG,IACrDzB,MAAA,CAAAS,OAAA,CAAAM,aAAA;IAAKC,SAAS,EAAE,IAAAC,mBAAU,EAAC,+EAA+E,EAAE;MAC1G,iBAAiB,EAAEG,IAAI,CAACF,KAAK,GAAG,CAAC;MACjC,YAAY,EAAEE,IAAI,CAACE,EAAE,KAAKC,gBAAS,CAACM,OAAO;MAC3C,uBAAuB,EAAET,IAAI,CAACE,EAAE,KAAKC,gBAAS,CAACO,MAAM;MACrD,oBAAoB,EAAEV,IAAI,CAACE,EAAE,KAAKC,gBAAS,CAACQ;IAC9C,CAAC;EAAE,CACF,CACF,EACD/B,MAAA,CAAAS,OAAA,CAAAM,aAAA;IAAMC,SAAS,EAAC;EAAS,GACtB,GAAGI,IAAI,CAACY,KAAK,GACV,CAAC,EACPhC,MAAA,CAAAS,OAAA,CAAAM,aAAA;IAAMC,SAAS,EAAC;EAAuB,GACpC,GAAGI,IAAI,CAACF,KAAK,CAACe,OAAO,CAAC,CAAC,IAAIpB,IAAI,CAAC,MAAM,CAAC,EACpC,CACH,CACN,CACE,CAAC;AAAA,CACP;AAACqB,OAAA,CAAAxB,aAAA,GAAAA,aAAA","ignoreList":[]}
|
|
@@ -37,7 +37,7 @@ const Legend = _ref => {
|
|
|
37
37
|
value: data.valueAtRiskChart.down.median
|
|
38
38
|
}, {
|
|
39
39
|
id: _types.DataNames.THRESHOLD,
|
|
40
|
-
label:
|
|
40
|
+
label: `${lang('threshold')} (95%)`,
|
|
41
41
|
value: data.valueAtRiskChart.down.threshold
|
|
42
42
|
}, {
|
|
43
43
|
id: _types.DataNames.MIN,
|
|
@@ -57,7 +57,7 @@ const Legend = _ref => {
|
|
|
57
57
|
value: data.valueAtRiskChart.up.median
|
|
58
58
|
}, {
|
|
59
59
|
id: _types.DataNames.THRESHOLD,
|
|
60
|
-
label:
|
|
60
|
+
label: `${lang('threshold')} (95%)`,
|
|
61
61
|
value: data.valueAtRiskChart.up.threshold
|
|
62
62
|
}, {
|
|
63
63
|
id: _types.DataNames.MAX,
|
|
@@ -79,12 +79,12 @@ const Legend = _ref => {
|
|
|
79
79
|
valueUp: data.valueAtRiskChart.up.median
|
|
80
80
|
}, {
|
|
81
81
|
id: _types.DataNames.THRESHOLD,
|
|
82
|
-
label:
|
|
82
|
+
label: `${lang('threshold')} (95%)`,
|
|
83
83
|
valueDown: data.valueAtRiskChart.down.threshold,
|
|
84
84
|
valueUp: data.valueAtRiskChart.up.threshold
|
|
85
85
|
}, {
|
|
86
86
|
id: _types.DataNames.MAX,
|
|
87
|
-
label:
|
|
87
|
+
label: `${lang('min')}/${lang('max')}`,
|
|
88
88
|
valueDown: data.valueAtRiskChart.down.max,
|
|
89
89
|
valueUp: data.valueAtRiskChart.up.max
|
|
90
90
|
}]
|