@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.
Files changed (50) hide show
  1. package/CHANGELOG.md +552 -0
  2. package/dist/main/ValueAtRiskWidget/ChartWithData.js +1 -2
  3. package/dist/main/ValueAtRiskWidget/ChartWithData.js.map +1 -1
  4. package/dist/main/ValueAtRiskWidget/Widget.js +3 -3
  5. package/dist/main/ValueAtRiskWidget/Widget.js.map +1 -1
  6. package/dist/main/ValueAtRiskWidget/components/Chart/getOption.js +7 -11
  7. package/dist/main/ValueAtRiskWidget/components/Chart/getOption.js.map +1 -1
  8. package/dist/main/ValueAtRiskWidget/components/Legend/DashedLine.js +1 -1
  9. package/dist/main/ValueAtRiskWidget/components/Legend/DashedLine.js.map +1 -1
  10. package/dist/main/ValueAtRiskWidget/components/Legend/DesktopLegend.js +2 -2
  11. package/dist/main/ValueAtRiskWidget/components/Legend/DesktopLegend.js.map +1 -1
  12. package/dist/main/ValueAtRiskWidget/components/Legend/Legend.js +4 -4
  13. package/dist/main/ValueAtRiskWidget/components/Legend/Legend.js.map +1 -1
  14. package/dist/main/ValueAtRiskWidget/components/Legend/MobileLegend.js +3 -3
  15. package/dist/main/ValueAtRiskWidget/components/Legend/MobileLegend.js.map +1 -1
  16. package/dist/main/ValueAtRiskWidget/utils.js +1 -1
  17. package/dist/main/ValueAtRiskWidget/utils.js.map +1 -1
  18. package/dist/main/gql/getValueAtRiskAssetClasses.js +11 -3
  19. package/dist/main/gql/getValueAtRiskAssetClasses.js.map +1 -1
  20. package/dist/main/gql/getValueAtRiskChart.js +36 -3
  21. package/dist/main/gql/getValueAtRiskChart.js.map +1 -1
  22. package/dist/main/gql/types/fragment-masking.js +2 -3
  23. package/dist/main/gql/types/fragment-masking.js.map +1 -1
  24. package/dist/main/gql/types/gql.js +1 -2
  25. package/dist/main/gql/types/gql.js.map +1 -1
  26. package/dist/module/ValueAtRiskWidget/ChartWithData.js +1 -2
  27. package/dist/module/ValueAtRiskWidget/ChartWithData.js.map +1 -1
  28. package/dist/module/ValueAtRiskWidget/Widget.js +3 -3
  29. package/dist/module/ValueAtRiskWidget/Widget.js.map +1 -1
  30. package/dist/module/ValueAtRiskWidget/components/Chart/getOption.js +7 -11
  31. package/dist/module/ValueAtRiskWidget/components/Chart/getOption.js.map +1 -1
  32. package/dist/module/ValueAtRiskWidget/components/Legend/DashedLine.js +1 -1
  33. package/dist/module/ValueAtRiskWidget/components/Legend/DashedLine.js.map +1 -1
  34. package/dist/module/ValueAtRiskWidget/components/Legend/DesktopLegend.js +2 -2
  35. package/dist/module/ValueAtRiskWidget/components/Legend/DesktopLegend.js.map +1 -1
  36. package/dist/module/ValueAtRiskWidget/components/Legend/Legend.js +4 -4
  37. package/dist/module/ValueAtRiskWidget/components/Legend/Legend.js.map +1 -1
  38. package/dist/module/ValueAtRiskWidget/components/Legend/MobileLegend.js +3 -3
  39. package/dist/module/ValueAtRiskWidget/components/Legend/MobileLegend.js.map +1 -1
  40. package/dist/module/ValueAtRiskWidget/utils.js +1 -1
  41. package/dist/module/ValueAtRiskWidget/utils.js.map +1 -1
  42. package/dist/module/gql/getValueAtRiskAssetClasses.js +11 -3
  43. package/dist/module/gql/getValueAtRiskAssetClasses.js.map +1 -1
  44. package/dist/module/gql/getValueAtRiskChart.js +36 -3
  45. package/dist/module/gql/getValueAtRiskChart.js.map +1 -1
  46. package/dist/module/gql/types/fragment-masking.js +2 -3
  47. package/dist/module/gql/types/fragment-masking.js.map +1 -1
  48. package/dist/module/gql/types/gql.js +1 -2
  49. package/dist/module/gql/types/gql.js.map +1 -1
  50. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -3,6 +3,558 @@
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.137 (2026-01-07)
7
+
8
+
9
+
10
+ ## 1.0.244 (2026-01-02)
11
+
12
+
13
+
14
+ ## 1.0.243 (2025-12-30)
15
+
16
+
17
+
18
+ ## 1.0.242 (2025-12-16)
19
+
20
+
21
+
22
+ ## 1.0.241 (2025-12-16)
23
+
24
+
25
+
26
+ ## 1.0.240 (2025-12-15)
27
+
28
+
29
+
30
+ ## 1.0.239 (2025-12-12)
31
+
32
+
33
+
34
+ ## 1.0.238 (2025-12-11)
35
+
36
+
37
+
38
+ ## 1.0.237 (2025-12-09)
39
+
40
+
41
+
42
+ ## 1.0.236 (2025-12-05)
43
+
44
+
45
+
46
+ ## 1.0.235 (2025-12-04)
47
+
48
+
49
+
50
+ ## 1.0.234 (2025-11-27)
51
+
52
+
53
+
54
+ ## 1.0.233 (2025-11-27)
55
+
56
+
57
+
58
+ ## 1.0.232 (2025-11-27)
59
+
60
+
61
+
62
+ ## 1.0.231 (2025-11-07)
63
+
64
+
65
+
66
+ ## 1.0.230 (2025-11-05)
67
+
68
+
69
+
70
+ ## 1.0.229 (2025-11-05)
71
+
72
+
73
+
74
+ ## 1.0.228 (2025-11-05)
75
+
76
+
77
+
78
+ ## 1.0.227 (2025-10-31)
79
+
80
+
81
+
82
+ ## 1.0.226 (2025-10-29)
83
+
84
+
85
+
86
+ ## 1.0.225 (2025-10-09)
87
+
88
+
89
+
90
+ ## 1.0.224 (2025-09-29)
91
+
92
+
93
+
94
+ ## 1.0.223 (2025-09-29)
95
+
96
+
97
+
98
+ ## 1.0.222 (2025-09-17)
99
+
100
+
101
+
102
+ ## 1.0.221 (2025-09-11)
103
+
104
+
105
+
106
+ ## 1.0.220 (2025-09-09)
107
+
108
+
109
+
110
+ ## 1.0.219 (2025-09-02)
111
+
112
+
113
+
114
+ ## 1.0.218 (2025-09-01)
115
+
116
+
117
+
118
+ ## 1.0.217 (2025-08-25)
119
+
120
+
121
+
122
+ ## 1.0.216 (2025-08-18)
123
+
124
+
125
+
126
+ ## 1.0.215 (2025-08-18)
127
+
128
+
129
+
130
+ ## 1.0.214 (2025-08-14)
131
+
132
+
133
+
134
+ ## 1.0.213 (2025-08-12)
135
+
136
+
137
+
138
+ ## 1.0.212 (2025-08-05)
139
+
140
+
141
+
142
+ ## 1.0.211 (2025-08-05)
143
+
144
+
145
+
146
+ ## 1.0.210 (2025-07-31)
147
+
148
+
149
+
150
+ ## 1.0.209 (2025-07-31)
151
+
152
+
153
+
154
+ ## 1.0.208 (2025-07-24)
155
+
156
+
157
+
158
+ ## 1.0.207 (2025-07-18)
159
+
160
+
161
+
162
+ ## 1.0.206 (2025-07-18)
163
+
164
+
165
+
166
+ ## 1.0.205 (2025-07-17)
167
+
168
+
169
+
170
+ ## 1.0.204 (2025-07-09)
171
+
172
+
173
+
174
+ ## 1.0.203 (2025-06-16)
175
+
176
+
177
+
178
+ ## 1.0.202 (2025-06-04)
179
+
180
+
181
+
182
+ ## 1.0.201 (2025-06-02)
183
+
184
+
185
+
186
+ ## 1.0.200 (2025-05-30)
187
+
188
+
189
+
190
+ ## 1.0.199 (2025-05-29)
191
+
192
+
193
+
194
+ ## 1.0.198 (2025-05-26)
195
+
196
+
197
+
198
+ ## 1.0.197 (2025-05-23)
199
+
200
+
201
+
202
+ ## 1.0.196 (2025-05-22)
203
+
204
+
205
+
206
+ ## 1.0.195 (2025-05-21)
207
+
208
+
209
+
210
+ ## 1.0.194 (2025-05-21)
211
+
212
+
213
+
214
+ ## 1.0.193 (2025-05-15)
215
+
216
+
217
+
218
+ ## 1.0.192 (2025-05-14)
219
+
220
+
221
+
222
+ ## 1.0.191 (2025-04-30)
223
+
224
+
225
+
226
+ ## 1.0.190 (2025-04-28)
227
+
228
+
229
+
230
+ ## 1.0.189 (2025-04-23)
231
+
232
+
233
+
234
+ ## 1.0.188 (2025-04-22)
235
+
236
+
237
+
238
+ ## 1.0.187 (2025-04-18)
239
+
240
+
241
+
242
+ ## 1.0.186 (2025-04-10)
243
+
244
+
245
+
246
+ ## 1.0.185 (2025-04-09)
247
+
248
+
249
+
250
+ ## 1.0.184 (2025-04-08)
251
+
252
+
253
+
254
+ ## 1.0.183 (2025-04-04)
255
+
256
+
257
+
258
+ ## 1.0.182 (2025-03-21)
259
+
260
+
261
+
262
+ ## 1.0.181 (2025-03-13)
263
+
264
+
265
+
266
+ ## 1.0.180 (2025-01-30)
267
+
268
+
269
+
270
+ ## 1.0.179 (2025-01-29)
271
+
272
+
273
+
274
+ ## 1.0.178 (2025-01-12)
275
+
276
+
277
+
278
+ ## 1.0.177 (2025-01-10)
279
+
280
+
281
+
282
+ ## 1.0.176 (2025-01-10)
283
+
284
+
285
+
286
+ ## 1.0.175 (2025-01-08)
287
+
288
+
289
+
290
+ ## 1.0.174 (2024-12-16)
291
+
292
+
293
+
294
+ ## 1.0.173 (2024-12-11)
295
+
296
+
297
+
298
+ ## 1.0.172 (2024-11-29)
299
+
300
+
301
+
302
+ ## 1.0.171 (2024-11-28)
303
+
304
+
305
+
306
+ ## 1.0.170 (2024-11-28)
307
+
308
+
309
+
310
+ ## 1.0.169 (2024-11-20)
311
+
312
+
313
+
314
+ ## 1.0.168 (2024-11-19)
315
+
316
+
317
+
318
+ ## 1.0.167 (2024-10-14)
319
+
320
+
321
+
322
+ ## 1.0.166 (2024-10-07)
323
+
324
+
325
+
326
+ ## 1.0.165 (2024-10-03)
327
+
328
+
329
+
330
+ ## 1.0.164 (2024-09-26)
331
+
332
+
333
+
334
+ ## 1.0.163 (2024-09-18)
335
+
336
+
337
+
338
+ ## 1.0.162 (2024-09-12)
339
+
340
+
341
+
342
+ ## 1.0.161 (2024-09-11)
343
+
344
+
345
+
346
+ ## 1.0.160 (2024-09-10)
347
+
348
+
349
+
350
+ ## 1.0.159 (2024-09-09)
351
+
352
+
353
+
354
+ ## 1.0.158 (2024-09-04)
355
+
356
+
357
+
358
+ ## 1.0.157 (2024-09-04)
359
+
360
+
361
+
362
+ ## 1.0.156 (2024-09-02)
363
+
364
+
365
+
366
+ ## 1.0.155 (2024-08-29)
367
+
368
+
369
+
370
+ ## 1.0.154 (2024-08-29)
371
+
372
+
373
+
374
+ ## 1.0.153 (2024-08-23)
375
+
376
+
377
+
378
+ ## 1.0.152 (2024-08-23)
379
+
380
+
381
+
382
+ ## 1.0.151 (2024-08-20)
383
+
384
+
385
+
386
+ ## 1.0.150 (2024-08-19)
387
+
388
+
389
+
390
+ ## 1.0.149 (2024-08-07)
391
+
392
+
393
+
394
+ ## 1.0.148 (2024-08-01)
395
+
396
+
397
+
398
+ ## 1.0.147 (2024-08-01)
399
+
400
+
401
+
402
+ ## 1.0.146 (2024-07-26)
403
+
404
+
405
+
406
+ ## 1.0.145 (2024-07-25)
407
+
408
+
409
+
410
+ ## 1.0.144 (2024-07-22)
411
+
412
+
413
+
414
+ ## 1.0.143 (2024-07-19)
415
+
416
+
417
+
418
+ ## 1.0.142 (2024-07-16)
419
+
420
+
421
+
422
+ ## 1.0.141 (2024-07-16)
423
+
424
+
425
+
426
+ ## 1.0.140 (2024-07-12)
427
+
428
+
429
+
430
+ ## 1.0.139 (2024-07-12)
431
+
432
+
433
+
434
+ ## 1.0.138 (2024-07-10)
435
+
436
+
437
+
438
+ ## 1.0.137 (2024-07-05)
439
+
440
+
441
+
442
+ ## 1.0.136 (2024-07-03)
443
+
444
+
445
+
446
+ ## 1.0.135 (2024-07-03)
447
+
448
+
449
+
450
+ ## 1.0.134 (2024-07-03)
451
+
452
+
453
+
454
+ ## 1.0.133 (2024-06-28)
455
+
456
+
457
+
458
+ ## 1.0.132 (2024-06-27)
459
+
460
+
461
+
462
+ ## 1.0.131 (2024-06-27)
463
+
464
+
465
+
466
+ ## 1.0.130 (2024-06-26)
467
+
468
+
469
+
470
+ ## 1.0.129 (2024-06-17)
471
+
472
+
473
+
474
+ ## 1.0.128 (2024-06-17)
475
+
476
+
477
+
478
+ ## 1.0.127 (2024-06-10)
479
+
480
+
481
+
482
+ ## 1.0.126 (2024-05-29)
483
+
484
+
485
+
486
+ ## 1.0.125 (2024-05-29)
487
+
488
+
489
+
490
+ ## 1.0.124 (2024-05-29)
491
+
492
+
493
+
494
+ ## 1.0.123 (2024-05-28)
495
+
496
+
497
+
498
+ ## 1.0.122 (2024-05-27)
499
+
500
+
501
+
502
+ ## 1.0.121 (2024-05-27)
503
+
504
+
505
+
506
+ ## 1.0.120 (2024-05-24)
507
+
508
+
509
+
510
+ ## 1.0.119 (2024-05-17)
511
+
512
+
513
+
514
+ ## 1.0.118 (2024-05-09)
515
+
516
+
517
+
518
+ ## 1.0.117 (2024-05-07)
519
+
520
+
521
+
522
+ ## 1.0.116 (2024-04-23)
523
+
524
+
525
+
526
+ ## 1.0.115 (2024-04-22)
527
+
528
+
529
+
530
+ ## 1.0.114 (2024-04-19)
531
+
532
+
533
+
534
+ ## 1.0.113 (2024-04-19)
535
+
536
+
537
+
538
+ ## 1.0.112 (2024-04-15)
539
+
540
+
541
+
542
+ ## 1.0.111 (2024-04-11)
543
+
544
+
545
+
546
+ ## 1.0.110 (2024-04-05)
547
+
548
+
549
+
550
+ ## 1.0.109 (2024-04-05)
551
+
552
+ **Note:** Version bump only for package @oanda/labs-value-at-risk-widget
553
+
554
+
555
+
556
+
557
+
6
558
  ## 1.0.136 (2026-01-02)
