@oanda/labs-order-book-widget 1.0.123 → 1.0.124

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 CHANGED
@@ -3,6 +3,490 @@
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.124 (2024-05-29)
7
+
8
+
9
+
10
+ ## 1.0.123 (2024-05-28)
11
+
12
+
13
+
14
+ ## 1.0.122 (2024-05-27)
15
+
16
+
17
+
18
+ ## 1.0.121 (2024-05-27)
19
+
20
+
21
+
22
+ ## 1.0.120 (2024-05-24)
23
+
24
+
25
+
26
+ ## 1.0.119 (2024-05-17)
27
+
28
+
29
+
30
+ ## 1.0.118 (2024-05-09)
31
+
32
+
33
+
34
+ ## 1.0.117 (2024-05-07)
35
+
36
+
37
+
38
+ ## 1.0.116 (2024-04-23)
39
+
40
+
41
+
42
+ ## 1.0.115 (2024-04-22)
43
+
44
+
45
+
46
+ ## 1.0.114 (2024-04-19)
47
+
48
+
49
+
50
+ ## 1.0.113 (2024-04-19)
51
+
52
+
53
+
54
+ ## 1.0.112 (2024-04-15)
55
+
56
+
57
+
58
+ ## 1.0.111 (2024-04-11)
59
+
60
+
61
+
62
+ ## 1.0.110 (2024-04-05)
63
+
64
+
65
+
66
+ ## 1.0.109 (2024-04-05)
67
+
68
+
69
+
70
+ ## 1.0.108 (2024-04-04)
71
+
72
+
73
+
74
+ ## 1.0.107 (2024-04-03)
75
+
76
+
77
+
78
+ ## 1.0.106 (2024-03-29)
79
+
80
+
81
+
82
+ ## 1.0.105 (2024-03-28)
83
+
84
+
85
+
86
+ ## 1.0.104 (2024-03-21)
87
+
88
+
89
+
90
+ ## 1.0.103 (2024-03-20)
91
+
92
+
93
+
94
+ ## 1.0.102 (2024-03-20)
95
+
96
+
97
+
98
+ ## 1.0.101 (2024-03-13)
99
+
100
+
101
+
102
+ ## 1.0.100 (2024-03-12)
103
+
104
+
105
+
106
+ ## 1.0.99 (2024-03-11)
107
+
108
+
109
+
110
+ ## 1.0.98 (2024-03-07)
111
+
112
+
113
+
114
+ ## 1.0.97 (2024-03-06)
115
+
116
+
117
+
118
+ ## 1.0.96 (2024-03-06)
119
+
120
+
121
+
122
+ ## 1.0.95 (2024-03-04)
123
+
124
+
125
+
126
+ ## 1.0.94 (2024-02-29)
127
+
128
+
129
+
130
+ ## 1.0.93 (2024-02-28)
131
+
132
+
133
+
134
+ ## 1.0.92 (2024-02-28)
135
+
136
+
137
+
138
+ ## 1.0.91 (2024-02-23)
139
+
140
+
141
+
142
+ ## 1.0.90 (2024-02-23)
143
+
144
+
145
+
146
+ ## 1.0.89 (2024-02-21)
147
+
148
+
149
+
150
+ ## 1.0.88 (2024-02-21)
151
+
152
+
153
+
154
+ ## 1.0.87 (2024-02-20)
155
+
156
+
157
+
158
+ ## 1.0.86 (2024-02-20)
159
+
160
+
161
+
162
+ ## 1.0.85 (2024-02-13)
163
+
164
+
165
+
166
+ ## 1.0.84 (2024-02-13)
167
+
168
+
169
+
170
+ ## 1.0.83 (2024-02-09)
171
+
172
+
173
+
174
+ ## 1.0.82 (2024-02-05)
175
+
176
+
177
+
178
+ ## 1.0.81 (2024-02-05)
179
+
180
+
181
+
182
+ ## 1.0.80 (2024-02-05)
183
+
184
+
185
+
186
+ ## 1.0.79 (2024-02-05)
187
+
188
+
189
+
190
+ ## 1.0.78 (2024-01-30)
191
+
192
+
193
+
194
+ ## 1.0.77 (2024-01-25)
195
+
196
+
197
+
198
+ ## 1.0.76 (2024-01-25)
199
+
200
+
201
+
202
+ ## 1.0.75 (2024-01-22)
203
+
204
+
205
+
206
+ ## 1.0.74 (2024-01-22)
207
+
208
+
209
+
210
+ ## 1.0.73 (2024-01-22)
211
+
212
+
213
+
214
+ ## 1.0.72 (2024-01-19)
215
+
216
+
217
+
218
+ ## 1.0.71 (2024-01-18)
219
+
220
+
221
+
222
+ ## 1.0.70 (2024-01-17)
223
+
224
+
225
+
226
+ ## 1.0.69 (2024-01-17)
227
+
228
+
229
+
230
+ ## 1.0.68 (2024-01-15)
231
+
232
+
233
+
234
+ ## 1.0.67 (2024-01-15)
235
+
236
+
237
+
238
+ ## 1.0.66 (2024-01-12)
239
+
240
+
241
+
242
+ ## 1.0.65 (2024-01-11)
243
+
244
+
245
+
246
+ ## 1.0.64 (2024-01-11)
247
+
248
+
249
+
250
+ ## 1.0.63 (2024-01-11)
251
+
252
+
253
+
254
+ ## 1.0.62 (2024-01-10)
255
+
256
+
257
+
258
+ ## 1.0.61 (2024-01-09)
259
+
260
+
261
+
262
+ ## 1.0.60 (2024-01-05)
263
+
264
+
265
+
266
+ ## 1.0.59 (2023-12-27)
267
+
268
+
269
+
270
+ ## 1.0.58 (2023-12-22)
271
+
272
+
273
+
274
+ ## 1.0.57 (2023-12-22)
275
+
276
+
277
+
278
+ ## 1.0.56 (2023-12-21)
279
+
280
+
281
+
282
+ ## 1.0.55 (2023-12-19)
283
+
284
+
285
+
286
+ ## 1.0.54 (2023-12-15)
287
+
288
+
289
+
290
+ ## 1.0.53 (2023-12-13)
291
+
292
+
293
+
294
+ ## 1.0.52 (2023-12-13)
295
+
296
+
297
+
298
+ ## 1.0.51 (2023-12-07)
299
+
300
+
301
+
302
+ ## 1.0.50 (2023-12-04)
303
+
304
+
305
+
306
+ ## 1.0.49 (2023-12-01)
307
+
308
+
309
+
310
+ ## 1.0.48 (2023-12-01)
311
+
312
+
313
+
314
+ ## 1.0.47 (2023-11-29)
315
+
316
+
317
+
318
+ ## 1.0.46 (2023-11-28)
319
+
320
+
321
+
322
+ ## 1.0.45 (2023-11-23)
323
+
324
+
325
+
326
+ ## 1.0.44 (2023-11-22)
327
+
328
+
329
+
330
+ ## 1.0.43 (2023-11-15)
331
+
332
+
333
+
334
+ ## 1.0.42 (2023-11-10)
335
+
336
+
337
+
338
+ ## 1.0.41 (2023-11-03)
339
+
340
+
341
+
342
+ ## 1.0.40 (2023-11-02)
343
+
344
+
345
+
346
+ ## 1.0.39 (2023-11-02)
347
+
348
+
349
+
350
+ ## 1.0.38 (2023-10-26)
351
+
352
+
353
+
354
+ ## 1.0.37 (2023-10-26)
355
+
356
+
357
+
358
+ ## 1.0.36 (2023-10-25)
359
+
360
+
361
+
362
+ ## 1.0.35 (2023-10-24)
363
+
364
+
365
+
366
+ ## 1.0.34 (2023-10-23)
367
+
368
+
369
+
370
+ ## 1.0.33 (2023-10-23)
371
+
372
+
373
+
374
+ ## 1.0.32 (2023-10-23)
375
+
376
+
377
+
378
+ ## 1.0.31 (2023-10-20)
379
+
380
+
381
+
382
+ ## 1.0.30 (2023-10-19)
383
+
384
+
385
+
386
+ ## 1.0.29 (2023-10-19)
387
+
388
+
389
+
390
+ ## 1.0.28 (2023-10-19)
391
+
392
+
393
+
394
+ ## 1.0.27 (2023-10-18)
395
+
396
+
397
+
398
+ ## 1.0.26 (2023-10-18)
399
+
400
+
401
+
402
+ ## 1.0.25 (2023-10-17)
403
+
404
+
405
+
406
+ ## 1.0.24 (2023-10-13)
407
+
408
+
409
+
410
+ ## 1.0.23 (2023-10-13)
411
+
412
+
413
+
414
+ ## 1.0.22 (2023-10-11)
415
+
416
+
417
+
418
+ ## 1.0.21 (2023-10-10)
419
+
420
+
421
+
422
+ ## 1.0.20 (2023-10-06)
423
+
424
+
425
+
426
+ ## 1.0.19 (2023-10-06)
427
+
428
+
429
+
430
+ ## 1.0.18 (2023-10-05)
431
+
432
+
433
+
434
+ ## 1.0.17 (2023-10-04)
435
+
436
+
437
+
438
+ ## 1.0.16 (2023-10-04)
439
+
440
+
441
+
442
+ ## 1.0.15 (2023-10-04)
443
+
444
+
445
+
446
+ ## 1.0.14 (2023-10-03)
447
+
448
+
449
+
450
+ ## 1.0.13 (2023-10-03)
451
+
452
+
453
+
454
+ ## 1.0.12 (2023-10-03)
455
+
456
+
457
+
458
+ ## 1.0.11 (2023-10-02)
459
+
460
+
461
+
462
+ ## 1.0.10 (2023-09-29)
463
+
464
+
465
+
466
+ ## 1.0.9 (2023-09-28)
467
+
468
+
469
+
470
+ ## 1.0.8 (2023-09-27)
471
+
472
+
473
+
474
+ ## 1.0.7 (2023-09-26)
475
+
476
+
477
+
478
+ ## 1.0.6 (2023-09-21)
479
+
480
+
481
+
482
+ ## 1.0.5 (2023-09-13)
483
+
484
+ **Note:** Version bump only for package @oanda/labs-order-book-widget
485
+
486
+
487
+
488
+
489
+
6
490
  ## 1.0.123 (2024-05-28)
