@oanda/labs-value-at-risk-widget 1.0.63 → 1.0.65

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 (41) hide show
  1. package/CHANGELOG.md +524 -0
  2. package/dist/main/ValueAtRiskWidget/ChartWithData.js +2 -4
  3. package/dist/main/ValueAtRiskWidget/ChartWithData.js.map +1 -1
  4. package/dist/main/ValueAtRiskWidget/Tool.js +1 -1
  5. package/dist/main/ValueAtRiskWidget/Tool.js.map +1 -1
  6. package/dist/main/ValueAtRiskWidget/ToolWithData.js +2 -4
  7. package/dist/main/ValueAtRiskWidget/ToolWithData.js.map +1 -1
  8. package/dist/main/ValueAtRiskWidget/ValueAtRiskWidget.js +16 -21
  9. package/dist/main/ValueAtRiskWidget/ValueAtRiskWidget.js.map +1 -1
  10. package/dist/main/ValueAtRiskWidget/Widget.js +2 -4
  11. package/dist/main/ValueAtRiskWidget/Widget.js.map +1 -1
  12. package/dist/main/ValueAtRiskWidget/components/Chart/Chart.js +3 -3
  13. package/dist/main/ValueAtRiskWidget/components/Chart/Chart.js.map +1 -1
  14. package/dist/main/ValueAtRiskWidget/components/Legend/Legend.js +3 -4
  15. package/dist/main/ValueAtRiskWidget/components/Legend/Legend.js.map +1 -1
  16. package/dist/module/ValueAtRiskWidget/ChartWithData.js +3 -3
  17. package/dist/module/ValueAtRiskWidget/ChartWithData.js.map +1 -1
  18. package/dist/module/ValueAtRiskWidget/Tool.js +3 -3
  19. package/dist/module/ValueAtRiskWidget/Tool.js.map +1 -1
  20. package/dist/module/ValueAtRiskWidget/ToolWithData.js +3 -3
  21. package/dist/module/ValueAtRiskWidget/ToolWithData.js.map +1 -1
  22. package/dist/module/ValueAtRiskWidget/ValueAtRiskWidget.js +18 -23
  23. package/dist/module/ValueAtRiskWidget/ValueAtRiskWidget.js.map +1 -1
  24. package/dist/module/ValueAtRiskWidget/Widget.js +3 -3
  25. package/dist/module/ValueAtRiskWidget/Widget.js.map +1 -1
  26. package/dist/module/ValueAtRiskWidget/components/Chart/Chart.js +3 -3
  27. package/dist/module/ValueAtRiskWidget/components/Chart/Chart.js.map +1 -1
  28. package/dist/module/ValueAtRiskWidget/components/Legend/Legend.js +3 -3
  29. package/dist/module/ValueAtRiskWidget/components/Legend/Legend.js.map +1 -1
  30. package/package.json +3 -3
  31. package/src/ValueAtRiskWidget/ChartWithData.tsx +3 -3
  32. package/src/ValueAtRiskWidget/Tool.tsx +3 -3
  33. package/src/ValueAtRiskWidget/ToolWithData.tsx +3 -3
  34. package/src/ValueAtRiskWidget/ValueAtRiskWidget.tsx +26 -31
  35. package/src/ValueAtRiskWidget/Widget.tsx +3 -3
  36. package/src/ValueAtRiskWidget/components/Chart/Chart.tsx +3 -3
  37. package/src/ValueAtRiskWidget/components/Legend/Legend.tsx +3 -3
  38. package/test/ChartWithData.test.tsx +7 -7
  39. package/test/Tool.test.tsx +5 -5
  40. package/test/ToolWithData.test.tsx +3 -3
  41. package/test/Widget.test.tsx +3 -3
