@oanda/labs-currency-strength-widget 1.0.24 → 1.0.26

package/CHANGELOG.md

@@ -3,6 +3,218 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 1.0.26 (2024-04-04)
+
+
+
+## 1.0.107 (2024-04-03)
+
+
+
+## 1.0.106 (2024-03-29)
+
+
+
+## 1.0.105 (2024-03-28)
+
+
+
+## 1.0.104 (2024-03-21)
+
+
+
+## 1.0.103 (2024-03-20)
+
+
+
+## 1.0.102 (2024-03-20)
+
+
+
+## 1.0.101 (2024-03-13)
+
+
+
+## 1.0.100 (2024-03-12)
+
+
+
+## 1.0.99 (2024-03-11)
+
+
+
+## 1.0.98 (2024-03-07)
+
+
+
+## 1.0.97 (2024-03-06)
+
+
+
+## 1.0.96 (2024-03-06)
+
+
+
+## 1.0.95 (2024-03-04)
+
+
+
+## 1.0.94 (2024-02-29)
+
+
+
+## 1.0.93 (2024-02-28)
+
+
+
+## 1.0.92 (2024-02-28)
+
+
+
+## 1.0.91 (2024-02-23)
+
+
+
+## 1.0.90 (2024-02-23)
+
+
+
+## 1.0.89 (2024-02-21)
+
+
+
+## 1.0.88 (2024-02-21)
+
+
+
+## 1.0.87 (2024-02-20)
+
+
+
+## 1.0.86 (2024-02-20)
+
+
+
+## 1.0.85 (2024-02-13)
+
+
+
+## 1.0.84 (2024-02-13)
+
+
+
+## 1.0.83 (2024-02-09)
+
+**Note:** Version bump only for package @oanda/labs-currency-strength-widget
+
+
+
+
+
+## 1.0.25 (2024-04-03)
+
+
+
+## 1.0.106 (2024-03-29)
+
+
+
+## 1.0.105 (2024-03-28)
+
+
+
+## 1.0.104 (2024-03-21)
+
+
+
+## 1.0.103 (2024-03-20)
+
+
+
+## 1.0.102 (2024-03-20)
+
+
+
+## 1.0.101 (2024-03-13)
+
+
+
+## 1.0.100 (2024-03-12)
+
+
+
+## 1.0.99 (2024-03-11)
+
+
+
+## 1.0.98 (2024-03-07)
+
+
+
+## 1.0.97 (2024-03-06)
+
+
+
+## 1.0.96 (2024-03-06)
+
+
+
+## 1.0.95 (2024-03-04)
+
+
+
+## 1.0.94 (2024-02-29)
+
+
+
+## 1.0.93 (2024-02-28)
+
+
+
+## 1.0.92 (2024-02-28)
+
+
+
+## 1.0.91 (2024-02-23)
+
+
+
+## 1.0.90 (2024-02-23)
+
+
+
+## 1.0.89 (2024-02-21)
+
+
+
+## 1.0.88 (2024-02-21)
+
+
+
+## 1.0.87 (2024-02-20)
+
+
+
+## 1.0.86 (2024-02-20)
+
+
+
+## 1.0.85 (2024-02-13)
+
+
+
+## 1.0.84 (2024-02-13)
+
+
+
+## 1.0.83 (2024-02-09)
+
+**Note:** Version bump only for package @oanda/labs-currency-strength-widget
+
+
+
+
+
 ## 1.0.24 (2024-03-29)
 
 

package/dist/main/CurrencyStrengthWidget/ChartsWithData.js

@@ -14,8 +14,11 @@ var _formatters = require("./components/Chart/formatters");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const ChartWithData = () => {
-  var _data$currencyStrengt, _data$currencyStrengt2, _sortData$currencyStr;
+const ChartWithData = _ref => {
+  var _data$currencyStrengt, _data$currencyStrengt2, _data$currencyStrengt3, _data$currencyStrengt4;
+  let {
+    currency
+  } = _ref;
   const {
     size
   } = (0, _react.useContext)(_labsWidgetCommon.ThemeContext);
@@ -29,24 +32,34 @@ const ChartWithData = () => {
   });
   const showChart = (data === null || data === void 0 ? void 0 : data.currencyStrength) && (data === null || data === void 0 || (_data$currencyStrengt = data.currencyStrength) === null || _data$currencyStrengt === void 0 ? void 0 : _data$currencyStrengt.length) > 0;
   const showError = (data === null || data === void 0 || (_data$currencyStrengt2 = data.currencyStrength) === null || _data$currencyStrengt2 === void 0 ? void 0 : _data$currencyStrengt2.length) === 0 || error;
+  const currencyData = currency ? data === null || data === void 0 || (_data$currencyStrengt3 = data.currencyStrength) === null || _data$currencyStrengt3 === void 0 ? void 0 : _data$currencyStrengt3.filter(item => item.currency === currency) : data === null || data === void 0 || (_data$currencyStrengt4 = data.currencyStrength) === null || _data$currencyStrengt4 === void 0 ? void 0 : _data$currencyStrengt4.slice().sort(_formatters.sortCurrencies);
   return _react.default.createElement(_react.default.Fragment, null, loading && _react.default.createElement("div", {
-    className: "lw-flex lw-h-[461px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary"
+    className: (0, _classnames.default)('lw-flex lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary', {
+      'lw-h-[461px]': !currency,
+      'lw-h-[135px]': currency
+    })
   }, _react.default.createElement(_labsWidgetCommon.Spinner, {
     size: _labsWidgetCommon.SpinnerSize.lg
   })), !loading && showChart && _react.default.createElement("div", {
     "data-testid": "currency-strength-chart-wrapper",
     className: (0, _classnames.default)('lw-grid lw-place-content-center lw-gap-7', {
-      'lw-grid-cols-3 ': isDesktop,
-      'lw-grid-cols-1': !isDesktop
+      'lw-grid-cols-3 ': isDesktop && !currency,
+      'lw-grid-cols-1': !isDesktop || currency
+    })
+  }, currencyData && currencyData.map(item => {
+    var _item$strengthRelatio;
+    return _react.default.createElement("div", {
+      key: item.currency,
+      className: "lw-flex lw-h-[135px] lw-flex-1 lw-items-center lw-justify-center"
+    }, _react.default.createElement(_Chart.Chart, {
+      currency: item.currency,
+      values: (_item$strengthRelatio = item.strengthRelation) === null || _item$strengthRelatio === void 0 ? void 0 : _item$strengthRelatio.slice().sort(_formatters.sortCurrencies)
+    }));
+  })), !loading && showError && _react.default.createElement("div", {
+    className: (0, _classnames.default)('lw-flex lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary', {
+      'lw-h-[425px]': !currency,
+      'lw-h-[135px]': currency
     })
-  }, (_sortData$currencyStr = (0, _formatters.sortData)(data).currencyStrength) === null || _sortData$currencyStr === void 0 ? void 0 : _sortData$currencyStr.map(item => _react.default.createElement("div", {
-    key: item.currency,
-    className: "lw-flex lw-h-[135px] lw-flex-1 lw-items-center lw-justify-center"
-  }, _react.default.createElement(_Chart.Chart, {
-    currency: item.currency,
-    values: item.strengthRelation
-  })))), !loading && showError && _react.default.createElement("div", {
-    className: "lw-flex lw-h-[425px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary"
   }, _react.default.createElement(_labsWidgetCommon.ChartError, null)));
 };
 exports.ChartWithData = ChartWithData;

package/dist/main/CurrencyStrengthWidget/ChartsWithData.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartsWithData.js","names":["_react","_interopRequireWildcard","require","_client","_labsWidgetCommon","_classnames","_interopRequireDefault","_getCurrencyStrength","_Chart","_formatters","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ChartWithData","_data$currencyStrengt","_data$currencyStrengt2","_sortData$currencyStr","size","useContext","ThemeContext","isDesktop","Size","DESKTOP","loading","data","error","useQuery","getCurrencyStrength","fetchPolicy","showChart","currencyStrength","length","showError","createElement","Fragment","className","Spinner","SpinnerSize","lg","classnames","sortData","map","item","key","currency","Chart","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';\nimport { sortData } from './components/Chart/formatters';\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          {sortData(data).currencyStrength?.map((item) => (\n            <div key={item.currency} 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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","ignoreList":[]}
+{"version":3,"file":"ChartsWithData.js","names":["_react","_interopRequireWildcard","require","_client","_labsWidgetCommon","_classnames","_interopRequireDefault","_getCurrencyStrength","_Chart","_formatters","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ChartWithData","_ref","_data$currencyStrengt","_data$currencyStrengt2","_data$currencyStrengt3","_data$currencyStrengt4","currency","size","useContext","ThemeContext","isDesktop","Size","DESKTOP","loading","data","error","useQuery","getCurrencyStrength","fetchPolicy","showChart","currencyStrength","length","showError","currencyData","filter","item","slice","sort","sortCurrencies","createElement","Fragment","className","classnames","Spinner","SpinnerSize","lg","map","_item$strengthRelatio","key","Chart","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';\nimport { sortCurrencies } from './components/Chart/formatters';\nimport { WidgetProps } from './types';\n\nconst ChartWithData = ({ currency }: WidgetProps) => {\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  const currencyData = currency\n    ? data?.currencyStrength?.filter((item) => item.currency === currency)\n    : data?.currencyStrength?.slice().sort(sortCurrencies);\n\n  return (\n    <>\n      {loading\n      && (\n        <div className={classnames('lw-flex lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary', {\n          'lw-h-[461px]': !currency,\n          'lw-h-[135px]': currency,\n        })}\n        >\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 && !currency,\n            'lw-grid-cols-1': !isDesktop || currency,\n          })}\n        >\n          {currencyData && currencyData.map((item) => (\n            <div key={item.currency} className=\"lw-flex lw-h-[135px] lw-flex-1 lw-items-center lw-justify-center\">\n              <Chart\n                currency={item.currency}\n                values={item.strengthRelation?.slice().sort(sortCurrencies)!}\n              />\n            </div>\n          ))}\n        </div>\n      )}\n      {!loading && showError && (\n        <div className={classnames('lw-flex lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary', {\n          'lw-h-[425px]': !currency,\n          'lw-h-[135px]': currency,\n        })}\n        >\n          <ChartError />\n        </div>\n      )}\n    </>\n  );\n};\n\nexport { ChartWithData };\n"],"mappings":"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","ignoreList":[]}

package/dist/main/CurrencyStrengthWidget/CurrencyStrengthWidget.js

@@ -14,6 +14,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 const CurrencyStrengthWidget = _ref => {
   let {
     graphqlUrl,
+    currency,
     locale,
     theme,
     isParamError
@@ -31,7 +32,9 @@ const CurrencyStrengthWidget = _ref => {
     client: client
   }, isParamError ? _react.default.createElement("div", {
     className: "lw-flex lw-h-[425px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary"
-  }, _react.default.createElement(_labsWidgetCommon.ChartError, null)) : _react.default.createElement(_Main.Main, null))));
+  }, _react.default.createElement(_labsWidgetCommon.ChartError, null)) : _react.default.createElement(_Main.Main, {
+    currency: currency
+  }))));
 };
 exports.CurrencyStrengthWidget = CurrencyStrengthWidget;
 //# sourceMappingURL=CurrencyStrengthWidget.js.map

