@oanda/labs-instruments-price-chart-widget 1.0.7 → 1.0.8

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 (60) hide show
  1. package/CHANGELOG.md +36 -0
  2. package/dist/main/InstrumentsPriceChartWidget/components/Chart.js +7 -2
  3. package/dist/main/InstrumentsPriceChartWidget/components/Chart.js.map +1 -1
  4. package/dist/main/InstrumentsPriceChartWidget/components/formatters.js +26 -1
  5. package/dist/main/InstrumentsPriceChartWidget/components/formatters.js.map +1 -1
  6. package/dist/main/InstrumentsPriceChartWidget/components/getOption.js +21 -2
  7. package/dist/main/InstrumentsPriceChartWidget/components/getOption.js.map +1 -1
  8. package/dist/main/InstrumentsPriceChartWidget/components/types.js.map +1 -1
  9. package/dist/main/InstrumentsPriceChartWidget/getPriceCandlesMock.js +30 -13
  10. package/dist/main/InstrumentsPriceChartWidget/getPriceCandlesMock.js.map +1 -1
  11. package/dist/main/gql/mock/getPriceCandles.js +3 -0
  12. package/dist/main/gql/mock/getPriceCandles.js.map +1 -1
  13. package/dist/main/gql/mock/schema.graphqls +3 -0
  14. package/dist/main/gql/types/gql.js +1 -1
  15. package/dist/main/gql/types/gql.js.map +1 -1
  16. package/dist/main/gql/types/graphql.js +28 -1
  17. package/dist/main/gql/types/graphql.js.map +1 -1
  18. package/dist/main/translations/sources/en.json +7 -0
  19. package/dist/main/translations/sources/es.json +2 -0
  20. package/dist/main/translations/sources/th.json +2 -0
  21. package/dist/main/translations/sources/zh_TW.json +2 -0
  22. package/dist/module/InstrumentsPriceChartWidget/components/Chart.js +8 -3
  23. package/dist/module/InstrumentsPriceChartWidget/components/Chart.js.map +1 -1
  24. package/dist/module/InstrumentsPriceChartWidget/components/formatters.js +24 -0
  25. package/dist/module/InstrumentsPriceChartWidget/components/formatters.js.map +1 -1
  26. package/dist/module/InstrumentsPriceChartWidget/components/getOption.js +22 -3
  27. package/dist/module/InstrumentsPriceChartWidget/components/getOption.js.map +1 -1
  28. package/dist/module/InstrumentsPriceChartWidget/components/types.js.map +1 -1
  29. package/dist/module/InstrumentsPriceChartWidget/getPriceCandlesMock.js +30 -13
  30. package/dist/module/InstrumentsPriceChartWidget/getPriceCandlesMock.js.map +1 -1
  31. package/dist/module/gql/mock/getPriceCandles.js +3 -0
  32. package/dist/module/gql/mock/getPriceCandles.js.map +1 -1
  33. package/dist/module/gql/mock/schema.graphqls +3 -0
  34. package/dist/module/gql/types/gql.js +1 -1
  35. package/dist/module/gql/types/gql.js.map +1 -1
  36. package/dist/module/gql/types/graphql.js +27 -0
  37. package/dist/module/gql/types/graphql.js.map +1 -1
  38. package/dist/module/translations/sources/en.json +7 -0
  39. package/dist/module/translations/sources/es.json +2 -0
  40. package/dist/module/translations/sources/th.json +2 -0
  41. package/dist/module/translations/sources/zh_TW.json +2 -0
  42. package/dist/types/InstrumentsPriceChartWidget/components/formatters.d.ts +2 -0
  43. package/dist/types/InstrumentsPriceChartWidget/components/types.d.ts +12 -0
  44. package/dist/types/gql/types/gql.d.ts +2 -2
  45. package/dist/types/gql/types/graphql.d.ts +23 -1
  46. package/lokalise.config.json +1 -1
  47. package/package.json +3 -3
  48. package/src/InstrumentsPriceChartWidget/components/Chart.tsx +5 -0
  49. package/src/InstrumentsPriceChartWidget/components/formatters.ts +22 -0
  50. package/src/InstrumentsPriceChartWidget/components/getOption.ts +25 -3
  51. package/src/InstrumentsPriceChartWidget/components/types.ts +14 -0
  52. package/src/InstrumentsPriceChartWidget/getPriceCandlesMock.tsx +13 -5
  53. package/src/gql/mock/getPriceCandles.ts +3 -0
  54. package/src/gql/mock/schema.graphqls +3 -0
  55. package/src/gql/types/gql.ts +3 -3
  56. package/src/gql/types/graphql.ts +32 -2
  57. package/src/translations/sources/en.json +7 -0
  58. package/src/translations/sources/es.json +2 -0
  59. package/src/translations/sources/th.json +2 -0
  60. package/src/translations/sources/zh_TW.json +2 -0
package/CHANGELOG.md CHANGED
@@ -3,6 +3,42 @@
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.8 (2025-08-05)
7
+
8
+
9
+
10
+ ## 1.0.211 (2025-08-05)
11
+
12
+
13
+
14
+ ## 1.0.210 (2025-07-31)
15
+
16
+
17
+
18
+ ## 1.0.209 (2025-07-31)
19
+
20
+
21
+
22
+ ## 1.0.208 (2025-07-24)
23
+
24
+
25
+
26
+ ## 1.0.207 (2025-07-18)
27
+
28
+
29
+
30
+ ## 1.0.206 (2025-07-18)
31
+
32
+
33
+
34
+ ## 1.0.205 (2025-07-17)
35
+
36
+ **Note:** Version bump only for package @oanda/labs-instruments-price-chart-widget
37
+
38
+
39
+
40
+
41
+
6
42
  ## 1.0.7 (2025-08-05)
7
43
 
8
44
 
@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.Chart = void 0;
7
7
  var _labsWidgetCommon = require("@oanda/labs-widget-common");
8
+ var _monoI18n = require("@oanda/mono-i18n");
8
9
  var _charts = require("echarts/charts");
9
10
  var _components = require("echarts/components");
10
11
  var echarts = _interopRequireWildcard(require("echarts/core"));
@@ -15,7 +16,7 @@ var _getOption = require("./getOption");
15
16
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
16
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); }
17
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; }
18
- echarts.use([_components.GridSimpleComponent, _components.GraphicComponent, _charts.LineChart, _components.DatasetComponent, _charts.CustomChart, _renderers.CanvasRenderer]);
19
+ echarts.use([_components.GridSimpleComponent, _components.GraphicComponent, _charts.LineChart, _components.DatasetComponent, _charts.CustomChart, _renderers.CanvasRenderer, _components.TooltipComponent]);
19
20
  echarts.registerTheme('dark_theme', (0, _labsWidgetCommon.getChartTheme)(_labsWidgetCommon.Theme.Dark));