7
491
 
8
492
 
@@ -13,7 +13,6 @@ var _getOrderPositionBooks = require("../gql/getOrderPositionBooks");
13
13
  var _graphql = require("../gql/types/graphql");
14
14
  var _Chart = require("./components/Chart/Chart");
15
15
  var _config = require("./config");
16
- var _constants = require("./constants");
17
16
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
18
17
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
19
18
  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; }
@@ -67,10 +66,11 @@ const ChartWithData = _ref => {
67
66
  data: data,
68
67
  isOrderBook: bookType === _graphql.BookType.Order,
69
68
  precision: _config.instrumentPrecisionConfig[instrument]
70
- }))), !isError && _react.default.createElement("div", {
69
+ }))), !loading && !isError && _react.default.createElement("div", {
71
70
  className: "lw-mt-2 lw-h-8"
72
- }, _react.default.createElement(_labsWidgetCommon.InfoBox, {
73
- text: "".concat(lang('last_updated'), ": ").concat(updatedAt ? (0, _labsWidgetCommon.formatUpdatedTimestamp)(updatedAt, lang('today')) : _constants.EMPTY_VALUE)
71
+ }, _react.default.createElement(_labsWidgetCommon.LastUpdated, {
72
+ timestamp: updatedAt,
73
+ labelCallback: lang
74
74
  })));