package/CHANGELOG.md CHANGED
@@ -3,6 +3,530 @@
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.65 (2024-12-11)
7
+
8
+
9
+
10
+ ## 1.0.172 (2024-11-29)
11
+
12
+
13
+
14
+ ## 1.0.171 (2024-11-28)
15
+
16
+
17
+
18
+ ## 1.0.170 (2024-11-28)
19
+
20
+
21
+
22
+ ## 1.0.169 (2024-11-20)
23
+
24
+
25
+
26
+ ## 1.0.168 (2024-11-19)
27
+
28
+
29
+
30
+ ## 1.0.167 (2024-10-14)
31
+
32
+
33
+
34
+ ## 1.0.166 (2024-10-07)
35
+
36
+
37
+
38
+ ## 1.0.165 (2024-10-03)
39
+
40
+
41
+
42
+ ## 1.0.164 (2024-09-26)
43
+
44
+
45
+
46
+ ## 1.0.163 (2024-09-18)
47
+
48
+
49
+
50
+ ## 1.0.162 (2024-09-12)
51
+
52
+
53
+
54
+ ## 1.0.161 (2024-09-11)
55
+
56
+
57
+
58
+ ## 1.0.160 (2024-09-10)
59
+
60
+
61
+
62
+ ## 1.0.159 (2024-09-09)
63
+
64
+
65
+
66
+ ## 1.0.158 (2024-09-04)
67
+
68
+
69
+
70
+ ## 1.0.157 (2024-09-04)
71
+
72
+
73
+
74
+ ## 1.0.156 (2024-09-02)
75
+
76
+
77
+
78
+ ## 1.0.155 (2024-08-29)
79
+
80
+
81
+
82
+ ## 1.0.154 (2024-08-29)
83
+
84
+
85
+
86
+ ## 1.0.153 (2024-08-23)
87
+
88
+
89
+
90
+ ## 1.0.152 (2024-08-23)
91
+
92
+
93
+
94
+ ## 1.0.151 (2024-08-20)
95
+
96
+
97
+
98
+ ## 1.0.150 (2024-08-19)
99
+
100
+
101
+
102
+ ## 1.0.149 (2024-08-07)
103
+
104
+
105
+
106
+ ## 1.0.148 (2024-08-01)
107
+
108
+
109
+
110
+ ## 1.0.147 (2024-08-01)
111
+
112
+
113
+
114
+ ## 1.0.146 (2024-07-26)
115
+
116
+
117
+
118
+ ## 1.0.145 (2024-07-25)
119
+
120
+
121
+
122
+ ## 1.0.144 (2024-07-22)
123
+
124
+
125
+
126
+ ## 1.0.143 (2024-07-19)
127
+
128
+
129
+
130
+ ## 1.0.142 (2024-07-16)
131
+
132
+
133
+
134
+ ## 1.0.141 (2024-07-16)
135
+
136
+
137
+
138
+ ## 1.0.140 (2024-07-12)
139
+
140
+
141
+
142
+ ## 1.0.139 (2024-07-12)
143
+
144
+
145
+
146
+ ## 1.0.138 (2024-07-10)
147
+
148
+
149
+
150
+ ## 1.0.137 (2024-07-05)
151
+
152
+
153
+
154
+ ## 1.0.136 (2024-07-03)
155
+
156
+
157
+
158
+ ## 1.0.135 (2024-07-03)
159
+
160
+
161
+
162
+ ## 1.0.134 (2024-07-03)
163
+
164
+
165
+
166
+ ## 1.0.133 (2024-06-28)
167
+
168
+
169
+
170
+ ## 1.0.132 (2024-06-27)
171
+
172
+
173
+
174
+ ## 1.0.131 (2024-06-27)
175
+
176
+
177
+
178
+ ## 1.0.130 (2024-06-26)
179
+
180
+
181
+
182
+ ## 1.0.129 (2024-06-17)
183
+
184
+
185
+
186
+ ## 1.0.128 (2024-06-17)
187
+
188
+
189
+
190
+ ## 1.0.127 (2024-06-10)
191
+
192
+
193
+
194
+ ## 1.0.126 (2024-05-29)
195
+
196
+
197
+
198
+ ## 1.0.125 (2024-05-29)
199
+
200
+
201
+
202
+ ## 1.0.124 (2024-05-29)
203
+
204
+
205
+
206
+ ## 1.0.123 (2024-05-28)
207
+
208
+
209
+
210
+ ## 1.0.122 (2024-05-27)
211
+
212
+
213
+
214
+ ## 1.0.121 (2024-05-27)
215
+
216
+
217
+
218
+ ## 1.0.120 (2024-05-24)
219
+
220
+
221
+
222
+ ## 1.0.119 (2024-05-17)
223
+
224
+
225
+
226
+ ## 1.0.118 (2024-05-09)
227
+
228
+
229
+
230
+ ## 1.0.117 (2024-05-07)
231
+
232
+
233
+
234
+ ## 1.0.116 (2024-04-23)
235
+
236
+
237
+
238
+ ## 1.0.115 (2024-04-22)
239
+
240
+
241
+
242
+ ## 1.0.114 (2024-04-19)
243
+
244
+
245
+
246
+ ## 1.0.113 (2024-04-19)
247
+
248
+
249
+
250
+ ## 1.0.112 (2024-04-15)
251
+
252
+
253
+
254
+ ## 1.0.111 (2024-04-11)
255
+
256
+
257
+
258
+ ## 1.0.110 (2024-04-05)
259
+
260
+
261
+
262
+ ## 1.0.109 (2024-04-05)
263
+
264
+ **Note:** Version bump only for package @oanda/labs-value-at-risk-widget
265
+
266
+
267
+
268
+
269
+
270
+ ## 1.0.64 (2024-11-29)
271
+
272
+
273
+
274
+ ## 1.0.171 (2024-11-28)
275
+
276
+
277
+
278
+ ## 1.0.170 (2024-11-28)
279
+
280
+
281
+
282
+ ## 1.0.169 (2024-11-20)
283
+
284
+
285
+
286
+ ## 1.0.168 (2024-11-19)
287
+
288
+
289
+
290
+ ## 1.0.167 (2024-10-14)
291
+
292
+
293
+
294
+ ## 1.0.166 (2024-10-07)
295
+
296
+
297
+
298
+ ## 1.0.165 (2024-10-03)
299
+
300
+
301
+
302
+ ## 1.0.164 (2024-09-26)
303
+
304
+
305
+
306
+ ## 1.0.163 (2024-09-18)
307
+
308
+
309
+
310
+ ## 1.0.162 (2024-09-12)
311
+
312
+
313
+
314
+ ## 1.0.161 (2024-09-11)
315
+
316
+
317
+
318
+ ## 1.0.160 (2024-09-10)
319
+
320
+
321
+
322
+ ## 1.0.159 (2024-09-09)
323
+
324
+
325
+
326
+ ## 1.0.158 (2024-09-04)
327
+
328
+
329
+
330
+ ## 1.0.157 (2024-09-04)
331
+
332
+
333
+
334
+ ## 1.0.156 (2024-09-02)
335
+
336
+
337
+
338
+ ## 1.0.155 (2024-08-29)
339
+
340
+
341
+
342
+ ## 1.0.154 (2024-08-29)
343
+
344
+
345
+
346
+ ## 1.0.153 (2024-08-23)
347
+
348
+
349
+
350
+ ## 1.0.152 (2024-08-23)
351
+
352
+
353
+
354
+ ## 1.0.151 (2024-08-20)
355
+
356
+
357
+
358
+ ## 1.0.150 (2024-08-19)
359
+
360
+
361
+
362
+ ## 1.0.149 (2024-08-07)
363
+
364
+
365
+
366
+ ## 1.0.148 (2024-08-01)
367
+
368
+
369
+
370
+ ## 1.0.147 (2024-08-01)
371
+
372
+
373
+
374
+ ## 1.0.146 (2024-07-26)
375
+
376
+
377
+
378
+ ## 1.0.145 (2024-07-25)
379
+
380
+
381
+
382
+ ## 1.0.144 (2024-07-22)
383
+
384
+
385
+
386
+ ## 1.0.143 (2024-07-19)
387
+
388
+
389
+
390
+ ## 1.0.142 (2024-07-16)
391
+
392
+
393
+
394
+ ## 1.0.141 (2024-07-16)
395
+
396
+
397
+
398
+ ## 1.0.140 (2024-07-12)
399
+
400
+
401
+
402
+ ## 1.0.139 (2024-07-12)
403
+
404
+
405
+
406
+ ## 1.0.138 (2024-07-10)
407
+
408
+
409
+
410
+ ## 1.0.137 (2024-07-05)
411
+
412
+
413
+
414
+ ## 1.0.136 (2024-07-03)
415
+
416
+
417
+
418
+ ## 1.0.135 (2024-07-03)
419
+
420
+
421
+
422
+ ## 1.0.134 (2024-07-03)
423
+
424
+
425
+
426
+ ## 1.0.133 (2024-06-28)
427
+
428
+
429
+
430
+ ## 1.0.132 (2024-06-27)
431
+
432
+
433
+
434
+ ## 1.0.131 (2024-06-27)
435
+
436
+
437
+
438
+ ## 1.0.130 (2024-06-26)
439
+
440
+
441
+
442
+ ## 1.0.129 (2024-06-17)
443
+
444
+
445
+
446
+ ## 1.0.128 (2024-06-17)
447
+
448
+
449
+
450
+ ## 1.0.127 (2024-06-10)
451
+
452
+
453
+
454
+ ## 1.0.126 (2024-05-29)
455
+
456
+
457
+
458
+ ## 1.0.125 (2024-05-29)
459
+
460
+
461
+
462
+ ## 1.0.124 (2024-05-29)
463
+
464
+
465
+
466
+ ## 1.0.123 (2024-05-28)
467
+
468
+
469
+
470
+ ## 1.0.122 (2024-05-27)
471
+
472
+
473
+
474
+ ## 1.0.121 (2024-05-27)
475
+
476
+
477
+
478
+ ## 1.0.120 (2024-05-24)
479
+
480
+
481
+
482
+ ## 1.0.119 (2024-05-17)
483
+
484
+
485
+
486
+ ## 1.0.118 (2024-05-09)
487
+
488
+
489
+
490
+ ## 1.0.117 (2024-05-07)
491
+
492
+
493
+
494
+ ## 1.0.116 (2024-04-23)
495
+
496
+
497
+
498
+ ## 1.0.115 (2024-04-22)
499
+
500
+
501
+
502
+ ## 1.0.114 (2024-04-19)
503
+
504
+
505
+
506
+ ## 1.0.113 (2024-04-19)
507
+
508
+
509
+
510
+ ## 1.0.112 (2024-04-15)
511
+
512
+
513
+
514
+ ## 1.0.111 (2024-04-11)
515
+
516
+
517
+
518
+ ## 1.0.110 (2024-04-05)
519
+
520
+
521
+
522
+ ## 1.0.109 (2024-04-05)
523
+
524
+ **Note:** Version bump only for package @oanda/labs-value-at-risk-widget
525
+
526
+
527
+
528
+
529
+
6
530
  ## 1.0.63 (2024-11-28)