20
21
  echarts.registerTheme('light_theme', (0, _labsWidgetCommon.getChartTheme)(_labsWidgetCommon.Theme.Light));
21
22
  const Chart = _ref => {
@@ -25,13 +26,17 @@ const Chart = _ref => {
25
26
  const {
26
27
  isDark
27
28
  } = (0, _labsWidgetCommon.useLayoutProvider)();
29
+ const {
30
+ lang
31
+ } = (0, _monoI18n.useLocale)();
28
32
  return _react.default.createElement(_labsWidgetCommon.BaseChart, {
29
33
  chartHeight: _constants.CHART_HEIGHT,
30
34
  echarts: echarts,
31
35
  isDark: isDark,
32
36
  option: (0, _getOption.getOption)({
33
37
  values,
34
- isDark
38
+ isDark,
39
+ lang
35
40
  })
36
41
  });
37
42
  };
@@ -1 +1 @@
1
- {"version":3,"file":"Chart.js","names":["_labsWidgetCommon","require","_charts","_components","echarts","_interopRequireWildcard","_renderers","_react","_interopRequireDefault","_constants","_getOption","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","use","GridSimpleComponent","GraphicComponent","LineChart","DatasetComponent","CustomChart","CanvasRenderer","registerTheme","getChartTheme","Theme","Dark","Light","Chart","_ref","values","isDark","useLayoutProvider","createElement","BaseChart","chartHeight","CHART_HEIGHT","option","getOption","exports"],"sources":["../../../../src/InstrumentsPriceChartWidget/components/Chart.tsx"],"sourcesContent":["import {\n BaseChart,\n getChartTheme,\n Theme,\n useLayoutProvider,\n} from '@oanda/labs-widget-common';\nimport { CustomChart, LineChart } from 'echarts/charts';\nimport {\n DatasetComponent,\n GraphicComponent,\n GridSimpleComponent,\n} from 'echarts/components';\nimport * as echarts from 'echarts/core';\nimport { CanvasRenderer } from 'echarts/renderers';\nimport React from 'react';\n\nimport { CHART_HEIGHT } from './constants';\nimport { getOption } from './getOption';\nimport type { ChartProps } from './types';\n\necharts.use([\n GridSimpleComponent,\n GraphicComponent,\n LineChart,\n DatasetComponent,\n CustomChart,\n CanvasRenderer,\n]);\n\necharts.registerTheme('dark_theme', getChartTheme(Theme.Dark));\necharts.registerTheme('light_theme', getChartTheme(Theme.Light));\n\nexport const Chart = ({ values }: ChartProps) => {\n const { isDark } = useLayoutProvider();\n\n return (\n <BaseChart\n chartHeight={CHART_HEIGHT}\n echarts={echarts}\n isDark={isDark}\n option={getOption({\n values,\n isDark,\n })}\n />\n );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAMA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAKA,IAAAG,OAAA,GAAAC,uBAAA,CAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAC,sBAAA,CAAAP,OAAA;AAEA,IAAAQ,UAAA,GAAAR,OAAA;AACA,IAAAS,UAAA,GAAAT,OAAA;AAAwC,SAAAO,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,yBAAAH,CAAA,6BAAAI,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAD,wBAAA,YAAAA,CAAAH,CAAA,WAAAA,CAAA,GAAAM,CAAA,GAAAD,CAAA,KAAAL,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAK,CAAA,SAAAA,CAAA,IAAAL,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAE,OAAA,EAAAF,CAAA,QAAAM,CAAA,GAAAH,wBAAA,CAAAE,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAP,CAAA,UAAAM,CAAA,CAAAE,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAe,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,CAAAP,OAAA,GAAAF,CAAA,EAAAM,CAAA,IAAAA,CAAA,CAAAa,GAAA,CAAAnB,CAAA,EAAAS,CAAA,GAAAA,CAAA;AAGxChB,OAAO,CAAC2B,GAAG,CAAC,CACVC,+BAAmB,EACnBC,4BAAgB,EAChBC,iBAAS,EACTC,4BAAgB,EAChBC,mBAAW,EACXC,yBAAc,CACf,CAAC;AAEFjC,OAAO,CAACkC,aAAa,CAAC,YAAY,EAAE,IAAAC,+BAAa,EAACC,uBAAK,CAACC,IAAI,CAAC,CAAC;AAC9DrC,OAAO,CAACkC,aAAa,CAAC,aAAa,EAAE,IAAAC,+BAAa,EAACC,uBAAK,CAACE,KAAK,CAAC,CAAC;AAEzD,MAAMC,KAAK,GAAGC,IAAA,IAA4B;EAAA,IAA3B;IAAEC;EAAmB,CAAC,GAAAD,IAAA;EAC1C,MAAM;IAAEE;EAAO,CAAC,GAAG,IAAAC,mCAAiB,EAAC,CAAC;EAEtC,OACExC,MAAA,CAAAM,OAAA,CAAAmC,aAAA,CAAChD,iBAAA,CAAAiD,SAAS;IACRC,WAAW,EAAEC,uBAAa;IAC1B/C,OAAO,EAAEA,OAAQ;IACjB0C,MAAM,EAAEA,MAAO;IACfM,MAAM,EAAE,IAAAC,oBAAS,EAAC;MAChBR,MAAM;MACNC;IACF,CAAC;EAAE,CACJ,CAAC;AAEN,CAAC;AAACQ,OAAA,CAAAX,KAAA,GAAAA,KAAA","ignoreList":[]}
1
+ {"version":3,"file":"Chart.js","names":["_labsWidgetCommon","require","_monoI18n","_charts","_components","echarts","_interopRequireWildcard","_renderers","_react","_interopRequireDefault","_constants","_getOption","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","use","GridSimpleComponent","GraphicComponent","LineChart","DatasetComponent","CustomChart","CanvasRenderer","TooltipComponent","registerTheme","getChartTheme","Theme","Dark","Light","Chart","_ref","values","isDark","useLayoutProvider","lang","useLocale","createElement","BaseChart","chartHeight","CHART_HEIGHT","option","getOption","exports"],"sources":["../../../../src/InstrumentsPriceChartWidget/components/Chart.tsx"],"sourcesContent":["import {\n BaseChart,\n getChartTheme,\n Theme,\n useLayoutProvider,\n} from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport { CustomChart, LineChart } from 'echarts/charts';\nimport {\n DatasetComponent,\n GraphicComponent,\n GridSimpleComponent,\n TooltipComponent,\n} from 'echarts/components';\nimport * as echarts from 'echarts/core';\nimport { CanvasRenderer } from 'echarts/renderers';\nimport React from 'react';\n\nimport { CHART_HEIGHT } from './constants';\nimport { getOption } from './getOption';\nimport type { ChartProps } from './types';\n\necharts.use([\n GridSimpleComponent,\n GraphicComponent,\n LineChart,\n DatasetComponent,\n CustomChart,\n CanvasRenderer,\n TooltipComponent,\n]);\n\necharts.registerTheme('dark_theme', getChartTheme(Theme.Dark));\necharts.registerTheme('light_theme', getChartTheme(Theme.Light));\n\nexport const Chart = ({ values }: ChartProps) => {\n const { isDark } = useLayoutProvider();\n const { lang } = useLocale();\n\n return (\n <BaseChart\n chartHeight={CHART_HEIGHT}\n echarts={echarts}\n isDark={isDark}\n option={getOption({\n values,\n isDark,\n lang,\n })}\n />\n );\n};\n"],"mappings":"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","ignoreList":[]}
@@ -3,7 +3,8 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.dailyFormatter = void 0;
6
+ exports.tooltipFormatter = exports.dailyFormatter = void 0;
7
+ var _labsWidgetCommon = require("@oanda/labs-widget-common");
7
8
  const dailyFormatter = timestamp => {
8
9
  const date = new Date(timestamp);
9
10
  return date.toLocaleTimeString(undefined, {
@@ -12,4 +13,28 @@ const dailyFormatter = timestamp => {
12
13
  });
13
14
  };
14
15
  exports.dailyFormatter = dailyFormatter;
16
+ const tooltipFormatter = _ref => {
17
+ let {
18
+ lang,
19
+ data
20
+ } = _ref;
21
+ const {
22
+ open,
23
+ high,
24
+ close,
25
+ low,
26
+ time
27
+ } = data;
28
+ const date = (0, _labsWidgetCommon.chartDateTimeFormat)((0, _labsWidgetCommon.getChartDateAndTime)(time));
29
+ return `
30
+ <div style="display:flex; flex-direction:column;">
31
+ <span style="margin-bottom:5px;">${date}</span>
32
+ ${lang('open')}: ${open.toFixed(4)}<br />
33
+ ${lang('high')}: ${high.toFixed(4)}<br />
34
+ ${lang('low')}: ${low.toFixed(4)}<br />
35
+ ${lang('close')}: ${close.toFixed(4)}
36
+ </div>
37
+ `;
38
+ };
39
+ exports.tooltipFormatter = tooltipFormatter;
15
40
  //# sourceMappingURL=formatters.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"formatters.js","names":["dailyFormatter","timestamp","date","Date","toLocaleTimeString","undefined","hour","hour12","exports"],"sources":["../../../../src/InstrumentsPriceChartWidget/components/formatters.ts"],"sourcesContent":["export const dailyFormatter = (timestamp: string) => {\n const date = new Date(timestamp);\n return date.toLocaleTimeString(undefined, {\n hour: 'numeric',\n hour12: true,\n });\n};\n"],"mappings":";;;;;;AAAO,MAAMA,cAAc,GAAIC,SAAiB,IAAK;EACnD,MAAMC,IAAI,GAAG,IAAIC,IAAI,CAACF,SAAS,CAAC;EAChC,OAAOC,IAAI,CAACE,kBAAkB,CAACC,SAAS,EAAE;IACxCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC,CAAC;AACJ,CAAC;AAACC,OAAA,CAAAR,cAAA,GAAAA,cAAA","ignoreList":[]}
1
+ {"version":3,"file":"formatters.js","names":["_labsWidgetCommon","require","dailyFormatter","timestamp","date","Date","toLocaleTimeString","undefined","hour","hour12","exports","tooltipFormatter","_ref","lang","data","open","high","close","low","time","chartDateTimeFormat","getChartDateAndTime","toFixed"],"sources":["../../../../src/InstrumentsPriceChartWidget/components/formatters.ts"],"sourcesContent":["import {\n chartDateTimeFormat,\n getChartDateAndTime,\n} from '@oanda/labs-widget-common';\n\nimport type { TooltipFormatterParams } from './types';\n\nexport const dailyFormatter = (timestamp: string) => {\n const date = new Date(timestamp);\n return date.toLocaleTimeString(undefined, {\n hour: 'numeric',\n hour12: true,\n });\n};\n\nexport const tooltipFormatter = ({ lang, data }: TooltipFormatterParams) => {\n const { open, high, close, low, time } = data;\n const date = chartDateTimeFormat(getChartDateAndTime(time));\n\n return `\n <div style=\"display:flex; flex-direction:column;\">\n <span style=\"margin-bottom:5px;\">${date}</span>\n ${lang('open')}: ${open.toFixed(4)}<br />\n ${lang('high')}: ${high.toFixed(4)}<br />\n ${lang('low')}: ${low.toFixed(4)}<br />\n ${lang('close')}: ${close.toFixed(4)}\n </div>\n `;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAOO,MAAMC,cAAc,GAAIC,SAAiB,IAAK;EACnD,MAAMC,IAAI,GAAG,IAAIC,IAAI,CAACF,SAAS,CAAC;EAChC,OAAOC,IAAI,CAACE,kBAAkB,CAACC,SAAS,EAAE;IACxCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC,CAAC;AACJ,CAAC;AAACC,OAAA,CAAAR,cAAA,GAAAA,cAAA;AAEK,MAAMS,gBAAgB,GAAGC,IAAA,IAA4C;EAAA,IAA3C;IAAEC,IAAI;IAAEC;EAA6B,CAAC,GAAAF,IAAA;EACrE,MAAM;IAAEG,IAAI;IAAEC,IAAI;IAAEC,KAAK;IAAEC,GAAG;IAAEC;EAAK,CAAC,GAAGL,IAAI;EAC7C,MAAMV,IAAI,GAAG,IAAAgB,qCAAmB,EAAC,IAAAC,qCAAmB,EAACF,IAAI,CAAC,CAAC;EAE3D,OAAO;AACT;AACA,yCAAyCf,IAAI;AAC7C,QAAQS,IAAI,CAAC,MAAM,CAAC,KAAKE,IAAI,CAACO,OAAO,CAAC,CAAC,CAAC;AACxC,QAAQT,IAAI,CAAC,MAAM,CAAC,KAAKG,IAAI,CAACM,OAAO,CAAC,CAAC,CAAC;AACxC,QAAQT,IAAI,CAAC,KAAK,CAAC,KAAKK,GAAG,CAACI,OAAO,CAAC,CAAC,CAAC;AACtC,QAAQT,IAAI,CAAC,OAAO,CAAC,KAAKI,KAAK,CAACK,OAAO,CAAC,CAAC,CAAC;AAC1C;AACA,GAAG;AACH,CAAC;AAACZ,OAAA,CAAAC,gBAAA,GAAAA,gBAAA","ignoreList":[]}
@@ -10,7 +10,8 @@ var _formatters = require("./formatters");
10
10
  const getOption = _ref => {
11
11
  let {
12
12
  values,
13
- isDark
13
+ isDark,
14
+ lang
14
15
  } = _ref;
15
16
  const priceValues = values.map(d => d.candle.high);
16
17
  const timestamps = values.map(d => (0, _formatters.dailyFormatter)(d.time));
@@ -24,6 +25,20 @@ const getOption = _ref => {
24
25
  bottomLeftBox: false
25
26
  });
26
27
  return {
28
+ tooltip: {
29
+ trigger: 'axis',
30
+ axisPointer: {
31
+ axis: 'x'
32
+ },
33
+ formatter: params => {
34
+ const p = Array.isArray(params) ? params[0] : params;
35
+ const data = p.data;
36
+ return (0, _formatters.tooltipFormatter)({
37
+ lang,
38
+ data
39
+ });
40
+ }
41
+ },
27
42
  xAxis: {
28
43
  type: 'category',
29
44
  boundaryGap: false,
@@ -71,7 +86,11 @@ const getOption = _ref => {
71
86
  series: [{
72
87
  name: 'price-close',
73
88
  type: 'line',
74
- data: priceValues,
89
+ data: values.map(d => ({
90
+ value: d.candle.high,
91
+ ...d.candle,
92
+ time: d.time
93
+ })),
75
94
  smooth: true,
76
95
  symbol: 'none',
77
96
  lineStyle: {
@@ -1 +1 @@
1
- {"version":3,"file":"getOption.js","names":["_labsWidgetCommon","require","_constants","_formatters","getOption","_ref","values","isDark","priceValues","map","d","candle","high","timestamps","dailyFormatter","time","labelInterval","Math","max","floor","length","gridLines","getGridLines","chartWidth","CHART_WIDTH","chartHeight","CHART_HEIGHT","xLabelsSize","X_LABEL_SIZE","yLabelSize","Y_LABEL_SIZE_DESKTOP","bottomLeftBox","xAxis","type","boundaryGap","data","axisTick","show","axisLabel","margin","interval","index","formatter","value","splitLine","yAxis","position","min","CHART_INTERVAL","ceil","axisLine","dataMin","dataMax","toFixed","series","name","smooth","symbol","lineStyle","color","colorPalette","navyBlue","width","areaStyle","x","y","x2","y2","colorStops","offset","brightBlue30","brightBlue","grid","top","left","right","bottom","graphic","getLineCommons","shape","x1","y1","exports"],"sources":["../../../../src/InstrumentsPriceChartWidget/components/getOption.ts"],"sourcesContent":["import {\n colorPalette,\n getGridLines,\n getLineCommons,\n} from '@oanda/labs-widget-common';\n\nimport {\n CHART_HEIGHT,\n CHART_INTERVAL,\n CHART_WIDTH,\n X_LABEL_SIZE,\n Y_LABEL_SIZE_DESKTOP,\n} from './constants';\nimport { dailyFormatter } from './formatters';\nimport type { ChartValue, GetOptionType } from './types';\n\nexport const getOption: GetOptionType = ({ values, isDark }) => {\n const priceValues = values.map((d) => d.candle.high);\n\n const timestamps = values.map((d) => dailyFormatter(d.time));\n\n const labelInterval = Math.max(1, Math.floor(timestamps.length / 6));\n\n const gridLines = getGridLines({\n isDark,\n chartWidth: CHART_WIDTH,\n chartHeight: CHART_HEIGHT,\n xLabelsSize: X_LABEL_SIZE,\n yLabelSize: Y_LABEL_SIZE_DESKTOP,\n bottomLeftBox: false,\n });\n\n return {\n xAxis: {\n type: 'category',\n boundaryGap: false,\n data: timestamps,\n axisTick: {\n show: false,\n },\n axisLabel: {\n margin: 10,\n interval: (index: number) => index % labelInterval === 0,\n formatter: (value: string, index: number) =>\n index % labelInterval === 0 ? value : '',\n },\n splitLine: {\n show: true,\n interval: (index: number) => index % labelInterval === 0,\n },\n },\n yAxis: {\n type: 'value',\n position: 'right',\n min: (value: ChartValue) =>\n Math.floor(value.min * 100) / 100 - CHART_INTERVAL,\n max: (value: ChartValue) =>\n Math.ceil(value.max * 100) / 100 + CHART_INTERVAL,\n interval: CHART_INTERVAL,\n axisLine: { show: false },\n axisTick: { show: false },\n axisLabel: {\n margin: 8,\n formatter: (value: number) => {\n const dataMin = Math.floor(Math.min(...priceValues) * 100) / 100;\n const dataMax = Math.ceil(Math.max(...priceValues) * 100) / 100;\n if (value < dataMin || value > dataMax) {\n return '';\n }\n return value.toFixed(2);\n },\n },\n splitLine: {\n show: true,\n },\n },\n series: [\n {\n name: 'price-close',\n type: 'line',\n data: priceValues,\n smooth: true,\n symbol: 'none',\n lineStyle: {\n color: colorPalette.navyBlue,\n width: 2,\n },\n areaStyle: {\n color: {\n type: 'linear',\n x: 0,\n y: 0,\n x2: 0,\n y2: 1,\n colorStops: [\n { offset: 0, color: colorPalette.brightBlue30 },\n { offset: 1, color: colorPalette.brightBlue },\n ],\n },\n },\n },\n ],\n grid: [\n {\n name: 'main-grid',\n top: 0,\n left: 0,\n right: `${Y_LABEL_SIZE_DESKTOP}px`,\n bottom: `${X_LABEL_SIZE}px`,\n },\n ],\n graphic: [\n ...gridLines,\n {\n ...getLineCommons(isDark),\n top: 0,\n right: 0,\n shape: {\n x1: 0,\n y1: 0,\n x2: 0,\n y2: 0,\n },\n },\n ],\n };\n};\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"getOption.js","names":["_labsWidgetCommon","require","_constants","_formatters","getOption","_ref","values","isDark","lang","priceValues","map","d","candle","high","timestamps","dailyFormatter","time","labelInterval","Math","max","floor","length","gridLines","getGridLines","chartWidth","CHART_WIDTH","chartHeight","CHART_HEIGHT","xLabelsSize","X_LABEL_SIZE","yLabelSize","Y_LABEL_SIZE_DESKTOP","bottomLeftBox","tooltip","trigger","axisPointer","axis","formatter","params","p","Array","isArray","data","tooltipFormatter","xAxis","type","boundaryGap","axisTick","show","axisLabel","margin","interval","index","value","splitLine","yAxis","position","min","CHART_INTERVAL","ceil","axisLine","dataMin","dataMax","toFixed","series","name","smooth","symbol","lineStyle","color","colorPalette","navyBlue","width","areaStyle","x","y","x2","y2","colorStops","offset","brightBlue30","brightBlue","grid","top","left","right","bottom","graphic","getLineCommons","shape","x1","y1","exports"],"sources":["../../../../src/InstrumentsPriceChartWidget/components/getOption.ts"],"sourcesContent":["import {\n colorPalette,\n getGridLines,\n getLineCommons,\n} from '@oanda/labs-widget-common';\n\nimport {\n CHART_HEIGHT,\n CHART_INTERVAL,\n CHART_WIDTH,\n X_LABEL_SIZE,\n Y_LABEL_SIZE_DESKTOP,\n} from './constants';\nimport { dailyFormatter, tooltipFormatter } from './formatters';\nimport type { ChartValue, GetOptionType } from './types';\n\nexport const getOption: GetOptionType = ({ values, isDark, lang }) => {\n const priceValues = values.map((d) => d.candle.high);\n\n const timestamps = values.map((d) => dailyFormatter(d.time));\n\n const labelInterval = Math.max(1, Math.floor(timestamps.length / 6));\n\n const gridLines = getGridLines({\n isDark,\n chartWidth: CHART_WIDTH,\n chartHeight: CHART_HEIGHT,\n xLabelsSize: X_LABEL_SIZE,\n yLabelSize: Y_LABEL_SIZE_DESKTOP,\n bottomLeftBox: false,\n });\n\n return {\n tooltip: {\n trigger: 'axis',\n axisPointer: {\n axis: 'x',\n },\n formatter: (params) => {\n const p = Array.isArray(params) ? params[0] : params;\n const data = p.data as {\n time: string;\n open: number;\n high: number;\n low: number;\n close: number;\n };\n\n return tooltipFormatter({ lang, data });\n },\n },\n xAxis: {\n type: 'category',\n boundaryGap: false,\n data: timestamps,\n axisTick: {\n show: false,\n },\n axisLabel: {\n margin: 10,\n interval: (index: number) => index % labelInterval === 0,\n formatter: (value: string, index: number) =>\n index % labelInterval === 0 ? value : '',\n },\n splitLine: {\n show: true,\n interval: (index: number) => index % labelInterval === 0,\n },\n },\n yAxis: {\n type: 'value',\n position: 'right',\n min: (value: ChartValue) =>\n Math.floor(value.min * 100) / 100 - CHART_INTERVAL,\n max: (value: ChartValue) =>\n Math.ceil(value.max * 100) / 100 + CHART_INTERVAL,\n interval: CHART_INTERVAL,\n axisLine: { show: false },\n axisTick: { show: false },\n axisLabel: {\n margin: 8,\n formatter: (value: number) => {\n const dataMin = Math.floor(Math.min(...priceValues) * 100) / 100;\n const dataMax = Math.ceil(Math.max(...priceValues) * 100) / 100;\n if (value < dataMin || value > dataMax) {\n return '';\n }\n return value.toFixed(2);\n },\n },\n splitLine: {\n show: true,\n },\n },\n series: [\n {\n name: 'price-close',\n type: 'line',\n data: values.map((d) => ({\n value: d.candle.high,\n ...d.candle,\n time: d.time,\n })),\n smooth: true,\n symbol: 'none',\n lineStyle: {\n color: colorPalette.navyBlue,\n width: 2,\n },\n areaStyle: {\n color: {\n type: 'linear',\n x: 0,\n y: 0,\n x2: 0,\n y2: 1,\n colorStops: [\n { offset: 0, color: colorPalette.brightBlue30 },\n { offset: 1, color: colorPalette.brightBlue },\n ],\n },\n },\n },\n ],\n grid: [\n {\n name: 'main-grid',\n top: 0,\n left: 0,\n right: `${Y_LABEL_SIZE_DESKTOP}px`,\n bottom: `${X_LABEL_SIZE}px`,\n },\n ],\n graphic: [\n ...gridLines,\n {\n ...getLineCommons(isDark),\n top: 0,\n right: 0,\n shape: {\n x1: 0,\n y1: 0,\n x2: 0,\n y2: 0,\n },\n },\n ],\n };\n};\n"],"mappings":"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","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"file":"types.js","names":[],"sources":["../../../../src/InstrumentsPriceChartWidget/components/types.ts"],"sourcesContent":["import type { EChartsOption } from 'echarts';\n\nimport type { CandlesData } from '../../gql/types/graphql';\n\nexport interface ChartProps {\n values: CandlesData[];\n}\n\nexport interface GetOptionProps {\n values: CandlesData[];\n isDark: boolean;\n}\n\nexport type GetOptionType = (props: GetOptionProps) => EChartsOption;\n\nexport interface ChartValue {\n min: number;\n max: number;\n}\n"],"mappings":"","ignoreList":[]}
1
+ {"version":3,"file":"types.js","names":[],"sources":["../../../../src/InstrumentsPriceChartWidget/components/types.ts"],"sourcesContent":["import type { EChartsOption } from 'echarts';\n\nimport type { CandlesData } from '../../gql/types/graphql';\n\nexport interface ChartProps {\n values: CandlesData[];\n}\n\nexport interface GetOptionProps {\n values: CandlesData[];\n isDark: boolean;\n lang: (label: string) => string;\n}\n\nexport type GetOptionType = (props: GetOptionProps) => EChartsOption;\n\nexport interface ChartValue {\n min: number;\n max: number;\n}\n\nexport interface TooltipData {\n time: string;\n open: number;\n high: number;\n low: number;\n close: number;\n}\n\nexport interface TooltipFormatterParams {\n data: TooltipData;\n lang: (label: string) => string;\n}\n"],"mappings":"","ignoreList":[]}
@@ -9,16 +9,28 @@ const generateMockPriceCandles = function () {
9
9
  let count = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 30;
10
10
  let timeSpan = arguments.length > 1 ? arguments[1] : undefined;
11
11
  const rawCandles = generateMockCandleData(count);
12
- return rawCandles.map(candle => ({
13
- __typename: 'CandlesData',
14
- time: new Date(candle.timestamp).toISOString(),
15
- unixTime: Math.floor(candle.timestamp / 1000),
16
- candle: {
17
- __typename: 'Candle',
18
- high: candle.max
19
- },
20
- timeSpan
21
- }));
12
+ return rawCandles.map(_ref => {
13
+ let {
14
+ high,
15
+ low,
16
+ timestamp,
17
+ open,
18
+ close
19
+ } = _ref;
20
+ return {
21
+ __typename: 'CandlesData',
22
+ time: new Date(timestamp).toISOString(),
23
+ unixTime: Math.floor(timestamp / 1000),
24
+ candle: {
25
+ __typename: 'Candle',
26
+ high,
27
+ low,
28
+ open,
29
+ close
30
+ },
31
+ timeSpan
32
+ };
33
+ });
22
34
  };
23
35
  const generateMockCandleData = function () {
24
36
  let count = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 30;
@@ -43,17 +55,22 @@ const generateMockCandleData = function () {
43
55
  const open = currentPrice;
44
56
  const high = open + Math.random() * 0.0008;
45
57
  const close = open + (Math.random() - 0.5) * 0.0005;
58
+ const low = open - Math.random() * 0.0008;
46
59
  const finalHigh = Math.max(open, close, high);
60
+ const finalLow = Math.min(open, close, low);
47
61
  return {
48
62
  timestamp: now - (count - i) * candleInterval,
49
- max: finalHigh
63
+ high: finalHigh,
64
+ open,
65
+ close,
66
+ low: finalLow
50
67
  };
51
68
  });
52
69
  };
53
- const getPriceCandlesMock = _ref => {
70
+ const getPriceCandlesMock = _ref2 => {
54
71
  let {
55
72
  division
56
- } = _ref;
73
+ } = _ref2;
57
74
  return {
58
75
  loading: false,
59
76
  error: undefined,
@@ -1 +1 @@
1
- {"version":3,"file":"getPriceCandlesMock.js","names":["_graphql","require","generateMockPriceCandles","count","arguments","length","undefined","timeSpan","rawCandles","generateMockCandleData","map","candle","__typename","time","Date","timestamp","toISOString","unixTime","Math","floor","high","max","now","candleInterval","currentPrice","spikeIndex","Array","from","_","i","trend","min","noise","random","open","close","finalHigh","getPriceCandlesMock","_ref","division","loading","error","data","getPriceCandles","TimeSpan","Day_1","exports"],"sources":["../../../src/InstrumentsPriceChartWidget/getPriceCandlesMock.tsx"],"sourcesContent":["import { type CandlesData, TimeSpan } from '../gql/types/graphql';\nimport type { MainProps } from './types';\n\nconst generateMockPriceCandles = (\n count = 30,\n timeSpan: TimeSpan\n): CandlesData[] => {\n const rawCandles = generateMockCandleData(count);\n\n return rawCandles.map((candle) => ({\n __typename: 'CandlesData',\n time: new Date(candle.timestamp).toISOString(),\n unixTime: Math.floor(candle.timestamp / 1000),\n candle: {\n __typename: 'Candle',\n high: candle.max,\n },\n timeSpan,\n }));\n};\n\nconst generateMockCandleData = (count: number = 30) => {\n const now = Date.now();\n const candleInterval = 30 * 60 * 1000;\n\n let currentPrice = 1.045;\n const spikeIndex = Math.floor(count * 0.6);\n\n return Array.from({ length: count }, (_, i) => {\n let trend = i < spikeIndex ? 0.0005 : -0.001;\n\n if (i === spikeIndex) {\n trend = 0.03;\n }\n\n if (i > spikeIndex + 3) {\n trend = 0;\n }\n\n currentPrice += trend;\n\n currentPrice = Math.max(1.03, Math.min(1.09, currentPrice));\n\n const noise = (Math.random() - 0.5) * 0.0005;\n currentPrice += noise;\n\n const open = currentPrice;\n const high = open + Math.random() * 0.0008;\n const close = open + (Math.random() - 0.5) * 0.0005;\n\n const finalHigh = Math.max(open, close, high);\n\n return {\n timestamp: now - (count - i) * candleInterval,\n max: finalHigh,\n };\n });\n};\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport const getPriceCandlesMock = ({ division }: MainProps) => ({\n loading: false,\n error: undefined,\n data: {\n getPriceCandles: generateMockPriceCandles(30, TimeSpan.Day_1),\n },\n});\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"getPriceCandlesMock.js","names":["_graphql","require","generateMockPriceCandles","count","arguments","length","undefined","timeSpan","rawCandles","generateMockCandleData","map","_ref","high","low","timestamp","open","close","__typename","time","Date","toISOString","unixTime","Math","floor","candle","now","candleInterval","currentPrice","spikeIndex","Array","from","_","i","trend","max","min","noise","random","finalHigh","finalLow","getPriceCandlesMock","_ref2","division","loading","error","data","getPriceCandles","TimeSpan","Day_1","exports"],"sources":["../../../src/InstrumentsPriceChartWidget/getPriceCandlesMock.tsx"],"sourcesContent":["import { type CandlesData, TimeSpan } from '../gql/types/graphql';\nimport type { MainProps } from './types';\n\nconst generateMockPriceCandles = (\n count = 30,\n timeSpan: TimeSpan\n): CandlesData[] => {\n const rawCandles = generateMockCandleData(count);\n\n return rawCandles.map(({ high, low, timestamp, open, close }) => ({\n __typename: 'CandlesData',\n time: new Date(timestamp).toISOString(),\n unixTime: Math.floor(timestamp / 1000),\n candle: {\n __typename: 'Candle',\n high,\n low,\n open,\n close,\n },\n timeSpan,\n }));\n};\n\nconst generateMockCandleData = (count: number = 30) => {\n const now = Date.now();\n const candleInterval = 30 * 60 * 1000;\n\n let currentPrice = 1.045;\n const spikeIndex = Math.floor(count * 0.6);\n\n return Array.from({ length: count }, (_, i) => {\n let trend = i < spikeIndex ? 0.0005 : -0.001;\n\n if (i === spikeIndex) {\n trend = 0.03;\n }\n\n if (i > spikeIndex + 3) {\n trend = 0;\n }\n\n currentPrice += trend;\n\n currentPrice = Math.max(1.03, Math.min(1.09, currentPrice));\n\n const noise = (Math.random() - 0.5) * 0.0005;\n currentPrice += noise;\n\n const open = currentPrice;\n const high = open + Math.random() * 0.0008;\n const close = open + (Math.random() - 0.5) * 0.0005;\n const low = open - Math.random() * 0.0008;\n\n const finalHigh = Math.max(open, close, high);\n const finalLow = Math.min(open, close, low);\n\n return {\n timestamp: now - (count - i) * candleInterval,\n high: finalHigh,\n open,\n close,\n low: finalLow,\n };\n });\n};\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport const getPriceCandlesMock = ({ division }: MainProps) => ({\n loading: false,\n error: undefined,\n data: {\n getPriceCandles: generateMockPriceCandles(30, TimeSpan.Day_1),\n },\n});\n"],"mappings":"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","ignoreList":[]}
@@ -22,6 +22,9 @@ const getPriceCandles = exports.getPriceCandles = (0, _client.gql)`
22
22
  unixTime
23
23
  candle {
24
24
  high
25
+ low
26
+ open
27
+ close
25
28
  }
26
29
  timeSpan
27
30
  }
@@ -1 +1 @@
1
- {"version":3,"file":"getPriceCandles.js","names":["_client","require","getPriceCandles","exports","gql"],"sources":["../../../../src/gql/mock/getPriceCandles.ts"],"sourcesContent":["import { gql } from '@apollo/client';\n\nconst getPriceCandles = gql`\n query GetPriceCandles(\n $division: Division\n $instrument: String!\n $granularity: Granularity!\n $timeSpan: TimeSpan!\n ) {\n getPriceCandles(\n division: $division\n instrument: $instrument\n granularity: $granularity\n timeSpan: $timeSpan\n ) {\n time\n unixTime\n candle {\n high\n }\n timeSpan\n }\n }\n`;\n\nexport { getPriceCandles };\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAEA,MAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,WAAG;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}
1
+ {"version":3,"file":"getPriceCandles.js","names":["_client","require","getPriceCandles","exports","gql"],"sources":["../../../../src/gql/mock/getPriceCandles.ts"],"sourcesContent":["import { gql } from '@apollo/client';\n\nconst getPriceCandles = gql`\n query GetPriceCandles(\n $division: Division\n $instrument: String!\n $granularity: Granularity!\n $timeSpan: TimeSpan!\n ) {\n getPriceCandles(\n division: $division\n instrument: $instrument\n granularity: $granularity\n timeSpan: $timeSpan\n ) {\n time\n unixTime\n candle {\n high\n low\n open\n close\n }\n timeSpan\n }\n }\n`;\n\nexport { getPriceCandles };\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAEA,MAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,WAAG;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}
@@ -35,6 +35,9 @@ enum Division {
35
35
 
36
36
  type Candle {
37
37
  high: Float!
38
+ low: Float!
39
+ open: Float!
40
+ close: Float!
38
41
  }
39
42
 
40
43
  type Instrument {
@@ -8,7 +8,7 @@ var types = _interopRequireWildcard(require("./graphql"));
8
8
  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); }
9
9
  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; }
10
10
  const documents = {
11
- '\n query GetPriceCandles(\n $division: Division\n $instrument: String!\n $granularity: Granularity!\n $timeSpan: TimeSpan!\n ) {\n getPriceCandles(\n division: $division\n instrument: $instrument\n granularity: $granularity\n timeSpan: $timeSpan\n ) {\n time\n unixTime\n candle {\n high\n }\n timeSpan\n }\n }\n': types.GetPriceCandlesDocument,
11
+ '\n query GetPriceCandles(\n $division: Division\n $instrument: String!\n $granularity: Granularity!\n $timeSpan: TimeSpan!\n ) {\n getPriceCandles(\n division: $division\n instrument: $instrument\n granularity: $granularity\n timeSpan: $timeSpan\n ) {\n time\n unixTime\n candle {\n high\n low\n open\n close\n }\n timeSpan\n }\n }\n': types.GetPriceCandlesDocument,
12
12
  '\n query validateInstruments($instruments: [String]!, $division: Division) {\n mapInstrumentNames(instruments: $instruments, division: $division) {\n name\n displayName\n }\n }\n': types.ValidateInstrumentsDocument
13
13
  };
14
14
  function graphql(source) {
@@ -1 +1 @@
1
- {"version":3,"file":"gql.js","names":["types","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","documents","GetPriceCandlesDocument","ValidateInstrumentsDocument","graphql","source"],"sources":["../../../../src/gql/types/gql.ts"],"sourcesContent":["/* eslint-disable */\nimport * as types from './graphql';\nimport { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core';\n\n/**\n * Map of all GraphQL operations in the project.\n *\n * This map has several performance disadvantages:\n * 1. It is not tree-shakeable, so it will include all operations in the project.\n * 2. It is not minifiable, so the string of a GraphQL query will be multiple times inside the bundle.\n * 3. It does not support dead code elimination, so it will add unused operations.\n *\n * Therefore it is highly recommended to use the babel or swc plugin for production.\n */\nconst documents = {\n '\\n query GetPriceCandles(\\n $division: Division\\n $instrument: String!\\n $granularity: Granularity!\\n $timeSpan: TimeSpan!\\n ) {\\n getPriceCandles(\\n division: $division\\n instrument: $instrument\\n granularity: $granularity\\n timeSpan: $timeSpan\\n ) {\\n time\\n unixTime\\n candle {\\n high\\n }\\n timeSpan\\n }\\n }\\n':\n types.GetPriceCandlesDocument,\n '\\n query validateInstruments($instruments: [String]!, $division: Division) {\\n mapInstrumentNames(instruments: $instruments, division: $division) {\\n name\\n displayName\\n }\\n }\\n':\n types.ValidateInstrumentsDocument,\n};\n\n/**\n * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n *\n *\n * @example\n * ```ts\n * const query = graphql(`query GetUser($id: ID!) { user(id: $id) { name } }`);\n * ```\n *\n * The query argument is unknown!\n * Please regenerate the types.\n */\nexport function graphql(source: string): unknown;\n\n/**\n * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n */\nexport function graphql(\n source: '\\n query GetPriceCandles(\\n $division: Division\\n $instrument: String!\\n $granularity: Granularity!\\n $timeSpan: TimeSpan!\\n ) {\\n getPriceCandles(\\n division: $division\\n instrument: $instrument\\n granularity: $granularity\\n timeSpan: $timeSpan\\n ) {\\n time\\n unixTime\\n candle {\\n high\\n }\\n timeSpan\\n }\\n }\\n'\n): (typeof documents)['\\n query GetPriceCandles(\\n $division: Division\\n $instrument: String!\\n $granularity: Granularity!\\n $timeSpan: TimeSpan!\\n ) {\\n getPriceCandles(\\n division: $division\\n instrument: $instrument\\n granularity: $granularity\\n timeSpan: $timeSpan\\n ) {\\n time\\n unixTime\\n candle {\\n high\\n }\\n timeSpan\\n }\\n }\\n'];\n/**\n * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n */\nexport function graphql(\n source: '\\n query validateInstruments($instruments: [String]!, $division: Division) {\\n mapInstrumentNames(instruments: $instruments, division: $division) {\\n name\\n displayName\\n }\\n }\\n'\n): (typeof documents)['\\n query validateInstruments($instruments: [String]!, $division: Division) {\\n mapInstrumentNames(instruments: $instruments, division: $division) {\\n name\\n displayName\\n }\\n }\\n'];\n\nexport function graphql(source: string) {\n return (documents as any)[source] ?? {};\n}\n\nexport type DocumentType<TDocumentNode extends DocumentNode<any, any>> =\n TDocumentNode extends DocumentNode<infer TType, any> ? TType : never;\n"],"mappings":";;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAmC,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAanC,MAAMW,SAAS,GAAG;EAChB,sYAAsY,EACpYvB,KAAK,CAACwB,uBAAuB;EAC/B,sMAAsM,EACpMxB,KAAK,CAACyB;AACV,CAAC;AA6BM,SAASC,OAAOA,CAACC,MAAc,EAAE;EACtC,OAAQJ,SAAS,CAASI,MAAM,CAAC,IAAI,CAAC,CAAC;AACzC","ignoreList":[]}
1
+ {"version":3,"file":"gql.js","names":["types","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","documents","GetPriceCandlesDocument","ValidateInstrumentsDocument","graphql","source"],"sources":["../../../../src/gql/types/gql.ts"],"sourcesContent":["/* eslint-disable */\nimport * as types from './graphql';\nimport { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core';\n\n/**\n * Map of all GraphQL operations in the project.\n *\n * This map has several performance disadvantages:\n * 1. It is not tree-shakeable, so it will include all operations in the project.\n * 2. It is not minifiable, so the string of a GraphQL query will be multiple times inside the bundle.\n * 3. It does not support dead code elimination, so it will add unused operations.\n *\n * Therefore it is highly recommended to use the babel or swc plugin for production.\n */\nconst documents = {\n '\\n query GetPriceCandles(\\n $division: Division\\n $instrument: String!\\n $granularity: Granularity!\\n $timeSpan: TimeSpan!\\n ) {\\n getPriceCandles(\\n division: $division\\n instrument: $instrument\\n granularity: $granularity\\n timeSpan: $timeSpan\\n ) {\\n time\\n unixTime\\n candle {\\n high\\n low\\n open\\n close\\n }\\n timeSpan\\n }\\n }\\n':\n types.GetPriceCandlesDocument,\n '\\n query validateInstruments($instruments: [String]!, $division: Division) {\\n mapInstrumentNames(instruments: $instruments, division: $division) {\\n name\\n displayName\\n }\\n }\\n':\n types.ValidateInstrumentsDocument,\n};\n\n/**\n * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n *\n *\n * @example\n * ```ts\n * const query = graphql(`query GetUser($id: ID!) { user(id: $id) { name } }`);\n * ```\n *\n * The query argument is unknown!\n * Please regenerate the types.\n */\nexport function graphql(source: string): unknown;\n\n/**\n * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n */\nexport function graphql(\n source: '\\n query GetPriceCandles(\\n $division: Division\\n $instrument: String!\\n $granularity: Granularity!\\n $timeSpan: TimeSpan!\\n ) {\\n getPriceCandles(\\n division: $division\\n instrument: $instrument\\n granularity: $granularity\\n timeSpan: $timeSpan\\n ) {\\n time\\n unixTime\\n candle {\\n high\\n low\\n open\\n close\\n }\\n timeSpan\\n }\\n }\\n'\n): (typeof documents)['\\n query GetPriceCandles(\\n $division: Division\\n $instrument: String!\\n $granularity: Granularity!\\n $timeSpan: TimeSpan!\\n ) {\\n getPriceCandles(\\n division: $division\\n instrument: $instrument\\n granularity: $granularity\\n timeSpan: $timeSpan\\n ) {\\n time\\n unixTime\\n candle {\\n high\\n low\\n open\\n close\\n }\\n timeSpan\\n }\\n }\\n'];\n/**\n * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n */\nexport function graphql(\n source: '\\n query validateInstruments($instruments: [String]!, $division: Division) {\\n mapInstrumentNames(instruments: $instruments, division: $division) {\\n name\\n displayName\\n }\\n }\\n'\n): (typeof documents)['\\n query validateInstruments($instruments: [String]!, $division: Division) {\\n mapInstrumentNames(instruments: $instruments, division: $division) {\\n name\\n displayName\\n }\\n }\\n'];\n\nexport function graphql(source: string) {\n return (documents as any)[source] ?? {};\n}\n\nexport type DocumentType<TDocumentNode extends DocumentNode<any, any>> =\n TDocumentNode extends DocumentNode<infer TType, any> ? TType : never;\n"],"mappings":";;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAmC,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAanC,MAAMW,SAAS,GAAG;EAChB,gbAAgb,EAC9avB,KAAK,CAACwB,uBAAuB;EAC/B,sMAAsM,EACpMxB,KAAK,CAACyB;AACV,CAAC;AA6BM,SAASC,OAAOA,CAACC,MAAc,EAAE;EACtC,OAAQJ,SAAS,CAASI,MAAM,CAAC,IAAI,CAAC,CAAC;AACzC","ignoreList":[]}
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.VolatilityChartTimeUnit = exports.VolatilityChartTimeSpan = exports.ValueAtRiskDuration = exports.ValueAtRiskBars = exports.ValidateInstrumentsDocument = exports.TopicalSort = exports.TimeSpan = exports.Sort = exports.Region = exports.InstrumentDataSource = exports.Granularity = exports.GetPriceCandlesDocument = exports.Division = exports.DataSource = exports.CurrencyPowerBalanceTimeUnit = exports.CurrencyName = exports.CorrelationTimeUnit = exports.BookType = exports.AssetClassName = void 0;
6
+ exports.VolatilityChartTimeUnit = exports.VolatilityChartTimeSpan = exports.ValueAtRiskDuration = exports.ValueAtRiskBars = exports.ValidateInstrumentsDocument = exports.TradeMode = exports.TopicalSort = exports.TimeSpan = exports.Sort = exports.Region = exports.InstrumentDataSource = exports.Granularity = exports.GetPriceCandlesDocument = exports.Division = exports.DataSource = exports.CurrencyPowerBalanceTimeUnit = exports.CurrencyName = exports.CorrelationTimeUnit = exports.BookType = exports.AssetClassName = void 0;
7
7
  let AssetClassName = exports.AssetClassName = function (AssetClassName) {
8
8
  AssetClassName["Commodities"] = "COMMODITIES";
9
9
  AssetClassName["Cryptocurrency"] = "CRYPTOCURRENCY";
@@ -116,6 +116,15 @@ let TopicalSort = exports.TopicalSort = function (TopicalSort) {
116
116
  TopicalSort["Volatile"] = "VOLATILE";
117
117
  return TopicalSort;
118
118
  }({});
119
+ let TradeMode = exports.TradeMode = function (TradeMode) {
120
+ TradeMode["TradeCloseonly"] = "TRADE_CLOSEONLY";
121
+ TradeMode["TradeDisabled"] = "TRADE_DISABLED";
122
+ TradeMode["TradeFull"] = "TRADE_FULL";
123
+ TradeMode["TradeLongonly"] = "TRADE_LONGONLY";
124
+ TradeMode["TradeShortonly"] = "TRADE_SHORTONLY";
125
+ TradeMode["TradeUndefined"] = "TRADE_UNDEFINED";
126
+ return TradeMode;
127
+ }({});
119
128
  let ValueAtRiskBars = exports.ValueAtRiskBars = function (ValueAtRiskBars) {
120
129
  ValueAtRiskBars["C100"] = "C100";
121
130
  ValueAtRiskBars["C200"] = "C200";
@@ -318,6 +327,24 @@ const GetPriceCandlesDocument = exports.GetPriceCandlesDocument = {
318
327
  kind: 'Name',
319
328
  value: 'high'
320
329
  }
330
+ }, {
331
+ kind: 'Field',
332
+ name: {
333
+ kind: 'Name',
334
+ value: 'low'
335
+ }
336
+ }, {
337
+ kind: 'Field',
338
+ name: {
339
+ kind: 'Name',
340
+ value: 'open'
341
+ }
342
+ }, {
343
+ kind: 'Field',
344
+ name: {
345
+ kind: 'Name',
346
+ value: 'close'
347
+ }
321
348
  }]
322
349
  }
323
350
  }, {