75
75
  };
76
76
  exports.ChartWithData = ChartWithData;
@@ -1 +1 @@
1
- {"version":3,"file":"ChartWithData.js","names":["_react","_interopRequireWildcard","require","_client","_classnames","_interopRequireDefault","_labsWidgetCommon","_monoI18n","_getOrderPositionBooks","_graphql","_Chart","_config","_constants","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ChartWithData","_ref","_data$orderPositionBo","_data$orderPositionBo2","instrument","bookType","lang","useLocale","size","useContext","ThemeContext","isDesktop","Size","DESKTOP","loading","data","error","useQuery","getOrderPositionBooks","variables","recentHours","fetchPolicy","isError","orderPositionBooks","price","updatedAt","time","createElement","Fragment","className","classnames","ChartError","Spinner","SpinnerSize","lg","Chart","isOrderBook","BookType","Order","precision","instrumentPrecisionConfig","InfoBox","text","concat","formatUpdatedTimestamp","EMPTY_VALUE","exports"],"sources":["../../../src/OrderBookWidget/ChartWithData.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { useQuery } from '@apollo/client';\nimport classnames from 'classnames';\nimport {\n ChartError, InfoBox, Size, Spinner, SpinnerSize, ThemeContext, formatUpdatedTimestamp,\n} from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport { ChartWithDataProps } from './types';\nimport { getOrderPositionBooks } from '../gql/getOrderPositionBooks';\nimport { GetOrderPositionBooksQuery, GetOrderPositionBooksQueryVariables, BookType } from '../gql/types/graphql';\nimport { Chart } from './components/Chart/Chart';\nimport { instrumentPrecisionConfig } from './config';\nimport { EMPTY_VALUE } from './constants';\n\nconst ChartWithData = ({\n instrument,\n bookType,\n}: ChartWithDataProps) => {\n const { lang } = useLocale();\n const { size } = useContext(ThemeContext);\n const isDesktop = size === Size.DESKTOP;\n\n const { loading, data, error } = useQuery<\n GetOrderPositionBooksQuery,\n GetOrderPositionBooksQueryVariables\n >(getOrderPositionBooks, {\n variables: {\n instrument,\n bookType,\n recentHours: 1,\n },\n fetchPolicy: 'network-only',\n });\n\n const isError = (!loading && !data?.orderPositionBooks[0]?.price) || !!error;\n const updatedAt = data?.orderPositionBooks[0]?.time;\n\n return (\n <>\n <div className={classnames('lw-relative lw-w-full', {\n 'lw-h-[450px]': isDesktop,\n 'lw-h-[390px]': !isDesktop,\n })}\n >\n {isError && (\n <div className={\n classnames(\n 'lw-absolute lw-left-0 lw-top-0 lw-flex lw-w-full lw-items-center lw-justify-center lw-border lw-border-solid lw-border-border-primary',\n {\n 'lw-h-full': isDesktop,\n 'lw-h-[calc(100%-40px)]': !isDesktop,\n },\n )\n }\n >\n <ChartError />\n </div>\n )}\n {loading && (\n <div className={\n classnames(\n 'lw-absolute lw-left-0 lw-top-0 lw-flex lw-w-full lw-items-center lw-justify-center lw-border lw-border-solid lw-border-border-primary',\n {\n 'lw-h-full': isDesktop,\n 'lw-h-[calc(100%-40px)]': !isDesktop,\n },\n )\n }\n >\n <Spinner size={SpinnerSize.lg} />\n </div>\n )}\n {!isError && data && (\n <div className=\"lw-absolute lw-left-0 lw-top-0 lw-flex lw-h-full lw-w-full\">\n <Chart\n data={data}\n isOrderBook={bookType === BookType.Order}\n precision={instrumentPrecisionConfig[instrument]}\n />\n </div>\n )}\n </div>\n {!isError && (\n <div className=\"lw-mt-2 lw-h-8\">\n <InfoBox text={`${lang('last_updated')}: ${updatedAt ? formatUpdatedTimestamp(updatedAt, lang('today')) : EMPTY_VALUE}`} />\n </div>\n )}\n </>\n );\n};\n\nexport { ChartWithData };\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"ChartWithData.js","names":["_react","_interopRequireWildcard","require","_client","_classnames","_interopRequireDefault","_labsWidgetCommon","_monoI18n","_getOrderPositionBooks","_graphql","_Chart","_config","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ChartWithData","_ref","_data$orderPositionBo","_data$orderPositionBo2","instrument","bookType","lang","useLocale","size","useContext","ThemeContext","isDesktop","Size","DESKTOP","loading","data","error","useQuery","getOrderPositionBooks","variables","recentHours","fetchPolicy","isError","orderPositionBooks","price","updatedAt","time","createElement","Fragment","className","classnames","ChartError","Spinner","SpinnerSize","lg","Chart","isOrderBook","BookType","Order","precision","instrumentPrecisionConfig","LastUpdated","timestamp","labelCallback","exports"],"sources":["../../../src/OrderBookWidget/ChartWithData.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { useQuery } from '@apollo/client';\nimport classnames from 'classnames';\nimport {\n ChartError,\n LastUpdated,\n Size,\n Spinner,\n SpinnerSize,\n ThemeContext,\n} from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport { ChartWithDataProps } from './types';\nimport { getOrderPositionBooks } from '../gql/getOrderPositionBooks';\nimport { GetOrderPositionBooksQuery, GetOrderPositionBooksQueryVariables, BookType } from '../gql/types/graphql';\nimport { Chart } from './components/Chart/Chart';\nimport { instrumentPrecisionConfig } from './config';\n\nconst ChartWithData = ({\n instrument,\n bookType,\n}: ChartWithDataProps) => {\n const { lang } = useLocale();\n const { size } = useContext(ThemeContext);\n const isDesktop = size === Size.DESKTOP;\n\n const { loading, data, error } = useQuery<\n GetOrderPositionBooksQuery,\n GetOrderPositionBooksQueryVariables\n >(getOrderPositionBooks, {\n variables: {\n instrument,\n bookType,\n recentHours: 1,\n },\n fetchPolicy: 'network-only',\n });\n\n const isError = (!loading && !data?.orderPositionBooks[0]?.price) || !!error;\n const updatedAt = data?.orderPositionBooks[0]?.time;\n\n return (\n <>\n <div className={classnames('lw-relative lw-w-full', {\n 'lw-h-[450px]': isDesktop,\n 'lw-h-[390px]': !isDesktop,\n })}\n >\n {isError && (\n <div className={\n classnames(\n 'lw-absolute lw-left-0 lw-top-0 lw-flex lw-w-full lw-items-center lw-justify-center lw-border lw-border-solid lw-border-border-primary',\n {\n 'lw-h-full': isDesktop,\n 'lw-h-[calc(100%-40px)]': !isDesktop,\n },\n )\n }\n >\n <ChartError />\n </div>\n )}\n {loading && (\n <div className={\n classnames(\n 'lw-absolute lw-left-0 lw-top-0 lw-flex lw-w-full lw-items-center lw-justify-center lw-border lw-border-solid lw-border-border-primary',\n {\n 'lw-h-full': isDesktop,\n 'lw-h-[calc(100%-40px)]': !isDesktop,\n },\n )\n }\n >\n <Spinner size={SpinnerSize.lg} />\n </div>\n )}\n {!isError && data && (\n <div className=\"lw-absolute lw-left-0 lw-top-0 lw-flex lw-h-full lw-w-full\">\n <Chart\n data={data}\n isOrderBook={bookType === BookType.Order}\n precision={instrumentPrecisionConfig[instrument]}\n />\n </div>\n )}\n </div>\n {!loading && !isError && (\n <div className=\"lw-mt-2 lw-h-8\">\n <LastUpdated timestamp={updatedAt} labelCallback={lang} />\n </div>\n )}\n </>\n );\n};\n\nexport { ChartWithData };\n"],"mappings":"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","ignoreList":[]}
@@ -1,13 +1,12 @@
1
1
  import React, { useContext } from 'react';
2
2
  import { useQuery } from '@apollo/client';
3
3
  import classnames from 'classnames';
4
- import { ChartError, InfoBox, Size, Spinner, SpinnerSize, ThemeContext, formatUpdatedTimestamp } from '@oanda/labs-widget-common';
4
+ import { ChartError, LastUpdated, Size, Spinner, SpinnerSize, ThemeContext } from '@oanda/labs-widget-common';
5
5
  import { useLocale } from '@oanda/mono-i18n';
6
6
  import { getOrderPositionBooks } from '../gql/getOrderPositionBooks';
7
7
  import { BookType } from '../gql/types/graphql';
8
8
  import { Chart } from './components/Chart/Chart';
9
9
  import { instrumentPrecisionConfig } from './config';
10
- import { EMPTY_VALUE } from './constants';
11
10
  const ChartWithData = _ref => {
12
11
  var _data$orderPositionBo, _data$orderPositionBo2;
13
12
  let {
@@ -58,10 +57,11 @@ const ChartWithData = _ref => {
58
57
  data: data,
59
58
  isOrderBook: bookType === BookType.Order,
60
59
  precision: instrumentPrecisionConfig[instrument]
61
- }))), !isError && React.createElement("div", {
60
+ }))), !loading && !isError && React.createElement("div", {
62
61
  className: "lw-mt-2 lw-h-8"
63
- }, React.createElement(InfoBox, {
64
- text: "".concat(lang('last_updated'), ": ").concat(updatedAt ? formatUpdatedTimestamp(updatedAt, lang('today')) : EMPTY_VALUE)
62
+ }, React.createElement(LastUpdated, {
63
+ timestamp: updatedAt,
64
+ labelCallback: lang
65
65
  })));
66
66
  };