package/dist/main/CurrencyStrengthWidget/CurrencyStrengthWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"CurrencyStrengthWidget.js","names":["_react","_interopRequireDefault","require","_monoI18n","_client","_labsWidgetCommon","_translations","_Main","obj","__esModule","default","CurrencyStrengthWidget","_ref","graphqlUrl","locale","theme","isParamError","client","ApolloClient","uri","cache","InMemoryCache","createElement","ThemeProvider","LocaleProvider","getLocale","translations","ApolloProvider","className","ChartError","Main","exports"],"sources":["../../../src/CurrencyStrengthWidget/CurrencyStrengthWidget.tsx"],"sourcesContent":["import React from 'react';\nimport { LocaleProvider } from '@oanda/mono-i18n';\nimport { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';\nimport { ChartError, ThemeProvider, getLocale } from '@oanda/labs-widget-common';\nimport { CurrencyStrengthConfig } from './types';\nimport { translations } from '../translations';\nimport { Main } from './Main';\n\nconst CurrencyStrengthWidget = ({\n  graphqlUrl, locale, theme, isParamError,\n}: CurrencyStrengthConfig) => {\n  const client = new ApolloClient({\n    uri: graphqlUrl,\n    cache: new InMemoryCache(),\n  });\n\n  return (\n    <ThemeProvider theme={theme}>\n      <LocaleProvider locale={getLocale(locale)} translations={translations}>\n        <ApolloProvider client={client}>\n          {isParamError ? (\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          ) : <Main />}\n        </ApolloProvider>\n      </LocaleProvider>\n    </ThemeProvider>\n  );\n};\n\nexport { CurrencyStrengthWidget };\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAEA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AAA8B,SAAAD,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE9B,MAAMG,sBAAsB,GAAGC,IAAA,IAED;EAAA,IAFE;IAC9BC,UAAU;IAAEC,MAAM;IAAEC,KAAK;IAAEC;EACL,CAAC,GAAAJ,IAAA;EACvB,MAAMK,MAAM,GAAG,IAAIC,oBAAY,CAAC;IAC9BC,GAAG,EAAEN,UAAU;IACfO,KAAK,EAAE,IAAIC,qBAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,OACErB,MAAA,CAAAU,OAAA,CAAAY,aAAA,CAACjB,iBAAA,CAAAkB,aAAa;IAACR,KAAK,EAAEA;EAAM,GAC1Bf,MAAA,CAAAU,OAAA,CAAAY,aAAA,CAACnB,SAAA,CAAAqB,cAAc;IAACV,MAAM,EAAE,IAAAW,2BAAS,EAACX,MAAM,CAAE;IAACY,YAAY,EAAEA;EAAa,GACpE1B,MAAA,CAAAU,OAAA,CAAAY,aAAA,CAAClB,OAAA,CAAAuB,cAAc;IAACV,MAAM,EAAEA;EAAO,GAC5BD,YAAY,GACXhB,MAAA,CAAAU,OAAA,CAAAY,aAAA;IAAKM,SAAS,EAAC;EAAmG,GAChH5B,MAAA,CAAAU,OAAA,CAAAY,aAAA,CAACjB,iBAAA,CAAAwB,UAAU,MAAE,CACV,CAAC,GACJ7B,MAAA,CAAAU,OAAA,CAAAY,aAAA,CAACf,KAAA,CAAAuB,IAAI,MAAE,CACG,CACF,CACH,CAAC;AAEpB,CAAC;AAACC,OAAA,CAAApB,sBAAA,GAAAA,sBAAA","ignoreList":[]}
+{"version":3,"file":"CurrencyStrengthWidget.js","names":["_react","_interopRequireDefault","require","_monoI18n","_client","_labsWidgetCommon","_translations","_Main","obj","__esModule","default","CurrencyStrengthWidget","_ref","graphqlUrl","currency","locale","theme","isParamError","client","ApolloClient","uri","cache","InMemoryCache","createElement","ThemeProvider","LocaleProvider","getLocale","translations","ApolloProvider","className","ChartError","Main","exports"],"sources":["../../../src/CurrencyStrengthWidget/CurrencyStrengthWidget.tsx"],"sourcesContent":["import React from 'react';\nimport { LocaleProvider } from '@oanda/mono-i18n';\nimport { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';\nimport { ChartError, ThemeProvider, getLocale } from '@oanda/labs-widget-common';\nimport { CurrencyStrengthConfig } from './types';\nimport { translations } from '../translations';\nimport { Main } from './Main';\n\nconst CurrencyStrengthWidget = ({\n  graphqlUrl, currency, locale, theme, isParamError,\n}: CurrencyStrengthConfig) => {\n  const client = new ApolloClient({\n    uri: graphqlUrl,\n    cache: new InMemoryCache(),\n  });\n\n  return (\n    <ThemeProvider theme={theme}>\n      <LocaleProvider locale={getLocale(locale)} translations={translations}>\n        <ApolloProvider client={client}>\n          {isParamError ? (\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          ) : <Main currency={currency} />}\n        </ApolloProvider>\n      </LocaleProvider>\n    </ThemeProvider>\n  );\n};\n\nexport { CurrencyStrengthWidget };\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAEA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AAA8B,SAAAD,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE9B,MAAMG,sBAAsB,GAAGC,IAAA,IAED;EAAA,IAFE;IAC9BC,UAAU;IAAEC,QAAQ;IAAEC,MAAM;IAAEC,KAAK;IAAEC;EACf,CAAC,GAAAL,IAAA;EACvB,MAAMM,MAAM,GAAG,IAAIC,oBAAY,CAAC;IAC9BC,GAAG,EAAEP,UAAU;IACfQ,KAAK,EAAE,IAAIC,qBAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,OACEtB,MAAA,CAAAU,OAAA,CAAAa,aAAA,CAAClB,iBAAA,CAAAmB,aAAa;IAACR,KAAK,EAAEA;EAAM,GAC1BhB,MAAA,CAAAU,OAAA,CAAAa,aAAA,CAACpB,SAAA,CAAAsB,cAAc;IAACV,MAAM,EAAE,IAAAW,2BAAS,EAACX,MAAM,CAAE;IAACY,YAAY,EAAEA;EAAa,GACpE3B,MAAA,CAAAU,OAAA,CAAAa,aAAA,CAACnB,OAAA,CAAAwB,cAAc;IAACV,MAAM,EAAEA;EAAO,GAC5BD,YAAY,GACXjB,MAAA,CAAAU,OAAA,CAAAa,aAAA;IAAKM,SAAS,EAAC;EAAmG,GAChH7B,MAAA,CAAAU,OAAA,CAAAa,aAAA,CAAClB,iBAAA,CAAAyB,UAAU,MAAE,CACV,CAAC,GACJ9B,MAAA,CAAAU,OAAA,CAAAa,aAAA,CAAChB,KAAA,CAAAwB,IAAI;IAACjB,QAAQ,EAAEA;EAAS,CAAE,CACjB,CACF,CACH,CAAC;AAEpB,CAAC;AAACkB,OAAA,CAAArB,sBAAA,GAAAA,sBAAA","ignoreList":[]}

package/dist/main/CurrencyStrengthWidget/Main.js

@@ -10,7 +10,10 @@ var _labsWidgetCommon = require("@oanda/labs-widget-common");
 var _ChartsWithData = require("./ChartsWithData");
 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); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const Main = () => {
+const Main = _ref => {
+  let {
+    currency
+  } = _ref;
   const {
     lang
   } = (0, _monoI18n.useLocale)();
@@ -23,7 +26,9 @@ const Main = () => {
     className: "lw-mb-8 lw-flex lw-justify-center lw-font-sans lw-text-lg lw-font-bold"
   }, _react.default.createElement("span", null, "".concat(lang('daily'), " (").concat(lang('minute', {
     count: 5
-  }), ")"))), _react.default.createElement(_ChartsWithData.ChartWithData, null)));
+  }), ")"))), _react.default.createElement(_ChartsWithData.ChartWithData, {
+    currency: currency
+  })));
 };
 exports.Main = Main;
 //# sourceMappingURL=Main.js.map

package/dist/main/CurrencyStrengthWidget/Main.js.map

@@ -1 +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","hasOwnProperty","call","i","set","Main","lang","useLocale","size","useContext","ThemeContext","createElement","Fragment","className","concat","count","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('minute', { count: 5 })})`}</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,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAEjD,MAAMW,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,OACE/B,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAAAhC,MAAA,CAAAY,OAAA,CAAAqB,QAAA,QACGJ,IAAI,IACL7B,MAAA,CAAAY,OAAA,CAAAoB,aAAA;IAAK,eAAY;EAA2B,GAC1ChC,MAAA,CAAAY,OAAA,CAAAoB,aAAA;IAAKE,SAAS,EAAC;EAAwE,GACrFlC,MAAA,CAAAY,OAAA,CAAAoB,aAAA,kBAAAG,MAAA,CAAUR,IAAI,CAAC,OAAO,CAAC,QAAAQ,MAAA,CAAKR,IAAI,CAAC,QAAQ,EAAE;IAAES,KAAK,EAAE;EAAE,CAAC,CAAC,MAAU,CAC/D,CAAC,EACNpC,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAAC3B,eAAA,CAAAgC,aAAa,MAAE,CACb,CAEL,CAAC;AAEP,CAAC;AAACC,OAAA,CAAAZ,IAAA,GAAAA,IAAA","ignoreList":[]}
+{"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","hasOwnProperty","call","i","set","Main","_ref","currency","lang","useLocale","size","useContext","ThemeContext","createElement","Fragment","className","concat","count","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';\nimport { WidgetProps } from './types';\n\nconst Main = ({ currency }: WidgetProps) => {\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('minute', { count: 5 })})`}</span>\n        </div>\n        <ChartWithData currency={currency} />\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,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAGjD,MAAMW,IAAI,GAAGC,IAAA,IAA+B;EAAA,IAA9B;IAAEC;EAAsB,CAAC,GAAAD,IAAA;EACrC,MAAM;IAAEE;EAAK,CAAC,GAAG,IAAAC,mBAAS,EAAC,CAAC;EAC5B,MAAM;IAAEC;EAAK,CAAC,GAAG,IAAAC,iBAAU,EAACC,8BAAY,CAAC;EAEzC,OACEjC,MAAA,CAAAY,OAAA,CAAAsB,aAAA,CAAAlC,MAAA,CAAAY,OAAA,CAAAuB,QAAA,QACGJ,IAAI,IACL/B,MAAA,CAAAY,OAAA,CAAAsB,aAAA;IAAK,eAAY;EAA2B,GAC1ClC,MAAA,CAAAY,OAAA,CAAAsB,aAAA;IAAKE,SAAS,EAAC;EAAwE,GACrFpC,MAAA,CAAAY,OAAA,CAAAsB,aAAA,kBAAAG,MAAA,CAAUR,IAAI,CAAC,OAAO,CAAC,QAAAQ,MAAA,CAAKR,IAAI,CAAC,QAAQ,EAAE;IAAES,KAAK,EAAE;EAAE,CAAC,CAAC,MAAU,CAC/D,CAAC,EACNtC,MAAA,CAAAY,OAAA,CAAAsB,aAAA,CAAC7B,eAAA,CAAAkC,aAAa;IAACX,QAAQ,EAAEA;EAAS,CAAE,CACjC,CAEL,CAAC;AAEP,CAAC;AAACY,OAAA,CAAAd,IAAA,GAAAA,IAAA","ignoreList":[]}

