@oanda/labs-currency-strength-widget 1.0.1 → 1.0.3
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 +28 -0
- package/dist/main/CurrencyStrengthWidget/ChartsWithData.js +2 -1
- package/dist/main/CurrencyStrengthWidget/ChartsWithData.js.map +1 -1
- package/dist/main/CurrencyStrengthWidget/Main.js +9 -4
- package/dist/main/CurrencyStrengthWidget/Main.js.map +1 -1
- package/dist/module/CurrencyStrengthWidget/ChartsWithData.js +3 -2
- package/dist/module/CurrencyStrengthWidget/ChartsWithData.js.map +1 -1
- package/dist/module/CurrencyStrengthWidget/Main.js +7 -3
- package/dist/module/CurrencyStrengthWidget/Main.js.map +1 -1
- package/package.json +3 -3
- package/src/CurrencyStrengthWidget/ChartsWithData.tsx +3 -2
- package/src/CurrencyStrengthWidget/Main.tsx +12 -6
- package/test/Main.test.tsx +4 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,34 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## 1.0.3 (2024-02-13)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
## 1.0.84 (2024-02-13)
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
## 1.0.83 (2024-02-09)
|
|
15
|
+
|
|
16
|
+
**Note:** Version bump only for package @oanda/labs-currency-strength-widget
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
## 1.0.2 (2024-02-13)
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
## 1.0.83 (2024-02-09)
|
|
27
|
+
|
|
28
|
+
**Note:** Version bump only for package @oanda/labs-currency-strength-widget
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
|
|
6
34
|
## 1.0.1 (2024-02-09)
|
|
7
35
|
|
|
8
36
|
**Note:** Version bump only for package @oanda/labs-currency-strength-widget
|
|
@@ -16,8 +16,9 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
|
|
|
16
16
|
const ChartWithData = () => {
|
|
17
17
|
var _data$currencyStrengt, _data$currencyStrengt2, _data$currencyStrengt3;
|
|
18
18
|
const {
|
|
19
|
-
|
|
19
|
+
size
|
|
20
20
|
} = (0, _react.useContext)(_labsWidgetCommon.ThemeContext);
|
|
21
|
+
const isDesktop = size === _labsWidgetCommon.Size.DESKTOP;
|
|
21
22
|
const {
|
|
22
23
|
loading,
|
|
23
24
|
data,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChartsWithData.js","names":["_react","_interopRequireWildcard","require","_client","_labsWidgetCommon","_classnames","_interopRequireDefault","_getCurrencyStrength","_Chart","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ChartWithData","_data$currencyStrengt","_data$currencyStrengt2","_data$currencyStrengt3","
|
|
1
|
+
{"version":3,"file":"ChartsWithData.js","names":["_react","_interopRequireWildcard","require","_client","_labsWidgetCommon","_classnames","_interopRequireDefault","_getCurrencyStrength","_Chart","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ChartWithData","_data$currencyStrengt","_data$currencyStrengt2","_data$currencyStrengt3","size","useContext","ThemeContext","isDesktop","Size","DESKTOP","loading","data","error","useQuery","getCurrencyStrength","fetchPolicy","showChart","currencyStrength","length","showError","createElement","Fragment","className","Spinner","SpinnerSize","lg","classnames","map","item","Chart","currency","values","strengthRelation","ChartError","exports"],"sources":["../../../src/CurrencyStrengthWidget/ChartsWithData.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { useQuery } from '@apollo/client';\nimport {\n ChartError, Size, Spinner, SpinnerSize,\n ThemeContext,\n} from '@oanda/labs-widget-common';\nimport classnames from 'classnames';\nimport { getCurrencyStrength } from '../gql/getCurrencyStrength';\nimport { GetCurrencyStrengthQuery } from '../gql/types/graphql';\nimport { Chart } from './components/Chart';\n\nconst ChartWithData = () => {\n const { size } = useContext(ThemeContext);\n const isDesktop = size === Size.DESKTOP;\n const { loading, data, error } = useQuery<GetCurrencyStrengthQuery>(getCurrencyStrength, {\n fetchPolicy: 'cache-and-network',\n });\n\n const showChart = data?.currencyStrength && data?.currencyStrength?.length > 0;\n const showError = data?.currencyStrength?.length === 0 || error;\n\n return (\n <>\n {loading\n && (\n <div className=\"lw-flex lw-h-[461px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary\">\n <Spinner size={SpinnerSize.lg} />\n </div>\n )}\n {!loading && showChart && (\n <div\n data-testid=\"currency-strength-chart-wrapper\"\n className={classnames('lw-grid lw-place-content-center lw-gap-7', {\n 'lw-grid-cols-3 ': isDesktop,\n 'lw-grid-cols-1': !isDesktop,\n })}\n >\n {data.currencyStrength?.map((item) => (\n <div className=\"lw-flex lw-h-[135px] lw-flex-1 lw-items-center lw-justify-center\">\n <Chart currency={item.currency} values={item.strengthRelation!} />\n </div>\n ))}\n </div>\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 { ChartWithData };\n"],"mappings":"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"}
|
|
@@ -4,19 +4,24 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.Main = void 0;
|
|
7
|
-
var _react =
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _monoI18n = require("@oanda/mono-i18n");
|
|
9
|
+
var _labsWidgetCommon = require("@oanda/labs-widget-common");
|
|
9
10
|
var _ChartsWithData = require("./ChartsWithData");
|
|
10
|
-
function
|
|
11
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
12
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
11
13
|
const Main = () => {
|
|
12
14
|
const {
|
|
13
15
|
lang
|
|
14
16
|
} = (0, _monoI18n.useLocale)();
|
|
15
|
-
|
|
17
|
+
const {
|
|
18
|
+
size
|
|
19
|
+
} = (0, _react.useContext)(_labsWidgetCommon.ThemeContext);
|
|
20
|
+
return _react.default.createElement(_react.default.Fragment, null, size && _react.default.createElement("div", {
|
|
16
21
|
"data-testid": "currency-strength-wrapper"
|
|
17
22
|
}, _react.default.createElement("div", {
|
|
18
23
|
className: "lw-mb-8 lw-flex lw-justify-center lw-font-sans lw-text-lg lw-font-bold"
|
|
19
|
-
}, _react.default.createElement("span", null, "".concat(lang('daily'), " (").concat(lang('5_minutes'), ")"))), _react.default.createElement(_ChartsWithData.ChartWithData, null));
|
|
24
|
+
}, _react.default.createElement("span", null, "".concat(lang('daily'), " (").concat(lang('5_minutes'), ")"))), _react.default.createElement(_ChartsWithData.ChartWithData, null)));
|
|
20
25
|
};
|
|
21
26
|
exports.Main = Main;
|
|
22
27
|
//# sourceMappingURL=Main.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Main.js","names":["_react","
|
|
1
|
+
{"version":3,"file":"Main.js","names":["_react","_interopRequireWildcard","require","_monoI18n","_labsWidgetCommon","_ChartsWithData","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Main","lang","useLocale","size","useContext","ThemeContext","createElement","Fragment","className","concat","ChartWithData","exports"],"sources":["../../../src/CurrencyStrengthWidget/Main.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { useLocale } from '@oanda/mono-i18n';\nimport { ThemeContext } from '@oanda/labs-widget-common';\nimport { ChartWithData } from './ChartsWithData';\n\nconst Main = () => {\n const { lang } = useLocale();\n const { size } = useContext(ThemeContext);\n\n return (\n <>\n {size && (\n <div data-testid=\"currency-strength-wrapper\">\n <div className=\"lw-mb-8 lw-flex lw-justify-center lw-font-sans lw-text-lg lw-font-bold\">\n <span>{`${lang('daily')} (${lang('5_minutes')})`}</span>\n </div>\n <ChartWithData />\n </div>\n )}\n </>\n );\n};\n\nexport { Main };\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AAAiD,SAAAI,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAEjD,MAAMY,IAAI,GAAGA,CAAA,KAAM;EACjB,MAAM;IAAEC;EAAK,CAAC,GAAG,IAAAC,mBAAS,EAAC,CAAC;EAC5B,MAAM;IAAEC;EAAK,CAAC,GAAG,IAAAC,iBAAU,EAACC,8BAAY,CAAC;EAEzC,OACEhC,MAAA,CAAAY,OAAA,CAAAqB,aAAA,CAAAjC,MAAA,CAAAY,OAAA,CAAAsB,QAAA,QACGJ,IAAI,IACL9B,MAAA,CAAAY,OAAA,CAAAqB,aAAA;IAAK,eAAY;EAA2B,GAC1CjC,MAAA,CAAAY,OAAA,CAAAqB,aAAA;IAAKE,SAAS,EAAC;EAAwE,GACrFnC,MAAA,CAAAY,OAAA,CAAAqB,aAAA,kBAAAG,MAAA,CAAUR,IAAI,CAAC,OAAO,CAAC,QAAAQ,MAAA,CAAKR,IAAI,CAAC,WAAW,CAAC,MAAU,CACpD,CAAC,EACN5B,MAAA,CAAAY,OAAA,CAAAqB,aAAA,CAAC5B,eAAA,CAAAgC,aAAa,MAAE,CACb,CAEL,CAAC;AAEP,CAAC;AAACC,OAAA,CAAAX,IAAA,GAAAA,IAAA"}
|
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
import React, { useContext } from 'react';
|
|
2
2
|
import { useQuery } from '@apollo/client';
|
|
3
|
-
import { ChartError, Spinner, SpinnerSize, ThemeContext } from '@oanda/labs-widget-common';
|
|
3
|
+
import { ChartError, Size, Spinner, SpinnerSize, ThemeContext } from '@oanda/labs-widget-common';
|
|
4
4
|
import classnames from 'classnames';
|
|
5
5
|
import { getCurrencyStrength } from '../gql/getCurrencyStrength';
|
|
6
6
|
import { Chart } from './components/Chart';
|
|
7
7
|
const ChartWithData = () => {
|
|
8
8
|
var _data$currencyStrengt, _data$currencyStrengt2, _data$currencyStrengt3;
|
|
9
9
|
const {
|
|
10
|
-
|
|
10
|
+
size
|
|
11
11
|
} = useContext(ThemeContext);
|
|
12
|
+
const isDesktop = size === Size.DESKTOP;
|
|
12
13
|
const {
|
|
13
14
|
loading,
|
|
14
15
|
data,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChartsWithData.js","names":["React","useContext","useQuery","ChartError","Spinner","SpinnerSize","ThemeContext","classnames","getCurrencyStrength","Chart","ChartWithData","_data$currencyStrengt","_data$currencyStrengt2","_data$currencyStrengt3","isDesktop","loading","data","error","fetchPolicy","showChart","currencyStrength","length","showError","createElement","Fragment","className","
|
|
1
|
+
{"version":3,"file":"ChartsWithData.js","names":["React","useContext","useQuery","ChartError","Size","Spinner","SpinnerSize","ThemeContext","classnames","getCurrencyStrength","Chart","ChartWithData","_data$currencyStrengt","_data$currencyStrengt2","_data$currencyStrengt3","size","isDesktop","DESKTOP","loading","data","error","fetchPolicy","showChart","currencyStrength","length","showError","createElement","Fragment","className","lg","map","item","currency","values","strengthRelation"],"sources":["../../../src/CurrencyStrengthWidget/ChartsWithData.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { useQuery } from '@apollo/client';\nimport {\n ChartError, Size, Spinner, SpinnerSize,\n ThemeContext,\n} from '@oanda/labs-widget-common';\nimport classnames from 'classnames';\nimport { getCurrencyStrength } from '../gql/getCurrencyStrength';\nimport { GetCurrencyStrengthQuery } from '../gql/types/graphql';\nimport { Chart } from './components/Chart';\n\nconst ChartWithData = () => {\n const { size } = useContext(ThemeContext);\n const isDesktop = size === Size.DESKTOP;\n const { loading, data, error } = useQuery<GetCurrencyStrengthQuery>(getCurrencyStrength, {\n fetchPolicy: 'cache-and-network',\n });\n\n const showChart = data?.currencyStrength && data?.currencyStrength?.length > 0;\n const showError = data?.currencyStrength?.length === 0 || error;\n\n return (\n <>\n {loading\n && (\n <div className=\"lw-flex lw-h-[461px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary\">\n <Spinner size={SpinnerSize.lg} />\n </div>\n )}\n {!loading && showChart && (\n <div\n data-testid=\"currency-strength-chart-wrapper\"\n className={classnames('lw-grid lw-place-content-center lw-gap-7', {\n 'lw-grid-cols-3 ': isDesktop,\n 'lw-grid-cols-1': !isDesktop,\n })}\n >\n {data.currencyStrength?.map((item) => (\n <div className=\"lw-flex lw-h-[135px] lw-flex-1 lw-items-center lw-justify-center\">\n <Chart currency={item.currency} values={item.strengthRelation!} />\n </div>\n ))}\n </div>\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 { ChartWithData };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,SACEC,UAAU,EAAEC,IAAI,EAAEC,OAAO,EAAEC,WAAW,EACtCC,YAAY,QACP,2BAA2B;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,mBAAmB,QAAQ,4BAA4B;AAEhE,SAASC,KAAK,QAAQ,oBAAoB;AAE1C,MAAMC,aAAa,GAAGA,CAAA,KAAM;EAAA,IAAAC,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA;EAC1B,MAAM;IAAEC;EAAK,CAAC,GAAGd,UAAU,CAACM,YAAY,CAAC;EACzC,MAAMS,SAAS,GAAGD,IAAI,KAAKX,IAAI,CAACa,OAAO;EACvC,MAAM;IAAEC,OAAO;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAGlB,QAAQ,CAA2BO,mBAAmB,EAAE;IACvFY,WAAW,EAAE;EACf,CAAC,CAAC;EAEF,MAAMC,SAAS,GAAG,CAAAH,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEI,gBAAgB,KAAI,CAAAJ,IAAI,aAAJA,IAAI,gBAAAP,qBAAA,GAAJO,IAAI,CAAEI,gBAAgB,cAAAX,qBAAA,uBAAtBA,qBAAA,CAAwBY,MAAM,IAAG,CAAC;EAC9E,MAAMC,SAAS,GAAG,CAAAN,IAAI,aAAJA,IAAI,gBAAAN,sBAAA,GAAJM,IAAI,CAAEI,gBAAgB,cAAAV,sBAAA,uBAAtBA,sBAAA,CAAwBW,MAAM,MAAK,CAAC,IAAIJ,KAAK;EAE/D,OACEpB,KAAA,CAAA0B,aAAA,CAAA1B,KAAA,CAAA2B,QAAA,QACGT,OAAO,IAENlB,KAAA,CAAA0B,aAAA;IAAKE,SAAS,EAAC;EAAmG,GAChH5B,KAAA,CAAA0B,aAAA,CAACrB,OAAO;IAACU,IAAI,EAAET,WAAW,CAACuB;EAAG,CAAE,CAC7B,CACN,EACA,CAACX,OAAO,IAAII,SAAS,IACpBtB,KAAA,CAAA0B,aAAA;IACE,eAAY,iCAAiC;IAC7CE,SAAS,EAAEpB,UAAU,CAAC,0CAA0C,EAAE;MAChE,iBAAiB,EAAEQ,SAAS;MAC5B,gBAAgB,EAAE,CAACA;IACrB,CAAC;EAAE,IAAAF,sBAAA,GAEFK,IAAI,CAACI,gBAAgB,cAAAT,sBAAA,uBAArBA,sBAAA,CAAuBgB,GAAG,CAAEC,IAAI,IAC/B/B,KAAA,CAAA0B,aAAA;IAAKE,SAAS,EAAC;EAAkE,GAC/E5B,KAAA,CAAA0B,aAAA,CAAChB,KAAK;IAACsB,QAAQ,EAAED,IAAI,CAACC,QAAS;IAACC,MAAM,EAAEF,IAAI,CAACG;EAAkB,CAAE,CAC9D,CACN,CACE,CACN,EACA,CAAChB,OAAO,IAAIO,SAAS,IACpBzB,KAAA,CAAA0B,aAAA;IAAKE,SAAS,EAAC;EAAmG,GAChH5B,KAAA,CAAA0B,aAAA,CAACvB,UAAU,MAAE,CACV,CAEP,CAAC;AAEP,CAAC;AAED,SAASQ,aAAa"}
|
|
@@ -1,15 +1,19 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import React, { useContext } from 'react';
|
|
2
2
|
import { useLocale } from '@oanda/mono-i18n';
|
|
3
|
+
import { ThemeContext } from '@oanda/labs-widget-common';
|
|
3
4
|
import { ChartWithData } from './ChartsWithData';
|
|
4
5
|
const Main = () => {
|
|
5
6
|
const {
|
|
6
7
|
lang
|
|
7
8
|
} = useLocale();
|
|
8
|
-
|
|
9
|
+
const {
|
|
10
|
+
size
|
|
11
|
+
} = useContext(ThemeContext);
|
|
12
|
+
return React.createElement(React.Fragment, null, size && React.createElement("div", {
|
|
9
13
|
"data-testid": "currency-strength-wrapper"
|
|
10
14
|
}, React.createElement("div", {
|
|
11
15
|
className: "lw-mb-8 lw-flex lw-justify-center lw-font-sans lw-text-lg lw-font-bold"
|
|
12
|
-
}, React.createElement("span", null, "".concat(lang('daily'), " (").concat(lang('5_minutes'), ")"))), React.createElement(ChartWithData, null));
|
|
16
|
+
}, React.createElement("span", null, "".concat(lang('daily'), " (").concat(lang('5_minutes'), ")"))), React.createElement(ChartWithData, null)));
|
|
13
17
|
};
|
|
14
18
|
export { Main };
|
|
15
19
|
//# sourceMappingURL=Main.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Main.js","names":["React","useLocale","ChartWithData","Main","lang","createElement","className","concat"],"sources":["../../../src/CurrencyStrengthWidget/Main.tsx"],"sourcesContent":["import React from 'react';\nimport { useLocale } from '@oanda/mono-i18n';\nimport { ChartWithData } from './ChartsWithData';\n\nconst Main = () => {\n const { lang } = useLocale();\n\n return (\n <div data-testid=\"currency-strength-wrapper\">\n
|
|
1
|
+
{"version":3,"file":"Main.js","names":["React","useContext","useLocale","ThemeContext","ChartWithData","Main","lang","size","createElement","Fragment","className","concat"],"sources":["../../../src/CurrencyStrengthWidget/Main.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { useLocale } from '@oanda/mono-i18n';\nimport { ThemeContext } from '@oanda/labs-widget-common';\nimport { ChartWithData } from './ChartsWithData';\n\nconst Main = () => {\n const { lang } = useLocale();\n const { size } = useContext(ThemeContext);\n\n return (\n <>\n {size && (\n <div data-testid=\"currency-strength-wrapper\">\n <div className=\"lw-mb-8 lw-flex lw-justify-center lw-font-sans lw-text-lg lw-font-bold\">\n <span>{`${lang('daily')} (${lang('5_minutes')})`}</span>\n </div>\n <ChartWithData />\n </div>\n )}\n </>\n );\n};\n\nexport { Main };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,SAASC,YAAY,QAAQ,2BAA2B;AACxD,SAASC,aAAa,QAAQ,kBAAkB;AAEhD,MAAMC,IAAI,GAAGA,CAAA,KAAM;EACjB,MAAM;IAAEC;EAAK,CAAC,GAAGJ,SAAS,CAAC,CAAC;EAC5B,MAAM;IAAEK;EAAK,CAAC,GAAGN,UAAU,CAACE,YAAY,CAAC;EAEzC,OACEH,KAAA,CAAAQ,aAAA,CAAAR,KAAA,CAAAS,QAAA,QACGF,IAAI,IACLP,KAAA,CAAAQ,aAAA;IAAK,eAAY;EAA2B,GAC1CR,KAAA,CAAAQ,aAAA;IAAKE,SAAS,EAAC;EAAwE,GACrFV,KAAA,CAAAQ,aAAA,kBAAAG,MAAA,CAAUL,IAAI,CAAC,OAAO,CAAC,QAAAK,MAAA,CAAKL,IAAI,CAAC,WAAW,CAAC,MAAU,CACpD,CAAC,EACNN,KAAA,CAAAQ,aAAA,CAACJ,aAAa,MAAE,CACb,CAEL,CAAC;AAEP,CAAC;AAED,SAASC,IAAI"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@oanda/labs-currency-strength-widget",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.3",
|
|
4
4
|
"description": "Labs Currency Strength Widget",
|
|
5
5
|
"main": "dist/main/index.js",
|
|
6
6
|
"module": "dist/module/index.js",
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
"license": "UNLICENSED",
|
|
14
14
|
"dependencies": {
|
|
15
15
|
"@apollo/client": "3.7.17",
|
|
16
|
-
"@oanda/labs-widget-common": "^1.0.
|
|
16
|
+
"@oanda/labs-widget-common": "^1.0.85",
|
|
17
17
|
"@oanda/mono-i18n": "9.0.0",
|
|
18
18
|
"classnames": "2.3.2",
|
|
19
19
|
"echarts": "5.4.3",
|
|
@@ -25,5 +25,5 @@
|
|
|
25
25
|
"@graphql-codegen/client-preset": "4.1.0",
|
|
26
26
|
"@graphql-codegen/typescript": "4.0.1"
|
|
27
27
|
},
|
|
28
|
-
"gitHead": "
|
|
28
|
+
"gitHead": "4821c093592494a4f93db1db19b2d60d666ffeb2"
|
|
29
29
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { useContext } from 'react';
|
|
2
2
|
import { useQuery } from '@apollo/client';
|
|
3
3
|
import {
|
|
4
|
-
ChartError, Spinner, SpinnerSize,
|
|
4
|
+
ChartError, Size, Spinner, SpinnerSize,
|
|
5
5
|
ThemeContext,
|
|
6
6
|
} from '@oanda/labs-widget-common';
|
|
7
7
|
import classnames from 'classnames';
|
|
@@ -10,7 +10,8 @@ import { GetCurrencyStrengthQuery } from '../gql/types/graphql';
|
|
|
10
10
|
import { Chart } from './components/Chart';
|
|
11
11
|
|
|
12
12
|
const ChartWithData = () => {
|
|
13
|
-
const {
|
|
13
|
+
const { size } = useContext(ThemeContext);
|
|
14
|
+
const isDesktop = size === Size.DESKTOP;
|
|
14
15
|
const { loading, data, error } = useQuery<GetCurrencyStrengthQuery>(getCurrencyStrength, {
|
|
15
16
|
fetchPolicy: 'cache-and-network',
|
|
16
17
|
});
|
|
@@ -1,17 +1,23 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import React, { useContext } from 'react';
|
|
2
2
|
import { useLocale } from '@oanda/mono-i18n';
|
|
3
|
+
import { ThemeContext } from '@oanda/labs-widget-common';
|
|
3
4
|
import { ChartWithData } from './ChartsWithData';
|
|
4
5
|
|
|
5
6
|
const Main = () => {
|
|
6
7
|
const { lang } = useLocale();
|
|
8
|
+
const { size } = useContext(ThemeContext);
|
|
7
9
|
|
|
8
10
|
return (
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
11
|
+
<>
|
|
12
|
+
{size && (
|
|
13
|
+
<div data-testid="currency-strength-wrapper">
|
|
14
|
+
<div className="lw-mb-8 lw-flex lw-justify-center lw-font-sans lw-text-lg lw-font-bold">
|
|
15
|
+
<span>{`${lang('daily')} (${lang('5_minutes')})`}</span>
|
|
16
|
+
</div>
|
|
17
|
+
<ChartWithData />
|
|
12
18
|
</div>
|
|
13
|
-
|
|
14
|
-
|
|
19
|
+
)}
|
|
20
|
+
</>
|
|
15
21
|
);
|
|
16
22
|
};
|
|
17
23
|
|
package/test/Main.test.tsx
CHANGED
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import { render } from '@testing-library/react';
|
|
6
6
|
import { MockedProvider } from '@apollo/client/testing';
|
|
7
|
+
import { ThemeContext, Size } from '@oanda/labs-widget-common';
|
|
7
8
|
import { Main } from '../src/CurrencyStrengthWidget/Main';
|
|
8
9
|
import { mock } from './mocks/responsesMocks';
|
|
9
10
|
|
|
@@ -17,7 +18,9 @@ describe('Main component', () => {
|
|
|
17
18
|
it('should render tool view', async () => {
|
|
18
19
|
const { findByTestId, getByTestId } = render(
|
|
19
20
|
<MockedProvider mocks={mock}>
|
|
20
|
-
<
|
|
21
|
+
<ThemeContext.Provider value={{ size: Size.DESKTOP, isDark: true }}>
|
|
22
|
+
<Main />
|
|
23
|
+
</ThemeContext.Provider>
|
|
21
24
|
</MockedProvider>,
|
|
22
25
|
);
|
|
23
26
|
|