67
67
  export { ChartWithData };
@@ -1 +1 @@
1
- {"version":3,"file":"ChartWithData.js","names":["React","useContext","useQuery","classnames","ChartError","InfoBox","Size","Spinner","SpinnerSize","ThemeContext","formatUpdatedTimestamp","useLocale","getOrderPositionBooks","BookType","Chart","instrumentPrecisionConfig","EMPTY_VALUE","ChartWithData","_ref","_data$orderPositionBo","_data$orderPositionBo2","instrument","bookType","lang","size","isDesktop","DESKTOP","loading","data","error","variables","recentHours","fetchPolicy","isError","orderPositionBooks","price","updatedAt","time","createElement","Fragment","className","lg","isOrderBook","Order","precision","text","concat"],"sources":["../../../src/OrderBookWidget/ChartWithData.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { useQuery } from '@apollo/client';\nimport classnames from 'classnames';\nimport {\n ChartError, InfoBox, Size, Spinner, SpinnerSize, ThemeContext, formatUpdatedTimestamp,\n} from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport { ChartWithDataProps } from './types';\nimport { getOrderPositionBooks } from '../gql/getOrderPositionBooks';\nimport { GetOrderPositionBooksQuery, GetOrderPositionBooksQueryVariables, BookType } from '../gql/types/graphql';\nimport { Chart } from './components/Chart/Chart';\nimport { instrumentPrecisionConfig } from './config';\nimport { EMPTY_VALUE } from './constants';\n\nconst ChartWithData = ({\n instrument,\n bookType,\n}: ChartWithDataProps) => {\n const { lang } = useLocale();\n const { size } = useContext(ThemeContext);\n const isDesktop = size === Size.DESKTOP;\n\n const { loading, data, error } = useQuery<\n GetOrderPositionBooksQuery,\n GetOrderPositionBooksQueryVariables\n >(getOrderPositionBooks, {\n variables: {\n instrument,\n bookType,\n recentHours: 1,\n },\n fetchPolicy: 'network-only',\n });\n\n const isError = (!loading && !data?.orderPositionBooks[0]?.price) || !!error;\n const updatedAt = data?.orderPositionBooks[0]?.time;\n\n return (\n <>\n <div className={classnames('lw-relative lw-w-full', {\n 'lw-h-[450px]': isDesktop,\n 'lw-h-[390px]': !isDesktop,\n })}\n >\n {isError && (\n <div className={\n classnames(\n 'lw-absolute lw-left-0 lw-top-0 lw-flex lw-w-full lw-items-center lw-justify-center lw-border lw-border-solid lw-border-border-primary',\n {\n 'lw-h-full': isDesktop,\n 'lw-h-[calc(100%-40px)]': !isDesktop,\n },\n )\n }\n >\n <ChartError />\n </div>\n )}\n {loading && (\n <div className={\n classnames(\n 'lw-absolute lw-left-0 lw-top-0 lw-flex lw-w-full lw-items-center lw-justify-center lw-border lw-border-solid lw-border-border-primary',\n {\n 'lw-h-full': isDesktop,\n 'lw-h-[calc(100%-40px)]': !isDesktop,\n },\n )\n }\n >\n <Spinner size={SpinnerSize.lg} />\n </div>\n )}\n {!isError && data && (\n <div className=\"lw-absolute lw-left-0 lw-top-0 lw-flex lw-h-full lw-w-full\">\n <Chart\n data={data}\n isOrderBook={bookType === BookType.Order}\n precision={instrumentPrecisionConfig[instrument]}\n />\n </div>\n )}\n </div>\n {!isError && (\n <div className=\"lw-mt-2 lw-h-8\">\n <InfoBox text={`${lang('last_updated')}: ${updatedAt ? formatUpdatedTimestamp(updatedAt, lang('today')) : EMPTY_VALUE}`} />\n </div>\n )}\n </>\n );\n};\n\nexport { ChartWithData };\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"ChartWithData.js","names":["React","useContext","useQuery","classnames","ChartError","LastUpdated","Size","Spinner","SpinnerSize","ThemeContext","useLocale","getOrderPositionBooks","BookType","Chart","instrumentPrecisionConfig","ChartWithData","_ref","_data$orderPositionBo","_data$orderPositionBo2","instrument","bookType","lang","size","isDesktop","DESKTOP","loading","data","error","variables","recentHours","fetchPolicy","isError","orderPositionBooks","price","updatedAt","time","createElement","Fragment","className","lg","isOrderBook","Order","precision","timestamp","labelCallback"],"sources":["../../../src/OrderBookWidget/ChartWithData.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { useQuery } from '@apollo/client';\nimport classnames from 'classnames';\nimport {\n ChartError,\n LastUpdated,\n Size,\n Spinner,\n SpinnerSize,\n ThemeContext,\n} from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport { ChartWithDataProps } from './types';\nimport { getOrderPositionBooks } from '../gql/getOrderPositionBooks';\nimport { GetOrderPositionBooksQuery, GetOrderPositionBooksQueryVariables, BookType } from '../gql/types/graphql';\nimport { Chart } from './components/Chart/Chart';\nimport { instrumentPrecisionConfig } from './config';\n\nconst ChartWithData = ({\n instrument,\n bookType,\n}: ChartWithDataProps) => {\n const { lang } = useLocale();\n const { size } = useContext(ThemeContext);\n const isDesktop = size === Size.DESKTOP;\n\n const { loading, data, error } = useQuery<\n GetOrderPositionBooksQuery,\n GetOrderPositionBooksQueryVariables\n >(getOrderPositionBooks, {\n variables: {\n instrument,\n bookType,\n recentHours: 1,\n },\n fetchPolicy: 'network-only',\n });\n\n const isError = (!loading && !data?.orderPositionBooks[0]?.price) || !!error;\n const updatedAt = data?.orderPositionBooks[0]?.time;\n\n return (\n <>\n <div className={classnames('lw-relative lw-w-full', {\n 'lw-h-[450px]': isDesktop,\n 'lw-h-[390px]': !isDesktop,\n })}\n >\n {isError && (\n <div className={\n classnames(\n 'lw-absolute lw-left-0 lw-top-0 lw-flex lw-w-full lw-items-center lw-justify-center lw-border lw-border-solid lw-border-border-primary',\n {\n 'lw-h-full': isDesktop,\n 'lw-h-[calc(100%-40px)]': !isDesktop,\n },\n )\n }\n >\n <ChartError />\n </div>\n )}\n {loading && (\n <div className={\n classnames(\n 'lw-absolute lw-left-0 lw-top-0 lw-flex lw-w-full lw-items-center lw-justify-center lw-border lw-border-solid lw-border-border-primary',\n {\n 'lw-h-full': isDesktop,\n 'lw-h-[calc(100%-40px)]': !isDesktop,\n },\n )\n }\n >\n <Spinner size={SpinnerSize.lg} />\n </div>\n )}\n {!isError && data && (\n <div className=\"lw-absolute lw-left-0 lw-top-0 lw-flex lw-h-full lw-w-full\">\n <Chart\n data={data}\n isOrderBook={bookType === BookType.Order}\n precision={instrumentPrecisionConfig[instrument]}\n />\n </div>\n )}\n </div>\n {!loading && !isError && (\n <div className=\"lw-mt-2 lw-h-8\">\n <LastUpdated timestamp={updatedAt} labelCallback={lang} />\n </div>\n )}\n </>\n );\n};\n\nexport { ChartWithData };\n"],"mappings":"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","ignoreList":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@oanda/labs-order-book-widget",
3
- "version": "1.0.123",
3
+ "version": "1.0.124",
4
4
  "description": "Labs Order Book Widget",
5
5
  "main": "dist/main/index.js",
6
6
  "module": "dist/module/index.js",
@@ -13,7 +13,7 @@
13
13
  "license": "UNLICENSED",
14
14
  "dependencies": {
15
15
  "@apollo/client": "3.9.9",
16
- "@oanda/labs-widget-common": "^1.0.123",
16
+ "@oanda/labs-widget-common": "^1.0.124",
17
17
  "@oanda/mono-i18n": "10.0.1",
18
18
  "echarts": "5.5.0",
19
19
  "echarts-for-react": "3.0.2",
@@ -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": "62307b37f0909cf1d26bd37aa5b15b3d6996b668"
27
+ "gitHead": "cd4689a75028e88528598248bcc293314f8e45a4"
28
28
  }
@@ -2,7 +2,12 @@ import React, { useContext } from 'react';
2
2
  import { useQuery } from '@apollo/client';
3
3
  import classnames from 'classnames';
4
4
  import {
5
- ChartError, InfoBox, Size, Spinner, SpinnerSize, ThemeContext, formatUpdatedTimestamp,
5
+ ChartError,
6
+ LastUpdated,
7
+ Size,
8
+ Spinner,
9
+ SpinnerSize,
10
+ ThemeContext,
6
11
  } from '@oanda/labs-widget-common';
7
12
  import { useLocale } from '@oanda/mono-i18n';
8
13
  import { ChartWithDataProps } from './types';
@@ -10,7 +15,6 @@ import { getOrderPositionBooks } from '../gql/getOrderPositionBooks';
10
15
  import { GetOrderPositionBooksQuery, GetOrderPositionBooksQueryVariables, BookType } from '../gql/types/graphql';
11
16
  import { Chart } from './components/Chart/Chart';
12
17
  import { instrumentPrecisionConfig } from './config';
13
- import { EMPTY_VALUE } from './constants';
14
18
 
15
19
  const ChartWithData = ({
16
20
  instrument,
@@ -80,9 +84,9 @@ const ChartWithData = ({
80
84
  </div>
81
85
  )}
82
86
  </div>
83
- {!isError && (
87
+ {!loading && !isError && (
84
88
  <div className="lw-mt-2 lw-h-8">
85
- <InfoBox text={`${lang('last_updated')}: ${updatedAt ? formatUpdatedTimestamp(updatedAt, lang('today')) : EMPTY_VALUE}`} />
89
+ <LastUpdated timestamp={updatedAt} labelCallback={lang} />
86
90
  </div>
87
91
  )}
88
92
  </>
@@ -74,7 +74,7 @@ describe('Main component', () => {
74
74
  );
75
75
 
76
76
  expect(await findByTestId('order-book-widget')).toBeInTheDocument();
77
- expect(await findByTestId('info-box')).toHaveTextContent('last_updated: 10:30:00, today (UTC)');
77
+ expect(await findByTestId('last-updated')).toHaveTextContent('last_updated: 10:30:00, today (UTC).');
78
78
  expect((await findByTestId('select'))).toBeInTheDocument();
79
79
  expect(await findByTestId('order-book-chart')).toBeInTheDocument();
80
80
  });