package/dist/main/CurrencyStrengthWidget/components/Chart/formatters.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.tooltipFormatter = exports.sortData = void 0;
+exports.tooltipFormatter = exports.sortCurrencies = void 0;
 var _constants = require("./constants");
 const tooltipFormatter = _ref => {
   let {
@@ -16,11 +16,6 @@ const tooltipFormatter = _ref => {
   return "\n<div>\n  <div style=\"margin-bottom:5px;\">".concat(currency, " ").concat(lang('vs'), " ").concat(name, "</div>\n  <div style=\"display:flex;align-items:center;\">").concat(marker, " ").concat(value, "%</div>\n</div>");
 };
 exports.tooltipFormatter = tooltipFormatter;
-const sortData = data => ({
-  currencyStrength: data.currencyStrength && [...data.currencyStrength].sort((a, b) => _constants.instrumentsConfig.indexOf(a.currency) - _constants.instrumentsConfig.indexOf(b.currency)).map(item => ({
-    currency: item.currency,
-    strengthRelation: item.strengthRelation && [...item.strengthRelation].sort((a, b) => _constants.instrumentsConfig.indexOf(a.currency) - _constants.instrumentsConfig.indexOf(b.currency))
-  }))
-});
-exports.sortData = sortData;
+const sortCurrencies = (a, b) => _constants.instrumentsConfig.indexOf(a.currency) - _constants.instrumentsConfig.indexOf(b.currency);
+exports.sortCurrencies = sortCurrencies;
 //# sourceMappingURL=formatters.js.map

package/dist/main/CurrencyStrengthWidget/components/Chart/formatters.js.map

@@ -1 +1 @@
-{"version":3,"file":"formatters.js","names":["_constants","require","tooltipFormatter","_ref","marker","name","value","currency","lang","concat","exports","sortData","data","currencyStrength","sort","a","b","instrumentsConfig","indexOf","map","item","strengthRelation"],"sources":["../../../../../src/CurrencyStrengthWidget/components/Chart/formatters.ts"],"sourcesContent":["import { GetCurrencyStrengthQuery } from '../../../gql/types/graphql';\nimport { instrumentsConfig } from './constants';\nimport { TooltipFormatterParams } from './types';\n\nexport const tooltipFormatter = ({\n  marker,\n  name,\n  value,\n  currency,\n  lang,\n}: TooltipFormatterParams) => `\n<div>\n  <div style=\"margin-bottom:5px;\">${currency} ${lang('vs')} ${name}</div>\n  <div style=\"display:flex;align-items:center;\">${marker} ${value}%</div>\n</div>`;\n\nexport const sortData: (data: GetCurrencyStrengthQuery) => GetCurrencyStrengthQuery = (\n  data,\n) => ({\n  currencyStrength: data.currencyStrength\n  && [...data.currencyStrength].sort(\n    (a, b) => instrumentsConfig.indexOf(a.currency) - instrumentsConfig.indexOf(b.currency),\n  ).map((item) => ({\n    currency: item.currency,\n    strengthRelation: item.strengthRelation && [...item.strengthRelation].sort(\n      (a, b) => instrumentsConfig.indexOf(a.currency) - instrumentsConfig.indexOf(b.currency),\n    ),\n  })),\n});\n"],"mappings":";;;;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAGO,MAAMC,gBAAgB,GAAGC,IAAA;EAAA,IAAC;IAC/BC,MAAM;IACNC,IAAI;IACJC,KAAK;IACLC,QAAQ;IACRC;EACsB,CAAC,GAAAL,IAAA;EAAA,uDAAAM,MAAA,CAEWF,QAAQ,OAAAE,MAAA,CAAID,IAAI,CAAC,IAAI,CAAC,OAAAC,MAAA,CAAIJ,IAAI,gEAAAI,MAAA,CAChBL,MAAM,OAAAK,MAAA,CAAIH,KAAK;AAAA,CAC1D;AAACI,OAAA,CAAAR,gBAAA,GAAAA,gBAAA;AAED,MAAMS,QAAsE,GACjFC,IAAI,KACA;EACJC,gBAAgB,EAAED,IAAI,CAACC,gBAAgB,IACpC,CAAC,GAAGD,IAAI,CAACC,gBAAgB,CAAC,CAACC,IAAI,CAChC,CAACC,CAAC,EAAEC,CAAC,KAAKC,4BAAiB,CAACC,OAAO,CAACH,CAAC,CAACR,QAAQ,CAAC,GAAGU,4BAAiB,CAACC,OAAO,CAACF,CAAC,CAACT,QAAQ,CACxF,CAAC,CAACY,GAAG,CAAEC,IAAI,KAAM;IACfb,QAAQ,EAAEa,IAAI,CAACb,QAAQ;IACvBc,gBAAgB,EAAED,IAAI,CAACC,gBAAgB,IAAI,CAAC,GAAGD,IAAI,CAACC,gBAAgB,CAAC,CAACP,IAAI,CACxE,CAACC,CAAC,EAAEC,CAAC,KAAKC,4BAAiB,CAACC,OAAO,CAACH,CAAC,CAACR,QAAQ,CAAC,GAAGU,4BAAiB,CAACC,OAAO,CAACF,CAAC,CAACT,QAAQ,CACxF;EACF,CAAC,CAAC;AACJ,CAAC,CAAC;AAACG,OAAA,CAAAC,QAAA,GAAAA,QAAA","ignoreList":[]}
+{"version":3,"file":"formatters.js","names":["_constants","require","tooltipFormatter","_ref","marker","name","value","currency","lang","concat","exports","sortCurrencies","a","b","instrumentsConfig","indexOf"],"sources":["../../../../../src/CurrencyStrengthWidget/components/Chart/formatters.ts"],"sourcesContent":["import { instrumentsConfig } from './constants';\nimport { SortingParams, TooltipFormatterParams } from './types';\n\nconst tooltipFormatter = ({\n  marker,\n  name,\n  value,\n  currency,\n  lang,\n}: TooltipFormatterParams) => `\n<div>\n  <div style=\"margin-bottom:5px;\">${currency} ${lang('vs')} ${name}</div>\n  <div style=\"display:flex;align-items:center;\">${marker} ${value}%</div>\n</div>`;\n\nconst sortCurrencies = (a: SortingParams, b: SortingParams) => instrumentsConfig\n  .indexOf(a.currency) - instrumentsConfig.indexOf(b.currency);\n\nexport {\n  tooltipFormatter,\n  sortCurrencies,\n};\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAGA,MAAMC,gBAAgB,GAAGC,IAAA;EAAA,IAAC;IACxBC,MAAM;IACNC,IAAI;IACJC,KAAK;IACLC,QAAQ;IACRC;EACsB,CAAC,GAAAL,IAAA;EAAA,uDAAAM,MAAA,CAEWF,QAAQ,OAAAE,MAAA,CAAID,IAAI,CAAC,IAAI,CAAC,OAAAC,MAAA,CAAIJ,IAAI,gEAAAI,MAAA,CAChBL,MAAM,OAAAK,MAAA,CAAIH,KAAK;AAAA,CAC1D;AAACI,OAAA,CAAAR,gBAAA,GAAAA,gBAAA;AAER,MAAMS,cAAc,GAAGA,CAACC,CAAgB,EAAEC,CAAgB,KAAKC,4BAAiB,CAC7EC,OAAO,CAACH,CAAC,CAACL,QAAQ,CAAC,GAAGO,4BAAiB,CAACC,OAAO,CAACF,CAAC,CAACN,QAAQ,CAAC;AAACG,OAAA,CAAAC,cAAA,GAAAA,cAAA","ignoreList":[]}

package/dist/main/CurrencyStrengthWidget/components/Chart/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/CurrencyStrengthWidget/components/Chart/types.ts"],"sourcesContent":["import { CurrencyName } from '../../../gql/types/graphql';\n\nexport interface CPBChartDataValues {\n  currency: CurrencyName;\n  percentage: number;\n}\nexport interface ChartProps {\n  values: CPBChartDataValues[];\n  currency: CurrencyName;\n}\n\nexport interface TooltipFormatterParams {\n  marker: string;\n  name: string;\n  value: number;\n  currency: CurrencyName;\n  lang: (label: string) => string;\n}\n\nexport type GetOptionProps = {\n  values: CPBChartDataValues[],\n  currency: CurrencyName,\n  lang: (label: string) => string,\n  isDark: boolean;\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/CurrencyStrengthWidget/components/Chart/types.ts"],"sourcesContent":["import { CurrencyName } from '../../../gql/types/graphql';\n\nexport interface CSChartDataValues {\n  currency: CurrencyName;\n  percentage: number;\n}\nexport interface ChartProps {\n  values: CSChartDataValues[];\n  currency: CurrencyName;\n}\n\nexport interface TooltipFormatterParams {\n  marker: string;\n  name: string;\n  value: number;\n  currency: CurrencyName;\n  lang: (label: string) => string;\n}\n\nexport type GetOptionProps = {\n  values: CSChartDataValues[],\n  currency: CurrencyName,\n  lang: (label: string) => string,\n  isDark: boolean;\n};\n\nexport type SortingParams = {\n  currency: CurrencyName;\n};\n"],"mappings":"","ignoreList":[]}

package/dist/main/CurrencyStrengthWidget/render.js

@@ -8,12 +8,13 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 const {
   graphqlUrl
 } = window.widgetsConfig || {};
-const volatilityChartParamsElements = document.querySelectorAll('div[data-currency-strength-params]');
-volatilityChartParamsElements.forEach(element => {
+const currencyStrengthParamsElements = document.querySelectorAll('div[data-currency-strength-params]');
+currencyStrengthParamsElements.forEach(element => {
   const root = (0, _client.createRoot)(element);
   const params = element.getAttribute('data-currency-strength-params');
   const mode = element.getAttribute('data-mode');
   const {
+    currency,
     locale
   } = JSON.parse(params);
   const isParamError = (0, _labsWidgetCommon.validateToolParams)({
@@ -29,7 +30,8 @@ volatilityChartParamsElements.forEach(element => {
     graphqlUrl: graphqlUrl,
     locale: locale,
     theme: mode,
-    isParamError: isParamError
+    isParamError: isParamError,
+    currency: currency
   }));
 });
 //# sourceMappingURL=render.js.map

package/dist/main/CurrencyStrengthWidget/render.js.map

@@ -1 +1 @@
-{"version":3,"file":"render.js","names":["_react","_interopRequireDefault","require","_client","_labsWidgetCommon","_CurrencyStrengthWidget","obj","__esModule","default","graphqlUrl","window","widgetsConfig","volatilityChartParamsElements","document","querySelectorAll","forEach","element","root","createRoot","params","getAttribute","mode","locale","JSON","parse","isParamError","validateToolParams","name","valueCheck","value","split","render","createElement","CurrencyStrengthWidget","theme"],"sources":["../../../src/CurrencyStrengthWidget/render.tsx"],"sourcesContent":["import React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { Theme, validateToolParams } from '@oanda/labs-widget-common';\nimport { CurrencyStrengthWidget } from './CurrencyStrengthWidget';\n\nconst {\n  graphqlUrl,\n} = window.widgetsConfig || {};\n\nconst volatilityChartParamsElements = document.querySelectorAll('div[data-currency-strength-params]');\n\nvolatilityChartParamsElements.forEach((element) => {\n  const root = createRoot(element);\n  const params = element.getAttribute('data-currency-strength-params');\n  const mode = element.getAttribute('data-mode');\n  const { locale } = JSON.parse(params as string);\n\n  const isParamError = validateToolParams({ locale, graphqlUrl }, [\n    {\n      name: 'locale',\n      valueCheck: (value) => value.split('-')[0] === 'en' || value.split('-')[0] === 'zh',\n    }, {\n      name: 'graphqlUrl',\n    }]);\n\n  root.render(\n    <CurrencyStrengthWidget\n      graphqlUrl={graphqlUrl}\n      locale={locale}\n      theme={mode as Theme}\n      isParamError={isParamError}\n    />,\n  );\n});\n"],"mappings":";;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,uBAAA,GAAAH,OAAA;AAAkE,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAElE,MAAM;EACJG;AACF,CAAC,GAAGC,MAAM,CAACC,aAAa,IAAI,CAAC,CAAC;AAE9B,MAAMC,6BAA6B,GAAGC,QAAQ,CAACC,gBAAgB,CAAC,oCAAoC,CAAC;AAErGF,6BAA6B,CAACG,OAAO,CAAEC,OAAO,IAAK;EACjD,MAAMC,IAAI,GAAG,IAAAC,kBAAU,EAACF,OAAO,CAAC;EAChC,MAAMG,MAAM,GAAGH,OAAO,CAACI,YAAY,CAAC,+BAA+B,CAAC;EACpE,MAAMC,IAAI,GAAGL,OAAO,CAACI,YAAY,CAAC,WAAW,CAAC;EAC9C,MAAM;IAAEE;EAAO,CAAC,GAAGC,IAAI,CAACC,KAAK,CAACL,MAAgB,CAAC;EAE/C,MAAMM,YAAY,GAAG,IAAAC,oCAAkB,EAAC;IAAEJ,MAAM;IAAEb;EAAW,CAAC,EAAE,CAC9D;IACEkB,IAAI,EAAE,QAAQ;IACdC,UAAU,EAAGC,KAAK,IAAKA,KAAK,CAACC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,IAAID,KAAK,CAACC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK;EACjF,CAAC,EAAE;IACDH,IAAI,EAAE;EACR,CAAC,CAAC,CAAC;EAELV,IAAI,CAACc,MAAM,CACT/B,MAAA,CAAAQ,OAAA,CAAAwB,aAAA,CAAC3B,uBAAA,CAAA4B,sBAAsB;IACrBxB,UAAU,EAAEA,UAAW;IACvBa,MAAM,EAAEA,MAAO;IACfY,KAAK,EAAEb,IAAc;IACrBI,YAAY,EAAEA;EAAa,CAC5B,CACH,CAAC;AACH,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"render.js","names":["_react","_interopRequireDefault","require","_client","_labsWidgetCommon","_CurrencyStrengthWidget","obj","__esModule","default","graphqlUrl","window","widgetsConfig","currencyStrengthParamsElements","document","querySelectorAll","forEach","element","root","createRoot","params","getAttribute","mode","currency","locale","JSON","parse","isParamError","validateToolParams","name","valueCheck","value","split","render","createElement","CurrencyStrengthWidget","theme"],"sources":["../../../src/CurrencyStrengthWidget/render.tsx"],"sourcesContent":["import React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { Theme, validateToolParams } from '@oanda/labs-widget-common';\nimport { CurrencyStrengthWidget } from './CurrencyStrengthWidget';\n\nconst {\n  graphqlUrl,\n} = window.widgetsConfig || {};\n\nconst currencyStrengthParamsElements = document.querySelectorAll('div[data-currency-strength-params]');\n\ncurrencyStrengthParamsElements.forEach((element) => {\n  const root = createRoot(element);\n  const params = element.getAttribute('data-currency-strength-params');\n  const mode = element.getAttribute('data-mode');\n  const { currency, locale } = JSON.parse(params as string);\n\n  const isParamError = validateToolParams({ locale, graphqlUrl }, [\n    {\n      name: 'locale',\n      valueCheck: (value) => value.split('-')[0] === 'en' || value.split('-')[0] === 'zh',\n    }, {\n      name: 'graphqlUrl',\n    }]);\n\n  root.render(\n    <CurrencyStrengthWidget\n      graphqlUrl={graphqlUrl}\n      locale={locale}\n      theme={mode as Theme}\n      isParamError={isParamError}\n      currency={currency}\n    />,\n  );\n});\n"],"mappings":";;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,uBAAA,GAAAH,OAAA;AAAkE,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAElE,MAAM;EACJG;AACF,CAAC,GAAGC,MAAM,CAACC,aAAa,IAAI,CAAC,CAAC;AAE9B,MAAMC,8BAA8B,GAAGC,QAAQ,CAACC,gBAAgB,CAAC,oCAAoC,CAAC;AAEtGF,8BAA8B,CAACG,OAAO,CAAEC,OAAO,IAAK;EAClD,MAAMC,IAAI,GAAG,IAAAC,kBAAU,EAACF,OAAO,CAAC;EAChC,MAAMG,MAAM,GAAGH,OAAO,CAACI,YAAY,CAAC,+BAA+B,CAAC;EACpE,MAAMC,IAAI,GAAGL,OAAO,CAACI,YAAY,CAAC,WAAW,CAAC;EAC9C,MAAM;IAAEE,QAAQ;IAAEC;EAAO,CAAC,GAAGC,IAAI,CAACC,KAAK,CAACN,MAAgB,CAAC;EAEzD,MAAMO,YAAY,GAAG,IAAAC,oCAAkB,EAAC;IAAEJ,MAAM;IAAEd;EAAW,CAAC,EAAE,CAC9D;IACEmB,IAAI,EAAE,QAAQ;IACdC,UAAU,EAAGC,KAAK,IAAKA,KAAK,CAACC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,IAAID,KAAK,CAACC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK;EACjF,CAAC,EAAE;IACDH,IAAI,EAAE;EACR,CAAC,CAAC,CAAC;EAELX,IAAI,CAACe,MAAM,CACThC,MAAA,CAAAQ,OAAA,CAAAyB,aAAA,CAAC5B,uBAAA,CAAA6B,sBAAsB;IACrBzB,UAAU,EAAEA,UAAW;IACvBc,MAAM,EAAEA,MAAO;IACfY,KAAK,EAAEd,IAAc;IACrBK,YAAY,EAAEA,YAAa;IAC3BJ,QAAQ,EAAEA;EAAS,CACpB,CACH,CAAC;AACH,CAAC,CAAC","ignoreList":[]}

package/dist/main/CurrencyStrengthWidget/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/CurrencyStrengthWidget/types.ts"],"sourcesContent":["import { Locale } from '@oanda/mono-i18n';\nimport { Theme } from '@oanda/labs-widget-common';\n\nexport interface CurrencyStrengthConfig {\n  graphqlUrl: string;\n  locale: Locale;\n  theme?: Theme;\n  isParamError?: boolean;\n}\n\nexport interface CurrencyStrengthWrapperConfig extends CurrencyStrengthConfig {\n  renderElementId: string;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/CurrencyStrengthWidget/types.ts"],"sourcesContent":["import { Locale } from '@oanda/mono-i18n';\nimport { Theme } from '@oanda/labs-widget-common';\n\nexport interface CurrencyStrengthConfig {\n  graphqlUrl: string;\n  locale: Locale;\n  theme?: Theme;\n  currency?: string;\n  isParamError?: boolean;\n}\n\nexport interface CurrencyStrengthWrapperConfig extends CurrencyStrengthConfig {\n  renderElementId: string;\n}\n\nexport interface WidgetProps {\n  currency?: string;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/module/CurrencyStrengthWidget/ChartsWithData.js

@@ -4,9 +4,12 @@ import { ChartError, Size, Spinner, SpinnerSize, ThemeContext } from '@oanda/lab
 import classnames from 'classnames';
 import { getCurrencyStrength } from '../gql/getCurrencyStrength';
 import { Chart } from './components/Chart';
-import { sortData } from './components/Chart/formatters';
-const ChartWithData = () => {
-  var _data$currencyStrengt, _data$currencyStrengt2, _sortData$currencyStr;
+import { sortCurrencies } from './components/Chart/formatters';
+const ChartWithData = _ref => {
+  var _data$currencyStrengt, _data$currencyStrengt2, _data$currencyStrengt3, _data$currencyStrengt4;
+  let {
+    currency
+  } = _ref;
   const {
     size
   } = useContext(ThemeContext);
@@ -20,24 +23,34 @@ const ChartWithData = () => {
   });
   const showChart = (data === null || data === void 0 ? void 0 : data.currencyStrength) && (data === null || data === void 0 || (_data$currencyStrengt = data.currencyStrength) === null || _data$currencyStrengt === void 0 ? void 0 : _data$currencyStrengt.length) > 0;
   const showError = (data === null || data === void 0 || (_data$currencyStrengt2 = data.currencyStrength) === null || _data$currencyStrengt2 === void 0 ? void 0 : _data$currencyStrengt2.length) === 0 || error;
+  const currencyData = currency ? data === null || data === void 0 || (_data$currencyStrengt3 = data.currencyStrength) === null || _data$currencyStrengt3 === void 0 ? void 0 : _data$currencyStrengt3.filter(item => item.currency === currency) : data === null || data === void 0 || (_data$currencyStrengt4 = data.currencyStrength) === null || _data$currencyStrengt4 === void 0 ? void 0 : _data$currencyStrengt4.slice().sort(sortCurrencies);
   return React.createElement(React.Fragment, null, loading && React.createElement("div", {
-    className: "lw-flex lw-h-[461px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary"
+    className: classnames('lw-flex lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary', {
+      'lw-h-[461px]': !currency,
+      'lw-h-[135px]': currency
+    })
   }, React.createElement(Spinner, {
     size: SpinnerSize.lg
   })), !loading && showChart && React.createElement("div", {
     "data-testid": "currency-strength-chart-wrapper",
     className: classnames('lw-grid lw-place-content-center lw-gap-7', {
-      'lw-grid-cols-3 ': isDesktop,
-      'lw-grid-cols-1': !isDesktop
+      'lw-grid-cols-3 ': isDesktop && !currency,
+      'lw-grid-cols-1': !isDesktop || currency
+    })
+  }, currencyData && currencyData.map(item => {
+    var _item$strengthRelatio;
+    return React.createElement("div", {
+      key: item.currency,
+      className: "lw-flex lw-h-[135px] lw-flex-1 lw-items-center lw-justify-center"
+    }, React.createElement(Chart, {
+      currency: item.currency,
+      values: (_item$strengthRelatio = item.strengthRelation) === null || _item$strengthRelatio === void 0 ? void 0 : _item$strengthRelatio.slice().sort(sortCurrencies)
+    }));
+  })), !loading && showError && React.createElement("div", {
+    className: classnames('lw-flex lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary', {
+      'lw-h-[425px]': !currency,
+      'lw-h-[135px]': currency
     })
-  }, (_sortData$currencyStr = sortData(data).currencyStrength) === null || _sortData$currencyStr === void 0 ? void 0 : _sortData$currencyStr.map(item => React.createElement("div", {
-    key: item.currency,
-    className: "lw-flex lw-h-[135px] lw-flex-1 lw-items-center lw-justify-center"
-  }, React.createElement(Chart, {
-    currency: item.currency,
-    values: item.strengthRelation
-  })))), !loading && showError && React.createElement("div", {
-    className: "lw-flex lw-h-[425px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary"
   }, React.createElement(ChartError, null)));
 };
 export { ChartWithData };

package/dist/module/CurrencyStrengthWidget/ChartsWithData.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartsWithData.js","names":["React","useContext","useQuery","ChartError","Size","Spinner","SpinnerSize","ThemeContext","classnames","getCurrencyStrength","Chart","sortData","ChartWithData","_data$currencyStrengt","_data$currencyStrengt2","_sortData$currencyStr","size","isDesktop","DESKTOP","loading","data","error","fetchPolicy","showChart","currencyStrength","length","showError","createElement","Fragment","className","lg","map","item","key","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';\nimport { sortData } from './components/Chart/formatters';\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          {sortData(data).currencyStrength?.map((item) => (\n            <div key={item.currency} 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;AAC1C,SAASC,QAAQ,QAAQ,+BAA+B;AAExD,MAAMC,aAAa,GAAGA,CAAA,KAAM;EAAA,IAAAC,qBAAA,EAAAC,sBAAA,EAAAC,qBAAA;EAC1B,MAAM;IAAEC;EAAK,CAAC,GAAGf,UAAU,CAACM,YAAY,CAAC;EACzC,MAAMU,SAAS,GAAGD,IAAI,KAAKZ,IAAI,CAACc,OAAO;EACvC,MAAM;IAAEC,OAAO;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAGnB,QAAQ,CAA2BO,mBAAmB,EAAE;IACvFa,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,OACErB,KAAA,CAAA2B,aAAA,CAAA3B,KAAA,CAAA4B,QAAA,QACGT,OAAO,IAENnB,KAAA,CAAA2B,aAAA;IAAKE,SAAS,EAAC;EAAmG,GAChH7B,KAAA,CAAA2B,aAAA,CAACtB,OAAO;IAACW,IAAI,EAAEV,WAAW,CAACwB;EAAG,CAAE,CAC7B,CACN,EACA,CAACX,OAAO,IAAII,SAAS,IACpBvB,KAAA,CAAA2B,aAAA;IACE,eAAY,iCAAiC;IAC7CE,SAAS,EAAErB,UAAU,CAAC,0CAA0C,EAAE;MAChE,iBAAiB,EAAES,SAAS;MAC5B,gBAAgB,EAAE,CAACA;IACrB,CAAC;EAAE,IAAAF,qBAAA,GAEFJ,QAAQ,CAACS,IAAI,CAAC,CAACI,gBAAgB,cAAAT,qBAAA,uBAA/BA,qBAAA,CAAiCgB,GAAG,CAAEC,IAAI,IACzChC,KAAA,CAAA2B,aAAA;IAAKM,GAAG,EAAED,IAAI,CAACE,QAAS;IAACL,SAAS,EAAC;EAAkE,GACnG7B,KAAA,CAAA2B,aAAA,CAACjB,KAAK;IAACwB,QAAQ,EAAEF,IAAI,CAACE,QAAS;IAACC,MAAM,EAAEH,IAAI,CAACI;EAAkB,CAAE,CAC9D,CACN,CACE,CACN,EACA,CAACjB,OAAO,IAAIO,SAAS,IACpB1B,KAAA,CAAA2B,aAAA;IAAKE,SAAS,EAAC;EAAmG,GAChH7B,KAAA,CAAA2B,aAAA,CAACxB,UAAU,MAAE,CACV,CAEP,CAAC;AAEP,CAAC;AAED,SAASS,aAAa","ignoreList":[]}
+{"version":3,"file":"ChartsWithData.js","names":["React","useContext","useQuery","ChartError","Size","Spinner","SpinnerSize","ThemeContext","classnames","getCurrencyStrength","Chart","sortCurrencies","ChartWithData","_ref","_data$currencyStrengt","_data$currencyStrengt2","_data$currencyStrengt3","_data$currencyStrengt4","currency","size","isDesktop","DESKTOP","loading","data","error","fetchPolicy","showChart","currencyStrength","length","showError","currencyData","filter","item","slice","sort","createElement","Fragment","className","lg","map","_item$strengthRelatio","key","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';\nimport { sortCurrencies } from './components/Chart/formatters';\nimport { WidgetProps } from './types';\n\nconst ChartWithData = ({ currency }: WidgetProps) => {\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  const currencyData = currency\n    ? data?.currencyStrength?.filter((item) => item.currency === currency)\n    : data?.currencyStrength?.slice().sort(sortCurrencies);\n\n  return (\n    <>\n      {loading\n      && (\n        <div className={classnames('lw-flex lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary', {\n          'lw-h-[461px]': !currency,\n          'lw-h-[135px]': currency,\n        })}\n        >\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 && !currency,\n            'lw-grid-cols-1': !isDesktop || currency,\n          })}\n        >\n          {currencyData && currencyData.map((item) => (\n            <div key={item.currency} className=\"lw-flex lw-h-[135px] lw-flex-1 lw-items-center lw-justify-center\">\n              <Chart\n                currency={item.currency}\n                values={item.strengthRelation?.slice().sort(sortCurrencies)!}\n              />\n            </div>\n          ))}\n        </div>\n      )}\n      {!loading && showError && (\n        <div className={classnames('lw-flex lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary', {\n          'lw-h-[425px]': !currency,\n          'lw-h-[135px]': currency,\n        })}\n        >\n          <ChartError />\n        </div>\n      )}\n    </>\n  );\n};\n\nexport { ChartWithData };\n"],"mappings":"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","ignoreList":[]}

package/dist/module/CurrencyStrengthWidget/CurrencyStrengthWidget.js

@@ -7,6 +7,7 @@ import { Main } from './Main';
 const CurrencyStrengthWidget = _ref => {
   let {
     graphqlUrl,
+    currency,
     locale,
     theme,
     isParamError
@@ -24,7 +25,9 @@ const CurrencyStrengthWidget = _ref => {
     client: client
   }, isParamError ? React.createElement("div", {
     className: "lw-flex lw-h-[425px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary"
-  }, React.createElement(ChartError, null)) : React.createElement(Main, null))));
+  }, React.createElement(ChartError, null)) : React.createElement(Main, {
+    currency: currency
+  }))));
 };
 export { CurrencyStrengthWidget };
 //# sourceMappingURL=CurrencyStrengthWidget.js.map

package/dist/module/CurrencyStrengthWidget/CurrencyStrengthWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"CurrencyStrengthWidget.js","names":["React","LocaleProvider","ApolloClient","InMemoryCache","ApolloProvider","ChartError","ThemeProvider","getLocale","translations","Main","CurrencyStrengthWidget","_ref","graphqlUrl","locale","theme","isParamError","client","uri","cache","createElement","className"],"sources":["../../../src/CurrencyStrengthWidget/CurrencyStrengthWidget.tsx"],"sourcesContent":["import React from 'react';\nimport { LocaleProvider } from '@oanda/mono-i18n';\nimport { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';\nimport { ChartError, ThemeProvider, getLocale } from '@oanda/labs-widget-common';\nimport { CurrencyStrengthConfig } from './types';\nimport { translations } from '../translations';\nimport { Main } from './Main';\n\nconst CurrencyStrengthWidget = ({\n  graphqlUrl, locale, theme, isParamError,\n}: CurrencyStrengthConfig) => {\n  const client = new ApolloClient({\n    uri: graphqlUrl,\n    cache: new InMemoryCache(),\n  });\n\n  return (\n    <ThemeProvider theme={theme}>\n      <LocaleProvider locale={getLocale(locale)} translations={translations}>\n        <ApolloProvider client={client}>\n          {isParamError ? (\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          ) : <Main />}\n        </ApolloProvider>\n      </LocaleProvider>\n    </ThemeProvider>\n  );\n};\n\nexport { CurrencyStrengthWidget };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SAASC,YAAY,EAAEC,aAAa,EAAEC,cAAc,QAAQ,gBAAgB;AAC5E,SAASC,UAAU,EAAEC,aAAa,EAAEC,SAAS,QAAQ,2BAA2B;AAEhF,SAASC,YAAY,QAAQ,iBAAiB;AAC9C,SAASC,IAAI,QAAQ,QAAQ;AAE7B,MAAMC,sBAAsB,GAAGC,IAAA,IAED;EAAA,IAFE;IAC9BC,UAAU;IAAEC,MAAM;IAAEC,KAAK;IAAEC;EACL,CAAC,GAAAJ,IAAA;EACvB,MAAMK,MAAM,GAAG,IAAId,YAAY,CAAC;IAC9Be,GAAG,EAAEL,UAAU;IACfM,KAAK,EAAE,IAAIf,aAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,OACEH,KAAA,CAAAmB,aAAA,CAACb,aAAa;IAACQ,KAAK,EAAEA;EAAM,GAC1Bd,KAAA,CAAAmB,aAAA,CAAClB,cAAc;IAACY,MAAM,EAAEN,SAAS,CAACM,MAAM,CAAE;IAACL,YAAY,EAAEA;EAAa,GACpER,KAAA,CAAAmB,aAAA,CAACf,cAAc;IAACY,MAAM,EAAEA;EAAO,GAC5BD,YAAY,GACXf,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAC;EAAmG,GAChHpB,KAAA,CAAAmB,aAAA,CAACd,UAAU,MAAE,CACV,CAAC,GACJL,KAAA,CAAAmB,aAAA,CAACV,IAAI,MAAE,CACG,CACF,CACH,CAAC;AAEpB,CAAC;AAED,SAASC,sBAAsB","ignoreList":[]}
+{"version":3,"file":"CurrencyStrengthWidget.js","names":["React","LocaleProvider","ApolloClient","InMemoryCache","ApolloProvider","ChartError","ThemeProvider","getLocale","translations","Main","CurrencyStrengthWidget","_ref","graphqlUrl","currency","locale","theme","isParamError","client","uri","cache","createElement","className"],"sources":["../../../src/CurrencyStrengthWidget/CurrencyStrengthWidget.tsx"],"sourcesContent":["import React from 'react';\nimport { LocaleProvider } from '@oanda/mono-i18n';\nimport { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';\nimport { ChartError, ThemeProvider, getLocale } from '@oanda/labs-widget-common';\nimport { CurrencyStrengthConfig } from './types';\nimport { translations } from '../translations';\nimport { Main } from './Main';\n\nconst CurrencyStrengthWidget = ({\n  graphqlUrl, currency, locale, theme, isParamError,\n}: CurrencyStrengthConfig) => {\n  const client = new ApolloClient({\n    uri: graphqlUrl,\n    cache: new InMemoryCache(),\n  });\n\n  return (\n    <ThemeProvider theme={theme}>\n      <LocaleProvider locale={getLocale(locale)} translations={translations}>\n        <ApolloProvider client={client}>\n          {isParamError ? (\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          ) : <Main currency={currency} />}\n        </ApolloProvider>\n      </LocaleProvider>\n    </ThemeProvider>\n  );\n};\n\nexport { CurrencyStrengthWidget };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SAASC,YAAY,EAAEC,aAAa,EAAEC,cAAc,QAAQ,gBAAgB;AAC5E,SAASC,UAAU,EAAEC,aAAa,EAAEC,SAAS,QAAQ,2BAA2B;AAEhF,SAASC,YAAY,QAAQ,iBAAiB;AAC9C,SAASC,IAAI,QAAQ,QAAQ;AAE7B,MAAMC,sBAAsB,GAAGC,IAAA,IAED;EAAA,IAFE;IAC9BC,UAAU;IAAEC,QAAQ;IAAEC,MAAM;IAAEC,KAAK;IAAEC;EACf,CAAC,GAAAL,IAAA;EACvB,MAAMM,MAAM,GAAG,IAAIf,YAAY,CAAC;IAC9BgB,GAAG,EAAEN,UAAU;IACfO,KAAK,EAAE,IAAIhB,aAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,OACEH,KAAA,CAAAoB,aAAA,CAACd,aAAa;IAACS,KAAK,EAAEA;EAAM,GAC1Bf,KAAA,CAAAoB,aAAA,CAACnB,cAAc;IAACa,MAAM,EAAEP,SAAS,CAACO,MAAM,CAAE;IAACN,YAAY,EAAEA;EAAa,GACpER,KAAA,CAAAoB,aAAA,CAAChB,cAAc;IAACa,MAAM,EAAEA;EAAO,GAC5BD,YAAY,GACXhB,KAAA,CAAAoB,aAAA;IAAKC,SAAS,EAAC;EAAmG,GAChHrB,KAAA,CAAAoB,aAAA,CAACf,UAAU,MAAE,CACV,CAAC,GACJL,KAAA,CAAAoB,aAAA,CAACX,IAAI;IAACI,QAAQ,EAAEA;EAAS,CAAE,CACjB,CACF,CACH,CAAC;AAEpB,CAAC;AAED,SAASH,sBAAsB","ignoreList":[]}

package/dist/module/CurrencyStrengthWidget/Main.js

@@ -2,7 +2,10 @@ import React, { useContext } from 'react';
 import { useLocale } from '@oanda/mono-i18n';
 import { ThemeContext } from '@oanda/labs-widget-common';
 import { ChartWithData } from './ChartsWithData';
-const Main = () => {
+const Main = _ref => {
+  let {
+    currency
+  } = _ref;
   const {
     lang
   } = useLocale();
@@ -15,7 +18,9 @@ const Main = () => {
     className: "lw-mb-8 lw-flex lw-justify-center lw-font-sans lw-text-lg lw-font-bold"
   }, React.createElement("span", null, "".concat(lang('daily'), " (").concat(lang('minute', {
     count: 5
-  }), ")"))), React.createElement(ChartWithData, null)));
+  }), ")"))), React.createElement(ChartWithData, {
+    currency: currency
+  })));
 };
 export { Main };
 //# sourceMappingURL=Main.js.map

