@oanda/labs-correlation-widget 1.0.167 → 1.0.169

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 (61) hide show
  1. package/CHANGELOG.md +1284 -29308
  2. package/dist/module/CorrelationWidget/CorrelationWidget.js +19 -12
  3. package/dist/module/CorrelationWidget/CorrelationWidget.js.map +1 -1
  4. package/dist/module/CorrelationWidget/Main.js +23 -16
  5. package/dist/module/CorrelationWidget/Main.js.map +1 -1
  6. package/dist/module/CorrelationWidget/components/Grid/GridCell.js +17 -10
  7. package/dist/module/CorrelationWidget/components/Grid/GridCell.js.map +1 -1
  8. package/dist/module/CorrelationWidget/components/Grid/GridHeader.js +16 -9
  9. package/dist/module/CorrelationWidget/components/Grid/GridHeader.js.map +1 -1
  10. package/dist/module/CorrelationWidget/components/Grid/GridLegend.js +26 -19
  11. package/dist/module/CorrelationWidget/components/Grid/GridLegend.js.map +1 -1
  12. package/dist/module/CorrelationWidget/components/Grid/index.js +38 -3
  13. package/dist/module/CorrelationWidget/components/Grid/index.js.map +1 -1
  14. package/dist/module/CorrelationWidget/components/Grid/types.js +5 -1
  15. package/dist/module/CorrelationWidget/components/Heatmap/Heatmap.js +31 -24
  16. package/dist/module/CorrelationWidget/components/Heatmap/Heatmap.js.map +1 -1
  17. package/dist/module/CorrelationWidget/components/Heatmap/HeatmapGrid.js +24 -16
  18. package/dist/module/CorrelationWidget/components/Heatmap/HeatmapGrid.js.map +1 -1
  19. package/dist/module/CorrelationWidget/components/Heatmap/index.js +16 -1
  20. package/dist/module/CorrelationWidget/components/Heatmap/index.js.map +1 -1
  21. package/dist/module/CorrelationWidget/components/Heatmap/types.js +5 -1
  22. package/dist/module/CorrelationWidget/components/Heatmap/utils.js +7 -1
  23. package/dist/module/CorrelationWidget/components/Heatmap/utils.js.map +1 -1
  24. package/dist/module/CorrelationWidget/components/Matrix/Matrix.js +29 -22
  25. package/dist/module/CorrelationWidget/components/Matrix/Matrix.js.map +1 -1
  26. package/dist/module/CorrelationWidget/components/Matrix/MatrixGrid.js +22 -14
  27. package/dist/module/CorrelationWidget/components/Matrix/MatrixGrid.js.map +1 -1
  28. package/dist/module/CorrelationWidget/components/Matrix/index.js +16 -1
  29. package/dist/module/CorrelationWidget/components/Matrix/index.js.map +1 -1
  30. package/dist/module/CorrelationWidget/components/Matrix/types.js +5 -1
  31. package/dist/module/CorrelationWidget/components/index.js +38 -3
  32. package/dist/module/CorrelationWidget/components/index.js.map +1 -1
  33. package/dist/module/CorrelationWidget/config.js +18 -13
  34. package/dist/module/CorrelationWidget/config.js.map +1 -1
  35. package/dist/module/CorrelationWidget/index.js +16 -1
  36. package/dist/module/CorrelationWidget/index.js.map +1 -1
  37. package/dist/module/CorrelationWidget/render.js +13 -10
  38. package/dist/module/CorrelationWidget/render.js.map +1 -1
  39. package/dist/module/CorrelationWidget/types.js +5 -1
  40. package/dist/module/gql/getCorrelationHeatmap.js +8 -3
  41. package/dist/module/gql/getCorrelationHeatmap.js.map +1 -1
  42. package/dist/module/gql/getCorrelationMatrix.js +8 -3
  43. package/dist/module/gql/getCorrelationMatrix.js.map +1 -1
  44. package/dist/module/gql/types/fragment-masking.js +11 -3
  45. package/dist/module/gql/types/fragment-masking.js.map +1 -1
  46. package/dist/module/gql/types/gql.js +9 -2
  47. package/dist/module/gql/types/gql.js.map +1 -1
  48. package/dist/module/gql/types/graphql.js +22 -16
  49. package/dist/module/gql/types/graphql.js.map +1 -1
  50. package/dist/module/gql/types/index.js +27 -2
  51. package/dist/module/gql/types/index.js.map +1 -1
  52. package/dist/module/index.js +16 -1
  53. package/dist/module/index.js.map +1 -1
  54. package/dist/module/translations/index.js +21 -14
  55. package/dist/module/translations/index.js.map +1 -1
  56. package/dist/module/translations/translations.js +7 -1
  57. package/dist/module/translations/translations.js.map +1 -1
  58. package/dist/types/gql/getCorrelationHeatmap.d.ts +1 -1
  59. package/dist/types/gql/getCorrelationMatrix.d.ts +1 -1
  60. package/package.json +8 -4
  61. package/tsconfig.types.json +2 -4