7
531
 
8
532
 
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.ChartWithData = void 0;
7
- var _react = _interopRequireWildcard(require("react"));
7
+ var _react = _interopRequireDefault(require("react"));
8
8
  var _classnames = _interopRequireDefault(require("classnames"));
9
9
  var _client = require("@apollo/client");
10
10
  var _labsWidgetCommon = require("@oanda/labs-widget-common");
@@ -12,8 +12,6 @@ var _Chart = require("./components/Chart");
12
12
  var _getValueAtRiskChart = require("../gql/getValueAtRiskChart");
13
13
  var _Legend = require("./components/Legend");
14
14
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
15
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
16
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
17
15
  const ChartWithData = _ref => {
18
16
  let {
19
17
  instrument,
@@ -23,7 +21,7 @@ const ChartWithData = _ref => {
23
21
  } = _ref;
24
22
  const {
25
23
  size
26
- } = (0, _react.useContext)(_labsWidgetCommon.ThemeContext);
24
+ } = (0, _labsWidgetCommon.useLayoutProvider)();
27
25
  const isDesktop = size === _labsWidgetCommon.Size.DESKTOP;
28
26
  const {
29
27
  loading,
@@ -1 +1 @@
1
- {"version":3,"file":"ChartWithData.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_client","_labsWidgetCommon","_Chart","_getValueAtRiskChart","_Legend","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ChartWithData","_ref","instrument","duration","bars","division","size","useContext","ThemeContext","isDesktop","Size","DESKTOP","loading","data","error","useQuery","getValueAtRiskChart","variables","fetchPolicy","skip","showChart","valueAtRiskChart","down","points","length","up","showError","createElement","Fragment","className","classnames","Spinner","SpinnerSize","lg","Legend","Chart","values","ChartError","exports"],"sources":["../../../src/ValueAtRiskWidget/ChartWithData.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classnames from 'classnames';\nimport { useQuery } from '@apollo/client';\nimport {\n ChartError, Size, Spinner, SpinnerSize,\n ThemeContext,\n} from '@oanda/labs-widget-common';\nimport { Chart } from './components/Chart';\nimport { getValueAtRiskChart } from '../gql/getValueAtRiskChart';\nimport { ChartWithDataProps } from './types';\nimport { GetValueAtRiskChartQuery, GetValueAtRiskChartQueryVariables } from '../gql/types/graphql';\nimport { Legend } from './components/Legend';\n\nconst ChartWithData = ({\n instrument, duration, bars, division,\n}: ChartWithDataProps) => {\n const { size } = useContext(ThemeContext);\n const isDesktop = size === Size.DESKTOP;\n\n const { loading, data, error } = useQuery<\n GetValueAtRiskChartQuery, GetValueAtRiskChartQueryVariables>(getValueAtRiskChart, {\n variables: {\n instrument, division, duration, bars,\n },\n fetchPolicy: 'cache-and-network',\n skip: !instrument,\n });\n\n const showChart = data?.valueAtRiskChart?.down?.points\n && data.valueAtRiskChart.down.points.length > 0\n && data?.valueAtRiskChart?.up?.points\n && data.valueAtRiskChart.up.points.length > 0;\n\n const showError = !!error || (!loading && !showChart);\n\n return (\n <>\n {(loading || !instrument)\n && (\n <div className={classnames('lw-flex lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary', {\n 'lw-h-[460px]': isDesktop,\n 'lw-h-[566px]': !isDesktop,\n })}\n >\n <Spinner size={SpinnerSize.lg} />\n </div>\n )}\n {!loading && showChart && (\n <div data-testid=\"value-at-risk-chart\" className=\"lw-relative\">\n <Legend data={data} />\n <Chart values={data} />\n </div>\n )}\n {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":["_react","_interopRequireDefault","require","_classnames","_client","_labsWidgetCommon","_Chart","_getValueAtRiskChart","_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 React from 'react';\nimport classnames from 'classnames';\nimport { useQuery } from '@apollo/client';\nimport {\n ChartError, Size, Spinner, SpinnerSize,\n useLayoutProvider,\n} from '@oanda/labs-widget-common';\nimport { Chart } from './components/Chart';\nimport { getValueAtRiskChart } from '../gql/getValueAtRiskChart';\nimport { ChartWithDataProps } from './types';\nimport { GetValueAtRiskChartQuery, GetValueAtRiskChartQueryVariables } from '../gql/types/graphql';\nimport { Legend } from './components/Legend';\n\nconst ChartWithData = ({\n instrument, duration, bars, division,\n}: ChartWithDataProps) => {\n const { size } = useLayoutProvider();\n const isDesktop = size === Size.DESKTOP;\n\n const { loading, data, error } = useQuery<\n GetValueAtRiskChartQuery, GetValueAtRiskChartQueryVariables>(getValueAtRiskChart, {\n variables: {\n instrument, division, duration, bars,\n },\n fetchPolicy: 'cache-and-network',\n skip: !instrument,\n });\n\n const showChart = data?.valueAtRiskChart?.down?.points\n && data.valueAtRiskChart.down.points.length > 0\n && data?.valueAtRiskChart?.up?.points\n && data.valueAtRiskChart.up.points.length > 0;\n\n const showError = !!error || (!loading && !showChart);\n\n return (\n <>\n {(loading || !instrument)\n && (\n <div className={classnames('lw-flex lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary', {\n 'lw-h-[460px]': isDesktop,\n 'lw-h-[566px]': !isDesktop,\n })}\n >\n <Spinner size={SpinnerSize.lg} />\n </div>\n )}\n {!loading && showChart && (\n <div data-testid=\"value-at-risk-chart\" className=\"lw-relative\">\n <Legend data={data} />\n <Chart values={data} />\n </div>\n )}\n {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,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAIA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,oBAAA,GAAAL,OAAA;AAGA,IAAAM,OAAA,GAAAN,OAAA;AAA6C,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE7C,MAAMG,aAAa,GAAGC,IAAA,IAEI;EAAA,IAFH;IACrBC,UAAU;IAAEC,QAAQ;IAAEC,IAAI;IAAEC;EACV,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,EACoBC,wCAAmB,EAAE;IAChFC,SAAS,EAAE;MACTd,UAAU;MAAEG,QAAQ;MAAEF,QAAQ;MAAEC;IAClC,CAAC;IACDa,WAAW,EAAE,mBAAmB;IAChCC,IAAI,EAAE,CAAChB;EACT,CAAC,CAAC;EAEF,MAAMiB,SAAS,GAAGP,IAAI,EAAEQ,gBAAgB,EAAEC,IAAI,EAAEC,MAAM,IACjDV,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;EAE/C,MAAME,SAAS,GAAG,CAAC,CAACZ,KAAK,IAAK,CAACF,OAAO,IAAI,CAACQ,SAAU;EAErD,OACE/B,MAAA,CAAAW,OAAA,CAAA2B,aAAA,CAAAtC,MAAA,CAAAW,OAAA,CAAA4B,QAAA,QACG,CAAChB,OAAO,IAAI,CAACT,UAAU,KAExBd,MAAA,CAAAW,OAAA,CAAA2B,aAAA;IAAKE,SAAS,EAAE,IAAAC,mBAAU,EAAC,sFAAsF,EAAE;MACjH,cAAc,EAAErB,SAAS;MACzB,cAAc,EAAE,CAACA;IACnB,CAAC;EAAE,GAEDpB,MAAA,CAAAW,OAAA,CAAA2B,aAAA,CAACjC,iBAAA,CAAAqC,OAAO;IAACxB,IAAI,EAAEyB,6BAAW,CAACC;EAAG,CAAE,CAC7B,CACJ,EACA,CAACrB,OAAO,IAAIQ,SAAS,IACtB/B,MAAA,CAAAW,OAAA,CAAA2B,aAAA;IAAK,eAAY,qBAAqB;IAACE,SAAS,EAAC;EAAa,GAC5DxC,MAAA,CAAAW,OAAA,CAAA2B,aAAA,CAAC9B,OAAA,CAAAqC,MAAM;IAACrB,IAAI,EAAEA;EAAK,CAAE,CAAC,EACtBxB,MAAA,CAAAW,OAAA,CAAA2B,aAAA,CAAChC,MAAA,CAAAwC,KAAK;IAACC,MAAM,EAAEvB;EAAK,CAAE,CACnB,CACJ,EACAa,SAAS,IACRrC,MAAA,CAAAW,OAAA,CAAA2B,aAAA;IAAKE,SAAS,EAAC;EAAmG,GAChHxC,MAAA,CAAAW,OAAA,CAAA2B,aAAA,CAACjC,iBAAA,CAAA2C,UAAU,MAAE,CACV,CAEP,CAAC;AAEP,CAAC;AAACC,OAAA,CAAArC,aAAA,GAAAA,aAAA","ignoreList":[]}
@@ -24,7 +24,7 @@ const Tool = _ref => {
24
24
  } = (0, _monoI18n.useLocale)();
25
25
  const {
26
26
  size
27
- } = (0, _react.useContext)(_labsWidgetCommon.ThemeContext);
27
+ } = (0, _labsWidgetCommon.useLayoutProvider)();
28
28
  const isDesktop = size === _labsWidgetCommon.Size.DESKTOP;
29
29
  const assetClassesOptions = (0, _utils.getAssetClassesList)(data.valueAtRiskAssetClasses);
30
30
  const initInstrumentsOptions = (0, _utils.getInstrumentsByAssetClassId)(data.valueAtRiskAssetClasses, assetClassesOptions[0].id);
@@ -1 +1 @@
1
- {"version":3,"file":"Tool.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_labsWidgetCommon","_monoI18n","_utils","_graphql","_ChartWithData","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Tool","_ref","data","division","lang","useLocale","size","useContext","ThemeContext","isDesktop","Size","DESKTOP","assetClassesOptions","getAssetClassesList","valueAtRiskAssetClasses","initInstrumentsOptions","getInstrumentsByAssetClassId","id","holdTimeOptions","values","ValueAtRiskDuration","map","duration","label","count","substring","calculationPeriodOptions","ValueAtRiskBars","bars","selectedAssetClass","setSelectedAssetClass","useState","instrumentsList","setInstrumentsList","selectedInstrument","setSelectedInstrument","selectedHoldTime","setSelectedHoldTime","selectedCalculationPeriod","setSelectedCalculationPeriod","handleAssetClassSelect","selectedOption","list","showAssetClassesSelect","length","createElement","className","classnames","Select","selectLabel","options","setSelectedOption","searchPlaceholder","ChartWithData","instrument","exports"],"sources":["../../../src/ValueAtRiskWidget/Tool.tsx"],"sourcesContent":["import React, { useState, useContext } from 'react';\nimport classnames from 'classnames';\nimport {\n Select, SelectOption, Size, ThemeContext,\n} from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport { getAssetClassesList, getInstrumentsByAssetClassId } from './utils';\nimport { ToolProps } from './types';\nimport { ValueAtRiskDuration, ValueAtRiskBars } from '../gql/types/graphql';\nimport { ChartWithData } from './ChartWithData';\n\nconst Tool = ({ data, division }: ToolProps) => {\n const { lang } = useLocale();\n const { size } = useContext(ThemeContext);\n const isDesktop = size === Size.DESKTOP;\n\n const assetClassesOptions = getAssetClassesList(data!.valueAtRiskAssetClasses!);\n const initInstrumentsOptions = getInstrumentsByAssetClassId(\n data!.valueAtRiskAssetClasses!,\n assetClassesOptions[0].id,\n );\n\n const holdTimeOptions = Object.values(ValueAtRiskDuration).map((duration) => ({ id: duration as string, label: lang('day', { count: +duration.substring(1) }) }));\n const calculationPeriodOptions = Object.values(ValueAtRiskBars).map((bars) => ({ id: bars as string, label: lang('day', { count: +bars.substring(1) }) }));\n\n const [selectedAssetClass, setSelectedAssetClass] = useState(\n assetClassesOptions[0],\n );\n const [instrumentsList, setInstrumentsList] = useState(initInstrumentsOptions);\n const [selectedInstrument, setSelectedInstrument] = useState(initInstrumentsOptions[0]);\n const [selectedHoldTime, setSelectedHoldTime] = useState(holdTimeOptions[0]);\n const [selectedCalculationPeriod, setSelectedCalculationPeriod] = useState(\n calculationPeriodOptions[0],\n );\n\n const handleAssetClassSelect = (selectedOption: SelectOption) => {\n const list = getInstrumentsByAssetClassId(\n data!.valueAtRiskAssetClasses!,\n selectedOption.id,\n );\n\n setSelectedAssetClass(selectedOption);\n setInstrumentsList(list);\n setSelectedInstrument(list[0]);\n };\n\n const showAssetClassesSelect = assetClassesOptions.length > 1;\n\n return (\n <div\n data-testid=\"value-at-risk-tool-wrapper\"\n className=\"lw-relative lw-text-sm lw-tracking-normal\"\n >\n <div className={classnames(\n 'lw-mb-8 lw-grid',\n {\n 'lw-grid-cols-4 lw-gap-2': isDesktop && showAssetClassesSelect,\n 'lw-grid-cols-3 lw-gap-2.5': isDesktop && !showAssetClassesSelect,\n 'lw-grid-cols-1 lw-gap-4': !isDesktop,\n },\n )}\n >\n {showAssetClassesSelect ? (\n <Select\n selectLabel={lang('instrument_type')}\n options={assetClassesOptions}\n selectedOption={selectedAssetClass}\n setSelectedOption={handleAssetClassSelect}\n />\n ) : null}\n <Select\n searchPlaceholder={lang('search')}\n selectLabel={lang('instrument')}\n options={instrumentsList}\n selectedOption={selectedInstrument}\n setSelectedOption={setSelectedInstrument}\n />\n <Select\n selectLabel={lang('hold_time')}\n options={holdTimeOptions}\n selectedOption={selectedHoldTime}\n setSelectedOption={setSelectedHoldTime}\n />\n <Select\n selectLabel={lang('calculation_period')}\n options={calculationPeriodOptions}\n selectedOption={selectedCalculationPeriod}\n setSelectedOption={setSelectedCalculationPeriod}\n />\n </div>\n <ChartWithData\n bars={selectedCalculationPeriod.id as ValueAtRiskBars}\n duration={selectedHoldTime.id as ValueAtRiskDuration}\n instrument={selectedInstrument.id}\n division={division}\n />\n </div>\n );\n};\n\nexport { Tool };\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"Tool.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_labsWidgetCommon","_monoI18n","_utils","_graphql","_ChartWithData","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Tool","_ref","data","division","lang","useLocale","size","useLayoutProvider","isDesktop","Size","DESKTOP","assetClassesOptions","getAssetClassesList","valueAtRiskAssetClasses","initInstrumentsOptions","getInstrumentsByAssetClassId","id","holdTimeOptions","values","ValueAtRiskDuration","map","duration","label","count","substring","calculationPeriodOptions","ValueAtRiskBars","bars","selectedAssetClass","setSelectedAssetClass","useState","instrumentsList","setInstrumentsList","selectedInstrument","setSelectedInstrument","selectedHoldTime","setSelectedHoldTime","selectedCalculationPeriod","setSelectedCalculationPeriod","handleAssetClassSelect","selectedOption","list","showAssetClassesSelect","length","createElement","className","classnames","Select","selectLabel","options","setSelectedOption","searchPlaceholder","ChartWithData","instrument","exports"],"sources":["../../../src/ValueAtRiskWidget/Tool.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport classnames from 'classnames';\nimport {\n Select, SelectOption, Size, useLayoutProvider,\n} from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport { getAssetClassesList, getInstrumentsByAssetClassId } from './utils';\nimport { ToolProps } from './types';\nimport { ValueAtRiskDuration, ValueAtRiskBars } from '../gql/types/graphql';\nimport { ChartWithData } from './ChartWithData';\n\nconst Tool = ({ data, division }: ToolProps) => {\n const { lang } = useLocale();\n const { size } = useLayoutProvider();\n const isDesktop = size === Size.DESKTOP;\n\n const assetClassesOptions = getAssetClassesList(data!.valueAtRiskAssetClasses!);\n const initInstrumentsOptions = getInstrumentsByAssetClassId(\n data!.valueAtRiskAssetClasses!,\n assetClassesOptions[0].id,\n );\n\n const holdTimeOptions = Object.values(ValueAtRiskDuration).map((duration) => ({ id: duration as string, label: lang('day', { count: +duration.substring(1) }) }));\n const calculationPeriodOptions = Object.values(ValueAtRiskBars).map((bars) => ({ id: bars as string, label: lang('day', { count: +bars.substring(1) }) }));\n\n const [selectedAssetClass, setSelectedAssetClass] = useState(\n assetClassesOptions[0],\n );\n const [instrumentsList, setInstrumentsList] = useState(initInstrumentsOptions);\n const [selectedInstrument, setSelectedInstrument] = useState(initInstrumentsOptions[0]);\n const [selectedHoldTime, setSelectedHoldTime] = useState(holdTimeOptions[0]);\n const [selectedCalculationPeriod, setSelectedCalculationPeriod] = useState(\n calculationPeriodOptions[0],\n );\n\n const handleAssetClassSelect = (selectedOption: SelectOption) => {\n const list = getInstrumentsByAssetClassId(\n data!.valueAtRiskAssetClasses!,\n selectedOption.id,\n );\n\n setSelectedAssetClass(selectedOption);\n setInstrumentsList(list);\n setSelectedInstrument(list[0]);\n };\n\n const showAssetClassesSelect = assetClassesOptions.length > 1;\n\n return (\n <div\n data-testid=\"value-at-risk-tool-wrapper\"\n className=\"lw-relative lw-text-sm lw-tracking-normal\"\n >\n <div className={classnames(\n 'lw-mb-8 lw-grid',\n {\n 'lw-grid-cols-4 lw-gap-2': isDesktop && showAssetClassesSelect,\n 'lw-grid-cols-3 lw-gap-2.5': isDesktop && !showAssetClassesSelect,\n 'lw-grid-cols-1 lw-gap-4': !isDesktop,\n },\n )}\n >\n {showAssetClassesSelect ? (\n <Select\n selectLabel={lang('instrument_type')}\n options={assetClassesOptions}\n selectedOption={selectedAssetClass}\n setSelectedOption={handleAssetClassSelect}\n />\n ) : null}\n <Select\n searchPlaceholder={lang('search')}\n selectLabel={lang('instrument')}\n options={instrumentsList}\n selectedOption={selectedInstrument}\n setSelectedOption={setSelectedInstrument}\n />\n <Select\n selectLabel={lang('hold_time')}\n options={holdTimeOptions}\n selectedOption={selectedHoldTime}\n setSelectedOption={setSelectedHoldTime}\n />\n <Select\n selectLabel={lang('calculation_period')}\n options={calculationPeriodOptions}\n selectedOption={selectedCalculationPeriod}\n setSelectedOption={setSelectedCalculationPeriod}\n />\n </div>\n <ChartWithData\n bars={selectedCalculationPeriod.id as ValueAtRiskBars}\n duration={selectedHoldTime.id as ValueAtRiskDuration}\n instrument={selectedInstrument.id}\n division={division}\n />\n </div>\n );\n};\n\nexport { Tool };\n"],"mappings":"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","ignoreList":[]}
@@ -4,22 +4,20 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.ToolWithData = void 0;
7
- var _react = _interopRequireWildcard(require("react"));
7
+ var _react = _interopRequireDefault(require("react"));
8
8
  var _classnames = _interopRequireDefault(require("classnames"));
9
9
  var _labsWidgetCommon = require("@oanda/labs-widget-common");
10
10
  var _client = require("@apollo/client");
11
11
  var _getValueAtRiskAssetClasses = require("../gql/getValueAtRiskAssetClasses");
12
12
  var _Tool = require("./Tool");
13
13
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
14
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
15
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
16
14
  const ToolWithData = _ref => {
17
15
  let {
18
16
  division
19
17
  } = _ref;
20
18
  const {
21
19
  size
22
- } = (0, _react.useContext)(_labsWidgetCommon.ThemeContext);
20
+ } = (0, _labsWidgetCommon.useLayoutProvider)();
23
21
  const isDesktop = size === _labsWidgetCommon.Size.DESKTOP;
24
22
  const {
25
23
  loading,
@@ -1 +1 @@
1
- {"version":3,"file":"ToolWithData.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_labsWidgetCommon","_client","_getValueAtRiskAssetClasses","_Tool","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ToolWithData","_ref","division","size","useContext","ThemeContext","isDesktop","Size","DESKTOP","loading","data","error","useQuery","getValueAtRiskAssetClasses","variables","fetchPolicy","createElement","className","classnames","Spinner","SpinnerSize","lg","Tool","ChartError","exports"],"sources":["../../../src/ValueAtRiskWidget/ToolWithData.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classnames from 'classnames';\nimport {\n ChartError, Size, Spinner, SpinnerSize, ThemeContext,\n} from '@oanda/labs-widget-common';\nimport { useQuery } from '@apollo/client';\nimport { getValueAtRiskAssetClasses } from '../gql/getValueAtRiskAssetClasses';\nimport { Tool } from './Tool';\nimport { ToolWithDataProps } from './types';\nimport { GetValueAtRiskAssetClassesQuery, GetValueAtRiskAssetClassesQueryVariables } from '../gql/types/graphql';\n\nconst ToolWithData = ({ division }: ToolWithDataProps) => {\n const { size } = useContext(ThemeContext);\n const isDesktop = size === Size.DESKTOP;\n const { loading, data, error } = useQuery<\n GetValueAtRiskAssetClassesQuery,\n GetValueAtRiskAssetClassesQueryVariables\n >(getValueAtRiskAssetClasses, {\n variables: {\n division,\n },\n fetchPolicy: 'cache-and-network',\n });\n\n return (\n <div data-testid=\"value-at-risk-wrapper\">\n {(loading || !size)\n && (\n <div className={classnames('lw-flex lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary', {\n 'lw-h-[566px]': isDesktop,\n 'lw-h-[840px]': !isDesktop,\n })}\n >\n <Spinner size={SpinnerSize.lg} />\n </div>\n )}\n {!loading && data && (\n <Tool\n data={data}\n division={division}\n />\n )}\n {!loading && error && (\n <div className=\"lw-flex lw-h-[500px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary\">\n <ChartError />\n </div>\n )}\n </div>\n );\n};\n\nexport { ToolWithData };\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"ToolWithData.js","names":["_react","_interopRequireDefault","require","_classnames","_labsWidgetCommon","_client","_getValueAtRiskAssetClasses","_Tool","e","__esModule","default","ToolWithData","_ref","division","size","useLayoutProvider","isDesktop","Size","DESKTOP","loading","data","error","useQuery","getValueAtRiskAssetClasses","variables","fetchPolicy","createElement","className","classnames","Spinner","SpinnerSize","lg","Tool","ChartError","exports"],"sources":["../../../src/ValueAtRiskWidget/ToolWithData.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport {\n ChartError, Size, Spinner, SpinnerSize, useLayoutProvider,\n} from '@oanda/labs-widget-common';\nimport { useQuery } from '@apollo/client';\nimport { getValueAtRiskAssetClasses } from '../gql/getValueAtRiskAssetClasses';\nimport { Tool } from './Tool';\nimport { ToolWithDataProps } from './types';\nimport { GetValueAtRiskAssetClassesQuery, GetValueAtRiskAssetClassesQueryVariables } from '../gql/types/graphql';\n\nconst ToolWithData = ({ division }: ToolWithDataProps) => {\n const { size } = useLayoutProvider();\n const isDesktop = size === Size.DESKTOP;\n const { loading, data, error } = useQuery<\n GetValueAtRiskAssetClassesQuery,\n GetValueAtRiskAssetClassesQueryVariables\n >(getValueAtRiskAssetClasses, {\n variables: {\n division,\n },\n fetchPolicy: 'cache-and-network',\n });\n\n return (\n <div data-testid=\"value-at-risk-wrapper\">\n {(loading || !size)\n && (\n <div className={classnames('lw-flex lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary', {\n 'lw-h-[566px]': isDesktop,\n 'lw-h-[840px]': !isDesktop,\n })}\n >\n <Spinner size={SpinnerSize.lg} />\n </div>\n )}\n {!loading && data && (\n <Tool\n data={data}\n division={division}\n />\n )}\n {!loading && error && (\n <div className=\"lw-flex lw-h-[500px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary\">\n <ChartError />\n </div>\n )}\n </div>\n );\n};\n\nexport { ToolWithData };\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAGA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,2BAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AAA8B,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAI9B,MAAMG,YAAY,GAAGC,IAAA,IAAqC;EAAA,IAApC;IAAEC;EAA4B,CAAC,GAAAD,IAAA;EACnD,MAAM;IAAEE;EAAK,CAAC,GAAG,IAAAC,mCAAiB,EAAC,CAAC;EACpC,MAAMC,SAAS,GAAGF,IAAI,KAAKG,sBAAI,CAACC,OAAO;EACvC,MAAM;IAAEC,OAAO;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAG,IAAAC,gBAAQ,EAGvCC,sDAA0B,EAAE;IAC5BC,SAAS,EAAE;MACTX;IACF,CAAC;IACDY,WAAW,EAAE;EACf,CAAC,CAAC;EAEF,OACEzB,MAAA,CAAAU,OAAA,CAAAgB,aAAA;IAAK,eAAY;EAAuB,GACrC,CAACP,OAAO,IAAI,CAACL,IAAI,KAElBd,MAAA,CAAAU,OAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAE,IAAAC,mBAAU,EAAC,sFAAsF,EAAE;MACjH,cAAc,EAAEZ,SAAS;MACzB,cAAc,EAAE,CAACA;IACnB,CAAC;EAAE,GAEDhB,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACtB,iBAAA,CAAAyB,OAAO;IAACf,IAAI,EAAEgB,6BAAW,CAACC;EAAG,CAAE,CAC7B,CACJ,EACA,CAACZ,OAAO,IAAIC,IAAI,IACfpB,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACnB,KAAA,CAAAyB,IAAI;IACHZ,IAAI,EAAEA,IAAK;IACXP,QAAQ,EAAEA;EAAS,CACpB,CACF,EACA,CAACM,OAAO,IAAIE,KAAK,IAChBrB,MAAA,CAAAU,OAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAC;EAAmG,GAChH3B,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACtB,iBAAA,CAAA6B,UAAU,MAAE,CACV,CAEJ,CAAC;AAEV,CAAC;AAACC,OAAA,CAAAvB,YAAA,GAAAA,YAAA","ignoreList":[]}