7
559
 
8
560
 
@@ -13,7 +13,6 @@ var _Chart = require("./components/Chart");
13
13
  var _Legend = require("./components/Legend");
14
14
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
15
15
  const ChartWithData = _ref => {
16
- var _data$valueAtRiskChar, _data$valueAtRiskChar2;
17
16
  let {
18
17
  instrument,
19
18
  duration,
@@ -38,7 +37,7 @@ const ChartWithData = _ref => {
38
37
  fetchPolicy: 'cache-and-network',
39
38
  skip: !instrument
40
39
  });
41
- const showChart = (data === null || data === void 0 || (_data$valueAtRiskChar = data.valueAtRiskChart) === null || _data$valueAtRiskChar === void 0 || (_data$valueAtRiskChar = _data$valueAtRiskChar.down) === null || _data$valueAtRiskChar === void 0 ? void 0 : _data$valueAtRiskChar.points) && data.valueAtRiskChart.down.points.length > 0 && (data === null || data === void 0 || (_data$valueAtRiskChar2 = data.valueAtRiskChart) === null || _data$valueAtRiskChar2 === void 0 || (_data$valueAtRiskChar2 = _data$valueAtRiskChar2.up) === null || _data$valueAtRiskChar2 === void 0 ? void 0 : _data$valueAtRiskChar2.points) && data.valueAtRiskChart.up.points.length > 0;
40
+ const showChart = data?.valueAtRiskChart?.down?.points && data.valueAtRiskChart.down.points.length > 0 && data?.valueAtRiskChart?.up?.points && data.valueAtRiskChart.up.points.length > 0;
42
41
  const showError = !!error || !loading && !showChart;
43
42
  return _react.default.createElement(_react.default.Fragment, null, (loading || !instrument) && _react.default.createElement("div", {
44
43
  className: (0, _classnames.default)('lw-flex lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary', {
@@ -1 +1 @@
1
- {"version":3,"file":"ChartWithData.js","names":["_client","require","_labsWidgetCommon","_classnames","_interopRequireDefault","_react","_getValueAtRiskChart","_Chart","_Legend","e","__esModule","default","ChartWithData","_ref","_data$valueAtRiskChar","_data$valueAtRiskChar2","instrument","duration","bars","division","size","useLayoutProvider","isDesktop","Size","DESKTOP","loading","data","error","useQuery","getValueAtRiskChart","variables","fetchPolicy","skip","showChart","valueAtRiskChart","down","points","length","up","showError","createElement","Fragment","className","classnames","Spinner","SpinnerSize","lg","Legend","Chart","values","ChartError","exports"],"sources":["../../../src/ValueAtRiskWidget/ChartWithData.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client';\nimport {\n ChartError,\n Size,\n Spinner,\n SpinnerSize,\n useLayoutProvider,\n} from '@oanda/labs-widget-common';\nimport classnames from 'classnames';\nimport React from 'react';\n\nimport { getValueAtRiskChart } from '../gql/getValueAtRiskChart';\nimport type {\n GetValueAtRiskChartQuery,\n GetValueAtRiskChartQueryVariables,\n} from '../gql/types/graphql';\nimport { Chart } from './components/Chart';\nimport { Legend } from './components/Legend';\nimport type { ChartWithDataProps } from './types';\n\nconst ChartWithData = ({\n instrument,\n duration,\n bars,\n division,\n}: ChartWithDataProps) => {\n const { size } = useLayoutProvider();\n const isDesktop = size === Size.DESKTOP;\n\n const { loading, data, error } = useQuery<\n GetValueAtRiskChartQuery,\n GetValueAtRiskChartQueryVariables\n >(getValueAtRiskChart, {\n variables: {\n instrument,\n division,\n duration,\n bars,\n },\n fetchPolicy: 'cache-and-network',\n skip: !instrument,\n });\n\n const showChart =\n 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 const showError = !!error || (!loading && !showChart);\n\n return (\n <>\n {(loading || !instrument) && (\n <div\n className={classnames(\n 'lw-flex lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary',\n {\n 'lw-h-[460px]': isDesktop,\n 'lw-h-[566px]': !isDesktop,\n }\n )}\n >\n <Spinner size={SpinnerSize.lg} />\n </div>\n )}\n {!loading && showChart && (\n <div className=\"lw-relative\" data-testid=\"value-at-risk-chart\">\n <Legend data={data} />\n <Chart values={data} />\n </div>\n )}\n {showError && (\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":[]}
1
+ {"version":3,"file":"ChartWithData.js","names":["_client","require","_labsWidgetCommon","_classnames","_interopRequireDefault","_react","_getValueAtRiskChart","_Chart","_Legend","e","__esModule","default","ChartWithData","_ref","instrument","duration","bars","division","size","useLayoutProvider","isDesktop","Size","DESKTOP","loading","data","error","useQuery","getValueAtRiskChart","variables","fetchPolicy","skip","showChart","valueAtRiskChart","down","points","length","up","showError","createElement","Fragment","className","classnames","Spinner","SpinnerSize","lg","Legend","Chart","values","ChartError","exports"],"sources":["../../../src/ValueAtRiskWidget/ChartWithData.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client';\nimport {\n ChartError,\n Size,\n Spinner,\n SpinnerSize,\n useLayoutProvider,\n} from '@oanda/labs-widget-common';\nimport classnames from 'classnames';\nimport React from 'react';\n\nimport { getValueAtRiskChart } from '../gql/getValueAtRiskChart';\nimport type {\n GetValueAtRiskChartQuery,\n GetValueAtRiskChartQueryVariables,\n} from '../gql/types/graphql';\nimport { Chart } from './components/Chart';\nimport { Legend } from './components/Legend';\nimport type { ChartWithDataProps } from './types';\n\nconst ChartWithData = ({\n instrument,\n duration,\n bars,\n division,\n}: ChartWithDataProps) => {\n const { size } = useLayoutProvider();\n const isDesktop = size === Size.DESKTOP;\n\n const { loading, data, error } = useQuery<\n GetValueAtRiskChartQuery,\n GetValueAtRiskChartQueryVariables\n >(getValueAtRiskChart, {\n variables: {\n instrument,\n division,\n duration,\n bars,\n },\n fetchPolicy: 'cache-and-network',\n skip: !instrument,\n });\n\n const showChart =\n 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 const showError = !!error || (!loading && !showChart);\n\n return (\n <>\n {(loading || !instrument) && (\n <div\n className={classnames(\n 'lw-flex lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary',\n {\n 'lw-h-[460px]': isDesktop,\n 'lw-h-[566px]': !isDesktop,\n }\n )}\n >\n <Spinner size={SpinnerSize.lg} />\n </div>\n )}\n {!loading && showChart && (\n <div className=\"lw-relative\" data-testid=\"value-at-risk-chart\">\n <Legend data={data} />\n <Chart values={data} />\n </div>\n )}\n {showError && (\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":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAOA,IAAAE,WAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAD,sBAAA,CAAAH,OAAA;AAEA,IAAAK,oBAAA,GAAAL,OAAA;AAKA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AAA6C,SAAAG,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAG7C,MAAMG,aAAa,GAAGC,IAAA,IAKI;EAAA,IALH;IACrBC,UAAU;IACVC,QAAQ;IACRC,IAAI;IACJC;EACkB,CAAC,GAAAJ,IAAA;EACnB,MAAM;IAAEK;EAAK,CAAC,GAAG,IAAAC,mCAAiB,EAAC,CAAC;EACpC,MAAMC,SAAS,GAAGF,IAAI,KAAKG,sBAAI,CAACC,OAAO;EAEvC,MAAM;IAAEC,OAAO;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAG,IAAAC,gBAAQ,EAGvCC,wCAAmB,EAAE;IACrBC,SAAS,EAAE;MACTd,UAAU;MACVG,QAAQ;MACRF,QAAQ;MACRC;IACF,CAAC;IACDa,WAAW,EAAE,mBAAmB;IAChCC,IAAI,EAAE,CAAChB;EACT,CAAC,CAAC;EAEF,MAAMiB,SAAS,GACbP,IAAI,EAAEQ,gBAAgB,EAAEC,IAAI,EAAEC,MAAM,IACpCV,IAAI,CAACQ,gBAAgB,CAACC,IAAI,CAACC,MAAM,CAACC,MAAM,GAAG,CAAC,IAC5CX,IAAI,EAAEQ,gBAAgB,EAAEI,EAAE,EAAEF,MAAM,IAClCV,IAAI,CAACQ,gBAAgB,CAACI,EAAE,CAACF,MAAM,CAACC,MAAM,GAAG,CAAC;EAE5C,MAAME,SAAS,GAAG,CAAC,CAACZ,KAAK,IAAK,CAACF,OAAO,IAAI,CAACQ,SAAU;EAErD,OACE1B,MAAA,CAAAM,OAAA,CAAA2B,aAAA,CAAAjC,MAAA,CAAAM,OAAA,CAAA4B,QAAA,QACG,CAAChB,OAAO,IAAI,CAACT,UAAU,KACtBT,MAAA,CAAAM,OAAA,CAAA2B,aAAA;IACEE,SAAS,EAAE,IAAAC,mBAAU,EACnB,sFAAsF,EACtF;MACE,cAAc,EAAErB,SAAS;MACzB,cAAc,EAAE,CAACA;IACnB,CACF;EAAE,GAEFf,MAAA,CAAAM,OAAA,CAAA2B,aAAA,CAACpC,iBAAA,CAAAwC,OAAO;IAACxB,IAAI,EAAEyB,6BAAW,CAACC;EAAG,CAAE,CAC7B,CACN,EACA,CAACrB,OAAO,IAAIQ,SAAS,IACpB1B,MAAA,CAAAM,OAAA,CAAA2B,aAAA;IAAKE,SAAS,EAAC,aAAa;IAAC,eAAY;EAAqB,GAC5DnC,MAAA,CAAAM,OAAA,CAAA2B,aAAA,CAAC9B,OAAA,CAAAqC,MAAM;IAACrB,IAAI,EAAEA;EAAK,CAAE,CAAC,EACtBnB,MAAA,CAAAM,OAAA,CAAA2B,aAAA,CAAC/B,MAAA,CAAAuC,KAAK;IAACC,MAAM,EAAEvB;EAAK,CAAE,CACnB,CACN,EACAa,SAAS,IACRhC,MAAA,CAAAM,OAAA,CAAA2B,aAAA;IAAKE,SAAS,EAAC;EAAmG,GAChHnC,MAAA,CAAAM,OAAA,CAAA2B,aAAA,CAACpC,iBAAA,CAAA8C,UAAU,MAAE,CACV,CAEP,CAAC;AAEP,CAAC;AAACC,OAAA,CAAArC,aAAA,GAAAA,aAAA","ignoreList":[]}
@@ -32,11 +32,11 @@ const Widget = _ref => {
32
32
  'lw-mb-11 lw-text-center lw-text-xl': isDesktop,
33
33
  'lw-mb-6 lw-text-lg': !isDesktop
34
34
  })
35
- }, _react.default.createElement("div", null, "".concat(lang('hold_time'), ": ").concat(lang('day', {
35
+ }, _react.default.createElement("div", null, `${lang('hold_time')}: ${lang('day', {
36
36
  count: +duration.substring(1)
37
- }))), _react.default.createElement("div", null, "".concat(lang('calculation_period'), ": ").concat(lang('day', {
37
+ })}`), _react.default.createElement("div", null, `${lang('calculation_period')}: ${lang('day', {
38
38
  count: +bars.substring(1)
39
- })))), _react.default.createElement(_ChartWithData.ChartWithData, {
39
+ })}`)), _react.default.createElement(_ChartWithData.ChartWithData, {
40
40
  bars: bars,
41
41
  division: division,
42
42
  duration: duration,
@@ -1 +1 @@
1
- {"version":3,"file":"Widget.js","names":["_labsWidgetCommon","require","_monoI18n","_classnames","_interopRequireDefault","_react","_ChartWithData","e","__esModule","default","Widget","_ref","division","instrument","duration","bars","lang","useLocale","size","useLayoutProvider","isDesktop","Size","DESKTOP","createElement","className","Fragment","classnames","concat","count","substring","ChartWithData","exports"],"sources":["../../../src/ValueAtRiskWidget/Widget.tsx"],"sourcesContent":["import { Size, useLayoutProvider } from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport classnames from 'classnames';\nimport React from 'react';\n\nimport { ChartWithData } from './ChartWithData';\nimport type { WidgetProps } from './types';\n\nconst Widget = ({ division, instrument, duration, bars }: WidgetProps) => {\n const { lang } = useLocale();\n const { size } = useLayoutProvider();\n const isDesktop = size === Size.DESKTOP;\n\n return (\n <div\n className=\"lw-relative lw-text-sm lw-tracking-normal\"\n data-testid=\"value-at-risk-widget-wrapper\"\n >\n {size && (\n <>\n <div\n className={classnames('lw-font-bold', {\n 'lw-mb-11 lw-text-center lw-text-xl': isDesktop,\n 'lw-mb-6 lw-text-lg': !isDesktop,\n })}\n >\n <div>{`${lang('hold_time')}: ${lang('day', { count: +duration.substring(1) })}`}</div>\n <div>{`${lang('calculation_period')}: ${lang('day', { count: +bars.substring(1) })}`}</div>\n </div>\n <ChartWithData\n bars={bars}\n division={division}\n duration={duration}\n instrument={instrument}\n />\n </>\n )}\n </div>\n );\n};\n\nexport { Widget };\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAD,sBAAA,CAAAH,OAAA;AAEA,IAAAK,cAAA,GAAAL,OAAA;AAAgD,SAAAG,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGhD,MAAMG,MAAM,GAAGC,IAAA,IAA2D;EAAA,IAA1D;IAAEC,QAAQ;IAAEC,UAAU;IAAEC,QAAQ;IAAEC;EAAkB,CAAC,GAAAJ,IAAA;EACnE,MAAM;IAAEK;EAAK,CAAC,GAAG,IAAAC,mBAAS,EAAC,CAAC;EAC5B,MAAM;IAAEC;EAAK,CAAC,GAAG,IAAAC,mCAAiB,EAAC,CAAC;EACpC,MAAMC,SAAS,GAAGF,IAAI,KAAKG,sBAAI,CAACC,OAAO;EAEvC,OACEjB,MAAA,CAAAI,OAAA,CAAAc,aAAA;IACEC,SAAS,EAAC,2CAA2C;IACrD,eAAY;EAA8B,GAEzCN,IAAI,IACHb,MAAA,CAAAI,OAAA,CAAAc,aAAA,CAAAlB,MAAA,CAAAI,OAAA,CAAAgB,QAAA,QACEpB,MAAA,CAAAI,OAAA,CAAAc,aAAA;IACEC,SAAS,EAAE,IAAAE,mBAAU,EAAC,cAAc,EAAE;MACpC,oCAAoC,EAAEN,SAAS;MAC/C,oBAAoB,EAAE,CAACA;IACzB,CAAC;EAAE,GAEHf,MAAA,CAAAI,OAAA,CAAAc,aAAA,iBAAAI,MAAA,CAASX,IAAI,CAAC,WAAW,CAAC,QAAAW,MAAA,CAAKX,IAAI,CAAC,KAAK,EAAE;IAAEY,KAAK,EAAE,CAACd,QAAQ,CAACe,SAAS,CAAC,CAAC;EAAE,CAAC,CAAC,CAAQ,CAAC,EACtFxB,MAAA,CAAAI,OAAA,CAAAc,aAAA,iBAAAI,MAAA,CAASX,IAAI,CAAC,oBAAoB,CAAC,QAAAW,MAAA,CAAKX,IAAI,CAAC,KAAK,EAAE;IAAEY,KAAK,EAAE,CAACb,IAAI,CAACc,SAAS,CAAC,CAAC;EAAE,CAAC,CAAC,CAAQ,CACvF,CAAC,EACNxB,MAAA,CAAAI,OAAA,CAAAc,aAAA,CAACjB,cAAA,CAAAwB,aAAa;IACZf,IAAI,EAAEA,IAAK;IACXH,QAAQ,EAAEA,QAAS;IACnBE,QAAQ,EAAEA,QAAS;IACnBD,UAAU,EAAEA;EAAW,CACxB,CACD,CAED,CAAC;AAEV,CAAC;AAACkB,OAAA,CAAArB,MAAA,GAAAA,MAAA","ignoreList":[]}
1
+ {"version":3,"file":"Widget.js","names":["_labsWidgetCommon","require","_monoI18n","_classnames","_interopRequireDefault","_react","_ChartWithData","e","__esModule","default","Widget","_ref","division","instrument","duration","bars","lang","useLocale","size","useLayoutProvider","isDesktop","Size","DESKTOP","createElement","className","Fragment","classnames","count","substring","ChartWithData","exports"],"sources":["../../../src/ValueAtRiskWidget/Widget.tsx"],"sourcesContent":["import { Size, useLayoutProvider } from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport classnames from 'classnames';\nimport React from 'react';\n\nimport { ChartWithData } from './ChartWithData';\nimport type { WidgetProps } from './types';\n\nconst Widget = ({ division, instrument, duration, bars }: WidgetProps) => {\n const { lang } = useLocale();\n const { size } = useLayoutProvider();\n const isDesktop = size === Size.DESKTOP;\n\n return (\n <div\n className=\"lw-relative lw-text-sm lw-tracking-normal\"\n data-testid=\"value-at-risk-widget-wrapper\"\n >\n {size && (\n <>\n <div\n className={classnames('lw-font-bold', {\n 'lw-mb-11 lw-text-center lw-text-xl': isDesktop,\n 'lw-mb-6 lw-text-lg': !isDesktop,\n })}\n >\n <div>{`${lang('hold_time')}: ${lang('day', { count: +duration.substring(1) })}`}</div>\n <div>{`${lang('calculation_period')}: ${lang('day', { count: +bars.substring(1) })}`}</div>\n </div>\n <ChartWithData\n bars={bars}\n division={division}\n duration={duration}\n instrument={instrument}\n />\n </>\n )}\n </div>\n );\n};\n\nexport { Widget };\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAD,sBAAA,CAAAH,OAAA;AAEA,IAAAK,cAAA,GAAAL,OAAA;AAAgD,SAAAG,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGhD,MAAMG,MAAM,GAAGC,IAAA,IAA2D;EAAA,IAA1D;IAAEC,QAAQ;IAAEC,UAAU;IAAEC,QAAQ;IAAEC;EAAkB,CAAC,GAAAJ,IAAA;EACnE,MAAM;IAAEK;EAAK,CAAC,GAAG,IAAAC,mBAAS,EAAC,CAAC;EAC5B,MAAM;IAAEC;EAAK,CAAC,GAAG,IAAAC,mCAAiB,EAAC,CAAC;EACpC,MAAMC,SAAS,GAAGF,IAAI,KAAKG,sBAAI,CAACC,OAAO;EAEvC,OACEjB,MAAA,CAAAI,OAAA,CAAAc,aAAA;IACEC,SAAS,EAAC,2CAA2C;IACrD,eAAY;EAA8B,GAEzCN,IAAI,IACHb,MAAA,CAAAI,OAAA,CAAAc,aAAA,CAAAlB,MAAA,CAAAI,OAAA,CAAAgB,QAAA,QACEpB,MAAA,CAAAI,OAAA,CAAAc,aAAA;IACEC,SAAS,EAAE,IAAAE,mBAAU,EAAC,cAAc,EAAE;MACpC,oCAAoC,EAAEN,SAAS;MAC/C,oBAAoB,EAAE,CAACA;IACzB,CAAC;EAAE,GAEHf,MAAA,CAAAI,OAAA,CAAAc,aAAA,cAAM,GAAGP,IAAI,CAAC,WAAW,CAAC,KAAKA,IAAI,CAAC,KAAK,EAAE;IAAEW,KAAK,EAAE,CAACb,QAAQ,CAACc,SAAS,CAAC,CAAC;EAAE,CAAC,CAAC,EAAQ,CAAC,EACtFvB,MAAA,CAAAI,OAAA,CAAAc,aAAA,cAAM,GAAGP,IAAI,CAAC,oBAAoB,CAAC,KAAKA,IAAI,CAAC,KAAK,EAAE;IAAEW,KAAK,EAAE,CAACZ,IAAI,CAACa,SAAS,CAAC,CAAC;EAAE,CAAC,CAAC,EAAQ,CACvF,CAAC,EACNvB,MAAA,CAAAI,OAAA,CAAAc,aAAA,CAACjB,cAAA,CAAAuB,aAAa;IACZd,IAAI,EAAEA,IAAK;IACXH,QAAQ,EAAEA,QAAS;IACnBE,QAAQ,EAAEA,QAAS;IACnBD,UAAU,EAAEA;EAAW,CACxB,CACD,CAED,CAAC;AAEV,CAAC;AAACiB,OAAA,CAAApB,MAAA,GAAAA,MAAA","ignoreList":[]}
@@ -7,11 +7,6 @@ exports.getOption = void 0;
7
7
  var _labsWidgetCommon = require("@oanda/labs-widget-common");
8
8
  var _constants = require("./constants");
9
9
  var _getPercentValueByPips = require("./getPercentValueByPips");
10
- 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; }
11
- 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; }
12
- 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; }
13
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
14
- 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); }
15
10
  const getOption = (values, lang, isDark, isDesktop) => {
16
11
  const theme = isDark ? _labsWidgetCommon.Theme.Dark : _labsWidgetCommon.Theme.Light;
17
12
  const gridLines = (0, _labsWidgetCommon.getGridLines)({
@@ -95,7 +90,7 @@ const getOption = (values, lang, isDark, isDesktop) => {
95
90
  padding: isDesktop ? [0, 0, 0, 0] : [20, 0, 0, 0]
96
91
  }
97
92
  },
98
- formatter: (value, index) => index ? "".concat(value, "%") : "{a|".concat(value, "%}")
93
+ formatter: (value, index) => index ? `${value}%` : `{a|${value}%}`
99
94
  },
100
95
  axisPointer: {
101
96
  label: {
@@ -281,12 +276,13 @@ const getOption = (values, lang, isDark, isDesktop) => {
281
276
  }],
282
277
  grid: [{
283
278
  name: 'main-grid',
284
- top: "".concat(_constants.TITLE_HEIGHT, "px"),
279
+ top: `${_constants.TITLE_HEIGHT}px`,
285
280
  left: '0px',
286
- right: "".concat(isDesktop ? _constants.Y_LABEL_SIZE_DESKTOP : _constants.Y_LABEL_SIZE_MOBILE, "px"),
287
- bottom: "".concat(_constants.X_LABEL_SIZE, "px")
281
+ right: `${isDesktop ? _constants.Y_LABEL_SIZE_DESKTOP : _constants.Y_LABEL_SIZE_MOBILE}px`,
282
+ bottom: `${_constants.X_LABEL_SIZE}px`
288
283
  }],
289
- graphic: [...gridLines, _objectSpread(_objectSpread({}, (0, _labsWidgetCommon.getLineCommons)(isDark)), {}, {
284
+ graphic: [...gridLines, {
285
+ ...(0, _labsWidgetCommon.getLineCommons)(isDark),
290
286
  top: _constants.TITLE_HEIGHT - 2,
291
287
  right: -2,
292
288
  shape: {
@@ -295,7 +291,7 @@ const getOption = (values, lang, isDark, isDesktop) => {
295
291
  x2: isDesktop ? 0 : _constants.Y_LABEL_SIZE_MOBILE,
296
292
  y2: 0
297
293
  }
298
- })]
294
+ }]
299
295
  };
300
296
  };
301
297
  exports.getOption = getOption;