package/dist/module/CurrencyStrengthWidget/Main.js.map

@@ -1 +1 @@
-{"version":3,"file":"Main.js","names":["React","useContext","useLocale","ThemeContext","ChartWithData","Main","lang","size","createElement","Fragment","className","concat","count"],"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('minute', { count: 5 })})`}</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,QAAQ,EAAE;IAAEM,KAAK,EAAE;EAAE,CAAC,CAAC,MAAU,CAC/D,CAAC,EACNZ,KAAA,CAAAQ,aAAA,CAACJ,aAAa,MAAE,CACb,CAEL,CAAC;AAEP,CAAC;AAED,SAASC,IAAI","ignoreList":[]}
+{"version":3,"file":"Main.js","names":["React","useContext","useLocale","ThemeContext","ChartWithData","Main","_ref","currency","lang","size","createElement","Fragment","className","concat","count"],"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';\nimport { WidgetProps } from './types';\n\nconst Main = ({ currency }: WidgetProps) => {\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('minute', { count: 5 })})`}</span>\n        </div>\n        <ChartWithData currency={currency} />\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;AAGhD,MAAMC,IAAI,GAAGC,IAAA,IAA+B;EAAA,IAA9B;IAAEC;EAAsB,CAAC,GAAAD,IAAA;EACrC,MAAM;IAAEE;EAAK,CAAC,GAAGN,SAAS,CAAC,CAAC;EAC5B,MAAM;IAAEO;EAAK,CAAC,GAAGR,UAAU,CAACE,YAAY,CAAC;EAEzC,OACEH,KAAA,CAAAU,aAAA,CAAAV,KAAA,CAAAW,QAAA,QACGF,IAAI,IACLT,KAAA,CAAAU,aAAA;IAAK,eAAY;EAA2B,GAC1CV,KAAA,CAAAU,aAAA;IAAKE,SAAS,EAAC;EAAwE,GACrFZ,KAAA,CAAAU,aAAA,kBAAAG,MAAA,CAAUL,IAAI,CAAC,OAAO,CAAC,QAAAK,MAAA,CAAKL,IAAI,CAAC,QAAQ,EAAE;IAAEM,KAAK,EAAE;EAAE,CAAC,CAAC,MAAU,CAC/D,CAAC,EACNd,KAAA,CAAAU,aAAA,CAACN,aAAa;IAACG,QAAQ,EAAEA;EAAS,CAAE,CACjC,CAEL,CAAC;AAEP,CAAC;AAED,SAASF,IAAI","ignoreList":[]}

