@oanda/labs-value-at-risk-widget 1.0.136 → 1.0.137
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 +552 -0
- package/dist/main/ValueAtRiskWidget/ChartWithData.js +1 -2
- package/dist/main/ValueAtRiskWidget/ChartWithData.js.map +1 -1
- package/dist/main/ValueAtRiskWidget/Widget.js +3 -3
- package/dist/main/ValueAtRiskWidget/Widget.js.map +1 -1
- package/dist/main/ValueAtRiskWidget/components/Chart/getOption.js +7 -11
- package/dist/main/ValueAtRiskWidget/components/Chart/getOption.js.map +1 -1
- package/dist/main/ValueAtRiskWidget/components/Legend/DashedLine.js +1 -1
- package/dist/main/ValueAtRiskWidget/components/Legend/DashedLine.js.map +1 -1
- package/dist/main/ValueAtRiskWidget/components/Legend/DesktopLegend.js +2 -2
- 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 +3 -3
- package/dist/main/ValueAtRiskWidget/components/Legend/MobileLegend.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 +36 -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/module/ValueAtRiskWidget/ChartWithData.js +1 -2
- package/dist/module/ValueAtRiskWidget/ChartWithData.js.map +1 -1
- package/dist/module/ValueAtRiskWidget/Widget.js +3 -3
- package/dist/module/ValueAtRiskWidget/Widget.js.map +1 -1
- package/dist/module/ValueAtRiskWidget/components/Chart/getOption.js +7 -11
- 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 +36 -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/package.json +3 -3
|
@@ -1,8 +1,3 @@
|
|
|
1
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
3
|
-
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
4
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
5
|
-
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
6
1
|
import { colorPalette, getGridLines, getLineCommons, Theme, themeColors } from '@oanda/labs-widget-common';
|
|
7
2
|
import { CHART_HEIGHT, CHART_WIDTH, TITLE_HEIGHT, X_LABEL_SIZE, Y_LABEL_SIZE_DESKTOP, Y_LABEL_SIZE_MOBILE } from './constants';
|
|
8
3
|
import { getPercentValueByPips } from './getPercentValueByPips';
|
|
@@ -89,7 +84,7 @@ export const getOption = (values, lang, isDark, isDesktop) => {
|
|
|
89
84
|
padding: isDesktop ? [0, 0, 0, 0] : [20, 0, 0, 0]
|
|
90
85
|
}
|
|
91
86
|
},
|
|
92
|
-
formatter: (value, index) => index ?
|
|
87
|
+
formatter: (value, index) => index ? `${value}%` : `{a|${value}%}`
|
|
93
88
|
},
|
|
94
89
|
axisPointer: {
|
|
95
90
|
label: {
|
|
@@ -275,12 +270,13 @@ export const getOption = (values, lang, isDark, isDesktop) => {
|
|
|
275
270
|
}],
|
|
276
271
|
grid: [{
|
|
277
272
|
name: 'main-grid',
|
|
278
|
-
top:
|
|
273
|
+
top: `${TITLE_HEIGHT}px`,
|
|
279
274
|
left: '0px',
|
|
280
|
-
right:
|
|
281
|
-
bottom:
|
|
275
|
+
right: `${isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE}px`,
|
|
276
|
+
bottom: `${X_LABEL_SIZE}px`
|
|
282
277
|
}],
|
|
283
|
-
graphic: [...gridLines,
|
|
278
|
+
graphic: [...gridLines, {
|
|
279
|
+
...getLineCommons(isDark),
|
|
284
280
|
top: TITLE_HEIGHT - 2,
|
|
285
281
|
right: -2,
|
|
286
282
|
shape: {
|
|
@@ -289,7 +285,7 @@ export const getOption = (values, lang, isDark, isDesktop) => {
|
|
|
289
285
|
x2: isDesktop ? 0 : Y_LABEL_SIZE_MOBILE,
|
|
290
286
|
y2: 0
|
|
291
287
|
}
|
|
292
|
-
}
|
|
288
|
+
}]
|
|
293
289
|
};
|
|
294
290
|
};
|
|
295
291
|
//# sourceMappingURL=getOption.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getOption.js","names":["colorPalette","getGridLines","getLineCommons","Theme","themeColors","CHART_HEIGHT","CHART_WIDTH","TITLE_HEIGHT","X_LABEL_SIZE","Y_LABEL_SIZE_DESKTOP","Y_LABEL_SIZE_MOBILE","getPercentValueByPips","getOption","values","lang","isDark","isDesktop","theme","Dark","Light","gridLines","chartWidth","chartHeight","xLabelsSize","yLabelSize","yLabelMarinTop","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","nameMoveOverlap","rich","index","concat","precision","visualMap","dimension","pieces","lt","average","color","orange","raspberryLight","colorAlpha","gte","median","bottleGreenDark","greenLight","series","symbol","areaStyle","origin","opacity","lineStyle","emphasis","disabled","data","markLine","silent","white","width","threshold","borderPrimary","markPoint","itemStyle","borderWidth","borderColor","symbolSize","gold","turquoiseLight","violetLight","grid","right","bottom","graphic","_objectSpread","shape","x1","y1","x2","y2"],"sources":["../../../../../src/ValueAtRiskWidget/components/Chart/getOption.ts"],"sourcesContent":["import {\n colorPalette,\n getGridLines,\n getLineCommons,\n Theme,\n themeColors,\n} from '@oanda/labs-widget-common';\n\nimport {\n CHART_HEIGHT,\n CHART_WIDTH,\n TITLE_HEIGHT,\n X_LABEL_SIZE,\n Y_LABEL_SIZE_DESKTOP,\n Y_LABEL_SIZE_MOBILE,\n} from './constants';\nimport { getPercentValueByPips } from './getPercentValueByPips';\nimport type { GetOptionType } from './types';\n\nexport const getOption: GetOptionType = (values, lang, isDark, isDesktop) => {\n const theme = isDark ? Theme.Dark : Theme.Light;\n\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 nameMoveOverlap: false,\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 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: themeColors.borderPrimary[theme],\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: themeColors.borderPrimary[theme],\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":";;;;;AAAA,SACEA,YAAY,EACZC,YAAY,EACZC,cAAc,EACdC,KAAK,EACLC,WAAW,QACN,2BAA2B;AAElC,SACEC,YAAY,EACZC,WAAW,EACXC,YAAY,EACZC,YAAY,EACZC,oBAAoB,EACpBC,mBAAmB,QACd,aAAa;AACpB,SAASC,qBAAqB,QAAQ,yBAAyB;AAG/D,OAAO,MAAMC,SAAwB,GAAGA,CAACC,MAAM,EAAEC,IAAI,EAAEC,MAAM,EAAEC,SAAS,KAAK;EAC3E,MAAMC,KAAK,GAAGF,MAAM,GAAGZ,KAAK,CAACe,IAAI,GAAGf,KAAK,CAACgB,KAAK;EAE/C,MAAMC,SAAS,GAAGnB,YAAY,CAAC;IAC7Bc,MAAM;IACNM,UAAU,EAAEf,WAAW;IACvBgB,WAAW,EAAEjB,YAAY;IACzBkB,WAAW,EAAEf,YAAY,GAAGC,oBAAoB;IAChDe,UAAU,EAAER,SAAS,GAAGP,oBAAoB,GAAGC,mBAAmB;IAClEe,cAAc,EAAET,SAAS,GAAG,CAAC,GAAGT;EAClC,CAAC,CAAC;EAEF,MAAM;IAAEmB,IAAI;IAAEC;EAAG,CAAC,GAAGd,MAAM,CAAEe,gBAAiB;EAE9C,MAAMC,MAAM,GAAG,CAAC,GAAGF,EAAE,CAACE,MAAO,EAAE,GAAGH,IAAI,CAACG,MAAO,CAAC,CAC5CC,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAKD,CAAC,CAACE,IAAI,GAAGD,CAAC,CAACC,IAAI,CAAC,CAC/BC,GAAG,CAAEC,KAAK,IAAK,CAACA,KAAK,CAACF,IAAI,EAAEE,KAAK,CAACC,OAAO,GAAG,GAAG,CAAC,CAAC;EAEpD,MAAMC,OAAO,GAAGC,IAAI,CAACC,GAAG,CAAC,GAAGb,IAAI,CAACG,MAAM,CAAEK,GAAG,CAAEC,KAAK,IAAKA,KAAK,CAACF,IAAI,CAAC,CAAC;EACpE,MAAMO,KAAK,GAAGF,IAAI,CAACG,GAAG,CAAC,GAAGd,EAAE,CAACE,MAAM,CAAEK,GAAG,CAAEC,KAAK,IAAKA,KAAK,CAACF,IAAI,CAAC,CAAC;EAEhE,OAAO;IACLS,SAAS,EAAE,KAAK;IAChBC,KAAK,EAAE;MACLC,IAAI,EAAE,EAAE;MACRC,GAAG,EAAE,EAAE;MACPC,IAAI,EAAEhC,IAAI,CAAC,OAAO,CAAC;MACnBiC,SAAS,EAAE;QACTC,UAAU,EAAE,GAAG;QACfC,QAAQ,EAAE;MACZ;IACF,CAAC;IACDC,KAAK,EAAE;MACLC,IAAI,EAAE,OAAO;MACbC,IAAI,EAAEtC,IAAI,CAAC,MAAM,CAAC,CAACuC,WAAW,CAAC,CAAC;MAChCC,YAAY,EAAE,QAAQ;MACtBC,WAAW,EAAEvC,SAAS,GAAG,CAAC,GAAG,CAAC;MAC9BwC,OAAO,EAAE,EAAE;MACXC,QAAQ,EAAE;QAAEC,IAAI,EAAE;MAAM,CAAC;MACzBC,QAAQ,EAAE;QAAED,IAAI,EAAE;MAAM,CAAC;MACzBE,SAAS,EAAE;QACTC,OAAO,EAAE,CAAC;QACVC,MAAM,EAAE,EAAE;QACVC,YAAY,EAAE,KAAK;QACnBC,YAAY,EAAE,KAAK;QACnBC,WAAW,EAAE,IAAI;QACjBC,SAAS,EAAGC,KAAK,IAAKA,KAAK,CAACC,OAAO,CAAC;MACtC,CAAC;MACDC,WAAW,EAAE;QACXC,KAAK,EAAE;UACLR,MAAM,EAAE,CAAC;UACTI,SAAS,EAAEK,IAAA;YAAA,IAAC;cAAEJ;YAAM,CAAC,GAAAI,IAAA;YAAA,OAAMJ,KAAK,CAAYC,OAAO,CAAC,CAAC;UAAA;QACvD;MACF;IACF,CAAC;IACDI,KAAK,EAAE;MACLpB,IAAI,EAAEtC,IAAI,CAAC,cAAc,CAAC,CAACuC,WAAW,CAAC,CAAC;MACxCF,IAAI,EAAE,OAAO;MACbsB,OAAO,EAAE,IAAI;MACbnB,YAAY,EAAE,QAAQ;MACtBE,OAAO,EAAExC,SAAS,GAAG,EAAE,GAAG,EAAE;MAC5B0D,UAAU,EAAE,CAAC,EAAE;MACfC,QAAQ,EAAE,OAAO;MACjBC,eAAe,EAAE,KAAK;MACtBnB,QAAQ,EAAE;QAAEC,IAAI,EAAE;MAAM,CAAC;MACzBC,QAAQ,EAAE;QAAED,IAAI,EAAE;MAAM,CAAC;MACzBE,SAAS,EAAE;QACTC,OAAO,EAAE,CAAC;QACVC,MAAM,EAAE9C,SAAS,GAAG,EAAE,GAAG,CAAC;QAC1B6D,IAAI,EAAE;UACJ9C,CAAC,EAAE;YACD8B,OAAO,EAAE7C,SAAS,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;UAClD;QACF,CAAC;QACDkD,SAAS,EAAEA,CAACC,KAAK,EAAEW,KAAK,KAAMA,KAAK,MAAAC,MAAA,CAAMZ,KAAK,eAAAY,MAAA,CAAYZ,KAAK;MACjE,CAAC;MACDE,WAAW,EAAE;QACXC,KAAK,EAAE;UACLU,SAAS,EAAE,CAAC;UACZnB,OAAO,EAAE7C,SAAS,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC;UACvCkD,SAAS,EAAE;QACb;MACF;IACF,CAAC;IACDG,WAAW,EAAE;MACXX,IAAI,EAAE,IAAI;MACVP,IAAI,EAAE;IACR,CAAC;IACD8B,SAAS,EAAE;MACT9B,IAAI,EAAE,WAAW;MACjBO,IAAI,EAAE,KAAK;MACXwB,SAAS,EAAE,CAAC;MACZC,MAAM,EAAE,CACN;QACEC,EAAE,EAAE1D,IAAI,CAAC2D,OAAO;QAChBC,KAAK,EAAEvE,MAAM,GAAGf,YAAY,CAACuF,MAAM,GAAGvF,YAAY,CAACwF,cAAc;QACjEC,UAAU,EAAE;MACd,CAAC,EACD;QACEC,GAAG,EAAEhE,IAAI,CAAC2D,OAAO;QACjBD,EAAE,EAAE1D,IAAI,CAACiE,MAAM;QACfL,KAAK,EAAEvE,MAAM,GAAGf,YAAY,CAACuF,MAAM,GAAGvF,YAAY,CAACwF,cAAc;QACjEC,UAAU,EAAE;MACd,CAAC,EACD;QACEC,GAAG,EAAEhE,IAAI,CAACiE,MAAM;QAChBP,EAAE,EAAE/C,OAAO;QACXiD,KAAK,EAAEvE,MAAM,GAAGf,YAAY,CAACuF,MAAM,GAAGvF,YAAY,CAACwF,cAAc;QACjEC,UAAU,EAAE;MACd,CAAC,EACD;QACEC,GAAG,EAAElD,KAAK;QACV4C,EAAE,EAAEzD,EAAE,CAACgE,MAAM;QACbL,KAAK,EAAEvE,MAAM,GACTf,YAAY,CAAC4F,eAAe,GAC5B5F,YAAY,CAAC6F,UAAU;QAC3BJ,UAAU,EAAE;MACd,CAAC,EACD;QACEC,GAAG,EAAE/D,EAAE,CAACgE,MAAM;QACdP,EAAE,EAAEzD,EAAE,CAAC0D,OAAO;QACdC,KAAK,EAAEvE,MAAM,GACTf,YAAY,CAAC4F,eAAe,GAC5B5F,YAAY,CAAC6F,UAAU;QAC3BJ,UAAU,EAAE;MACd,CAAC,EACD;QACEC,GAAG,EAAE/D,EAAE,CAAC0D,OAAO;QACfC,KAAK,EAAEvE,MAAM,GACTf,YAAY,CAAC4F,eAAe,GAC5B5F,YAAY,CAAC6F,UAAU;QAC3BJ,UAAU,EAAE;MACd,CAAC;IAEL,CAAC;IACDK,MAAM,EAAE,CACN;MACE1C,IAAI,EAAE,MAAM;MACZD,IAAI,EAAE,MAAM;MACZ4C,MAAM,EAAE,MAAM;MACdC,SAAS,EAAE;QACTC,MAAM,EAAE,KAAK;QACbC,OAAO,EAAE;MACX,CAAC;MACDC,SAAS,EAAE;QACTD,OAAO,EAAE;MACX,CAAC;MACDE,QAAQ,EAAE;QACRC,QAAQ,EAAE;MACZ,CAAC;MACDC,IAAI,EAAEzE,MAAM;MACZ0E,QAAQ,EAAE;QACRC,MAAM,EAAE,IAAI;QACZT,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;QACxBzB,KAAK,EAAE;UACLZ,IAAI,EAAE;QACR,CAAC;QACDyC,SAAS,EAAE;UACTb,KAAK,EAAEvE,MAAM,GAAGf,YAAY,CAACyG,KAAK,GAAGzG,YAAY,CAAC4F,eAAe;UACjEc,KAAK,EAAE;QACT,CAAC;QACDJ,IAAI,EAAE,CACJ;UACEpD,KAAK,EAAExB,IAAI,CAACiE,MAAM;UAClBQ,SAAS,EAAE;YACThD,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC;UACb;QACF,CAAC,EACD;UACED,KAAK,EAAExB,IAAI,CAAC2D,OAAO;UACnBc,SAAS,EAAE;YACThD,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC;UACb;QACF,CAAC,EACD;UACED,KAAK,EAAExB,IAAI,CAACiF,SAAS;UACrBR,SAAS,EAAE;YACThD,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC;UACb;QACF,CAAC,EACD;UACED,KAAK,EAAExB,IAAI,CAACa,GAAG;UACf4D,SAAS,EAAE;YACThD,IAAI,EAAE,OAAO;YACbmC,KAAK,EAAElF,WAAW,CAACwG,aAAa,CAAC3F,KAAK;UACxC;QACF,CAAC,EACD;UACEiC,KAAK,EAAEvB,EAAE,CAACgE,MAAM;UAChBQ,SAAS,EAAE;YACThD,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC;UACb;QACF,CAAC,EACD;UACED,KAAK,EAAEvB,EAAE,CAAC0D,OAAO;UACjBc,SAAS,EAAE;YACThD,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC;UACb;QACF,CAAC,EACD;UACED,KAAK,EAAEvB,EAAE,CAACgF,SAAS;UACnBR,SAAS,EAAE;YACThD,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC;UACb;QACF,CAAC,EACD;UACED,KAAK,EAAEvB,EAAE,CAACY,GAAG;UACb4D,SAAS,EAAE;YACThD,IAAI,EAAE,OAAO;YACbmC,KAAK,EAAElF,WAAW,CAACwG,aAAa,CAAC3F,KAAK;UACxC;QACF,CAAC;MAEL,CAAC;MACD4F,SAAS,EAAE;QACTnE,SAAS,EAAE,KAAK;QAChB8D,MAAM,EAAE,IAAI;QACZM,SAAS,EAAE;UACTC,WAAW,EAAE,CAAC;UACdC,WAAW,EAAEhH,YAAY,CAACyG;QAC5B,CAAC;QACDnC,KAAK,EAAE;UACLZ,IAAI,EAAE;QACR,CAAC;QACD4C,IAAI,EAAE,CACJ;UACElD,IAAI,EAAE,yBAAyB;UAC/BF,KAAK,EAAExB,IAAI,CAAC2D,OAAO;UACnBb,KAAK,EAAE7D,qBAAqB,CAACe,IAAI,CAAC2D,OAAO,EAAExD,MAAM,CAAC;UAClDkE,MAAM,EAAE,QAAQ;UAChBkB,UAAU,EAAE,CAAC;UACbH,SAAS,EAAE;YACTxB,KAAK,EAAEtF,YAAY,CAACkH;UACtB;QACF,CAAC,EACD;UACE9D,IAAI,EAAE,wBAAwB;UAC9BF,KAAK,EAAExB,IAAI,CAACiE,MAAM;UAClBnB,KAAK,EAAE7D,qBAAqB,CAACe,IAAI,CAACiE,MAAM,EAAE9D,MAAM,CAAC;UACjDkE,MAAM,EAAE,QAAQ;UAChBkB,UAAU,EAAE,CAAC;UACbH,SAAS,EAAE;YACTxB,KAAK,EAAEtF,YAAY,CAACmH;UACtB;QACF,CAAC,EACD;UACE/D,IAAI,EAAE,2BAA2B;UACjCF,KAAK,EAAExB,IAAI,CAACiF,SAAS;UACrBnC,KAAK,EAAE7D,qBAAqB,CAACe,IAAI,CAACiF,SAAS,EAAE9E,MAAM,CAAC;UACpDkE,MAAM,EAAE,QAAQ;UAChBkB,UAAU,EAAE,CAAC;UACbH,SAAS,EAAE;YACTxB,KAAK,EAAEtF,YAAY,CAACoH;UACtB;QACF,CAAC,EACD;UACEhE,IAAI,EAAE,uBAAuB;UAC7BF,KAAK,EAAEvB,EAAE,CAAC0D,OAAO;UACjBb,KAAK,EAAE7D,qBAAqB,CAACgB,EAAE,CAAC0D,OAAO,EAAExD,MAAM,CAAC;UAChDkE,MAAM,EAAE,WAAW;UACnBkB,UAAU,EAAE,CAAC;UACbH,SAAS,EAAE;YACTxB,KAAK,EAAEtF,YAAY,CAACkH;UACtB;QACF,CAAC,EACD;UACE9D,IAAI,EAAE,sBAAsB;UAC5BF,KAAK,EAAEvB,EAAE,CAACgE,MAAM;UAChBnB,KAAK,EAAE7D,qBAAqB,CAACgB,EAAE,CAACgE,MAAM,EAAE9D,MAAM,CAAC;UAC/CkE,MAAM,EAAE,WAAW;UACnBkB,UAAU,EAAE,CAAC;UACbH,SAAS,EAAE;YACTxB,KAAK,EAAEtF,YAAY,CAACmH;UACtB;QACF,CAAC,EACD;UACE/D,IAAI,EAAE,yBAAyB;UAC/BF,KAAK,EAAEvB,EAAE,CAACgF,SAAS;UACnBnC,KAAK,EAAE7D,qBAAqB,CAACgB,EAAE,CAACgF,SAAS,EAAE9E,MAAM,CAAC;UAClDkE,MAAM,EAAE,WAAW;UACnBkB,UAAU,EAAE,CAAC;UACbH,SAAS,EAAE;YACTxB,KAAK,EAAEtF,YAAY,CAACoH;UACtB;QACF,CAAC;MAEL;IACF,CAAC,CACF;IACDC,IAAI,EAAE,CACJ;MACEjE,IAAI,EAAE,WAAW;MACjBP,GAAG,KAAAkC,MAAA,CAAKxE,YAAY,OAAI;MACxBqC,IAAI,EAAE,KAAK;MACX0E,KAAK,KAAAvC,MAAA,CAAK/D,SAAS,GAAGP,oBAAoB,GAAGC,mBAAmB,OAAI;MACpE6G,MAAM,KAAAxC,MAAA,CAAKvE,YAAY;IACzB,CAAC,CACF;IACDgH,OAAO,EAAE,CACP,GAAGpG,SAAS,EAAAqG,aAAA,CAAAA,aAAA,KAEPvH,cAAc,CAACa,MAAM,CAAC;MACzB8B,GAAG,EAAEtC,YAAY,GAAG,CAAC;MACrB+G,KAAK,EAAE,CAAC,CAAC;MACTI,KAAK,EAAE;QACLC,EAAE,EAAE,CAAC;QACLC,EAAE,EAAE,CAAC;QACLC,EAAE,EAAE7G,SAAS,GAAG,CAAC,GAAGN,mBAAmB;QACvCoH,EAAE,EAAE;MACN;IAAC;EAGP,CAAC;AACH,CAAC","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"getOption.js","names":["colorPalette","getGridLines","getLineCommons","Theme","themeColors","CHART_HEIGHT","CHART_WIDTH","TITLE_HEIGHT","X_LABEL_SIZE","Y_LABEL_SIZE_DESKTOP","Y_LABEL_SIZE_MOBILE","getPercentValueByPips","getOption","values","lang","isDark","isDesktop","theme","Dark","Light","gridLines","chartWidth","chartHeight","xLabelsSize","yLabelSize","yLabelMarinTop","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","nameMoveOverlap","rich","index","precision","visualMap","dimension","pieces","lt","average","color","orange","raspberryLight","colorAlpha","gte","median","bottleGreenDark","greenLight","series","symbol","areaStyle","origin","opacity","lineStyle","emphasis","disabled","data","markLine","silent","white","width","threshold","borderPrimary","markPoint","itemStyle","borderWidth","borderColor","symbolSize","gold","turquoiseLight","violetLight","grid","right","bottom","graphic","shape","x1","y1","x2","y2"],"sources":["../../../../../src/ValueAtRiskWidget/components/Chart/getOption.ts"],"sourcesContent":["import {\n colorPalette,\n getGridLines,\n getLineCommons,\n Theme,\n themeColors,\n} from '@oanda/labs-widget-common';\n\nimport {\n CHART_HEIGHT,\n CHART_WIDTH,\n TITLE_HEIGHT,\n X_LABEL_SIZE,\n Y_LABEL_SIZE_DESKTOP,\n Y_LABEL_SIZE_MOBILE,\n} from './constants';\nimport { getPercentValueByPips } from './getPercentValueByPips';\nimport type { GetOptionType } from './types';\n\nexport const getOption: GetOptionType = (values, lang, isDark, isDesktop) => {\n const theme = isDark ? Theme.Dark : Theme.Light;\n\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 nameMoveOverlap: false,\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 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: themeColors.borderPrimary[theme],\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: themeColors.borderPrimary[theme],\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":"AAAA,SACEA,YAAY,EACZC,YAAY,EACZC,cAAc,EACdC,KAAK,EACLC,WAAW,QACN,2BAA2B;AAElC,SACEC,YAAY,EACZC,WAAW,EACXC,YAAY,EACZC,YAAY,EACZC,oBAAoB,EACpBC,mBAAmB,QACd,aAAa;AACpB,SAASC,qBAAqB,QAAQ,yBAAyB;AAG/D,OAAO,MAAMC,SAAwB,GAAGA,CAACC,MAAM,EAAEC,IAAI,EAAEC,MAAM,EAAEC,SAAS,KAAK;EAC3E,MAAMC,KAAK,GAAGF,MAAM,GAAGZ,KAAK,CAACe,IAAI,GAAGf,KAAK,CAACgB,KAAK;EAE/C,MAAMC,SAAS,GAAGnB,YAAY,CAAC;IAC7Bc,MAAM;IACNM,UAAU,EAAEf,WAAW;IACvBgB,WAAW,EAAEjB,YAAY;IACzBkB,WAAW,EAAEf,YAAY,GAAGC,oBAAoB;IAChDe,UAAU,EAAER,SAAS,GAAGP,oBAAoB,GAAGC,mBAAmB;IAClEe,cAAc,EAAET,SAAS,GAAG,CAAC,GAAGT;EAClC,CAAC,CAAC;EAEF,MAAM;IAAEmB,IAAI;IAAEC;EAAG,CAAC,GAAGd,MAAM,CAAEe,gBAAiB;EAE9C,MAAMC,MAAM,GAAG,CAAC,GAAGF,EAAE,CAACE,MAAO,EAAE,GAAGH,IAAI,CAACG,MAAO,CAAC,CAC5CC,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAKD,CAAC,CAACE,IAAI,GAAGD,CAAC,CAACC,IAAI,CAAC,CAC/BC,GAAG,CAAEC,KAAK,IAAK,CAACA,KAAK,CAACF,IAAI,EAAEE,KAAK,CAACC,OAAO,GAAG,GAAG,CAAC,CAAC;EAEpD,MAAMC,OAAO,GAAGC,IAAI,CAACC,GAAG,CAAC,GAAGb,IAAI,CAACG,MAAM,CAAEK,GAAG,CAAEC,KAAK,IAAKA,KAAK,CAACF,IAAI,CAAC,CAAC;EACpE,MAAMO,KAAK,GAAGF,IAAI,CAACG,GAAG,CAAC,GAAGd,EAAE,CAACE,MAAM,CAAEK,GAAG,CAAEC,KAAK,IAAKA,KAAK,CAACF,IAAI,CAAC,CAAC;EAEhE,OAAO;IACLS,SAAS,EAAE,KAAK;IAChBC,KAAK,EAAE;MACLC,IAAI,EAAE,EAAE;MACRC,GAAG,EAAE,EAAE;MACPC,IAAI,EAAEhC,IAAI,CAAC,OAAO,CAAC;MACnBiC,SAAS,EAAE;QACTC,UAAU,EAAE,GAAG;QACfC,QAAQ,EAAE;MACZ;IACF,CAAC;IACDC,KAAK,EAAE;MACLC,IAAI,EAAE,OAAO;MACbC,IAAI,EAAEtC,IAAI,CAAC,MAAM,CAAC,CAACuC,WAAW,CAAC,CAAC;MAChCC,YAAY,EAAE,QAAQ;MACtBC,WAAW,EAAEvC,SAAS,GAAG,CAAC,GAAG,CAAC;MAC9BwC,OAAO,EAAE,EAAE;MACXC,QAAQ,EAAE;QAAEC,IAAI,EAAE;MAAM,CAAC;MACzBC,QAAQ,EAAE;QAAED,IAAI,EAAE;MAAM,CAAC;MACzBE,SAAS,EAAE;QACTC,OAAO,EAAE,CAAC;QACVC,MAAM,EAAE,EAAE;QACVC,YAAY,EAAE,KAAK;QACnBC,YAAY,EAAE,KAAK;QACnBC,WAAW,EAAE,IAAI;QACjBC,SAAS,EAAGC,KAAK,IAAKA,KAAK,CAACC,OAAO,CAAC;MACtC,CAAC;MACDC,WAAW,EAAE;QACXC,KAAK,EAAE;UACLR,MAAM,EAAE,CAAC;UACTI,SAAS,EAAEK,IAAA;YAAA,IAAC;cAAEJ;YAAM,CAAC,GAAAI,IAAA;YAAA,OAAMJ,KAAK,CAAYC,OAAO,CAAC,CAAC;UAAA;QACvD;MACF;IACF,CAAC;IACDI,KAAK,EAAE;MACLpB,IAAI,EAAEtC,IAAI,CAAC,cAAc,CAAC,CAACuC,WAAW,CAAC,CAAC;MACxCF,IAAI,EAAE,OAAO;MACbsB,OAAO,EAAE,IAAI;MACbnB,YAAY,EAAE,QAAQ;MACtBE,OAAO,EAAExC,SAAS,GAAG,EAAE,GAAG,EAAE;MAC5B0D,UAAU,EAAE,CAAC,EAAE;MACfC,QAAQ,EAAE,OAAO;MACjBC,eAAe,EAAE,KAAK;MACtBnB,QAAQ,EAAE;QAAEC,IAAI,EAAE;MAAM,CAAC;MACzBC,QAAQ,EAAE;QAAED,IAAI,EAAE;MAAM,CAAC;MACzBE,SAAS,EAAE;QACTC,OAAO,EAAE,CAAC;QACVC,MAAM,EAAE9C,SAAS,GAAG,EAAE,GAAG,CAAC;QAC1B6D,IAAI,EAAE;UACJ9C,CAAC,EAAE;YACD8B,OAAO,EAAE7C,SAAS,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;UAClD;QACF,CAAC;QACDkD,SAAS,EAAEA,CAACC,KAAK,EAAEW,KAAK,KAAMA,KAAK,GAAG,GAAGX,KAAK,GAAG,GAAG,MAAMA,KAAK;MACjE,CAAC;MACDE,WAAW,EAAE;QACXC,KAAK,EAAE;UACLS,SAAS,EAAE,CAAC;UACZlB,OAAO,EAAE7C,SAAS,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC;UACvCkD,SAAS,EAAE;QACb;MACF;IACF,CAAC;IACDG,WAAW,EAAE;MACXX,IAAI,EAAE,IAAI;MACVP,IAAI,EAAE;IACR,CAAC;IACD6B,SAAS,EAAE;MACT7B,IAAI,EAAE,WAAW;MACjBO,IAAI,EAAE,KAAK;MACXuB,SAAS,EAAE,CAAC;MACZC,MAAM,EAAE,CACN;QACEC,EAAE,EAAEzD,IAAI,CAAC0D,OAAO;QAChBC,KAAK,EAAEtE,MAAM,GAAGf,YAAY,CAACsF,MAAM,GAAGtF,YAAY,CAACuF,cAAc;QACjEC,UAAU,EAAE;MACd,CAAC,EACD;QACEC,GAAG,EAAE/D,IAAI,CAAC0D,OAAO;QACjBD,EAAE,EAAEzD,IAAI,CAACgE,MAAM;QACfL,KAAK,EAAEtE,MAAM,GAAGf,YAAY,CAACsF,MAAM,GAAGtF,YAAY,CAACuF,cAAc;QACjEC,UAAU,EAAE;MACd,CAAC,EACD;QACEC,GAAG,EAAE/D,IAAI,CAACgE,MAAM;QAChBP,EAAE,EAAE9C,OAAO;QACXgD,KAAK,EAAEtE,MAAM,GAAGf,YAAY,CAACsF,MAAM,GAAGtF,YAAY,CAACuF,cAAc;QACjEC,UAAU,EAAE;MACd,CAAC,EACD;QACEC,GAAG,EAAEjD,KAAK;QACV2C,EAAE,EAAExD,EAAE,CAAC+D,MAAM;QACbL,KAAK,EAAEtE,MAAM,GACTf,YAAY,CAAC2F,eAAe,GAC5B3F,YAAY,CAAC4F,UAAU;QAC3BJ,UAAU,EAAE;MACd,CAAC,EACD;QACEC,GAAG,EAAE9D,EAAE,CAAC+D,MAAM;QACdP,EAAE,EAAExD,EAAE,CAACyD,OAAO;QACdC,KAAK,EAAEtE,MAAM,GACTf,YAAY,CAAC2F,eAAe,GAC5B3F,YAAY,CAAC4F,UAAU;QAC3BJ,UAAU,EAAE;MACd,CAAC,EACD;QACEC,GAAG,EAAE9D,EAAE,CAACyD,OAAO;QACfC,KAAK,EAAEtE,MAAM,GACTf,YAAY,CAAC2F,eAAe,GAC5B3F,YAAY,CAAC4F,UAAU;QAC3BJ,UAAU,EAAE;MACd,CAAC;IAEL,CAAC;IACDK,MAAM,EAAE,CACN;MACEzC,IAAI,EAAE,MAAM;MACZD,IAAI,EAAE,MAAM;MACZ2C,MAAM,EAAE,MAAM;MACdC,SAAS,EAAE;QACTC,MAAM,EAAE,KAAK;QACbC,OAAO,EAAE;MACX,CAAC;MACDC,SAAS,EAAE;QACTD,OAAO,EAAE;MACX,CAAC;MACDE,QAAQ,EAAE;QACRC,QAAQ,EAAE;MACZ,CAAC;MACDC,IAAI,EAAExE,MAAM;MACZyE,QAAQ,EAAE;QACRC,MAAM,EAAE,IAAI;QACZT,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;QACxBxB,KAAK,EAAE;UACLZ,IAAI,EAAE;QACR,CAAC;QACDwC,SAAS,EAAE;UACTb,KAAK,EAAEtE,MAAM,GAAGf,YAAY,CAACwG,KAAK,GAAGxG,YAAY,CAAC2F,eAAe;UACjEc,KAAK,EAAE;QACT,CAAC;QACDJ,IAAI,EAAE,CACJ;UACEnD,KAAK,EAAExB,IAAI,CAACgE,MAAM;UAClBQ,SAAS,EAAE;YACT/C,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC;UACb;QACF,CAAC,EACD;UACED,KAAK,EAAExB,IAAI,CAAC0D,OAAO;UACnBc,SAAS,EAAE;YACT/C,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC;UACb;QACF,CAAC,EACD;UACED,KAAK,EAAExB,IAAI,CAACgF,SAAS;UACrBR,SAAS,EAAE;YACT/C,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC;UACb;QACF,CAAC,EACD;UACED,KAAK,EAAExB,IAAI,CAACa,GAAG;UACf2D,SAAS,EAAE;YACT/C,IAAI,EAAE,OAAO;YACbkC,KAAK,EAAEjF,WAAW,CAACuG,aAAa,CAAC1F,KAAK;UACxC;QACF,CAAC,EACD;UACEiC,KAAK,EAAEvB,EAAE,CAAC+D,MAAM;UAChBQ,SAAS,EAAE;YACT/C,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC;UACb;QACF,CAAC,EACD;UACED,KAAK,EAAEvB,EAAE,CAACyD,OAAO;UACjBc,SAAS,EAAE;YACT/C,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC;UACb;QACF,CAAC,EACD;UACED,KAAK,EAAEvB,EAAE,CAAC+E,SAAS;UACnBR,SAAS,EAAE;YACT/C,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC;UACb;QACF,CAAC,EACD;UACED,KAAK,EAAEvB,EAAE,CAACY,GAAG;UACb2D,SAAS,EAAE;YACT/C,IAAI,EAAE,OAAO;YACbkC,KAAK,EAAEjF,WAAW,CAACuG,aAAa,CAAC1F,KAAK;UACxC;QACF,CAAC;MAEL,CAAC;MACD2F,SAAS,EAAE;QACTlE,SAAS,EAAE,KAAK;QAChB6D,MAAM,EAAE,IAAI;QACZM,SAAS,EAAE;UACTC,WAAW,EAAE,CAAC;UACdC,WAAW,EAAE/G,YAAY,CAACwG;QAC5B,CAAC;QACDlC,KAAK,EAAE;UACLZ,IAAI,EAAE;QACR,CAAC;QACD2C,IAAI,EAAE,CACJ;UACEjD,IAAI,EAAE,yBAAyB;UAC/BF,KAAK,EAAExB,IAAI,CAAC0D,OAAO;UACnBZ,KAAK,EAAE7D,qBAAqB,CAACe,IAAI,CAAC0D,OAAO,EAAEvD,MAAM,CAAC;UAClDiE,MAAM,EAAE,QAAQ;UAChBkB,UAAU,EAAE,CAAC;UACbH,SAAS,EAAE;YACTxB,KAAK,EAAErF,YAAY,CAACiH;UACtB;QACF,CAAC,EACD;UACE7D,IAAI,EAAE,wBAAwB;UAC9BF,KAAK,EAAExB,IAAI,CAACgE,MAAM;UAClBlB,KAAK,EAAE7D,qBAAqB,CAACe,IAAI,CAACgE,MAAM,EAAE7D,MAAM,CAAC;UACjDiE,MAAM,EAAE,QAAQ;UAChBkB,UAAU,EAAE,CAAC;UACbH,SAAS,EAAE;YACTxB,KAAK,EAAErF,YAAY,CAACkH;UACtB;QACF,CAAC,EACD;UACE9D,IAAI,EAAE,2BAA2B;UACjCF,KAAK,EAAExB,IAAI,CAACgF,SAAS;UACrBlC,KAAK,EAAE7D,qBAAqB,CAACe,IAAI,CAACgF,SAAS,EAAE7E,MAAM,CAAC;UACpDiE,MAAM,EAAE,QAAQ;UAChBkB,UAAU,EAAE,CAAC;UACbH,SAAS,EAAE;YACTxB,KAAK,EAAErF,YAAY,CAACmH;UACtB;QACF,CAAC,EACD;UACE/D,IAAI,EAAE,uBAAuB;UAC7BF,KAAK,EAAEvB,EAAE,CAACyD,OAAO;UACjBZ,KAAK,EAAE7D,qBAAqB,CAACgB,EAAE,CAACyD,OAAO,EAAEvD,MAAM,CAAC;UAChDiE,MAAM,EAAE,WAAW;UACnBkB,UAAU,EAAE,CAAC;UACbH,SAAS,EAAE;YACTxB,KAAK,EAAErF,YAAY,CAACiH;UACtB;QACF,CAAC,EACD;UACE7D,IAAI,EAAE,sBAAsB;UAC5BF,KAAK,EAAEvB,EAAE,CAAC+D,MAAM;UAChBlB,KAAK,EAAE7D,qBAAqB,CAACgB,EAAE,CAAC+D,MAAM,EAAE7D,MAAM,CAAC;UAC/CiE,MAAM,EAAE,WAAW;UACnBkB,UAAU,EAAE,CAAC;UACbH,SAAS,EAAE;YACTxB,KAAK,EAAErF,YAAY,CAACkH;UACtB;QACF,CAAC,EACD;UACE9D,IAAI,EAAE,yBAAyB;UAC/BF,KAAK,EAAEvB,EAAE,CAAC+E,SAAS;UACnBlC,KAAK,EAAE7D,qBAAqB,CAACgB,EAAE,CAAC+E,SAAS,EAAE7E,MAAM,CAAC;UAClDiE,MAAM,EAAE,WAAW;UACnBkB,UAAU,EAAE,CAAC;UACbH,SAAS,EAAE;YACTxB,KAAK,EAAErF,YAAY,CAACmH;UACtB;QACF,CAAC;MAEL;IACF,CAAC,CACF;IACDC,IAAI,EAAE,CACJ;MACEhE,IAAI,EAAE,WAAW;MACjBP,GAAG,EAAE,GAAGtC,YAAY,IAAI;MACxBqC,IAAI,EAAE,KAAK;MACXyE,KAAK,EAAE,GAAGrG,SAAS,GAAGP,oBAAoB,GAAGC,mBAAmB,IAAI;MACpE4G,MAAM,EAAE,GAAG9G,YAAY;IACzB,CAAC,CACF;IACD+G,OAAO,EAAE,CACP,GAAGnG,SAAS,EACZ;MACE,GAAGlB,cAAc,CAACa,MAAM,CAAC;MACzB8B,GAAG,EAAEtC,YAAY,GAAG,CAAC;MACrB8G,KAAK,EAAE,CAAC,CAAC;MACTG,KAAK,EAAE;QACLC,EAAE,EAAE,CAAC;QACLC,EAAE,EAAE,CAAC;QACLC,EAAE,EAAE3G,SAAS,GAAG,CAAC,GAAGN,mBAAmB;QACvCkH,EAAE,EAAE;MACN;IACF,CAAC;EAEL,CAAC;AACH,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DashedLine.js","names":["colorPalette","React","DashedLine","_ref","strokeDasharray","width","isDark","createElement","className","fill","height","viewBox","
|
|
1
|
+
{"version":3,"file":"DashedLine.js","names":["colorPalette","React","DashedLine","_ref","strokeDasharray","width","isDark","createElement","className","fill","height","viewBox","xmlns","stroke","white","bottleGreenDark","x1","x2","y1","y2"],"sources":["../../../../../src/ValueAtRiskWidget/components/Legend/DashedLine.tsx"],"sourcesContent":["import { colorPalette } from '@oanda/labs-widget-common';\nimport React from 'react';\n\nimport type { DashedLineProps } from './types';\n\nconst DashedLine = ({\n strokeDasharray,\n width = '30',\n isDark,\n}: DashedLineProps) => (\n <svg\n className=\"lw-inline\"\n fill=\"none\"\n height=\"2\"\n viewBox={`0 0 ${width} 2`}\n width={width}\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <line\n stroke={isDark ? colorPalette.white : colorPalette.bottleGreenDark}\n strokeDasharray={strokeDasharray}\n x1=\"0\"\n x2={width}\n y1=\"1\"\n y2=\"1\"\n />\n </svg>\n);\n\nexport { DashedLine };\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,2BAA2B;AACxD,OAAOC,KAAK,MAAM,OAAO;AAIzB,MAAMC,UAAU,GAAGC,IAAA;EAAA,IAAC;IAClBC,eAAe;IACfC,KAAK,GAAG,IAAI;IACZC;EACe,CAAC,GAAAH,IAAA;EAAA,OAChBF,KAAA,CAAAM,aAAA;IACEC,SAAS,EAAC,WAAW;IACrBC,IAAI,EAAC,MAAM;IACXC,MAAM,EAAC,GAAG;IACVC,OAAO,EAAE,OAAON,KAAK,IAAK;IAC1BA,KAAK,EAAEA,KAAM;IACbO,KAAK,EAAC;EAA4B,GAElCX,KAAA,CAAAM,aAAA;IACEM,MAAM,EAAEP,MAAM,GAAGN,YAAY,CAACc,KAAK,GAAGd,YAAY,CAACe,eAAgB;IACnEX,eAAe,EAAEA,eAAgB;IACjCY,EAAE,EAAC,GAAG;IACNC,EAAE,EAAEZ,KAAM;IACVa,EAAE,EAAC,GAAG;IACNC,EAAE,EAAC;EAAG,CACP,CACE,CAAC;AAAA,CACP;AAED,SAASjB,UAAU","ignoreList":[]}
|
|
@@ -33,9 +33,9 @@ const DesktopLegend = _ref => {
|
|
|
33
33
|
})
|
|
34
34
|
}), React.createElement("span", {
|
|
35
35
|
className: "lw-px-2"
|
|
36
|
-
},
|
|
36
|
+
}, `${item.label}:`), React.createElement("span", {
|
|
37
37
|
className: "lw-grow lw-text-right"
|
|
38
|
-
},
|
|
38
|
+
}, `${item.value.toFixed()} ${lang('pips')}`))));
|
|
39
39
|
};
|
|
40
40
|
export { DesktopLegend };
|
|
41
41
|
//# sourceMappingURL=DesktopLegend.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DesktopLegend.js","names":["classnames","React","lineTypes","DashedLine","DataNames","DesktopLegend","_ref","data","lang","isDark","createElement","className","value","map","item","key","id","MAX","MIN","strokeDasharray","AVERAGE","MEDIAN","THRESHOLD","
|
|
1
|
+
{"version":3,"file":"DesktopLegend.js","names":["classnames","React","lineTypes","DashedLine","DataNames","DesktopLegend","_ref","data","lang","isDark","createElement","className","value","map","item","key","id","MAX","MIN","strokeDasharray","AVERAGE","MEDIAN","THRESHOLD","label","toFixed"],"sources":["../../../../../src/ValueAtRiskWidget/components/Legend/DesktopLegend.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport React from 'react';\n\nimport { lineTypes } from './constants';\nimport { DashedLine } from './DashedLine';\nimport type { DesktopLegendProps } from './types';\nimport { DataNames } from './types';\n\nconst DesktopLegend = ({ data, lang, isDark }: DesktopLegendProps) => (\n <div\n className={classnames(\n 'lw-pointer-events-none lw-absolute lw-top-[50px] lw-z-10 lw-p-2 lw-text-xs',\n {\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 >\n {data.map((item) => (\n <div\n key={item.id}\n className={classnames('lw-flex lw-items-center', {\n '[&_line]:lw-stroke-border-disabled':\n 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\n className={classnames(\n 'lw-ml-[-8px] lw-h-[8px] lw-w-[8px] lw-border-[1px] lw-border-white lw-bg-gold',\n {\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 )}\n <span className=\"lw-px-2\">{`${item.label}:`}</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,OAAOA,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,UAAU,QAAQ,cAAc;AAEzC,SAASC,SAAS,QAAQ,SAAS;AAEnC,MAAMC,aAAa,GAAGC,IAAA;EAAA,IAAC;IAAEC,IAAI;IAAEC,IAAI;IAAEC;EAA2B,CAAC,GAAAH,IAAA;EAAA,OAC/DL,KAAA,CAAAS,aAAA;IACEC,SAAS,EAAEX,UAAU,CACnB,6EAA6E,EAC7E;MACE,eAAe,EAAEO,IAAI,CAAC,CAAC,CAAC,CAACK,KAAK,GAAG,CAAC;MAClC,iBAAiB,EAAEL,IAAI,CAAC,CAAC,CAAC,CAACK,KAAK,GAAG,CAAC;MACpC,sBAAsB,EAAEH,MAAM;MAC9B,4BAA4B,EAAE,CAACA;IACjC,CACF;EAAE,GAEDF,IAAI,CAACM,GAAG,CAAEC,IAAI,IACbb,KAAA,CAAAS,aAAA;IACEK,GAAG,EAAED,IAAI,CAACE,EAAG;IACbL,SAAS,EAAEX,UAAU,CAAC,yBAAyB,EAAE;MAC/C,oCAAoC,EAClCc,IAAI,CAACE,EAAE,KAAKZ,SAAS,CAACa,GAAG,IAAIH,IAAI,CAACE,EAAE,KAAKZ,SAAS,CAACc;IACvD,CAAC;EAAE,GAEHjB,KAAA,CAAAS,aAAA,CAACP,UAAU;IAACM,MAAM,EAAEA,MAAO;IAACU,eAAe,EAAEjB,SAAS,CAACY,IAAI,CAACE,EAAE;EAAE,CAAE,CAAC,EAClEF,IAAI,CAACE,EAAE,KAAKZ,SAAS,CAACa,GAAG,IAAIH,IAAI,CAACE,EAAE,KAAKZ,SAAS,CAACc,GAAG,IACrDjB,KAAA,CAAAS,aAAA;IACEC,SAAS,EAAEX,UAAU,CACnB,+EAA+E,EAC/E;MACE,iBAAiB,EAAEc,IAAI,CAACF,KAAK,GAAG,CAAC;MACjC,YAAY,EAAEE,IAAI,CAACE,EAAE,KAAKZ,SAAS,CAACgB,OAAO;MAC3C,uBAAuB,EAAEN,IAAI,CAACE,EAAE,KAAKZ,SAAS,CAACiB,MAAM;MACrD,oBAAoB,EAAEP,IAAI,CAACE,EAAE,KAAKZ,SAAS,CAACkB;IAC9C,CACF;EAAE,CACH,CACF,EACDrB,KAAA,CAAAS,aAAA;IAAMC,SAAS,EAAC;EAAS,GAAE,GAAGG,IAAI,CAACS,KAAK,GAAU,CAAC,EACnDtB,KAAA,CAAAS,aAAA;IAAMC,SAAS,EAAC;EAAuB,GACpC,GAAGG,IAAI,CAACF,KAAK,CAACY,OAAO,CAAC,CAAC,IAAIhB,IAAI,CAAC,MAAM,CAAC,EACpC,CACH,CACN,CACE,CAAC;AAAA,CACP;AAED,SAASH,aAAa","ignoreList":[]}
|
|
@@ -27,7 +27,7 @@ const Legend = _ref => {
|
|
|
27
27
|
value: data.valueAtRiskChart.down.median
|
|
28
28
|
}, {
|
|
29
29
|
id: DataNames.THRESHOLD,
|
|
30
|
-
label:
|
|
30
|
+
label: `${lang('threshold')} (95%)`,
|
|
31
31
|
value: data.valueAtRiskChart.down.threshold
|
|
32
32
|
}, {
|
|
33
33
|
id: DataNames.MIN,
|
|
@@ -47,7 +47,7 @@ const Legend = _ref => {
|
|
|
47
47
|
value: data.valueAtRiskChart.up.median
|
|
48
48
|
}, {
|
|
49
49
|
id: DataNames.THRESHOLD,
|
|
50
|
-
label:
|
|
50
|
+
label: `${lang('threshold')} (95%)`,
|
|
51
51
|
value: data.valueAtRiskChart.up.threshold
|
|
52
52
|
}, {
|
|
53
53
|
id: DataNames.MAX,
|
|
@@ -69,12 +69,12 @@ const Legend = _ref => {
|
|
|
69
69
|
valueUp: data.valueAtRiskChart.up.median
|
|
70
70
|
}, {
|
|
71
71
|
id: DataNames.THRESHOLD,
|
|
72
|
-
label:
|
|
72
|
+
label: `${lang('threshold')} (95%)`,
|
|
73
73
|
valueDown: data.valueAtRiskChart.down.threshold,
|
|
74
74
|
valueUp: data.valueAtRiskChart.up.threshold
|
|
75
75
|
}, {
|
|
76
76
|
id: DataNames.MAX,
|
|
77
|
-
label:
|
|
77
|
+
label: `${lang('min')}/${lang('max')}`,
|
|
78
78
|
valueDown: data.valueAtRiskChart.down.max,
|
|
79
79
|
valueUp: data.valueAtRiskChart.up.max
|
|
80
80
|
}],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Legend.js","names":["Size","useLayoutProvider","useLocale","React","DesktopLegend","MobileLegend","DataNames","Legend","_ref","data","size","isDark","lang","isDesktop","DESKTOP","createElement","Fragment","id","AVERAGE","label","value","valueAtRiskChart","down","average","MEDIAN","median","THRESHOLD","
|
|
1
|
+
{"version":3,"file":"Legend.js","names":["Size","useLayoutProvider","useLocale","React","DesktopLegend","MobileLegend","DataNames","Legend","_ref","data","size","isDark","lang","isDesktop","DESKTOP","createElement","Fragment","id","AVERAGE","label","value","valueAtRiskChart","down","average","MEDIAN","median","THRESHOLD","threshold","MIN","max","up","MAX","valueDown","valueUp"],"sources":["../../../../../src/ValueAtRiskWidget/components/Legend/Legend.tsx"],"sourcesContent":["import { Size, useLayoutProvider } from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport React from 'react';\n\nimport { DesktopLegend } from './DesktopLegend';\nimport { MobileLegend } from './MobileLegend';\nimport type { LegendProps } from './types';\nimport { DataNames } from './types';\n\nconst Legend = ({ data }: LegendProps) => {\n const { size, isDark } = useLayoutProvider();\n const { lang } = useLocale();\n const isDesktop = size === Size.DESKTOP;\n\n return (\n <>\n {isDesktop ? (\n <>\n <DesktopLegend\n data={[\n {\n id: DataNames.AVERAGE,\n label: lang('average'),\n value: data.valueAtRiskChart!.down.average,\n },\n {\n id: DataNames.MEDIAN,\n label: lang('median'),\n value: data.valueAtRiskChart!.down.median,\n },\n {\n id: DataNames.THRESHOLD,\n label: `${lang('threshold')} (95%)`,\n value: data.valueAtRiskChart!.down.threshold,\n },\n {\n id: DataNames.MIN,\n label: lang('min'),\n value: data.valueAtRiskChart!.down.max,\n },\n ]}\n isDark={isDark}\n lang={lang}\n />\n <DesktopLegend\n data={[\n {\n id: DataNames.AVERAGE,\n label: lang('average'),\n value: data.valueAtRiskChart!.up.average,\n },\n {\n id: DataNames.MEDIAN,\n label: lang('median'),\n value: data.valueAtRiskChart!.up.median,\n },\n {\n id: DataNames.THRESHOLD,\n label: `${lang('threshold')} (95%)`,\n value: data.valueAtRiskChart!.up.threshold,\n },\n {\n id: DataNames.MAX,\n label: lang('max'),\n value: data.valueAtRiskChart!.up.max,\n },\n ]}\n isDark={isDark}\n lang={lang}\n />\n </>\n ) : (\n <MobileLegend\n data={[\n {\n id: DataNames.AVERAGE,\n label: lang('average'),\n valueDown: data.valueAtRiskChart!.down.average,\n valueUp: data.valueAtRiskChart!.up.average,\n },\n {\n id: DataNames.MEDIAN,\n label: lang('median'),\n valueDown: data.valueAtRiskChart!.down.median,\n valueUp: data.valueAtRiskChart!.up.median,\n },\n {\n id: DataNames.THRESHOLD,\n label: `${lang('threshold')} (95%)`,\n valueDown: data.valueAtRiskChart!.down.threshold,\n valueUp: data.valueAtRiskChart!.up.threshold,\n },\n {\n id: DataNames.MAX,\n label: `${lang('min')}/${lang('max')}`,\n valueDown: data.valueAtRiskChart!.down.max,\n valueUp: data.valueAtRiskChart!.up.max,\n },\n ]}\n isDark={isDark}\n lang={lang}\n />\n )}\n </>\n );\n};\n\nexport { Legend };\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -39,11 +39,11 @@ const MobileLegend = _ref => {
|
|
|
39
39
|
})
|
|
40
40
|
})), React.createElement("span", {
|
|
41
41
|
className: "lw-flex-1 lw-px-2"
|
|
42
|
-
},
|
|
42
|
+
}, `${item.label}:`), React.createElement("span", {
|
|
43
43
|
className: "lw-flex-1 lw-text-right"
|
|
44
|
-
},
|
|
44
|
+
}, `${item.valueDown.toFixed()} ${lang('pips')}`), React.createElement("span", {
|
|
45
45
|
className: "lw-flex-1 lw-text-right"
|
|
46
|
-
},
|
|
46
|
+
}, `${item.valueUp.toFixed()} ${lang('pips')}`))));
|
|
47
47
|
};
|
|
48
48
|
export { MobileLegend };
|
|
49
49
|
//# sourceMappingURL=MobileLegend.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MobileLegend.js","names":["classnames","React","lineTypes","DashedLine","DataNames","MobileLegend","_ref","data","isDark","lang","createElement","className","map","item","key","id","MAX","MIN","AVERAGE","MEDIAN","THRESHOLD","strokeDasharray","width","undefined","
|
|
1
|
+
{"version":3,"file":"MobileLegend.js","names":["classnames","React","lineTypes","DashedLine","DataNames","MobileLegend","_ref","data","isDark","lang","createElement","className","map","item","key","id","MAX","MIN","AVERAGE","MEDIAN","THRESHOLD","strokeDasharray","width","undefined","label","valueDown","toFixed","valueUp"],"sources":["../../../../../src/ValueAtRiskWidget/components/Legend/MobileLegend.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport React from 'react';\n\nimport { lineTypes } from './constants';\nimport { DashedLine } from './DashedLine';\nimport type { MobileLegendProps } from './types';\nimport { DataNames } from './types';\n\nconst MobileLegend = ({ data, isDark, lang }: MobileLegendProps) => (\n <div\n className={classnames('lw-mb-6 lw-p-2 lw-text-xs', {\n 'lw-bg-border-primary': isDark,\n 'lw-border lw-border-solid lw-border-border-primary': !isDark,\n })}\n >\n {data.map((item) => (\n <div\n key={item.id}\n className={classnames('lw-flex lw-items-center lw-justify-between', {\n '[&_line]:lw-stroke-border-disabled':\n item.id === DataNames.MAX || item.id === DataNames.MIN,\n })}\n >\n <div className=\"lw-mr-2 lw-flex lw-w-10 lw-items-center\">\n {item.id !== DataNames.MAX && item.id !== DataNames.MIN && (\n <div\n className={classnames(\n 'lw-h-[8px] lw-w-[8px] lw-rounded-full lw-border-[1px] lw-border-white lw-bg-gold',\n {\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 )}\n <DashedLine\n isDark={isDark}\n strokeDasharray={lineTypes[item.id]}\n width={\n item.id === DataNames.MAX || item.id === DataNames.MIN\n ? '38'\n : undefined\n }\n />\n {item.id !== DataNames.MAX && item.id !== DataNames.MIN && (\n <div\n className={classnames(\n 'lw-ml-[-8px] lw-h-[8px] lw-w-[8px] lw-border-[1px] lw-border-white lw-bg-gold',\n {\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 )}\n </div>\n <span className=\"lw-flex-1 lw-px-2\">{`${item.label}:`}</span>\n <span className=\"lw-flex-1 lw-text-right\">\n {`${item.valueDown.toFixed()} ${lang('pips')}`}\n </span>\n <span className=\"lw-flex-1 lw-text-right\">\n {`${item.valueUp.toFixed()} ${lang('pips')}`}\n </span>\n </div>\n ))}\n </div>\n);\n\nexport { MobileLegend };\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,UAAU,QAAQ,cAAc;AAEzC,SAASC,SAAS,QAAQ,SAAS;AAEnC,MAAMC,YAAY,GAAGC,IAAA;EAAA,IAAC;IAAEC,IAAI;IAAEC,MAAM;IAAEC;EAAwB,CAAC,GAAAH,IAAA;EAAA,OAC7DL,KAAA,CAAAS,aAAA;IACEC,SAAS,EAAEX,UAAU,CAAC,2BAA2B,EAAE;MACjD,sBAAsB,EAAEQ,MAAM;MAC9B,oDAAoD,EAAE,CAACA;IACzD,CAAC;EAAE,GAEFD,IAAI,CAACK,GAAG,CAAEC,IAAI,IACbZ,KAAA,CAAAS,aAAA;IACEI,GAAG,EAAED,IAAI,CAACE,EAAG;IACbJ,SAAS,EAAEX,UAAU,CAAC,4CAA4C,EAAE;MAClE,oCAAoC,EAClCa,IAAI,CAACE,EAAE,KAAKX,SAAS,CAACY,GAAG,IAAIH,IAAI,CAACE,EAAE,KAAKX,SAAS,CAACa;IACvD,CAAC;EAAE,GAEHhB,KAAA,CAAAS,aAAA;IAAKC,SAAS,EAAC;EAAyC,GACrDE,IAAI,CAACE,EAAE,KAAKX,SAAS,CAACY,GAAG,IAAIH,IAAI,CAACE,EAAE,KAAKX,SAAS,CAACa,GAAG,IACrDhB,KAAA,CAAAS,aAAA;IACEC,SAAS,EAAEX,UAAU,CACnB,kFAAkF,EAClF;MACE,YAAY,EAAEa,IAAI,CAACE,EAAE,KAAKX,SAAS,CAACc,OAAO;MAC3C,uBAAuB,EAAEL,IAAI,CAACE,EAAE,KAAKX,SAAS,CAACe,MAAM;MACrD,oBAAoB,EAAEN,IAAI,CAACE,EAAE,KAAKX,SAAS,CAACgB;IAC9C,CACF;EAAE,CACH,CACF,EACDnB,KAAA,CAAAS,aAAA,CAACP,UAAU;IACTK,MAAM,EAAEA,MAAO;IACfa,eAAe,EAAEnB,SAAS,CAACW,IAAI,CAACE,EAAE,CAAE;IACpCO,KAAK,EACHT,IAAI,CAACE,EAAE,KAAKX,SAAS,CAACY,GAAG,IAAIH,IAAI,CAACE,EAAE,KAAKX,SAAS,CAACa,GAAG,GAClD,IAAI,GACJM;EACL,CACF,CAAC,EACDV,IAAI,CAACE,EAAE,KAAKX,SAAS,CAACY,GAAG,IAAIH,IAAI,CAACE,EAAE,KAAKX,SAAS,CAACa,GAAG,IACrDhB,KAAA,CAAAS,aAAA;IACEC,SAAS,EAAEX,UAAU,CACnB,+EAA+E,EAC/E;MACE,YAAY,EAAEa,IAAI,CAACE,EAAE,KAAKX,SAAS,CAACc,OAAO;MAC3C,uBAAuB,EAAEL,IAAI,CAACE,EAAE,KAAKX,SAAS,CAACe,MAAM;MACrD,oBAAoB,EAAEN,IAAI,CAACE,EAAE,KAAKX,SAAS,CAACgB;IAC9C,CACF;EAAE,CACH,CAEA,CAAC,EACNnB,KAAA,CAAAS,aAAA;IAAMC,SAAS,EAAC;EAAmB,GAAE,GAAGE,IAAI,CAACW,KAAK,GAAU,CAAC,EAC7DvB,KAAA,CAAAS,aAAA;IAAMC,SAAS,EAAC;EAAyB,GACtC,GAAGE,IAAI,CAACY,SAAS,CAACC,OAAO,CAAC,CAAC,IAAIjB,IAAI,CAAC,MAAM,CAAC,EACxC,CAAC,EACPR,KAAA,CAAAS,aAAA;IAAMC,SAAS,EAAC;EAAyB,GACtC,GAAGE,IAAI,CAACc,OAAO,CAACD,OAAO,CAAC,CAAC,IAAIjB,IAAI,CAAC,MAAM,CAAC,EACtC,CACH,CACN,CACE,CAAC;AAAA,CACP;AAED,SAASJ,YAAY","ignoreList":[]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const capitalize = name =>
|
|
1
|
+
const capitalize = name => `${name[0].toUpperCase()}${name.substring(1)}`;
|
|
2
2
|
function sortAlphabetically(paramName, items) {
|
|
3
3
|
return [...items].sort((itemA, itemB) => itemA[paramName].localeCompare(itemB[paramName], 'en', {
|
|
4
4
|
sensitivity: 'base'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","names":["capitalize","name","
|
|
1
|
+
{"version":3,"file":"utils.js","names":["capitalize","name","toUpperCase","substring","sortAlphabetically","paramName","items","sort","itemA","itemB","localeCompare","sensitivity","getAssetClassesList","data","list","map","_ref","id","toLowerCase","label","mapInstrumentsList","_ref2","displayName","getInstrumentsByAssetClassId","instruments","filter","_ref3"],"sources":["../../../src/ValueAtRiskWidget/utils.ts"],"sourcesContent":["import type { AssetClass, Instrument } from '../gql/types/graphql';\n\nconst capitalize = (name: string) =>\n `${name[0].toUpperCase()}${name.substring(1)}`;\n\nfunction sortAlphabetically<T extends Record<string, string>>(\n paramName: keyof T,\n items: T[]\n): T[] {\n return [...items].sort((itemA, itemB) =>\n itemA[paramName].localeCompare(itemB[paramName], 'en', {\n sensitivity: 'base',\n })\n );\n}\n\nconst getAssetClassesList = (data: AssetClass[]) => {\n const list = data.map(({ name }) => ({\n id: name.toLowerCase(),\n label: capitalize(name),\n }));\n\n return sortAlphabetically('label', list);\n};\n\nconst mapInstrumentsList = (data: Instrument[]) =>\n sortAlphabetically('displayName', data).map(\n ({ name: id, displayName: label }) => ({ id, label })\n );\n\nconst getInstrumentsByAssetClassId = (data: AssetClass[], id: string) => {\n const [{ instruments }] = data.filter(({ name }) => id === name);\n\n return mapInstrumentsList(instruments);\n};\n\nexport {\n getAssetClassesList,\n getInstrumentsByAssetClassId,\n sortAlphabetically,\n};\n"],"mappings":"AAEA,MAAMA,UAAU,GAAIC,IAAY,IAC9B,GAAGA,IAAI,CAAC,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,GAAGD,IAAI,CAACE,SAAS,CAAC,CAAC,CAAC,EAAE;AAEhD,SAASC,kBAAkBA,CACzBC,SAAkB,EAClBC,KAAU,EACL;EACL,OAAO,CAAC,GAAGA,KAAK,CAAC,CAACC,IAAI,CAAC,CAACC,KAAK,EAAEC,KAAK,KAClCD,KAAK,CAACH,SAAS,CAAC,CAACK,aAAa,CAACD,KAAK,CAACJ,SAAS,CAAC,EAAE,IAAI,EAAE;IACrDM,WAAW,EAAE;EACf,CAAC,CACH,CAAC;AACH;AAEA,MAAMC,mBAAmB,GAAIC,IAAkB,IAAK;EAClD,MAAMC,IAAI,GAAGD,IAAI,CAACE,GAAG,CAACC,IAAA;IAAA,IAAC;MAAEf;IAAK,CAAC,GAAAe,IAAA;IAAA,OAAM;MACnCC,EAAE,EAAEhB,IAAI,CAACiB,WAAW,CAAC,CAAC;MACtBC,KAAK,EAAEnB,UAAU,CAACC,IAAI;IACxB,CAAC;EAAA,CAAC,CAAC;EAEH,OAAOG,kBAAkB,CAAC,OAAO,EAAEU,IAAI,CAAC;AAC1C,CAAC;AAED,MAAMM,kBAAkB,GAAIP,IAAkB,IAC5CT,kBAAkB,CAAC,aAAa,EAAES,IAAI,CAAC,CAACE,GAAG,CACzCM,KAAA;EAAA,IAAC;IAAEpB,IAAI,EAAEgB,EAAE;IAAEK,WAAW,EAAEH;EAAM,CAAC,GAAAE,KAAA;EAAA,OAAM;IAAEJ,EAAE;IAAEE;EAAM,CAAC;AAAA,CACtD,CAAC;AAEH,MAAMI,4BAA4B,GAAGA,CAACV,IAAkB,EAAEI,EAAU,KAAK;EACvE,MAAM,CAAC;IAAEO;EAAY,CAAC,CAAC,GAAGX,IAAI,CAACY,MAAM,CAACC,KAAA;IAAA,IAAC;MAAEzB;IAAK,CAAC,GAAAyB,KAAA;IAAA,OAAKT,EAAE,KAAKhB,IAAI;EAAA,EAAC;EAEhE,OAAOmB,kBAAkB,CAACI,WAAW,CAAC;AACxC,CAAC;AAED,SACEZ,mBAAmB,EACnBW,4BAA4B,EAC5BnB,kBAAkB","ignoreList":[]}
|
|
@@ -1,5 +1,13 @@
|
|
|
1
|
-
var _templateObject;
|
|
2
|
-
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
3
1
|
import { gql } from '@apollo/client';
|
|
4
|
-
export const getValueAtRiskAssetClasses = gql
|
|
2
|
+
export const getValueAtRiskAssetClasses = gql`
|
|
3
|
+
query GetValueAtRiskAssetClasses($division: Division) {
|
|
4
|
+
valueAtRiskAssetClasses(division: $division) {
|
|
5
|
+
name
|
|
6
|
+
instruments {
|
|
7
|
+
name
|
|
8
|
+
displayName
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
`;
|
|
5
13
|
//# sourceMappingURL=getValueAtRiskAssetClasses.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getValueAtRiskAssetClasses.js","names":["gql","getValueAtRiskAssetClasses"
|
|
1
|
+
{"version":3,"file":"getValueAtRiskAssetClasses.js","names":["gql","getValueAtRiskAssetClasses"],"sources":["../../../src/gql/getValueAtRiskAssetClasses.ts"],"sourcesContent":["import { gql } from '@apollo/client';\n\nexport const getValueAtRiskAssetClasses = gql`\n query GetValueAtRiskAssetClasses($division: Division) {\n valueAtRiskAssetClasses(division: $division) {\n name\n instruments {\n name\n displayName\n }\n }\n }\n`;\n"],"mappings":"AAAA,SAASA,GAAG,QAAQ,gBAAgB;AAEpC,OAAO,MAAMC,0BAA0B,GAAGD,GAAG;AAC7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}
|
|
@@ -1,5 +1,38 @@
|
|
|
1
|
-
var _templateObject;
|
|
2
|
-
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
3
1
|
import { gql } from '@apollo/client';
|
|
4
|
-
export const getValueAtRiskChart = gql
|
|
2
|
+
export const getValueAtRiskChart = gql`
|
|
3
|
+
query getValueAtRiskChart(
|
|
4
|
+
$instrument: String!
|
|
5
|
+
$division: Division!
|
|
6
|
+
$duration: ValueAtRiskDuration!
|
|
7
|
+
$bars: ValueAtRiskBars!
|
|
8
|
+
) {
|
|
9
|
+
valueAtRiskChart(
|
|
10
|
+
instrument: $instrument
|
|
11
|
+
division: $division
|
|
12
|
+
duration: $duration
|
|
13
|
+
bars: $bars
|
|
14
|
+
) {
|
|
15
|
+
up {
|
|
16
|
+
points {
|
|
17
|
+
pips
|
|
18
|
+
percent
|
|
19
|
+
}
|
|
20
|
+
average
|
|
21
|
+
median
|
|
22
|
+
max
|
|
23
|
+
threshold
|
|
24
|
+
}
|
|
25
|
+
down {
|
|
26
|
+
points {
|
|
27
|
+
pips
|
|
28
|
+
percent
|
|
29
|
+
}
|
|
30
|
+
average
|
|
31
|
+
median
|
|
32
|
+
max
|
|
33
|
+
threshold
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
`;
|
|
5
38
|
//# sourceMappingURL=getValueAtRiskChart.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getValueAtRiskChart.js","names":["gql","getValueAtRiskChart"
|
|
1
|
+
{"version":3,"file":"getValueAtRiskChart.js","names":["gql","getValueAtRiskChart"],"sources":["../../../src/gql/getValueAtRiskChart.ts"],"sourcesContent":["import { gql } from '@apollo/client';\n\nexport const getValueAtRiskChart = gql`\n query getValueAtRiskChart(\n $instrument: String!\n $division: Division!\n $duration: ValueAtRiskDuration!\n $bars: ValueAtRiskBars!\n ) {\n valueAtRiskChart(\n instrument: $instrument\n division: $division\n duration: $duration\n bars: $bars\n ) {\n up {\n points {\n pips\n percent\n }\n average\n median\n max\n threshold\n }\n down {\n points {\n pips\n percent\n }\n average\n median\n max\n threshold\n }\n }\n }\n`;\n"],"mappings":"AAAA,SAASA,GAAG,QAAQ,gBAAgB;AAEpC,OAAO,MAAMC,mBAAmB,GAAGD,GAAG;AACtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}
|
|
@@ -5,11 +5,10 @@ export function makeFragmentData(data, _fragment) {
|
|
|
5
5
|
return data;
|
|
6
6
|
}
|
|
7
7
|
export function isFragmentReady(queryNode, fragmentNode, data) {
|
|
8
|
-
|
|
9
|
-
const deferredFields = (_meta__ = queryNode.__meta__) === null || _meta__ === void 0 ? void 0 : _meta__.deferredFields;
|
|
8
|
+
const deferredFields = queryNode.__meta__?.deferredFields;
|
|
10
9
|
if (!deferredFields) return true;
|
|
11
10
|
const fragDef = fragmentNode.definitions[0];
|
|
12
|
-
const fragName = fragDef
|
|
11
|
+
const fragName = fragDef?.name?.value;
|
|
13
12
|
const fields = fragName && deferredFields[fragName] || [];
|
|
14
13
|
return fields.length > 0 && fields.every(field => data && field in data);
|
|
15
14
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fragment-masking.js","names":["useFragment","_documentNode","fragmentType","makeFragmentData","data","_fragment","isFragmentReady","queryNode","fragmentNode","
|
|
1
|
+
{"version":3,"file":"fragment-masking.js","names":["useFragment","_documentNode","fragmentType","makeFragmentData","data","_fragment","isFragmentReady","queryNode","fragmentNode","deferredFields","__meta__","fragDef","definitions","fragName","name","value","fields","length","every","field"],"sources":["../../../../src/gql/types/fragment-masking.ts"],"sourcesContent":["import {\n ResultOf,\n DocumentTypeDecoration,\n TypedDocumentNode,\n} from '@graphql-typed-document-node/core';\nimport { FragmentDefinitionNode } from 'graphql';\nimport { Incremental } from './graphql';\n\nexport type FragmentType<\n TDocumentType extends DocumentTypeDecoration<any, any>,\n> =\n TDocumentType extends DocumentTypeDecoration<infer TType, any>\n ? [TType] extends [{ ' $fragmentName'?: infer TKey }]\n ? TKey extends string\n ? { ' $fragmentRefs'?: { [key in TKey]: TType } }\n : never\n : never\n : never;\n\n// return non-nullable if `fragmentType` is non-nullable\nexport function useFragment<TType>(\n _documentNode: DocumentTypeDecoration<TType, any>,\n fragmentType: FragmentType<DocumentTypeDecoration<TType, any>>\n): TType;\n// return nullable if `fragmentType` is nullable\nexport function useFragment<TType>(\n _documentNode: DocumentTypeDecoration<TType, any>,\n fragmentType:\n | FragmentType<DocumentTypeDecoration<TType, any>>\n | null\n | undefined\n): TType | null | undefined;\n// return array of non-nullable if `fragmentType` is array of non-nullable\nexport function useFragment<TType>(\n _documentNode: DocumentTypeDecoration<TType, any>,\n fragmentType: ReadonlyArray<FragmentType<DocumentTypeDecoration<TType, any>>>\n): ReadonlyArray<TType>;\n// return array of nullable if `fragmentType` is array of nullable\nexport function useFragment<TType>(\n _documentNode: DocumentTypeDecoration<TType, any>,\n fragmentType:\n | ReadonlyArray<FragmentType<DocumentTypeDecoration<TType, any>>>\n | null\n | undefined\n): ReadonlyArray<TType> | null | undefined;\nexport function useFragment<TType>(\n _documentNode: DocumentTypeDecoration<TType, any>,\n fragmentType:\n | FragmentType<DocumentTypeDecoration<TType, any>>\n | ReadonlyArray<FragmentType<DocumentTypeDecoration<TType, any>>>\n | null\n | undefined\n): TType | ReadonlyArray<TType> | null | undefined {\n return fragmentType as any;\n}\n\nexport function makeFragmentData<\n F extends DocumentTypeDecoration<any, any>,\n FT extends ResultOf<F>,\n>(data: FT, _fragment: F): FragmentType<F> {\n return data as FragmentType<F>;\n}\nexport function isFragmentReady<TQuery, TFrag>(\n queryNode: DocumentTypeDecoration<TQuery, any>,\n fragmentNode: TypedDocumentNode<TFrag>,\n data:\n | FragmentType<TypedDocumentNode<Incremental<TFrag>, any>>\n | null\n | undefined\n): data is FragmentType<typeof fragmentNode> {\n const deferredFields = (\n queryNode as {\n __meta__?: { deferredFields: Record<string, (keyof TFrag)[]> };\n }\n ).__meta__?.deferredFields;\n\n if (!deferredFields) return true;\n\n const fragDef = fragmentNode.definitions[0] as\n | FragmentDefinitionNode\n | undefined;\n const fragName = fragDef?.name?.value;\n\n const fields = (fragName && deferredFields[fragName]) || [];\n return fields.length > 0 && fields.every((field) => data && field in data);\n}\n"],"mappings":"AA6CA,OAAO,SAASA,WAAWA,CACzBC,aAAiD,EACjDC,YAIa,EACoC;EACjD,OAAOA,YAAY;AACrB;AAEA,OAAO,SAASC,gBAAgBA,CAG9BC,IAAQ,EAAEC,SAAY,EAAmB;EACzC,OAAOD,IAAI;AACb;AACA,OAAO,SAASE,eAAeA,CAC7BC,SAA8C,EAC9CC,YAAsC,EACtCJ,IAGa,EAC8B;EAC3C,MAAMK,cAAc,GAClBF,SAAS,CAGTG,QAAQ,EAAED,cAAc;EAE1B,IAAI,CAACA,cAAc,EAAE,OAAO,IAAI;EAEhC,MAAME,OAAO,GAAGH,YAAY,CAACI,WAAW,CAAC,CAAC,CAE7B;EACb,MAAMC,QAAQ,GAAGF,OAAO,EAAEG,IAAI,EAAEC,KAAK;EAErC,MAAMC,MAAM,GAAIH,QAAQ,IAAIJ,cAAc,CAACI,QAAQ,CAAC,IAAK,EAAE;EAC3D,OAAOG,MAAM,CAACC,MAAM,GAAG,CAAC,IAAID,MAAM,CAACE,KAAK,CAAEC,KAAK,IAAKf,IAAI,IAAIe,KAAK,IAAIf,IAAI,CAAC;AAC5E","ignoreList":[]}
|
|
@@ -4,7 +4,6 @@ const documents = {
|
|
|
4
4
|
'\n query getValueAtRiskChart($instrument: String!, $division: Division!, $duration: ValueAtRiskDuration!, $bars: ValueAtRiskBars!) {\n valueAtRiskChart(instrument: $instrument, division: $division, duration: $duration, bars: $bars) {\n up {\n points {\n pips\n percent\n }\n average\n median\n max\n threshold\n }\n down {\n points {\n pips\n percent\n }\n average\n median\n max\n threshold\n }\n }\n }\n': types.GetValueAtRiskChartDocument
|
|
5
5
|
};
|
|
6
6
|
export function graphql(source) {
|
|
7
|
-
|
|
8
|
-
return (_source = documents[source]) !== null && _source !== void 0 ? _source : {};
|
|
7
|
+
return documents[source] ?? {};
|
|
9
8
|
}
|
|
10
9
|
//# sourceMappingURL=gql.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"gql.js","names":["types","documents","GetValueAtRiskAssetClassesDocument","GetValueAtRiskChartDocument","graphql","source"
|
|
1
|
+
{"version":3,"file":"gql.js","names":["types","documents","GetValueAtRiskAssetClassesDocument","GetValueAtRiskChartDocument","graphql","source"],"sources":["../../../../src/gql/types/gql.ts"],"sourcesContent":["/* eslint-disable */\nimport * as types from './graphql';\nimport { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core';\n\n/**\n * Map of all GraphQL operations in the project.\n *\n * This map has several performance disadvantages:\n * 1. It is not tree-shakeable, so it will include all operations in the project.\n * 2. It is not minifiable, so the string of a GraphQL query will be multiple times inside the bundle.\n * 3. It does not support dead code elimination, so it will add unused operations.\n *\n * Therefore it is highly recommended to use the babel or swc plugin for production.\n */\nconst documents = {\n '\\n query GetValueAtRiskAssetClasses($division: Division) {\\n valueAtRiskAssetClasses(division: $division) {\\n name\\n instruments {\\n name\\n displayName\\n }\\n }\\n }\\n':\n types.GetValueAtRiskAssetClassesDocument,\n '\\n query getValueAtRiskChart($instrument: String!, $division: Division!, $duration: ValueAtRiskDuration!, $bars: ValueAtRiskBars!) {\\n valueAtRiskChart(instrument: $instrument, division: $division, duration: $duration, bars: $bars) {\\n up {\\n points {\\n pips\\n percent\\n }\\n average\\n median\\n max\\n threshold\\n }\\n down {\\n points {\\n pips\\n percent\\n }\\n average\\n median\\n max\\n threshold\\n }\\n }\\n }\\n':\n types.GetValueAtRiskChartDocument,\n};\n\n/**\n * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n *\n *\n * @example\n * ```ts\n * const query = graphql(`query GetUser($id: ID!) { user(id: $id) { name } }`);\n * ```\n *\n * The query argument is unknown!\n * Please regenerate the types.\n */\nexport function graphql(source: string): unknown;\n\n/**\n * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n */\nexport function graphql(\n source: '\\n query GetValueAtRiskAssetClasses($division: Division) {\\n valueAtRiskAssetClasses(division: $division) {\\n name\\n instruments {\\n name\\n displayName\\n }\\n }\\n }\\n'\n): (typeof documents)['\\n query GetValueAtRiskAssetClasses($division: Division) {\\n valueAtRiskAssetClasses(division: $division) {\\n name\\n instruments {\\n name\\n displayName\\n }\\n }\\n }\\n'];\n/**\n * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n */\nexport function graphql(\n source: '\\n query getValueAtRiskChart($instrument: String!, $division: Division!, $duration: ValueAtRiskDuration!, $bars: ValueAtRiskBars!) {\\n valueAtRiskChart(instrument: $instrument, division: $division, duration: $duration, bars: $bars) {\\n up {\\n points {\\n pips\\n percent\\n }\\n average\\n median\\n max\\n threshold\\n }\\n down {\\n points {\\n pips\\n percent\\n }\\n average\\n median\\n max\\n threshold\\n }\\n }\\n }\\n'\n): (typeof documents)['\\n query getValueAtRiskChart($instrument: String!, $division: Division!, $duration: ValueAtRiskDuration!, $bars: ValueAtRiskBars!) {\\n valueAtRiskChart(instrument: $instrument, division: $division, duration: $duration, bars: $bars) {\\n up {\\n points {\\n pips\\n percent\\n }\\n average\\n median\\n max\\n threshold\\n }\\n down {\\n points {\\n pips\\n percent\\n }\\n average\\n median\\n max\\n threshold\\n }\\n }\\n }\\n'];\n\nexport function graphql(source: string) {\n return (documents as any)[source] ?? {};\n}\n\nexport type DocumentType<TDocumentNode extends DocumentNode<any, any>> =\n TDocumentNode extends DocumentNode<infer TType, any> ? TType : never;\n"],"mappings":"AACA,OAAO,KAAKA,KAAK,MAAM,WAAW;AAalC,MAAMC,SAAS,GAAG;EAChB,8MAA8M,EAC5MD,KAAK,CAACE,kCAAkC;EAC1C,2iBAA2iB,EACziBF,KAAK,CAACG;AACV,CAAC;AA6BD,OAAO,SAASC,OAAOA,CAACC,MAAc,EAAE;EACtC,OAAQJ,SAAS,CAASI,MAAM,CAAC,IAAI,CAAC,CAAC;AACzC","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@oanda/labs-value-at-risk-widget",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.137",
|
|
4
4
|
"description": "Labs Value At Risk Widget",
|
|
5
5
|
"main": "dist/main/index.js",
|
|
6
6
|
"module": "dist/module/index.js",
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
"author": "OANDA",
|
|
14
14
|
"license": "UNLICENSED",
|
|
15
15
|
"dependencies": {
|
|
16
|
-
"@oanda/labs-widget-common": "^1.0.
|
|
16
|
+
"@oanda/labs-widget-common": "^1.0.245",
|
|
17
17
|
"@oanda/mono-i18n": "10.0.1",
|
|
18
18
|
"echarts": "6.0.0",
|
|
19
19
|
"echarts-for-react": "3.0.4",
|
|
@@ -24,5 +24,5 @@
|
|
|
24
24
|
"@graphql-codegen/client-preset": "4.1.0",
|
|
25
25
|
"@graphql-codegen/typescript": "4.0.1"
|
|
26
26
|
},
|
|
27
|
-
"gitHead": "
|
|
27
|
+
"gitHead": "688bf7bf93110e0714926f15f6ae0ca04e2dc9af"
|
|
28
28
|
}
|