@@ -1,7 +1,15 @@
1
- import { useLocale } from '@oanda/mono-i18n';
2
- import classnames from 'classnames';
3
- import React, { Fragment, useState } from 'react';
4
- import { GridCell } from '../Grid';
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.HeatmapGrid = void 0;
7
+ var _monoI18n = require("@oanda/mono-i18n");
8
+ var _classnames = _interopRequireDefault(require("classnames"));
9
+ var _react = _interopRequireWildcard(require("react"));
10
+ var _Grid = require("../Grid");
11
+ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
12
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
5
13
  const HeatmapGrid = _ref => {
6
14
  let {
7
15
  data: {
@@ -13,9 +21,9 @@ const HeatmapGrid = _ref => {
13
21
  } = _ref;
14
22
  const {
15
23
  lang
16
- } = useLocale();
17
- const [selectedInstrument, setSelectedInstrument] = useState('');
18
- const [selectedTimeUnit, setSelectedTimeUnit] = useState('');
24
+ } = (0, _monoI18n.useLocale)();
25
+ const [selectedInstrument, setSelectedInstrument] = (0, _react.useState)('');
26
+ const [selectedTimeUnit, setSelectedTimeUnit] = (0, _react.useState)('');
19
27
  const resetHover = () => {
20
28
  setSelectedInstrument('');
21
29
  setSelectedTimeUnit('');
@@ -27,14 +35,14 @@ const HeatmapGrid = _ref => {
27
35
  return id;
28
36
  });
29
37
  const columnsNumber = headerData.length;
30
- return React.createElement("div", {
31
- className: classnames('lw-relative lw-grid lw-grid-cols-[var(--cols)] lw-overflow-x-auto lw-border-x lw-border-t lw-border-solid lw-border-border-primary lw-bg-border-primary lw-text-sm', {}),
38
+ return _react.default.createElement("div", {
39
+ className: (0, _classnames.default)('lw-relative lw-grid lw-grid-cols-[var(--cols)] lw-overflow-x-auto lw-border-x lw-border-t lw-border-solid lw-border-border-primary lw-bg-border-primary lw-text-sm', {}),
32
40
  "data-testid": "heatmap-grid",
33
41
  style: {
34
42
  '--cols': `repeat(${columnsNumber + 1},minmax(70px,1fr))`
35
43
  },
36
44
  onMouseLeave: resetHover
37
- }, React.createElement(GridCell, {
45
+ }, _react.default.createElement(_Grid.GridCell, {
38
46
  sticky: true
39
47
  }), headerData.map((_ref3, index) => {
40
48
  let {
@@ -44,7 +52,7 @@ const HeatmapGrid = _ref => {
44
52
  count
45
53
  }
46
54
  } = _ref3;
47
- return React.createElement(GridCell, {
55
+ return _react.default.createElement(_Grid.GridCell, {
48
56
  key: id,
49
57
  hovered: selectedTimeUnit === id,
50
58
  mouseEnterHandler: resetHover,
@@ -60,9 +68,9 @@ const HeatmapGrid = _ref => {
60
68
  },
61
69
  timeCorrelation
62
70
  } = _ref4;
63
- return React.createElement(Fragment, {
71
+ return _react.default.createElement(_react.Fragment, {
64
72
  key: displayName
65
- }, React.createElement(GridCell, {
73
+ }, _react.default.createElement(_Grid.GridCell, {
66
74
  sticky: true,
67
75
  hovered: selectedInstrument === displayName,
68
76
  mouseEnterHandler: resetHover,
@@ -80,12 +88,12 @@ const HeatmapGrid = _ref => {
80
88
  timeUnit,
81
89
  value
82
90
  } = _ref7;
83
- return value === null ? React.createElement(GridCell, {
91
+ return value === null ? _react.default.createElement(_Grid.GridCell, {
84
92
  key: `${displayName}-${timeUnit}`,
85
93
  empty: true,
86
94
  mouseEnterHandler: resetHover,
87
95
  noRightBorder: columnsNumber === index + 1
88
- }) : React.createElement(GridCell, {
96
+ }) : _react.default.createElement(_Grid.GridCell, {
89
97
  key: `${displayName}-${timeUnit}`,
90
98
  hovered: selectedInstrument === displayName && selectedTimeUnit === timeUnit,
91
99
  mouseEnterHandler: () => {
@@ -98,5 +106,5 @@ const HeatmapGrid = _ref => {
98
106
  }));
99
107
  }));
100
108
  };
101
- export { HeatmapGrid };
109
+ exports.HeatmapGrid = HeatmapGrid;
102
110
  //# sourceMappingURL=HeatmapGrid.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"HeatmapGrid.js","names":["useLocale","classnames","React","Fragment","useState","GridCell","HeatmapGrid","_ref","data","correlationHeatmap","heatmap","headerData","lang","selectedInstrument","setSelectedInstrument","selectedTimeUnit","setSelectedTimeUnit","resetHover","timeUnitOrder","map","_ref2","id","columnsNumber","length","createElement","className","style","onMouseLeave","sticky","_ref3","index","label","translationKey","count","key","hovered","mouseEnterHandler","noRightBorder","value","_ref4","instrument","displayName","timeCorrelation","sort","_ref5","_ref6","timeUnit","timeUnitA","timeUnitB","indexOf","_ref7","empty"],"sources":["../../../../../src/CorrelationWidget/components/Heatmap/HeatmapGrid.tsx"],"sourcesContent":["import { useLocale } from '@oanda/mono-i18n';\nimport classnames from 'classnames';\nimport React, { Fragment, useState } from 'react';\n\nimport { GridCell } from '../Grid';\nimport type { HeatmapGridProps } from './types';\n\nconst HeatmapGrid = ({\n data: {\n correlationHeatmap: { heatmap },\n },\n headerData,\n}: HeatmapGridProps) => {\n const { lang } = useLocale();\n const [selectedInstrument, setSelectedInstrument] = useState('');\n const [selectedTimeUnit, setSelectedTimeUnit] = useState('');\n\n const resetHover = () => {\n setSelectedInstrument('');\n setSelectedTimeUnit('');\n };\n\n const timeUnitOrder = headerData.map(({ id }) => id);\n\n const columnsNumber = headerData.length;\n\n return (\n <div\n className={classnames(\n 'lw-relative lw-grid lw-grid-cols-[var(--cols)] lw-overflow-x-auto lw-border-x lw-border-t lw-border-solid lw-border-border-primary lw-bg-border-primary lw-text-sm',\n {}\n )}\n data-testid=\"heatmap-grid\"\n style={\n {\n '--cols': `repeat(${columnsNumber + 1},minmax(70px,1fr))`,\n } as React.CSSProperties\n }\n onMouseLeave={resetHover}\n >\n <GridCell sticky />\n {headerData.map(({ id, label: { translationKey, count } }, index) => (\n <GridCell\n key={id}\n hovered={selectedTimeUnit === id}\n mouseEnterHandler={resetHover}\n noRightBorder={columnsNumber === index + 1}\n value={lang(translationKey, { count })}\n />\n ))}\n {heatmap.map(({ instrument: { displayName }, timeCorrelation }) => (\n <Fragment key={displayName}>\n <GridCell\n sticky\n hovered={selectedInstrument === displayName}\n mouseEnterHandler={resetHover}\n value={displayName}\n />\n {[...timeCorrelation]\n .sort(\n ({ timeUnit: timeUnitA }, { timeUnit: timeUnitB }) =>\n timeUnitOrder.indexOf(timeUnitA) -\n timeUnitOrder.indexOf(timeUnitB)\n )\n .map(({ timeUnit, value }, index) =>\n value === null ? (\n <GridCell\n key={`${displayName}-${timeUnit}`}\n empty\n mouseEnterHandler={resetHover}\n noRightBorder={columnsNumber === index + 1}\n />\n ) : (\n <GridCell\n key={`${displayName}-${timeUnit}`}\n hovered={\n selectedInstrument === displayName &&\n selectedTimeUnit === timeUnit\n }\n mouseEnterHandler={() => {\n setSelectedInstrument(displayName);\n setSelectedTimeUnit(timeUnit);\n }}\n noRightBorder={columnsNumber === index + 1}\n value={value}\n />\n )\n )}\n </Fragment>\n ))}\n </div>\n );\n};\n\nexport { HeatmapGrid };\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"HeatmapGrid.js","names":["_monoI18n","require","_classnames","_interopRequireDefault","_react","_interopRequireWildcard","_Grid","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","HeatmapGrid","_ref","data","correlationHeatmap","heatmap","headerData","lang","useLocale","selectedInstrument","setSelectedInstrument","useState","selectedTimeUnit","setSelectedTimeUnit","resetHover","timeUnitOrder","map","_ref2","id","columnsNumber","length","createElement","className","classnames","style","onMouseLeave","GridCell","sticky","_ref3","index","label","translationKey","count","key","hovered","mouseEnterHandler","noRightBorder","value","_ref4","instrument","displayName","timeCorrelation","Fragment","sort","_ref5","_ref6","timeUnit","timeUnitA","timeUnitB","indexOf","_ref7","empty","exports"],"sources":["../../../../../src/CorrelationWidget/components/Heatmap/HeatmapGrid.tsx"],"sourcesContent":["import { useLocale } from '@oanda/mono-i18n';\nimport classnames from 'classnames';\nimport React, { Fragment, useState } from 'react';\n\nimport { GridCell } from '../Grid';\nimport type { HeatmapGridProps } from './types';\n\nconst HeatmapGrid = ({\n data: {\n correlationHeatmap: { heatmap },\n },\n headerData,\n}: HeatmapGridProps) => {\n const { lang } = useLocale();\n const [selectedInstrument, setSelectedInstrument] = useState('');\n const [selectedTimeUnit, setSelectedTimeUnit] = useState('');\n\n const resetHover = () => {\n setSelectedInstrument('');\n setSelectedTimeUnit('');\n };\n\n const timeUnitOrder = headerData.map(({ id }) => id);\n\n const columnsNumber = headerData.length;\n\n return (\n <div\n className={classnames(\n 'lw-relative lw-grid lw-grid-cols-[var(--cols)] lw-overflow-x-auto lw-border-x lw-border-t lw-border-solid lw-border-border-primary lw-bg-border-primary lw-text-sm',\n {}\n )}\n data-testid=\"heatmap-grid\"\n style={\n {\n '--cols': `repeat(${columnsNumber + 1},minmax(70px,1fr))`,\n } as React.CSSProperties\n }\n onMouseLeave={resetHover}\n >\n <GridCell sticky />\n {headerData.map(({ id, label: { translationKey, count } }, index) => (\n <GridCell\n key={id}\n hovered={selectedTimeUnit === id}\n mouseEnterHandler={resetHover}\n noRightBorder={columnsNumber === index + 1}\n value={lang(translationKey, { count })}\n />\n ))}\n {heatmap.map(({ instrument: { displayName }, timeCorrelation }) => (\n <Fragment key={displayName}>\n <GridCell\n sticky\n hovered={selectedInstrument === displayName}\n mouseEnterHandler={resetHover}\n value={displayName}\n />\n {[...timeCorrelation]\n .sort(\n ({ timeUnit: timeUnitA }, { timeUnit: timeUnitB }) =>\n timeUnitOrder.indexOf(timeUnitA) -\n timeUnitOrder.indexOf(timeUnitB)\n )\n .map(({ timeUnit, value }, index) =>\n value === null ? (\n <GridCell\n key={`${displayName}-${timeUnit}`}\n empty\n mouseEnterHandler={resetHover}\n noRightBorder={columnsNumber === index + 1}\n />\n ) : (\n <GridCell\n key={`${displayName}-${timeUnit}`}\n hovered={\n selectedInstrument === displayName &&\n selectedTimeUnit === timeUnit\n }\n mouseEnterHandler={() => {\n setSelectedInstrument(displayName);\n setSelectedTimeUnit(timeUnit);\n }}\n noRightBorder={columnsNumber === index + 1}\n value={value}\n />\n )\n )}\n </Fragment>\n ))}\n </div>\n );\n};\n\nexport { HeatmapGrid };\n"],"mappings":"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","ignoreList":[]}
@@ -1,2 +1,17 @@
1
- export * from './Heatmap';
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ var _Heatmap = require("./Heatmap");
7
+ Object.keys(_Heatmap).forEach(function (key) {
8
+ if (key === "default" || key === "__esModule") return;
9
+ if (key in exports && exports[key] === _Heatmap[key]) return;
10
+ Object.defineProperty(exports, key, {
11
+ enumerable: true,
12
+ get: function () {
13
+ return _Heatmap[key];
14
+ }
15
+ });
16
+ });
2
17
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":[],"sources":["../../../../../src/CorrelationWidget/components/Heatmap/index.ts"],"sourcesContent":["export * from './Heatmap';\n"],"mappings":"AAAA,cAAc,WAAW","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["_Heatmap","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../../src/CorrelationWidget/components/Heatmap/index.ts"],"sourcesContent":["export * from './Heatmap';\n"],"mappings":";;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,QAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,QAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,QAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
@@ -1,2 +1,6 @@
1
- export {};
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
2
6
  //# sourceMappingURL=types.js.map
@@ -1,3 +1,9 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.getCorrelationLevel = void 0;
1
7
  const getCorrelationLevel = value => {
2
8
  if (value === undefined || typeof value === 'string') {
3
9
  return '';
@@ -16,5 +22,5 @@ const getCorrelationLevel = value => {
16
22
  return flag;
17
23
  })[0][0];
18
24
  };
19
- export { getCorrelationLevel };
25
+ exports.getCorrelationLevel = getCorrelationLevel;
20
26
  //# sourceMappingURL=utils.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"utils.js","names":["getCorrelationLevel","value","undefined","levels","neutral","positive","negative","Object","entries","filter","_ref","flag"],"sources":["../../../../../src/CorrelationWidget/components/Heatmap/utils.ts"],"sourcesContent":["const getCorrelationLevel = (value?: number | string) => {\n if (value === undefined || typeof value === 'string') {\n return '';\n }\n\n const levels = {\n neutral: value > -0.2 && value < 0.2,\n 'weak-positive': value >= 0.2 && value <= 0.4,\n positive: value > 0.4 && value < 0.7,\n 'strong-positive': value >= 0.7 && value <= 1,\n 'weak-negative': value >= -0.4 && value <= -0.2,\n negative: value > -0.7 && value < -0.4,\n 'strong-negative': value >= -1 && value <= -0.7,\n };\n\n return Object.entries(levels).filter(([, flag]) => flag)[0][0];\n};\n\nexport { getCorrelationLevel };\n"],"mappings":"AAAA,MAAMA,mBAAmB,GAAIC,KAAuB,IAAK;EACvD,IAAIA,KAAK,KAAKC,SAAS,IAAI,OAAOD,KAAK,KAAK,QAAQ,EAAE;IACpD,OAAO,EAAE;EACX;EAEA,MAAME,MAAM,GAAG;IACbC,OAAO,EAAEH,KAAK,GAAG,CAAC,GAAG,IAAIA,KAAK,GAAG,GAAG;IACpC,eAAe,EAAEA,KAAK,IAAI,GAAG,IAAIA,KAAK,IAAI,GAAG;IAC7CI,QAAQ,EAAEJ,KAAK,GAAG,GAAG,IAAIA,KAAK,GAAG,GAAG;IACpC,iBAAiB,EAAEA,KAAK,IAAI,GAAG,IAAIA,KAAK,IAAI,CAAC;IAC7C,eAAe,EAAEA,KAAK,IAAI,CAAC,GAAG,IAAIA,KAAK,IAAI,CAAC,GAAG;IAC/CK,QAAQ,EAAEL,KAAK,GAAG,CAAC,GAAG,IAAIA,KAAK,GAAG,CAAC,GAAG;IACtC,iBAAiB,EAAEA,KAAK,IAAI,CAAC,CAAC,IAAIA,KAAK,IAAI,CAAC;EAC9C,CAAC;EAED,OAAOM,MAAM,CAACC,OAAO,CAACL,MAAM,CAAC,CAACM,MAAM,CAACC,IAAA;IAAA,IAAC,GAAGC,IAAI,CAAC,GAAAD,IAAA;IAAA,OAAKC,IAAI;EAAA,EAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAChE,CAAC;AAED,SAASX,mBAAmB","ignoreList":[]}
1
+ {"version":3,"file":"utils.js","names":["getCorrelationLevel","value","undefined","levels","neutral","positive","negative","Object","entries","filter","_ref","flag","exports"],"sources":["../../../../../src/CorrelationWidget/components/Heatmap/utils.ts"],"sourcesContent":["const getCorrelationLevel = (value?: number | string) => {\n if (value === undefined || typeof value === 'string') {\n return '';\n }\n\n const levels = {\n neutral: value > -0.2 && value < 0.2,\n 'weak-positive': value >= 0.2 && value <= 0.4,\n positive: value > 0.4 && value < 0.7,\n 'strong-positive': value >= 0.7 && value <= 1,\n 'weak-negative': value >= -0.4 && value <= -0.2,\n negative: value > -0.7 && value < -0.4,\n 'strong-negative': value >= -1 && value <= -0.7,\n };\n\n return Object.entries(levels).filter(([, flag]) => flag)[0][0];\n};\n\nexport { getCorrelationLevel };\n"],"mappings":";;;;;;AAAA,MAAMA,mBAAmB,GAAIC,KAAuB,IAAK;EACvD,IAAIA,KAAK,KAAKC,SAAS,IAAI,OAAOD,KAAK,KAAK,QAAQ,EAAE;IACpD,OAAO,EAAE;EACX;EAEA,MAAME,MAAM,GAAG;IACbC,OAAO,EAAEH,KAAK,GAAG,CAAC,GAAG,IAAIA,KAAK,GAAG,GAAG;IACpC,eAAe,EAAEA,KAAK,IAAI,GAAG,IAAIA,KAAK,IAAI,GAAG;IAC7CI,QAAQ,EAAEJ,KAAK,GAAG,GAAG,IAAIA,KAAK,GAAG,GAAG;IACpC,iBAAiB,EAAEA,KAAK,IAAI,GAAG,IAAIA,KAAK,IAAI,CAAC;IAC7C,eAAe,EAAEA,KAAK,IAAI,CAAC,GAAG,IAAIA,KAAK,IAAI,CAAC,GAAG;IAC/CK,QAAQ,EAAEL,KAAK,GAAG,CAAC,GAAG,IAAIA,KAAK,GAAG,CAAC,GAAG;IACtC,iBAAiB,EAAEA,KAAK,IAAI,CAAC,CAAC,IAAIA,KAAK,IAAI,CAAC;EAC9C,CAAC;EAED,OAAOM,MAAM,CAACC,OAAO,CAACL,MAAM,CAAC,CAACM,MAAM,CAACC,IAAA;IAAA,IAAC,GAAGC,IAAI,CAAC,GAAAD,IAAA;IAAA,OAAKC,IAAI;EAAA,EAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAChE,CAAC;AAACC,OAAA,CAAAZ,mBAAA,GAAAA,mBAAA","ignoreList":[]}
@@ -1,11 +1,18 @@
1
- import { useQuery } from '@apollo/client';
2
- import { ChartError, Spinner, SpinnerSize } from '@oanda/labs-widget-common';
3
- import { useLocale } from '@oanda/mono-i18n';
4
- import classnames from 'classnames';
5
- import React from 'react';
6
- import { getCorrelationMatrix } from '../../../gql/getCorrelationMatrix';
7
- import { GridHeader, GridLegend } from '../Grid';
8
- import { MatrixGrid } from './MatrixGrid';
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.Matrix = void 0;
7
+ var _client = require("@apollo/client");
8
+ var _labsWidgetCommon = require("@oanda/labs-widget-common");
9
+ var _monoI18n = require("@oanda/mono-i18n");
10
+ var _classnames = _interopRequireDefault(require("classnames"));
11
+ var _react = _interopRequireDefault(require("react"));
12
+ var _getCorrelationMatrix = require("../../../gql/getCorrelationMatrix");
13
+ var _Grid = require("../Grid");
14
+ var _MatrixGrid = require("./MatrixGrid");
15
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
9
16
  const Matrix = _ref => {
10
17
  let {
11
18
  division,
@@ -13,12 +20,12 @@ const Matrix = _ref => {
13
20
  } = _ref;
14
21
  const {
15
22
  lang
16
- } = useLocale();
23
+ } = (0, _monoI18n.useLocale)();
17
24
  const {
18
25
  loading,
19
26
  data,
20
27
  error
21
- } = useQuery(getCorrelationMatrix, {
28
+ } = (0, _client.useQuery)(_getCorrelationMatrix.getCorrelationMatrix, {
22
29
  variables: {
23
30
  division,
24
31
  instruments
@@ -27,29 +34,29 @@ const Matrix = _ref => {
27
34
  });
28
35
  const columnNumber = instruments?.length;
29
36
  const showError = error || instruments && instruments.length === 1;
30
- return React.createElement(React.Fragment, null, !showError && React.createElement(React.Fragment, null, React.createElement("div", {
31
- className: classnames('lw-flex lw-flex-col', {
37
+ return _react.default.createElement(_react.default.Fragment, null, !showError && _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("div", {
38
+ className: (0, _classnames.default)('lw-flex lw-flex-col', {
32
39
  'lw-min-h-[580px]': columnNumber === undefined
33
40
  })
34
- }, loading && React.createElement("div", {
35
- className: classnames('lw-flex lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary', {
41
+ }, loading && _react.default.createElement("div", {
42
+ className: (0, _classnames.default)('lw-flex lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary', {
36
43
  'lw-h-[500px]': columnNumber === undefined,
37
44
  'lw-h-[200px]': columnNumber !== undefined
38
45
  })
39
- }, React.createElement(Spinner, {
40
- size: SpinnerSize.lg
41
- })), !loading && data?.correlationMatrix && React.createElement("div", {
46
+ }, _react.default.createElement(_labsWidgetCommon.Spinner, {
47
+ size: _labsWidgetCommon.SpinnerSize.lg
48
+ })), !loading && data?.correlationMatrix && _react.default.createElement("div", {
42
49
  "data-testid": "matrix-wrapper"
43
- }, React.createElement(GridHeader, {
50
+ }, _react.default.createElement(_Grid.GridHeader, {
44
51
  label: `${lang('time_period')}: ${lang('year', {
45
52
  count: 1
46
53
  })}`
47
- }), React.createElement(MatrixGrid, {
54
+ }), _react.default.createElement(_MatrixGrid.MatrixGrid, {
48
55
  columnsNumber: columnNumber,
49
56
  data: data
50
- }))), React.createElement(GridLegend, null)), !loading && showError && React.createElement("div", {
57
+ }))), _react.default.createElement(_Grid.GridLegend, null)), !loading && showError && _react.default.createElement("div", {
51
58
  className: "lw-flex lw-h-[425px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary"
52
- }, React.createElement(ChartError, null)));
59
+ }, _react.default.createElement(_labsWidgetCommon.ChartError, null)));
53
60
  };
54
- export { Matrix };
61
+ exports.Matrix = Matrix;
55
62
  //# sourceMappingURL=Matrix.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Matrix.js","names":["useQuery","ChartError","Spinner","SpinnerSize","useLocale","classnames","React","getCorrelationMatrix","GridHeader","GridLegend","MatrixGrid","Matrix","_ref","division","instruments","lang","loading","data","error","variables","fetchPolicy","columnNumber","length","showError","createElement","Fragment","className","undefined","size","lg","correlationMatrix","label","count","columnsNumber"],"sources":["../../../../../src/CorrelationWidget/components/Matrix/Matrix.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client';\nimport { ChartError, Spinner, SpinnerSize } from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport classnames from 'classnames';\nimport React from 'react';\n\nimport { getCorrelationMatrix } from '../../../gql/getCorrelationMatrix';\nimport type {\n GetCorrelationMatrixQuery,\n GetCorrelationMatrixQueryVariables,\n} from '../../../gql/types/graphql';\nimport type { MatrixProps } from '../../types';\nimport { GridHeader, GridLegend } from '../Grid';\nimport { MatrixGrid } from './MatrixGrid';\n\nconst Matrix = ({ division, instruments }: MatrixProps) => {\n const { lang } = useLocale();\n const { loading, data, error } = useQuery<\n GetCorrelationMatrixQuery,\n GetCorrelationMatrixQueryVariables\n >(getCorrelationMatrix, {\n variables: {\n division,\n instruments,\n },\n fetchPolicy: 'cache-and-network',\n });\n\n const columnNumber = instruments?.length;\n\n const showError = error || (instruments && instruments.length === 1);\n\n return (\n <>\n {!showError && (\n <>\n <div\n className={classnames('lw-flex lw-flex-col', {\n 'lw-min-h-[580px]': columnNumber === undefined,\n })}\n >\n {loading && (\n <div\n className={classnames(\n 'lw-flex lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary',\n {\n 'lw-h-[500px]': columnNumber === undefined,\n 'lw-h-[200px]': columnNumber !== undefined,\n }\n )}\n >\n <Spinner size={SpinnerSize.lg} />\n </div>\n )}\n {!loading && data?.correlationMatrix && (\n <div data-testid=\"matrix-wrapper\">\n <GridHeader\n label={`${lang('time_period')}: ${lang('year', { count: 1 })}`}\n />\n <MatrixGrid columnsNumber={columnNumber} data={data} />\n </div>\n )}\n </div>\n <GridLegend />\n </>\n )}\n {!loading && showError && (\n <div className=\"lw-flex lw-h-[425px] 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 { Matrix };\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,gBAAgB;AACzC,SAASC,UAAU,EAAEC,OAAO,EAAEC,WAAW,QAAQ,2BAA2B;AAC5E,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,oBAAoB,QAAQ,mCAAmC;AAMxE,SAASC,UAAU,EAAEC,UAAU,QAAQ,SAAS;AAChD,SAASC,UAAU,QAAQ,cAAc;AAEzC,MAAMC,MAAM,GAAGC,IAAA,IAA4C;EAAA,IAA3C;IAAEC,QAAQ;IAAEC;EAAyB,CAAC,GAAAF,IAAA;EACpD,MAAM;IAAEG;EAAK,CAAC,GAAGX,SAAS,CAAC,CAAC;EAC5B,MAAM;IAAEY,OAAO;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAGlB,QAAQ,CAGvCO,oBAAoB,EAAE;IACtBY,SAAS,EAAE;MACTN,QAAQ;MACRC;IACF,CAAC;IACDM,WAAW,EAAE;EACf,CAAC,CAAC;EAEF,MAAMC,YAAY,GAAGP,WAAW,EAAEQ,MAAM;EAExC,MAAMC,SAAS,GAAGL,KAAK,IAAKJ,WAAW,IAAIA,WAAW,CAACQ,MAAM,KAAK,CAAE;EAEpE,OACEhB,KAAA,CAAAkB,aAAA,CAAAlB,KAAA,CAAAmB,QAAA,QACG,CAACF,SAAS,IACTjB,KAAA,CAAAkB,aAAA,CAAAlB,KAAA,CAAAmB,QAAA,QACEnB,KAAA,CAAAkB,aAAA;IACEE,SAAS,EAAErB,UAAU,CAAC,qBAAqB,EAAE;MAC3C,kBAAkB,EAAEgB,YAAY,KAAKM;IACvC,CAAC;EAAE,GAEFX,OAAO,IACNV,KAAA,CAAAkB,aAAA;IACEE,SAAS,EAAErB,UAAU,CACnB,sFAAsF,EACtF;MACE,cAAc,EAAEgB,YAAY,KAAKM,SAAS;MAC1C,cAAc,EAAEN,YAAY,KAAKM;IACnC,CACF;EAAE,GAEFrB,KAAA,CAAAkB,aAAA,CAACtB,OAAO;IAAC0B,IAAI,EAAEzB,WAAW,CAAC0B;EAAG,CAAE,CAC7B,CACN,EACA,CAACb,OAAO,IAAIC,IAAI,EAAEa,iBAAiB,IAClCxB,KAAA,CAAAkB,aAAA;IAAK,eAAY;EAAgB,GAC/BlB,KAAA,CAAAkB,aAAA,CAAChB,UAAU;IACTuB,KAAK,EAAE,GAAGhB,IAAI,CAAC,aAAa,CAAC,KAAKA,IAAI,CAAC,MAAM,EAAE;MAAEiB,KAAK,EAAE;IAAE,CAAC,CAAC;EAAG,CAChE,CAAC,EACF1B,KAAA,CAAAkB,aAAA,CAACd,UAAU;IAACuB,aAAa,EAAEZ,YAAa;IAACJ,IAAI,EAAEA;EAAK,CAAE,CACnD,CAEJ,CAAC,EACNX,KAAA,CAAAkB,aAAA,CAACf,UAAU,MAAE,CACb,CACH,EACA,CAACO,OAAO,IAAIO,SAAS,IACpBjB,KAAA,CAAAkB,aAAA;IAAKE,SAAS,EAAC;EAAmG,GAChHpB,KAAA,CAAAkB,aAAA,CAACvB,UAAU,MAAE,CACV,CAEP,CAAC;AAEP,CAAC;AAED,SAASU,MAAM","ignoreList":[]}
1
+ {"version":3,"file":"Matrix.js","names":["_client","require","_labsWidgetCommon","_monoI18n","_classnames","_interopRequireDefault","_react","_getCorrelationMatrix","_Grid","_MatrixGrid","e","__esModule","default","Matrix","_ref","division","instruments","lang","useLocale","loading","data","error","useQuery","getCorrelationMatrix","variables","fetchPolicy","columnNumber","length","showError","createElement","Fragment","className","classnames","undefined","Spinner","size","SpinnerSize","lg","correlationMatrix","GridHeader","label","count","MatrixGrid","columnsNumber","GridLegend","ChartError","exports"],"sources":["../../../../../src/CorrelationWidget/components/Matrix/Matrix.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client';\nimport { ChartError, Spinner, SpinnerSize } from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport classnames from 'classnames';\nimport React from 'react';\n\nimport { getCorrelationMatrix } from '../../../gql/getCorrelationMatrix';\nimport type {\n GetCorrelationMatrixQuery,\n GetCorrelationMatrixQueryVariables,\n} from '../../../gql/types/graphql';\nimport type { MatrixProps } from '../../types';\nimport { GridHeader, GridLegend } from '../Grid';\nimport { MatrixGrid } from './MatrixGrid';\n\nconst Matrix = ({ division, instruments }: MatrixProps) => {\n const { lang } = useLocale();\n const { loading, data, error } = useQuery<\n GetCorrelationMatrixQuery,\n GetCorrelationMatrixQueryVariables\n >(getCorrelationMatrix, {\n variables: {\n division,\n instruments,\n },\n fetchPolicy: 'cache-and-network',\n });\n\n const columnNumber = instruments?.length;\n\n const showError = error || (instruments && instruments.length === 1);\n\n return (\n <>\n {!showError && (\n <>\n <div\n className={classnames('lw-flex lw-flex-col', {\n 'lw-min-h-[580px]': columnNumber === undefined,\n })}\n >\n {loading && (\n <div\n className={classnames(\n 'lw-flex lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary',\n {\n 'lw-h-[500px]': columnNumber === undefined,\n 'lw-h-[200px]': columnNumber !== undefined,\n }\n )}\n >\n <Spinner size={SpinnerSize.lg} />\n </div>\n )}\n {!loading && data?.correlationMatrix && (\n <div data-testid=\"matrix-wrapper\">\n <GridHeader\n label={`${lang('time_period')}: ${lang('year', { count: 1 })}`}\n />\n <MatrixGrid columnsNumber={columnNumber} data={data} />\n </div>\n )}\n </div>\n <GridLegend />\n </>\n )}\n {!loading && showError && (\n <div className=\"lw-flex lw-h-[425px] 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 { Matrix };\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAD,sBAAA,CAAAJ,OAAA;AAEA,IAAAM,qBAAA,GAAAN,OAAA;AAMA,IAAAO,KAAA,GAAAP,OAAA;AACA,IAAAQ,WAAA,GAAAR,OAAA;AAA0C,SAAAI,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE1C,MAAMG,MAAM,GAAGC,IAAA,IAA4C;EAAA,IAA3C;IAAEC,QAAQ;IAAEC;EAAyB,CAAC,GAAAF,IAAA;EACpD,MAAM;IAAEG;EAAK,CAAC,GAAG,IAAAC,mBAAS,EAAC,CAAC;EAC5B,MAAM;IAAEC,OAAO;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAG,IAAAC,gBAAQ,EAGvCC,0CAAoB,EAAE;IACtBC,SAAS,EAAE;MACTT,QAAQ;MACRC;IACF,CAAC;IACDS,WAAW,EAAE;EACf,CAAC,CAAC;EAEF,MAAMC,YAAY,GAAGV,WAAW,EAAEW,MAAM;EAExC,MAAMC,SAAS,GAAGP,KAAK,IAAKL,WAAW,IAAIA,WAAW,CAACW,MAAM,KAAK,CAAE;EAEpE,OACErB,MAAA,CAAAM,OAAA,CAAAiB,aAAA,CAAAvB,MAAA,CAAAM,OAAA,CAAAkB,QAAA,QACG,CAACF,SAAS,IACTtB,MAAA,CAAAM,OAAA,CAAAiB,aAAA,CAAAvB,MAAA,CAAAM,OAAA,CAAAkB,QAAA,QACExB,MAAA,CAAAM,OAAA,CAAAiB,aAAA;IACEE,SAAS,EAAE,IAAAC,mBAAU,EAAC,qBAAqB,EAAE;MAC3C,kBAAkB,EAAEN,YAAY,KAAKO;IACvC,CAAC;EAAE,GAEFd,OAAO,IACNb,MAAA,CAAAM,OAAA,CAAAiB,aAAA;IACEE,SAAS,EAAE,IAAAC,mBAAU,EACnB,sFAAsF,EACtF;MACE,cAAc,EAAEN,YAAY,KAAKO,SAAS;MAC1C,cAAc,EAAEP,YAAY,KAAKO;IACnC,CACF;EAAE,GAEF3B,MAAA,CAAAM,OAAA,CAAAiB,aAAA,CAAC3B,iBAAA,CAAAgC,OAAO;IAACC,IAAI,EAAEC,6BAAW,CAACC;EAAG,CAAE,CAC7B,CACN,EACA,CAAClB,OAAO,IAAIC,IAAI,EAAEkB,iBAAiB,IAClChC,MAAA,CAAAM,OAAA,CAAAiB,aAAA;IAAK,eAAY;EAAgB,GAC/BvB,MAAA,CAAAM,OAAA,CAAAiB,aAAA,CAACrB,KAAA,CAAA+B,UAAU;IACTC,KAAK,EAAE,GAAGvB,IAAI,CAAC,aAAa,CAAC,KAAKA,IAAI,CAAC,MAAM,EAAE;MAAEwB,KAAK,EAAE;IAAE,CAAC,CAAC;EAAG,CAChE,CAAC,EACFnC,MAAA,CAAAM,OAAA,CAAAiB,aAAA,CAACpB,WAAA,CAAAiC,UAAU;IAACC,aAAa,EAAEjB,YAAa;IAACN,IAAI,EAAEA;EAAK,CAAE,CACnD,CAEJ,CAAC,EACNd,MAAA,CAAAM,OAAA,CAAAiB,aAAA,CAACrB,KAAA,CAAAoC,UAAU,MAAE,CACb,CACH,EACA,CAACzB,OAAO,IAAIS,SAAS,IACpBtB,MAAA,CAAAM,OAAA,CAAAiB,aAAA;IAAKE,SAAS,EAAC;EAAmG,GAChHzB,MAAA,CAAAM,OAAA,CAAAiB,aAAA,CAAC3B,iBAAA,CAAA2C,UAAU,MAAE,CACV,CAEP,CAAC;AAEP,CAAC;AAACC,OAAA,CAAAjC,MAAA,GAAAA,MAAA","ignoreList":[]}
@@ -1,6 +1,14 @@
1
- import classNames from 'classnames';
2
- import React, { Fragment, useState } from 'react';
3
- import { GridCell } from '../Grid';
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.MatrixGrid = void 0;
7
+ var _classnames = _interopRequireDefault(require("classnames"));
8
+ var _react = _interopRequireWildcard(require("react"));
9
+ var _Grid = require("../Grid");
10
+ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
11
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
4
12
  const MatrixGrid = _ref => {
5
13
  let {
6
14
  data: {
@@ -10,20 +18,20 @@ const MatrixGrid = _ref => {
10
18
  },
11
19
  columnsNumber = 10
12
20
  } = _ref;
13
- const [selectedXInstrument, setSelectedXInstrument] = useState('');
14
- const [selectedYInstrument, setSelectedYInstrument] = useState('');
21
+ const [selectedXInstrument, setSelectedXInstrument] = (0, _react.useState)('');
22
+ const [selectedYInstrument, setSelectedYInstrument] = (0, _react.useState)('');
15
23
  const resetHover = () => {
16
24
  setSelectedXInstrument('');
17
25
  setSelectedYInstrument('');
18
26
  };
19
- return React.createElement("div", {
20
- className: classNames('lw-relative lw-grid-cols-[var(--cols)] lw-grid lw-overflow-x-auto lw-border-x lw-border-t lw-border-solid lw-border-border-primary lw-bg-border-primary lw-text-sm', {}),
27
+ return _react.default.createElement("div", {
28
+ className: (0, _classnames.default)('lw-relative lw-grid-cols-[var(--cols)] lw-grid lw-overflow-x-auto lw-border-x lw-border-t lw-border-solid lw-border-border-primary lw-bg-border-primary lw-text-sm', {}),
21
29
  "data-testid": "matrix-grid",
22
30
  style: {
23
31
  '--cols': `minmax(70px,1fr)repeat(${columnsNumber},minmax(65px,1fr))`
24
32
  },
25
33
  onMouseLeave: resetHover
26
- }, React.createElement(GridCell, {
34
+ }, _react.default.createElement(_Grid.GridCell, {
27
35
  sticky: true
28
36
  }), matrix.map((_ref2, index) => {
29
37
  let {
@@ -31,7 +39,7 @@ const MatrixGrid = _ref => {
31
39
  displayName
32
40
  }
33
41
  } = _ref2;
34
- return React.createElement(GridCell, {
42
+ return _react.default.createElement(_Grid.GridCell, {
35
43
  key: `x-${displayName}`,
36
44
  hovered: selectedXInstrument === displayName,
37
45
  mouseEnterHandler: resetHover,
@@ -45,9 +53,9 @@ const MatrixGrid = _ref => {
45
53
  },
46
54
  instrumentCorrelation
47
55
  } = _ref3;
48
- return React.createElement(Fragment, {
56
+ return _react.default.createElement(_react.Fragment, {
49
57
  key: `y-${yInstrument}`
50
- }, React.createElement(GridCell, {
58
+ }, _react.default.createElement(_Grid.GridCell, {
51
59
  sticky: true,
52
60
  hovered: selectedYInstrument === yInstrument,
53
61
  mouseEnterHandler: resetHover,
@@ -60,12 +68,12 @@ const MatrixGrid = _ref => {
60
68
  value
61
69
  } = _ref4;
62
70
  const noRightBorder = columnsNumber === index + 1;
63
- return xInstrument === yInstrument || value === null ? React.createElement(GridCell, {
71
+ return xInstrument === yInstrument || value === null ? _react.default.createElement(_Grid.GridCell, {
64
72
  key: `${xInstrument}-${yInstrument}`,
65
73
  empty: true,
66
74
  mouseEnterHandler: resetHover,
67
75
  noRightBorder: noRightBorder
68
- }) : React.createElement(GridCell, {
76
+ }) : _react.default.createElement(_Grid.GridCell, {
69
77
  key: `${xInstrument}-${yInstrument}`,
70
78
  hovered: selectedXInstrument === xInstrument && selectedYInstrument === yInstrument,
71
79
  mouseEnterHandler: () => {
@@ -78,5 +86,5 @@ const MatrixGrid = _ref => {
78
86
  }));
79
87
  }));
80
88
  };
81
- export { MatrixGrid };
89
+ exports.MatrixGrid = MatrixGrid;
82
90
  //# sourceMappingURL=MatrixGrid.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"MatrixGrid.js","names":["classNames","React","Fragment","useState","GridCell","MatrixGrid","_ref","data","correlationMatrix","matrix","columnsNumber","selectedXInstrument","setSelectedXInstrument","selectedYInstrument","setSelectedYInstrument","resetHover","createElement","className","style","onMouseLeave","sticky","map","_ref2","index","instrument","displayName","key","hovered","mouseEnterHandler","noRightBorder","value","_ref3","yInstrument","instrumentCorrelation","_ref4","xInstrument","empty"],"sources":["../../../../../src/CorrelationWidget/components/Matrix/MatrixGrid.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport React, { Fragment, useState } from 'react';\n\nimport { GridCell } from '../Grid';\nimport type { MatrixGridProps } from './types';\n\nconst MatrixGrid = ({\n data: {\n correlationMatrix: { matrix },\n },\n columnsNumber = 10,\n}: MatrixGridProps) => {\n const [selectedXInstrument, setSelectedXInstrument] = useState('');\n const [selectedYInstrument, setSelectedYInstrument] = useState('');\n\n const resetHover = () => {\n setSelectedXInstrument('');\n setSelectedYInstrument('');\n };\n\n return (\n <div\n className={classNames(\n 'lw-relative lw-grid-cols-[var(--cols)] lw-grid lw-overflow-x-auto lw-border-x lw-border-t lw-border-solid lw-border-border-primary lw-bg-border-primary lw-text-sm',\n {}\n )}\n data-testid=\"matrix-grid\"\n style={\n {\n '--cols': `minmax(70px,1fr)repeat(${columnsNumber},minmax(65px,1fr))`,\n } as React.CSSProperties\n }\n onMouseLeave={resetHover}\n >\n <GridCell sticky />\n {matrix.map(({ instrument: { displayName } }, index) => (\n <GridCell\n key={`x-${displayName}`}\n hovered={selectedXInstrument === displayName}\n mouseEnterHandler={resetHover}\n noRightBorder={columnsNumber === index + 1}\n value={displayName}\n />\n ))}\n {matrix.map(\n ({\n instrument: { displayName: yInstrument },\n instrumentCorrelation,\n }) => (\n <Fragment key={`y-${yInstrument}`}>\n <GridCell\n sticky\n hovered={selectedYInstrument === yInstrument}\n mouseEnterHandler={resetHover}\n value={yInstrument}\n />\n {instrumentCorrelation.map(\n ({ instrument: { displayName: xInstrument }, value }, index) => {\n const noRightBorder = columnsNumber === index + 1;\n\n return xInstrument === yInstrument || value === null ? (\n <GridCell\n key={`${xInstrument}-${yInstrument}`}\n empty\n mouseEnterHandler={resetHover}\n noRightBorder={noRightBorder}\n />\n ) : (\n <GridCell\n key={`${xInstrument}-${yInstrument}`}\n hovered={\n selectedXInstrument === xInstrument &&\n selectedYInstrument === yInstrument\n }\n mouseEnterHandler={() => {\n setSelectedXInstrument(xInstrument);\n setSelectedYInstrument(yInstrument);\n }}\n noRightBorder={noRightBorder}\n value={value}\n />\n );\n }\n )}\n </Fragment>\n )\n )}\n </div>\n );\n};\n\nexport { MatrixGrid };\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,IAAIC,QAAQ,EAAEC,QAAQ,QAAQ,OAAO;AAEjD,SAASC,QAAQ,QAAQ,SAAS;AAGlC,MAAMC,UAAU,GAAGC,IAAA,IAKI;EAAA,IALH;IAClBC,IAAI,EAAE;MACJC,iBAAiB,EAAE;QAAEC;MAAO;IAC9B,CAAC;IACDC,aAAa,GAAG;EACD,CAAC,GAAAJ,IAAA;EAChB,MAAM,CAACK,mBAAmB,EAAEC,sBAAsB,CAAC,GAAGT,QAAQ,CAAC,EAAE,CAAC;EAClE,MAAM,CAACU,mBAAmB,EAAEC,sBAAsB,CAAC,GAAGX,QAAQ,CAAC,EAAE,CAAC;EAElE,MAAMY,UAAU,GAAGA,CAAA,KAAM;IACvBH,sBAAsB,CAAC,EAAE,CAAC;IAC1BE,sBAAsB,CAAC,EAAE,CAAC;EAC5B,CAAC;EAED,OACEb,KAAA,CAAAe,aAAA;IACEC,SAAS,EAAEjB,UAAU,CACnB,oKAAoK,EACpK,CAAC,CACH,CAAE;IACF,eAAY,aAAa;IACzBkB,KAAK,EACH;MACE,QAAQ,EAAE,0BAA0BR,aAAa;IACnD,CACD;IACDS,YAAY,EAAEJ;EAAW,GAEzBd,KAAA,CAAAe,aAAA,CAACZ,QAAQ;IAACgB,MAAM;EAAA,CAAE,CAAC,EAClBX,MAAM,CAACY,GAAG,CAAC,CAAAC,KAAA,EAAkCC,KAAK;IAAA,IAAtC;MAAEC,UAAU,EAAE;QAAEC;MAAY;IAAE,CAAC,GAAAH,KAAA;IAAA,OAC1CrB,KAAA,CAAAe,aAAA,CAACZ,QAAQ;MACPsB,GAAG,EAAE,KAAKD,WAAW,EAAG;MACxBE,OAAO,EAAEhB,mBAAmB,KAAKc,WAAY;MAC7CG,iBAAiB,EAAEb,UAAW;MAC9Bc,aAAa,EAAEnB,aAAa,KAAKa,KAAK,GAAG,CAAE;MAC3CO,KAAK,EAAEL;IAAY,CACpB,CAAC;EAAA,CACH,CAAC,EACDhB,MAAM,CAACY,GAAG,CACTU,KAAA;IAAA,IAAC;MACCP,UAAU,EAAE;QAAEC,WAAW,EAAEO;MAAY,CAAC;MACxCC;IACF,CAAC,GAAAF,KAAA;IAAA,OACC9B,KAAA,CAAAe,aAAA,CAACd,QAAQ;MAACwB,GAAG,EAAE,KAAKM,WAAW;IAAG,GAChC/B,KAAA,CAAAe,aAAA,CAACZ,QAAQ;MACPgB,MAAM;MACNO,OAAO,EAAEd,mBAAmB,KAAKmB,WAAY;MAC7CJ,iBAAiB,EAAEb,UAAW;MAC9Be,KAAK,EAAEE;IAAY,CACpB,CAAC,EACDC,qBAAqB,CAACZ,GAAG,CACxB,CAAAa,KAAA,EAAsDX,KAAK,KAAK;MAAA,IAA/D;QAAEC,UAAU,EAAE;UAAEC,WAAW,EAAEU;QAAY,CAAC;QAAEL;MAAM,CAAC,GAAAI,KAAA;MAClD,MAAML,aAAa,GAAGnB,aAAa,KAAKa,KAAK,GAAG,CAAC;MAEjD,OAAOY,WAAW,KAAKH,WAAW,IAAIF,KAAK,KAAK,IAAI,GAClD7B,KAAA,CAAAe,aAAA,CAACZ,QAAQ;QACPsB,GAAG,EAAE,GAAGS,WAAW,IAAIH,WAAW,EAAG;QACrCI,KAAK;QACLR,iBAAiB,EAAEb,UAAW;QAC9Bc,aAAa,EAAEA;MAAc,CAC9B,CAAC,GAEF5B,KAAA,CAAAe,aAAA,CAACZ,QAAQ;QACPsB,GAAG,EAAE,GAAGS,WAAW,IAAIH,WAAW,EAAG;QACrCL,OAAO,EACLhB,mBAAmB,KAAKwB,WAAW,IACnCtB,mBAAmB,KAAKmB,WACzB;QACDJ,iBAAiB,EAAEA,CAAA,KAAM;UACvBhB,sBAAsB,CAACuB,WAAW,CAAC;UACnCrB,sBAAsB,CAACkB,WAAW,CAAC;QACrC,CAAE;QACFH,aAAa,EAAEA,aAAc;QAC7BC,KAAK,EAAEA;MAAM,CACd,CACF;IACH,CACF,CACQ,CAAC;EAAA,CAEf,CACG,CAAC;AAEV,CAAC;AAED,SAASzB,UAAU","ignoreList":[]}
1
+ {"version":3,"file":"MatrixGrid.js","names":["_classnames","_interopRequireDefault","require","_react","_interopRequireWildcard","_Grid","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","MatrixGrid","_ref","data","correlationMatrix","matrix","columnsNumber","selectedXInstrument","setSelectedXInstrument","useState","selectedYInstrument","setSelectedYInstrument","resetHover","createElement","className","classNames","style","onMouseLeave","GridCell","sticky","map","_ref2","index","instrument","displayName","key","hovered","mouseEnterHandler","noRightBorder","value","_ref3","yInstrument","instrumentCorrelation","Fragment","_ref4","xInstrument","empty","exports"],"sources":["../../../../../src/CorrelationWidget/components/Matrix/MatrixGrid.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport React, { Fragment, useState } from 'react';\n\nimport { GridCell } from '../Grid';\nimport type { MatrixGridProps } from './types';\n\nconst MatrixGrid = ({\n data: {\n correlationMatrix: { matrix },\n },\n columnsNumber = 10,\n}: MatrixGridProps) => {\n const [selectedXInstrument, setSelectedXInstrument] = useState('');\n const [selectedYInstrument, setSelectedYInstrument] = useState('');\n\n const resetHover = () => {\n setSelectedXInstrument('');\n setSelectedYInstrument('');\n };\n\n return (\n <div\n className={classNames(\n 'lw-relative lw-grid-cols-[var(--cols)] lw-grid lw-overflow-x-auto lw-border-x lw-border-t lw-border-solid lw-border-border-primary lw-bg-border-primary lw-text-sm',\n {}\n )}\n data-testid=\"matrix-grid\"\n style={\n {\n '--cols': `minmax(70px,1fr)repeat(${columnsNumber},minmax(65px,1fr))`,\n } as React.CSSProperties\n }\n onMouseLeave={resetHover}\n >\n <GridCell sticky />\n {matrix.map(({ instrument: { displayName } }, index) => (\n <GridCell\n key={`x-${displayName}`}\n hovered={selectedXInstrument === displayName}\n mouseEnterHandler={resetHover}\n noRightBorder={columnsNumber === index + 1}\n value={displayName}\n />\n ))}\n {matrix.map(\n ({\n instrument: { displayName: yInstrument },\n instrumentCorrelation,\n }) => (\n <Fragment key={`y-${yInstrument}`}>\n <GridCell\n sticky\n hovered={selectedYInstrument === yInstrument}\n mouseEnterHandler={resetHover}\n value={yInstrument}\n />\n {instrumentCorrelation.map(\n ({ instrument: { displayName: xInstrument }, value }, index) => {\n const noRightBorder = columnsNumber === index + 1;\n\n return xInstrument === yInstrument || value === null ? (\n <GridCell\n key={`${xInstrument}-${yInstrument}`}\n empty\n mouseEnterHandler={resetHover}\n noRightBorder={noRightBorder}\n />\n ) : (\n <GridCell\n key={`${xInstrument}-${yInstrument}`}\n hovered={\n selectedXInstrument === xInstrument &&\n selectedYInstrument === yInstrument\n }\n mouseEnterHandler={() => {\n setSelectedXInstrument(xInstrument);\n setSelectedYInstrument(yInstrument);\n }}\n noRightBorder={noRightBorder}\n value={value}\n />\n );\n }\n )}\n </Fragment>\n )\n )}\n </div>\n );\n};\n\nexport { MatrixGrid };\n"],"mappings":"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","ignoreList":[]}
@@ -1,2 +1,17 @@
1
- export * from './Matrix';
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ var _Matrix = require("./Matrix");
7
+ Object.keys(_Matrix).forEach(function (key) {
8
+ if (key === "default" || key === "__esModule") return;
9
+ if (key in exports && exports[key] === _Matrix[key]) return;
10
+ Object.defineProperty(exports, key, {
11
+ enumerable: true,
12
+ get: function () {
13
+ return _Matrix[key];
14
+ }
15
+ });
16
+ });
2
17
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":[],"sources":["../../../../../src/CorrelationWidget/components/Matrix/index.ts"],"sourcesContent":["export * from './Matrix';\n"],"mappings":"AAAA,cAAc,UAAU","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["_Matrix","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../../src/CorrelationWidget/components/Matrix/index.ts"],"sourcesContent":["export * from './Matrix';\n"],"mappings":";;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,OAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
@@ -1,2 +1,6 @@
1
- export {};
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
2
6
  //# sourceMappingURL=types.js.map
@@ -1,4 +1,39 @@
1
- export * from './Grid';
2
- export * from './Heatmap';
3
- export * from './Matrix';
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ var _Grid = require("./Grid");
7
+ Object.keys(_Grid).forEach(function (key) {
8
+ if (key === "default" || key === "__esModule") return;
9
+ if (key in exports && exports[key] === _Grid[key]) return;
10
+ Object.defineProperty(exports, key, {
11
+ enumerable: true,
12
+ get: function () {
13
+ return _Grid[key];
14
+ }
15
+ });
16
+ });
17
+ var _Heatmap = require("./Heatmap");
18
+ Object.keys(_Heatmap).forEach(function (key) {
19
+ if (key === "default" || key === "__esModule") return;
20
+ if (key in exports && exports[key] === _Heatmap[key]) return;
21
+ Object.defineProperty(exports, key, {
22
+ enumerable: true,
23
+ get: function () {
24
+ return _Heatmap[key];
25
+ }
26
+ });
27
+ });
28
+ var _Matrix = require("./Matrix");
29
+ Object.keys(_Matrix).forEach(function (key) {
30
+ if (key === "default" || key === "__esModule") return;
31
+ if (key in exports && exports[key] === _Matrix[key]) return;
32
+ Object.defineProperty(exports, key, {
33
+ enumerable: true,
34
+ get: function () {
35
+ return _Matrix[key];
36
+ }
37
+ });
38
+ });
4
39
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":[],"sources":["../../../../src/CorrelationWidget/components/index.ts"],"sourcesContent":["export * from './Grid';\nexport * from './Heatmap';\nexport * from './Matrix';\n"],"mappings":"AAAA,cAAc,QAAQ;AACtB,cAAc,WAAW;AACzB,cAAc,UAAU","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["_Grid","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_Heatmap","_Matrix"],"sources":["../../../../src/CorrelationWidget/components/index.ts"],"sourcesContent":["export * from './Grid';\nexport * from './Heatmap';\nexport * from './Matrix';\n"],"mappings":";;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,KAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,KAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,KAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,QAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,QAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,QAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,QAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,OAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,OAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,OAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,OAAA,CAAAN,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
@@ -1,66 +1,71 @@
1
- import { CorrelationTimeUnit } from '../gql/types/graphql';
2
- const navigationConfigDesktop = [{
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.navigationConfigMobile = exports.navigationConfigDesktop = exports.heatmapGridHeader = void 0;
7
+ var _graphql = require("../gql/types/graphql");
8
+ const navigationConfigDesktop = exports.navigationConfigDesktop = [{
3
9
  id: 'heatmap',
4
10
  label: 'correlation_heatmap'
5
11
  }, {
6
12
  id: 'matrix',
7
13
  label: 'correlation_matrix'
8
14
  }];
9
- const navigationConfigMobile = [{
15
+ const navigationConfigMobile = exports.navigationConfigMobile = [{
10
16
  id: 'heatmap',
11
17
  label: 'heatmap'
12
18
  }, {
13
19
  id: 'matrix',
14
20
  label: 'matrix'
15
21
  }];
16
- const heatmapGridHeader = [{
17
- id: CorrelationTimeUnit.H1,
22
+ const heatmapGridHeader = exports.heatmapGridHeader = [{
23
+ id: _graphql.CorrelationTimeUnit.H1,
18
24
  label: {
19
25
  translationKey: 'hour',
20
26
  count: 1
21
27
  }
22
28
  }, {
23
- id: CorrelationTimeUnit.H4,
29
+ id: _graphql.CorrelationTimeUnit.H4,
24
30
  label: {
25
31
  translationKey: 'hour',
26
32
  count: 4
27
33
  }
28
34
  }, {
29
- id: CorrelationTimeUnit.H24,
35
+ id: _graphql.CorrelationTimeUnit.H24,
30
36
  label: {
31
37
  translationKey: 'hour',
32
38
  count: 24
33
39
  }
34
40
  }, {
35
- id: CorrelationTimeUnit.W1,
41
+ id: _graphql.CorrelationTimeUnit.W1,
36
42
  label: {
37
43
  translationKey: 'week',
38
44
  count: 1
39
45
  }
40
46
  }, {
41
- id: CorrelationTimeUnit.M1,
47
+ id: _graphql.CorrelationTimeUnit.M1,
42
48
  label: {
43
49
  translationKey: 'month',
44
50
  count: 1
45
51
  }
46
52
  }, {
47
- id: CorrelationTimeUnit.M3,
53
+ id: _graphql.CorrelationTimeUnit.M3,
48
54
  label: {
49
55
  translationKey: 'month',
50
56
  count: 3
51
57
  }
52
58
  }, {
53
- id: CorrelationTimeUnit.M6,
59
+ id: _graphql.CorrelationTimeUnit.M6,
54
60
  label: {
55
61
  translationKey: 'month',
56
62
  count: 6
57
63
  }
58
64
  }, {
59
- id: CorrelationTimeUnit.Y1,
65
+ id: _graphql.CorrelationTimeUnit.Y1,
60
66
  label: {
61
67
  translationKey: 'year',
62
68
  count: 1
63
69
  }
64
70
  }];
65
- export { heatmapGridHeader, navigationConfigDesktop, navigationConfigMobile };
66
71
  //# sourceMappingURL=config.js.map