@oanda/labs-correlation-widget 1.0.167 → 1.0.168
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +1277 -29309
- package/dist/module/CorrelationWidget/CorrelationWidget.js +19 -12
- package/dist/module/CorrelationWidget/CorrelationWidget.js.map +1 -1
- package/dist/module/CorrelationWidget/Main.js +23 -16
- package/dist/module/CorrelationWidget/Main.js.map +1 -1
- package/dist/module/CorrelationWidget/components/Grid/GridCell.js +17 -10
- package/dist/module/CorrelationWidget/components/Grid/GridCell.js.map +1 -1
- package/dist/module/CorrelationWidget/components/Grid/GridHeader.js +16 -9
- package/dist/module/CorrelationWidget/components/Grid/GridHeader.js.map +1 -1
- package/dist/module/CorrelationWidget/components/Grid/GridLegend.js +26 -19
- package/dist/module/CorrelationWidget/components/Grid/GridLegend.js.map +1 -1
- package/dist/module/CorrelationWidget/components/Grid/index.js +38 -3
- package/dist/module/CorrelationWidget/components/Grid/index.js.map +1 -1
- package/dist/module/CorrelationWidget/components/Grid/types.js +5 -1
- package/dist/module/CorrelationWidget/components/Heatmap/Heatmap.js +31 -24
- package/dist/module/CorrelationWidget/components/Heatmap/Heatmap.js.map +1 -1
- package/dist/module/CorrelationWidget/components/Heatmap/HeatmapGrid.js +24 -16
- package/dist/module/CorrelationWidget/components/Heatmap/HeatmapGrid.js.map +1 -1
- package/dist/module/CorrelationWidget/components/Heatmap/index.js +16 -1
- package/dist/module/CorrelationWidget/components/Heatmap/index.js.map +1 -1
- package/dist/module/CorrelationWidget/components/Heatmap/types.js +5 -1
- package/dist/module/CorrelationWidget/components/Heatmap/utils.js +7 -1
- package/dist/module/CorrelationWidget/components/Heatmap/utils.js.map +1 -1
- package/dist/module/CorrelationWidget/components/Matrix/Matrix.js +29 -22
- package/dist/module/CorrelationWidget/components/Matrix/Matrix.js.map +1 -1
- package/dist/module/CorrelationWidget/components/Matrix/MatrixGrid.js +22 -14
- package/dist/module/CorrelationWidget/components/Matrix/MatrixGrid.js.map +1 -1
- package/dist/module/CorrelationWidget/components/Matrix/index.js +16 -1
- package/dist/module/CorrelationWidget/components/Matrix/index.js.map +1 -1
- package/dist/module/CorrelationWidget/components/Matrix/types.js +5 -1
- package/dist/module/CorrelationWidget/components/index.js +38 -3
- package/dist/module/CorrelationWidget/components/index.js.map +1 -1
- package/dist/module/CorrelationWidget/config.js +18 -13
- package/dist/module/CorrelationWidget/config.js.map +1 -1
- package/dist/module/CorrelationWidget/index.js +16 -1
- package/dist/module/CorrelationWidget/index.js.map +1 -1
- package/dist/module/CorrelationWidget/render.js +13 -10
- package/dist/module/CorrelationWidget/render.js.map +1 -1
- package/dist/module/CorrelationWidget/types.js +5 -1
- package/dist/module/gql/getCorrelationHeatmap.js +8 -3
- package/dist/module/gql/getCorrelationHeatmap.js.map +1 -1
- package/dist/module/gql/getCorrelationMatrix.js +8 -3
- package/dist/module/gql/getCorrelationMatrix.js.map +1 -1
- package/dist/module/gql/types/fragment-masking.js +11 -3
- package/dist/module/gql/types/fragment-masking.js.map +1 -1
- package/dist/module/gql/types/gql.js +9 -2
- package/dist/module/gql/types/gql.js.map +1 -1
- package/dist/module/gql/types/graphql.js +22 -16
- package/dist/module/gql/types/graphql.js.map +1 -1
- package/dist/module/gql/types/index.js +27 -2
- package/dist/module/gql/types/index.js.map +1 -1
- package/dist/module/index.js +16 -1
- package/dist/module/index.js.map +1 -1
- package/dist/module/translations/index.js +21 -14
- package/dist/module/translations/index.js.map +1 -1
- package/dist/module/translations/translations.js +7 -1
- package/dist/module/translations/translations.js.map +1 -1
- package/dist/types/gql/getCorrelationHeatmap.d.ts +1 -1
- package/dist/types/gql/getCorrelationMatrix.d.ts +1 -1
- package/package.json +8 -4
- package/tsconfig.types.json +2 -4
|
@@ -1,7 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
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
|
|
31
|
-
className:
|
|
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
|
-
},
|
|
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
|
|
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
|
|
71
|
+
return _react.default.createElement(_react.Fragment, {
|
|
64
72
|
key: displayName
|
|
65
|
-
},
|
|
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 ?
|
|
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
|
-
}) :
|
|
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
|
-
|
|
109
|
+
exports.HeatmapGrid = HeatmapGrid;
|
|
102
110
|
//# sourceMappingURL=HeatmapGrid.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeatmapGrid.js","names":["
|
|
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
|
-
|
|
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,
|
|
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,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
|
-
|
|
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;
|
|
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
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
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
|
|
31
|
-
className:
|
|
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 &&
|
|
35
|
-
className:
|
|
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
|
-
},
|
|
40
|
-
size: SpinnerSize.lg
|
|
41
|
-
})), !loading && data?.correlationMatrix &&
|
|
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
|
-
},
|
|
50
|
+
}, _react.default.createElement(_Grid.GridHeader, {
|
|
44
51
|
label: `${lang('time_period')}: ${lang('year', {
|
|
45
52
|
count: 1
|
|
46
53
|
})}`
|
|
47
|
-
}),
|
|
54
|
+
}), _react.default.createElement(_MatrixGrid.MatrixGrid, {
|
|
48
55
|
columnsNumber: columnNumber,
|
|
49
56
|
data: data
|
|
50
|
-
}))),
|
|
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
|
-
},
|
|
59
|
+
}, _react.default.createElement(_labsWidgetCommon.ChartError, null)));
|
|
53
60
|
};
|
|
54
|
-
|
|
61
|
+
exports.Matrix = Matrix;
|
|
55
62
|
//# sourceMappingURL=Matrix.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Matrix.js","names":["
|
|
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
|
-
|
|
2
|
-
|
|
3
|
-
|
|
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
|
|
20
|
-
className:
|
|
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
|
-
},
|
|
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
|
|
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
|
|
56
|
+
return _react.default.createElement(_react.Fragment, {
|
|
49
57
|
key: `y-${yInstrument}`
|
|
50
|
-
},
|
|
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 ?
|
|
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
|
-
}) :
|
|
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
|
-
|
|
89
|
+
exports.MatrixGrid = MatrixGrid;
|
|
82
90
|
//# sourceMappingURL=MatrixGrid.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MatrixGrid.js","names":["
|
|
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
|
-
|
|
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,
|
|
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,4 +1,39 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
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,
|
|
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
|
-
|
|
2
|
-
|
|
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
|