package/dist/module/CurrencyStrengthWidget/components/Chart/formatters.js

@@ -1,5 +1,5 @@
 import { instrumentsConfig } from './constants';
-export const tooltipFormatter = _ref => {
+const tooltipFormatter = _ref => {
   let {
     marker,
     name,
@@ -9,10 +9,6 @@ export const tooltipFormatter = _ref => {
   } = _ref;
   return "\n<div>\n  <div style=\"margin-bottom:5px;\">".concat(currency, " ").concat(lang('vs'), " ").concat(name, "</div>\n  <div style=\"display:flex;align-items:center;\">").concat(marker, " ").concat(value, "%</div>\n</div>");
 };
-export const sortData = data => ({
-  currencyStrength: data.currencyStrength && [...data.currencyStrength].sort((a, b) => instrumentsConfig.indexOf(a.currency) - instrumentsConfig.indexOf(b.currency)).map(item => ({
-    currency: item.currency,
-    strengthRelation: item.strengthRelation && [...item.strengthRelation].sort((a, b) => instrumentsConfig.indexOf(a.currency) - instrumentsConfig.indexOf(b.currency))
-  }))
-});
+const sortCurrencies = (a, b) => instrumentsConfig.indexOf(a.currency) - instrumentsConfig.indexOf(b.currency);
+export { tooltipFormatter, sortCurrencies };
 //# sourceMappingURL=formatters.js.map

package/dist/module/CurrencyStrengthWidget/components/Chart/formatters.js.map

@@ -1 +1 @@
-{"version":3,"file":"formatters.js","names":["instrumentsConfig","tooltipFormatter","_ref","marker","name","value","currency","lang","concat","sortData","data","currencyStrength","sort","a","b","indexOf","map","item","strengthRelation"],"sources":["../../../../../src/CurrencyStrengthWidget/components/Chart/formatters.ts"],"sourcesContent":["import { GetCurrencyStrengthQuery } from '../../../gql/types/graphql';\nimport { instrumentsConfig } from './constants';\nimport { TooltipFormatterParams } from './types';\n\nexport const tooltipFormatter = ({\n  marker,\n  name,\n  value,\n  currency,\n  lang,\n}: TooltipFormatterParams) => `\n<div>\n  <div style=\"margin-bottom:5px;\">${currency} ${lang('vs')} ${name}</div>\n  <div style=\"display:flex;align-items:center;\">${marker} ${value}%</div>\n</div>`;\n\nexport const sortData: (data: GetCurrencyStrengthQuery) => GetCurrencyStrengthQuery = (\n  data,\n) => ({\n  currencyStrength: data.currencyStrength\n  && [...data.currencyStrength].sort(\n    (a, b) => instrumentsConfig.indexOf(a.currency) - instrumentsConfig.indexOf(b.currency),\n  ).map((item) => ({\n    currency: item.currency,\n    strengthRelation: item.strengthRelation && [...item.strengthRelation].sort(\n      (a, b) => instrumentsConfig.indexOf(a.currency) - instrumentsConfig.indexOf(b.currency),\n    ),\n  })),\n});\n"],"mappings":"AACA,SAASA,iBAAiB,QAAQ,aAAa;AAG/C,OAAO,MAAMC,gBAAgB,GAAGC,IAAA;EAAA,IAAC;IAC/BC,MAAM;IACNC,IAAI;IACJC,KAAK;IACLC,QAAQ;IACRC;EACsB,CAAC,GAAAL,IAAA;EAAA,uDAAAM,MAAA,CAEWF,QAAQ,OAAAE,MAAA,CAAID,IAAI,CAAC,IAAI,CAAC,OAAAC,MAAA,CAAIJ,IAAI,gEAAAI,MAAA,CAChBL,MAAM,OAAAK,MAAA,CAAIH,KAAK;AAAA,CAC1D;AAEP,OAAO,MAAMI,QAAsE,GACjFC,IAAI,KACA;EACJC,gBAAgB,EAAED,IAAI,CAACC,gBAAgB,IACpC,CAAC,GAAGD,IAAI,CAACC,gBAAgB,CAAC,CAACC,IAAI,CAChC,CAACC,CAAC,EAAEC,CAAC,KAAKd,iBAAiB,CAACe,OAAO,CAACF,CAAC,CAACP,QAAQ,CAAC,GAAGN,iBAAiB,CAACe,OAAO,CAACD,CAAC,CAACR,QAAQ,CACxF,CAAC,CAACU,GAAG,CAAEC,IAAI,KAAM;IACfX,QAAQ,EAAEW,IAAI,CAACX,QAAQ;IACvBY,gBAAgB,EAAED,IAAI,CAACC,gBAAgB,IAAI,CAAC,GAAGD,IAAI,CAACC,gBAAgB,CAAC,CAACN,IAAI,CACxE,CAACC,CAAC,EAAEC,CAAC,KAAKd,iBAAiB,CAACe,OAAO,CAACF,CAAC,CAACP,QAAQ,CAAC,GAAGN,iBAAiB,CAACe,OAAO,CAACD,CAAC,CAACR,QAAQ,CACxF;EACF,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"formatters.js","names":["instrumentsConfig","tooltipFormatter","_ref","marker","name","value","currency","lang","concat","sortCurrencies","a","b","indexOf"],"sources":["../../../../../src/CurrencyStrengthWidget/components/Chart/formatters.ts"],"sourcesContent":["import { instrumentsConfig } from './constants';\nimport { SortingParams, TooltipFormatterParams } from './types';\n\nconst tooltipFormatter = ({\n  marker,\n  name,\n  value,\n  currency,\n  lang,\n}: TooltipFormatterParams) => `\n<div>\n  <div style=\"margin-bottom:5px;\">${currency} ${lang('vs')} ${name}</div>\n  <div style=\"display:flex;align-items:center;\">${marker} ${value}%</div>\n</div>`;\n\nconst sortCurrencies = (a: SortingParams, b: SortingParams) => instrumentsConfig\n  .indexOf(a.currency) - instrumentsConfig.indexOf(b.currency);\n\nexport {\n  tooltipFormatter,\n  sortCurrencies,\n};\n"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,aAAa;AAG/C,MAAMC,gBAAgB,GAAGC,IAAA;EAAA,IAAC;IACxBC,MAAM;IACNC,IAAI;IACJC,KAAK;IACLC,QAAQ;IACRC;EACsB,CAAC,GAAAL,IAAA;EAAA,uDAAAM,MAAA,CAEWF,QAAQ,OAAAE,MAAA,CAAID,IAAI,CAAC,IAAI,CAAC,OAAAC,MAAA,CAAIJ,IAAI,gEAAAI,MAAA,CAChBL,MAAM,OAAAK,MAAA,CAAIH,KAAK;AAAA,CAC1D;AAEP,MAAMI,cAAc,GAAGA,CAACC,CAAgB,EAAEC,CAAgB,KAAKX,iBAAiB,CAC7EY,OAAO,CAACF,CAAC,CAACJ,QAAQ,CAAC,GAAGN,iBAAiB,CAACY,OAAO,CAACD,CAAC,CAACL,QAAQ,CAAC;AAE9D,SACEL,gBAAgB,EAChBQ,cAAc","ignoreList":[]}

package/dist/module/CurrencyStrengthWidget/components/Chart/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/CurrencyStrengthWidget/components/Chart/types.ts"],"sourcesContent":["import { CurrencyName } from '../../../gql/types/graphql';\n\nexport interface CPBChartDataValues {\n  currency: CurrencyName;\n  percentage: number;\n}\nexport interface ChartProps {\n  values: CPBChartDataValues[];\n  currency: CurrencyName;\n}\n\nexport interface TooltipFormatterParams {\n  marker: string;\n  name: string;\n  value: number;\n  currency: CurrencyName;\n  lang: (label: string) => string;\n}\n\nexport type GetOptionProps = {\n  values: CPBChartDataValues[],\n  currency: CurrencyName,\n  lang: (label: string) => string,\n  isDark: boolean;\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/CurrencyStrengthWidget/components/Chart/types.ts"],"sourcesContent":["import { CurrencyName } from '../../../gql/types/graphql';\n\nexport interface CSChartDataValues {\n  currency: CurrencyName;\n  percentage: number;\n}\nexport interface ChartProps {\n  values: CSChartDataValues[];\n  currency: CurrencyName;\n}\n\nexport interface TooltipFormatterParams {\n  marker: string;\n  name: string;\n  value: number;\n  currency: CurrencyName;\n  lang: (label: string) => string;\n}\n\nexport type GetOptionProps = {\n  values: CSChartDataValues[],\n  currency: CurrencyName,\n  lang: (label: string) => string,\n  isDark: boolean;\n};\n\nexport type SortingParams = {\n  currency: CurrencyName;\n};\n"],"mappings":"","ignoreList":[]}

package/dist/module/CurrencyStrengthWidget/render.js

@@ -5,12 +5,13 @@ import { CurrencyStrengthWidget } from './CurrencyStrengthWidget';
 const {
   graphqlUrl
 } = window.widgetsConfig || {};
-const volatilityChartParamsElements = document.querySelectorAll('div[data-currency-strength-params]');
-volatilityChartParamsElements.forEach(element => {
+const currencyStrengthParamsElements = document.querySelectorAll('div[data-currency-strength-params]');
+currencyStrengthParamsElements.forEach(element => {
   const root = createRoot(element);
   const params = element.getAttribute('data-currency-strength-params');
   const mode = element.getAttribute('data-mode');
   const {
+    currency,
     locale
   } = JSON.parse(params);
   const isParamError = validateToolParams({
@@ -26,7 +27,8 @@ volatilityChartParamsElements.forEach(element => {
     graphqlUrl: graphqlUrl,
     locale: locale,
     theme: mode,
-    isParamError: isParamError
+    isParamError: isParamError,
+    currency: currency
   }));
 });
 //# sourceMappingURL=render.js.map

package/dist/module/CurrencyStrengthWidget/render.js.map

@@ -1 +1 @@
-{"version":3,"file":"render.js","names":["React","createRoot","validateToolParams","CurrencyStrengthWidget","graphqlUrl","window","widgetsConfig","volatilityChartParamsElements","document","querySelectorAll","forEach","element","root","params","getAttribute","mode","locale","JSON","parse","isParamError","name","valueCheck","value","split","render","createElement","theme"],"sources":["../../../src/CurrencyStrengthWidget/render.tsx"],"sourcesContent":["import React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { Theme, validateToolParams } from '@oanda/labs-widget-common';\nimport { CurrencyStrengthWidget } from './CurrencyStrengthWidget';\n\nconst {\n  graphqlUrl,\n} = window.widgetsConfig || {};\n\nconst volatilityChartParamsElements = document.querySelectorAll('div[data-currency-strength-params]');\n\nvolatilityChartParamsElements.forEach((element) => {\n  const root = createRoot(element);\n  const params = element.getAttribute('data-currency-strength-params');\n  const mode = element.getAttribute('data-mode');\n  const { locale } = JSON.parse(params as string);\n\n  const isParamError = validateToolParams({ locale, graphqlUrl }, [\n    {\n      name: 'locale',\n      valueCheck: (value) => value.split('-')[0] === 'en' || value.split('-')[0] === 'zh',\n    }, {\n      name: 'graphqlUrl',\n    }]);\n\n  root.render(\n    <CurrencyStrengthWidget\n      graphqlUrl={graphqlUrl}\n      locale={locale}\n      theme={mode as Theme}\n      isParamError={isParamError}\n    />,\n  );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAAgBC,kBAAkB,QAAQ,2BAA2B;AACrE,SAASC,sBAAsB,QAAQ,0BAA0B;AAEjE,MAAM;EACJC;AACF,CAAC,GAAGC,MAAM,CAACC,aAAa,IAAI,CAAC,CAAC;AAE9B,MAAMC,6BAA6B,GAAGC,QAAQ,CAACC,gBAAgB,CAAC,oCAAoC,CAAC;AAErGF,6BAA6B,CAACG,OAAO,CAAEC,OAAO,IAAK;EACjD,MAAMC,IAAI,GAAGX,UAAU,CAACU,OAAO,CAAC;EAChC,MAAME,MAAM,GAAGF,OAAO,CAACG,YAAY,CAAC,+BAA+B,CAAC;EACpE,MAAMC,IAAI,GAAGJ,OAAO,CAACG,YAAY,CAAC,WAAW,CAAC;EAC9C,MAAM;IAAEE;EAAO,CAAC,GAAGC,IAAI,CAACC,KAAK,CAACL,MAAgB,CAAC;EAE/C,MAAMM,YAAY,GAAGjB,kBAAkB,CAAC;IAAEc,MAAM;IAAEZ;EAAW,CAAC,EAAE,CAC9D;IACEgB,IAAI,EAAE,QAAQ;IACdC,UAAU,EAAGC,KAAK,IAAKA,KAAK,CAACC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,IAAID,KAAK,CAACC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK;EACjF,CAAC,EAAE;IACDH,IAAI,EAAE;EACR,CAAC,CAAC,CAAC;EAELR,IAAI,CAACY,MAAM,CACTxB,KAAA,CAAAyB,aAAA,CAACtB,sBAAsB;IACrBC,UAAU,EAAEA,UAAW;IACvBY,MAAM,EAAEA,MAAO;IACfU,KAAK,EAAEX,IAAc;IACrBI,YAAY,EAAEA;EAAa,CAC5B,CACH,CAAC;AACH,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"render.js","names":["React","createRoot","validateToolParams","CurrencyStrengthWidget","graphqlUrl","window","widgetsConfig","currencyStrengthParamsElements","document","querySelectorAll","forEach","element","root","params","getAttribute","mode","currency","locale","JSON","parse","isParamError","name","valueCheck","value","split","render","createElement","theme"],"sources":["../../../src/CurrencyStrengthWidget/render.tsx"],"sourcesContent":["import React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { Theme, validateToolParams } from '@oanda/labs-widget-common';\nimport { CurrencyStrengthWidget } from './CurrencyStrengthWidget';\n\nconst {\n  graphqlUrl,\n} = window.widgetsConfig || {};\n\nconst currencyStrengthParamsElements = document.querySelectorAll('div[data-currency-strength-params]');\n\ncurrencyStrengthParamsElements.forEach((element) => {\n  const root = createRoot(element);\n  const params = element.getAttribute('data-currency-strength-params');\n  const mode = element.getAttribute('data-mode');\n  const { currency, locale } = JSON.parse(params as string);\n\n  const isParamError = validateToolParams({ locale, graphqlUrl }, [\n    {\n      name: 'locale',\n      valueCheck: (value) => value.split('-')[0] === 'en' || value.split('-')[0] === 'zh',\n    }, {\n      name: 'graphqlUrl',\n    }]);\n\n  root.render(\n    <CurrencyStrengthWidget\n      graphqlUrl={graphqlUrl}\n      locale={locale}\n      theme={mode as Theme}\n      isParamError={isParamError}\n      currency={currency}\n    />,\n  );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAAgBC,kBAAkB,QAAQ,2BAA2B;AACrE,SAASC,sBAAsB,QAAQ,0BAA0B;AAEjE,MAAM;EACJC;AACF,CAAC,GAAGC,MAAM,CAACC,aAAa,IAAI,CAAC,CAAC;AAE9B,MAAMC,8BAA8B,GAAGC,QAAQ,CAACC,gBAAgB,CAAC,oCAAoC,CAAC;AAEtGF,8BAA8B,CAACG,OAAO,CAAEC,OAAO,IAAK;EAClD,MAAMC,IAAI,GAAGX,UAAU,CAACU,OAAO,CAAC;EAChC,MAAME,MAAM,GAAGF,OAAO,CAACG,YAAY,CAAC,+BAA+B,CAAC;EACpE,MAAMC,IAAI,GAAGJ,OAAO,CAACG,YAAY,CAAC,WAAW,CAAC;EAC9C,MAAM;IAAEE,QAAQ;IAAEC;EAAO,CAAC,GAAGC,IAAI,CAACC,KAAK,CAACN,MAAgB,CAAC;EAEzD,MAAMO,YAAY,GAAGlB,kBAAkB,CAAC;IAAEe,MAAM;IAAEb;EAAW,CAAC,EAAE,CAC9D;IACEiB,IAAI,EAAE,QAAQ;IACdC,UAAU,EAAGC,KAAK,IAAKA,KAAK,CAACC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,IAAID,KAAK,CAACC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK;EACjF,CAAC,EAAE;IACDH,IAAI,EAAE;EACR,CAAC,CAAC,CAAC;EAELT,IAAI,CAACa,MAAM,CACTzB,KAAA,CAAA0B,aAAA,CAACvB,sBAAsB;IACrBC,UAAU,EAAEA,UAAW;IACvBa,MAAM,EAAEA,MAAO;IACfU,KAAK,EAAEZ,IAAc;IACrBK,YAAY,EAAEA,YAAa;IAC3BJ,QAAQ,EAAEA;EAAS,CACpB,CACH,CAAC;AACH,CAAC,CAAC","ignoreList":[]}

package/dist/module/CurrencyStrengthWidget/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/CurrencyStrengthWidget/types.ts"],"sourcesContent":["import { Locale } from '@oanda/mono-i18n';\nimport { Theme } from '@oanda/labs-widget-common';\n\nexport interface CurrencyStrengthConfig {\n  graphqlUrl: string;\n  locale: Locale;\n  theme?: Theme;\n  isParamError?: boolean;\n}\n\nexport interface CurrencyStrengthWrapperConfig extends CurrencyStrengthConfig {\n  renderElementId: string;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/CurrencyStrengthWidget/types.ts"],"sourcesContent":["import { Locale } from '@oanda/mono-i18n';\nimport { Theme } from '@oanda/labs-widget-common';\n\nexport interface CurrencyStrengthConfig {\n  graphqlUrl: string;\n  locale: Locale;\n  theme?: Theme;\n  currency?: string;\n  isParamError?: boolean;\n}\n\nexport interface CurrencyStrengthWrapperConfig extends CurrencyStrengthConfig {\n  renderElementId: string;\n}\n\nexport interface WidgetProps {\n  currency?: string;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/types/CurrencyStrengthWidget/ChartsWithData.d.ts

@@ -1,3 +1,4 @@
 import React from 'react';
-declare const ChartWithData: () => React.JSX.Element;
+import { WidgetProps } from './types';
+declare const ChartWithData: ({ currency }: WidgetProps) => React.JSX.Element;
 export { ChartWithData };

package/dist/types/CurrencyStrengthWidget/CurrencyStrengthWidget.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { CurrencyStrengthConfig } from './types';
-declare const CurrencyStrengthWidget: ({ graphqlUrl, locale, theme, isParamError, }: CurrencyStrengthConfig) => React.JSX.Element;
+declare const CurrencyStrengthWidget: ({ graphqlUrl, currency, locale, theme, isParamError, }: CurrencyStrengthConfig) => React.JSX.Element;
 export { CurrencyStrengthWidget };

package/dist/types/CurrencyStrengthWidget/Main.d.ts

@@ -1,3 +1,4 @@
 import React from 'react';
-declare const Main: () => React.JSX.Element;
+import { WidgetProps } from './types';
+declare const Main: ({ currency }: WidgetProps) => React.JSX.Element;
 export { Main };

package/dist/types/CurrencyStrengthWidget/components/Chart/formatters.d.ts

@@ -1,4 +1,4 @@
-import { GetCurrencyStrengthQuery } from '../../../gql/types/graphql';
-import { TooltipFormatterParams } from './types';
-export declare const tooltipFormatter: ({ marker, name, value, currency, lang, }: TooltipFormatterParams) => string;
-export declare const sortData: (data: GetCurrencyStrengthQuery) => GetCurrencyStrengthQuery;
+import { SortingParams, TooltipFormatterParams } from './types';
+declare const tooltipFormatter: ({ marker, name, value, currency, lang, }: TooltipFormatterParams) => string;
+declare const sortCurrencies: (a: SortingParams, b: SortingParams) => number;
+export { tooltipFormatter, sortCurrencies, };

package/dist/types/CurrencyStrengthWidget/components/Chart/types.d.ts

@@ -1,10 +1,10 @@
 import { CurrencyName } from '../../../gql/types/graphql';
-export interface CPBChartDataValues {
+export interface CSChartDataValues {
     currency: CurrencyName;
     percentage: number;
 }
 export interface ChartProps {
-    values: CPBChartDataValues[];
+    values: CSChartDataValues[];
     currency: CurrencyName;
 }
 export interface TooltipFormatterParams {
@@ -15,8 +15,11 @@ export interface TooltipFormatterParams {
     lang: (label: string) => string;
 }
 export type GetOptionProps = {
-    values: CPBChartDataValues[];
+    values: CSChartDataValues[];
     currency: CurrencyName;
     lang: (label: string) => string;
     isDark: boolean;
 };
+export type SortingParams = {
+    currency: CurrencyName;
+};

package/dist/types/CurrencyStrengthWidget/types.d.ts

@@ -4,8 +4,12 @@ export interface CurrencyStrengthConfig {
     graphqlUrl: string;
     locale: Locale;
     theme?: Theme;
+    currency?: string;
     isParamError?: boolean;
 }
 export interface CurrencyStrengthWrapperConfig extends CurrencyStrengthConfig {
     renderElementId: string;
 }
+export interface WidgetProps {
+    currency?: string;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oanda/labs-currency-strength-widget",
-  "version": "1.0.24",
+  "version": "1.0.26",
   "description": "Labs Currency Strength Widget",
   "main": "dist/main/index.js",
   "module": "dist/module/index.js",
@@ -13,7 +13,7 @@
   "license": "UNLICENSED",
   "dependencies": {
     "@apollo/client": "3.9.9",
-    "@oanda/labs-widget-common": "^1.0.106",
+    "@oanda/labs-widget-common": "^1.0.108",
     "@oanda/mono-i18n": "9.0.0",
     "echarts": "5.5.0",
     "echarts-for-react": "3.0.2",
@@ -24,5 +24,5 @@
     "@graphql-codegen/client-preset": "4.1.0",
     "@graphql-codegen/typescript": "4.0.1"
   },
-  "gitHead": "5c25e850c05391672cee9dfdf1b53aa03b102c12"
+  "gitHead": "2081e80b7e0d161cd3d4e7e8c32850a3918e24a3"
 }

package/src/CurrencyStrengthWidget/ChartsWithData.tsx

@@ -8,9 +8,10 @@ import classnames from 'classnames';
 import { getCurrencyStrength } from '../gql/getCurrencyStrength';
 import { GetCurrencyStrengthQuery } from '../gql/types/graphql';
 import { Chart } from './components/Chart';
-import { sortData } from './components/Chart/formatters';
+import { sortCurrencies } from './components/Chart/formatters';
+import { WidgetProps } from './types';
 
-const ChartWithData = () => {
+const ChartWithData = ({ currency }: WidgetProps) => {
   const { size } = useContext(ThemeContext);
   const isDesktop = size === Size.DESKTOP;
   const { loading, data, error } = useQuery<GetCurrencyStrengthQuery>(getCurrencyStrength, {
@@ -20,11 +21,19 @@ const ChartWithData = () => {
   const showChart = data?.currencyStrength && data?.currencyStrength?.length > 0;
   const showError = data?.currencyStrength?.length === 0 || error;
 
+  const currencyData = currency
+    ? data?.currencyStrength?.filter((item) => item.currency === currency)
+    : data?.currencyStrength?.slice().sort(sortCurrencies);
+
   return (
     <>
       {loading
       && (
-        <div className="lw-flex lw-h-[461px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary">
+        <div className={classnames('lw-flex lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary', {
+          'lw-h-[461px]': !currency,
+          'lw-h-[135px]': currency,
+        })}
+        >
           <Spinner size={SpinnerSize.lg} />
         </div>
       )}
@@ -32,19 +41,26 @@ const ChartWithData = () => {
         <div
           data-testid="currency-strength-chart-wrapper"
           className={classnames('lw-grid lw-place-content-center lw-gap-7', {
-            'lw-grid-cols-3 ': isDesktop,
-            'lw-grid-cols-1': !isDesktop,
+            'lw-grid-cols-3 ': isDesktop && !currency,
+            'lw-grid-cols-1': !isDesktop || currency,
           })}
         >
-          {sortData(data).currencyStrength?.map((item) => (
+          {currencyData && currencyData.map((item) => (
             <div key={item.currency} className="lw-flex lw-h-[135px] lw-flex-1 lw-items-center lw-justify-center">
-              <Chart currency={item.currency} values={item.strengthRelation!} />
+              <Chart
+                currency={item.currency}
+                values={item.strengthRelation?.slice().sort(sortCurrencies)!}
+              />
             </div>
           ))}
         </div>
       )}
       {!loading && showError && (
-        <div className="lw-flex lw-h-[425px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary">
+        <div className={classnames('lw-flex lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary', {
+          'lw-h-[425px]': !currency,
+          'lw-h-[135px]': currency,
+        })}
+        >
           <ChartError />
         </div>
       )}

package/src/CurrencyStrengthWidget/CurrencyStrengthWidget.tsx

@@ -7,7 +7,7 @@ import { translations } from '../translations';
 import { Main } from './Main';
 
 const CurrencyStrengthWidget = ({
-  graphqlUrl, locale, theme, isParamError,
+  graphqlUrl, currency, locale, theme, isParamError,
 }: CurrencyStrengthConfig) => {
   const client = new ApolloClient({
     uri: graphqlUrl,
@@ -22,7 +22,7 @@ const CurrencyStrengthWidget = ({
             <div className="lw-flex lw-h-[425px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary">
               <ChartError />
             </div>
-          ) : <Main />}
+          ) : <Main currency={currency} />}
         </ApolloProvider>
       </LocaleProvider>
     </ThemeProvider>

package/src/CurrencyStrengthWidget/Main.tsx

@@ -2,8 +2,9 @@ import React, { useContext } from 'react';
 import { useLocale } from '@oanda/mono-i18n';
 import { ThemeContext } from '@oanda/labs-widget-common';
 import { ChartWithData } from './ChartsWithData';
+import { WidgetProps } from './types';
 
-const Main = () => {
+const Main = ({ currency }: WidgetProps) => {
   const { lang } = useLocale();
   const { size } = useContext(ThemeContext);
 
@@ -14,7 +15,7 @@ const Main = () => {
         <div className="lw-mb-8 lw-flex lw-justify-center lw-font-sans lw-text-lg lw-font-bold">
           <span>{`${lang('daily')} (${lang('minute', { count: 5 })})`}</span>
         </div>
-        <ChartWithData />
+        <ChartWithData currency={currency} />
       </div>
       )}
     </>

package/src/CurrencyStrengthWidget/components/Chart/formatters.ts

@@ -1,8 +1,7 @@
-import { GetCurrencyStrengthQuery } from '../../../gql/types/graphql';
 import { instrumentsConfig } from './constants';
-import { TooltipFormatterParams } from './types';
+import { SortingParams, TooltipFormatterParams } from './types';
 
-export const tooltipFormatter = ({
+const tooltipFormatter = ({
   marker,
   name,
   value,
@@ -14,16 +13,10 @@ export const tooltipFormatter = ({
   <div style="display:flex;align-items:center;">${marker} ${value}%</div>
 </div>`;
 
-export const sortData: (data: GetCurrencyStrengthQuery) => GetCurrencyStrengthQuery = (
-  data,
-) => ({
-  currencyStrength: data.currencyStrength
-  && [...data.currencyStrength].sort(
-    (a, b) => instrumentsConfig.indexOf(a.currency) - instrumentsConfig.indexOf(b.currency),
-  ).map((item) => ({
-    currency: item.currency,
-    strengthRelation: item.strengthRelation && [...item.strengthRelation].sort(
-      (a, b) => instrumentsConfig.indexOf(a.currency) - instrumentsConfig.indexOf(b.currency),
-    ),
-  })),
-});
+const sortCurrencies = (a: SortingParams, b: SortingParams) => instrumentsConfig
+  .indexOf(a.currency) - instrumentsConfig.indexOf(b.currency);
+
+export {
+  tooltipFormatter,
+  sortCurrencies,
+};

package/src/CurrencyStrengthWidget/components/Chart/types.ts

@@ -1,11 +1,11 @@
 import { CurrencyName } from '../../../gql/types/graphql';
 
-export interface CPBChartDataValues {
+export interface CSChartDataValues {
   currency: CurrencyName;
   percentage: number;
 }
 export interface ChartProps {
-  values: CPBChartDataValues[];
+  values: CSChartDataValues[];
   currency: CurrencyName;
 }
 
@@ -18,8 +18,12 @@ export interface TooltipFormatterParams {
 }
 
 export type GetOptionProps = {
-  values: CPBChartDataValues[],
+  values: CSChartDataValues[],
   currency: CurrencyName,
   lang: (label: string) => string,
   isDark: boolean;
 };
+
+export type SortingParams = {
+  currency: CurrencyName;
+};

package/src/CurrencyStrengthWidget/render.tsx

@@ -7,13 +7,13 @@ const {
   graphqlUrl,
 } = window.widgetsConfig || {};
 
-const volatilityChartParamsElements = document.querySelectorAll('div[data-currency-strength-params]');
+const currencyStrengthParamsElements = document.querySelectorAll('div[data-currency-strength-params]');
 
-volatilityChartParamsElements.forEach((element) => {
+currencyStrengthParamsElements.forEach((element) => {
   const root = createRoot(element);
   const params = element.getAttribute('data-currency-strength-params');
   const mode = element.getAttribute('data-mode');
-  const { locale } = JSON.parse(params as string);
+  const { currency, locale } = JSON.parse(params as string);
 
   const isParamError = validateToolParams({ locale, graphqlUrl }, [
     {
@@ -29,6 +29,7 @@ volatilityChartParamsElements.forEach((element) => {
       locale={locale}
       theme={mode as Theme}
       isParamError={isParamError}
+      currency={currency}
     />,
   );
 });

package/src/CurrencyStrengthWidget/types.ts

@@ -5,9 +5,14 @@ export interface CurrencyStrengthConfig {
   graphqlUrl: string;
   locale: Locale;
   theme?: Theme;
+  currency?: string;
   isParamError?: boolean;
 }
 
 export interface CurrencyStrengthWrapperConfig extends CurrencyStrengthConfig {
   renderElementId: string;
 }
+
+export interface WidgetProps {
+  currency?: string;
+}

package/test/Main.test.tsx

@@ -27,5 +27,20 @@ describe('Main component', () => {
     expect(getByTestId('currency-strength-wrapper')).toBeInTheDocument();
     expect(getByTestId('spinner')).toBeInTheDocument();
     expect(await findByTestId('currency-strength-chart-wrapper')).toBeInTheDocument();
+    expect(getByTestId('currency-strength-chart-wrapper').children.length).toEqual(8);
+  });
+  it('should render widget view', async () => {
+    const { findByTestId, getByTestId } = render(
+      <MockedProvider mocks={mock}>
+        <ThemeContext.Provider value={{ size: Size.DESKTOP, isDark: true }}>
+          <Main currency="USD" />
+        </ThemeContext.Provider>
+      </MockedProvider>,
+    );
+
+    expect(getByTestId('currency-strength-wrapper')).toBeInTheDocument();
+    expect(getByTestId('spinner')).toBeInTheDocument();
+    expect(await findByTestId('currency-strength-chart-wrapper')).toBeInTheDocument();
+    expect(getByTestId('currency-strength-chart-wrapper').children.length).toEqual(1);
   });
 });

package/test/sortData.test.ts

@@ -1,73 +1,30 @@
-import { sortData } from '../src/CurrencyStrengthWidget/components/Chart/formatters';
-import { CurrencyName, GetCurrencyStrengthQuery } from '../src/gql/types/graphql';
+import { sortCurrencies } from '../src/CurrencyStrengthWidget/components/Chart/formatters';
+import { CurrencyName } from '../src/gql/types/graphql';
 
-const topLevelData: GetCurrencyStrengthQuery = {
-  currencyStrength: [
-    { currency: CurrencyName.Aud },
-    { currency: CurrencyName.Gbp },
-    { currency: CurrencyName.Jpy },
-    { currency: CurrencyName.Chf },
-    { currency: CurrencyName.Cad },
-    { currency: CurrencyName.Nzd },
-    { currency: CurrencyName.Usd },
-    { currency: CurrencyName.Eur },
-  ],
-};
+const topLevelData = [
+  { currency: CurrencyName.Aud },
+  { currency: CurrencyName.Gbp },
+  { currency: CurrencyName.Jpy },
+  { currency: CurrencyName.Chf },
+  { currency: CurrencyName.Cad },
+  { currency: CurrencyName.Nzd },
+  { currency: CurrencyName.Usd },
+  { currency: CurrencyName.Eur },
+];
 
-const nestedData: GetCurrencyStrengthQuery = {
-  currencyStrength: [
-    {
-      currency: CurrencyName.Aud,
-      strengthRelation: [
-        { currency: CurrencyName.Gbp, percentage: 0.1 },
-        { currency: CurrencyName.Eur, percentage: 0.2 },
-        { currency: CurrencyName.Aud, percentage: 0.3 },
-        { currency: CurrencyName.Jpy, percentage: 0.4 },
-        { currency: CurrencyName.Nzd, percentage: 0.5 },
-        { currency: CurrencyName.Chf, percentage: 0.6 },
-        { currency: CurrencyName.Usd, percentage: 0.7 },
-        { currency: CurrencyName.Cad, percentage: 0.8 },
-      ],
-    },
-  ],
-};
-
-describe('sortData', () => {
+describe('sortCurrencies', () => {
   it('should sort top level values', () => {
-    expect(sortData(topLevelData)).toEqual(
-      {
-        currencyStrength: [
-          { currency: CurrencyName.Usd },
-          { currency: CurrencyName.Eur },
-          { currency: CurrencyName.Gbp },
-          { currency: CurrencyName.Cad },
-          { currency: CurrencyName.Aud },
-          { currency: CurrencyName.Chf },
-          { currency: CurrencyName.Jpy },
-          { currency: CurrencyName.Nzd },
-        ],
-      },
-    );
-  });
-  it('should sort nested values currencies', () => {
-    expect(sortData(nestedData)).toEqual(
-      {
-        currencyStrength: [
-          {
-            currency: CurrencyName.Aud,
-            strengthRelation: [
-              { currency: CurrencyName.Usd, percentage: 0.7 },
-              { currency: CurrencyName.Eur, percentage: 0.2 },
-              { currency: CurrencyName.Gbp, percentage: 0.1 },
-              { currency: CurrencyName.Cad, percentage: 0.8 },
-              { currency: CurrencyName.Aud, percentage: 0.3 },
-              { currency: CurrencyName.Chf, percentage: 0.6 },
-              { currency: CurrencyName.Jpy, percentage: 0.4 },
-              { currency: CurrencyName.Nzd, percentage: 0.5 },
-            ],
-          },
-        ],
-      },
+    expect(topLevelData.sort(sortCurrencies)).toEqual(
+      [
+        { currency: CurrencyName.Usd },
+        { currency: CurrencyName.Eur },
+        { currency: CurrencyName.Gbp },
+        { currency: CurrencyName.Cad },
+        { currency: CurrencyName.Aud },
+        { currency: CurrencyName.Chf },
+        { currency: CurrencyName.Jpy },
+        { currency: CurrencyName.Nzd },
+      ],
     );
   });
 });