@oanda/labs-currency-strength-widget 1.0.170 → 1.0.172

package/dist/module/CurrencyStrengthWidget/ChartsWithData.js

@@ -1,62 +1,69 @@
-import { useQuery } from '@apollo/client';
-import { ChartError, LastUpdated, Size, Spinner, SpinnerSize, useLayoutProvider } from '@oanda/labs-widget-common';
-import { useLocale } from '@oanda/mono-i18n';
-import classnames from 'classnames';
-import React from 'react';
-import { getCurrencyStrength } from '../gql/getCurrencyStrength';
-import { Chart } from './components/Chart';
-import { sortCurrencies } from './components/Chart/formatters';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChartWithData = void 0;
+var _client = require("@apollo/client");
+var _labsWidgetCommon = require("@oanda/labs-widget-common");
+var _monoI18n = require("@oanda/mono-i18n");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireDefault(require("react"));
+var _getCurrencyStrength = require("../gql/getCurrencyStrength");
+var _Chart = require("./components/Chart");
+var _formatters = require("./components/Chart/formatters");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const ChartWithData = _ref => {
   let {
     currency
   } = _ref;
   const {
     size
-  } = useLayoutProvider();
-  const isDesktop = size === Size.DESKTOP;
+  } = (0, _labsWidgetCommon.useLayoutProvider)();
+  const isDesktop = size === _labsWidgetCommon.Size.DESKTOP;
   const {
     lang
-  } = useLocale();
+  } = (0, _monoI18n.useLocale)();
   const {
     loading,
     data,
     error
-  } = useQuery(getCurrencyStrength, {
+  } = (0, _client.useQuery)(_getCurrencyStrength.getCurrencyStrength, {
     fetchPolicy: 'cache-and-network'
   });
   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 React.createElement(React.Fragment, null, loading && React.createElement("div", {
-    className: classnames('lw-flex lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary', {
+  const currencyData = currency ? data?.currencyStrength?.filter(item => item.currency === currency) : data?.currencyStrength?.slice().sort(_formatters.sortCurrencies);
+  return _react.default.createElement(_react.default.Fragment, null, loading && _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-[461px]': !currency,
       'lw-h-[135px]': currency
     })
-  }, React.createElement(Spinner, {
-    size: SpinnerSize.lg
-  })), !loading && showChart && React.createElement("div", {
-    className: classnames('lw-grid lw-place-content-center lw-gap-7', {
+  }, _react.default.createElement(_labsWidgetCommon.Spinner, {
+    size: _labsWidgetCommon.SpinnerSize.lg
+  })), !loading && showChart && _react.default.createElement("div", {
+    className: (0, _classnames.default)('lw-grid lw-place-content-center lw-gap-7', {
       'lw-grid-cols-3 ': isDesktop && !currency,
       'lw-grid-cols-1': !isDesktop || currency
     }),
     "data-testid": "currency-strength-chart-wrapper"
-  }, currencyData && currencyData.map(item => React.createElement("div", {
+  }, currencyData && currencyData.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.createElement(Chart, {
+  }, _react.default.createElement(_Chart.Chart, {
     currency: item.currency,
-    values: item.strengthRelation?.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', {
+    values: item.strengthRelation?.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
     })
-  }, React.createElement(ChartError, null)), !loading && !showError && React.createElement("div", {
+  }, _react.default.createElement(_labsWidgetCommon.ChartError, null)), !loading && !showError && _react.default.createElement("div", {
     className: "lw-mt-2 lw-h-8"
-  }, React.createElement(LastUpdated, {
+  }, _react.default.createElement(_labsWidgetCommon.LastUpdated, {
     labelCallback: lang,
     timestamp: data?.currencyStrength[0]?.updatedAt
   })));
 };
-export { ChartWithData };
+exports.ChartWithData = ChartWithData;
 //# sourceMappingURL=ChartsWithData.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChartsWithData.js","names":["useQuery","ChartError","LastUpdated","Size","Spinner","SpinnerSize","useLayoutProvider","useLocale","classnames","React","getCurrencyStrength","Chart","sortCurrencies","ChartWithData","_ref","currency","size","isDesktop","DESKTOP","lang","loading","data","error","fetchPolicy","showChart","currencyStrength","length","showError","currencyData","filter","item","slice","sort","createElement","Fragment","className","lg","map","key","values","strengthRelation","labelCallback","timestamp","updatedAt"],"sources":["../../../src/CurrencyStrengthWidget/ChartsWithData.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client';\nimport {\n  ChartError,\n  LastUpdated,\n  Size,\n  Spinner,\n  SpinnerSize,\n  useLayoutProvider,\n} from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport classnames from 'classnames';\nimport React from 'react';\n\nimport { getCurrencyStrength } from '../gql/getCurrencyStrength';\nimport type { GetCurrencyStrengthQuery } from '../gql/types/graphql';\nimport { Chart } from './components/Chart';\nimport { sortCurrencies } from './components/Chart/formatters';\nimport type { WidgetProps } from './types';\n\nconst ChartWithData = ({ currency }: WidgetProps) => {\n  const { size } = useLayoutProvider();\n  const isDesktop = size === Size.DESKTOP;\n  const { lang } = useLocale();\n  const { loading, data, error } = useQuery<GetCurrencyStrengthQuery>(\n    getCurrencyStrength,\n    {\n      fetchPolicy: 'cache-and-network',\n    }\n  );\n\n  const showChart =\n    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        <div\n          className={classnames(\n            'lw-flex lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary',\n            {\n              'lw-h-[461px]': !currency,\n              'lw-h-[135px]': currency,\n            }\n          )}\n        >\n          <Spinner size={SpinnerSize.lg} />\n        </div>\n      )}\n      {!loading && showChart && (\n        <div\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          data-testid=\"currency-strength-chart-wrapper\"\n        >\n          {currencyData &&\n            currencyData.map((item) => (\n              <div\n                key={item.currency}\n                className=\"lw-flex lw-h-[135px] lw-flex-1 lw-items-center lw-justify-center\"\n              >\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\n          className={classnames(\n            'lw-flex lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary',\n            {\n              'lw-h-[425px]': !currency,\n              'lw-h-[135px]': currency,\n            }\n          )}\n        >\n          <ChartError />\n        </div>\n      )}\n      {!loading && !showError && (\n        <div className=\"lw-mt-2 lw-h-8\">\n          <LastUpdated\n            labelCallback={lang}\n            timestamp={data?.currencyStrength![0]?.updatedAt}\n          />\n        </div>\n      )}\n    </>\n  );\n};\n\nexport { ChartWithData };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ChartsWithData.js","names":["_client","require","_labsWidgetCommon","_monoI18n","_classnames","_interopRequireDefault","_react","_getCurrencyStrength","_Chart","_formatters","e","__esModule","default","ChartWithData","_ref","currency","size","useLayoutProvider","isDesktop","Size","DESKTOP","lang","useLocale","loading","data","error","useQuery","getCurrencyStrength","fetchPolicy","showChart","currencyStrength","length","showError","currencyData","filter","item","slice","sort","sortCurrencies","createElement","Fragment","className","classnames","Spinner","SpinnerSize","lg","map","key","Chart","values","strengthRelation","ChartError","LastUpdated","labelCallback","timestamp","updatedAt","exports"],"sources":["../../../src/CurrencyStrengthWidget/ChartsWithData.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client';\nimport {\n  ChartError,\n  LastUpdated,\n  Size,\n  Spinner,\n  SpinnerSize,\n  useLayoutProvider,\n} from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport classnames from 'classnames';\nimport React from 'react';\n\nimport { getCurrencyStrength } from '../gql/getCurrencyStrength';\nimport type { GetCurrencyStrengthQuery } from '../gql/types/graphql';\nimport { Chart } from './components/Chart';\nimport { sortCurrencies } from './components/Chart/formatters';\nimport type { WidgetProps } from './types';\n\nconst ChartWithData = ({ currency }: WidgetProps) => {\n  const { size } = useLayoutProvider();\n  const isDesktop = size === Size.DESKTOP;\n  const { lang } = useLocale();\n  const { loading, data, error } = useQuery<GetCurrencyStrengthQuery>(\n    getCurrencyStrength,\n    {\n      fetchPolicy: 'cache-and-network',\n    }\n  );\n\n  const showChart =\n    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        <div\n          className={classnames(\n            'lw-flex lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary',\n            {\n              'lw-h-[461px]': !currency,\n              'lw-h-[135px]': currency,\n            }\n          )}\n        >\n          <Spinner size={SpinnerSize.lg} />\n        </div>\n      )}\n      {!loading && showChart && (\n        <div\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          data-testid=\"currency-strength-chart-wrapper\"\n        >\n          {currencyData &&\n            currencyData.map((item) => (\n              <div\n                key={item.currency}\n                className=\"lw-flex lw-h-[135px] lw-flex-1 lw-items-center lw-justify-center\"\n              >\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\n          className={classnames(\n            'lw-flex lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary',\n            {\n              'lw-h-[425px]': !currency,\n              'lw-h-[135px]': currency,\n            }\n          )}\n        >\n          <ChartError />\n        </div>\n      )}\n      {!loading && !showError && (\n        <div className=\"lw-mt-2 lw-h-8\">\n          <LastUpdated\n            labelCallback={lang}\n            timestamp={data?.currencyStrength![0]?.updatedAt}\n          />\n        </div>\n      )}\n    </>\n  );\n};\n\nexport { ChartWithData };\n"],"mappings":"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","ignoreList":[]}

package/dist/module/CurrencyStrengthWidget/CurrencyStrengthWidget.js

@@ -1,8 +1,15 @@
-import { ApolloClient, InMemoryCache } from '@apollo/client';
-import { WidgetProvider, WidgetWrapper } from '@oanda/labs-widget-common';
-import React from 'react';
-import { translations } from '../translations';
-import { Main } from './Main';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CurrencyStrengthWidget = void 0;
+var _client = require("@apollo/client");
+var _labsWidgetCommon = require("@oanda/labs-widget-common");
+var _react = _interopRequireDefault(require("react"));
+var _translations = require("../translations");
+var _Main = require("./Main");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const CurrencyStrengthWidget = _ref => {
   let {
     graphqlUrl,
@@ -12,23 +19,23 @@ const CurrencyStrengthWidget = _ref => {
     isParamError,
     logoLink
   } = _ref;
-  const client = new ApolloClient({
+  const client = new _client.ApolloClient({
     uri: graphqlUrl,
-    cache: new InMemoryCache()
+    cache: new _client.InMemoryCache()
   });
-  return React.createElement(WidgetProvider, {
+  return _react.default.createElement(_labsWidgetCommon.WidgetProvider, {
     client: client,
     locale: locale,
     theme: theme,
-    translations: translations
-  }, React.createElement(WidgetWrapper, {
+    translations: _translations.translations
+  }, _react.default.createElement(_labsWidgetCommon.WidgetWrapper, {
     isParamError: isParamError,
     linkArea: "logo",
     logoLink: logoLink
-  }, React.createElement(Main, {
+  }, _react.default.createElement(_Main.Main, {
     currency: currency,
     theme: theme
   })));
 };
-export { CurrencyStrengthWidget };
+exports.CurrencyStrengthWidget = CurrencyStrengthWidget;
 //# sourceMappingURL=CurrencyStrengthWidget.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CurrencyStrengthWidget.js","names":["ApolloClient","InMemoryCache","WidgetProvider","WidgetWrapper","React","translations","Main","CurrencyStrengthWidget","_ref","graphqlUrl","currency","locale","theme","isParamError","logoLink","client","uri","cache","createElement","linkArea"],"sources":["../../../src/CurrencyStrengthWidget/CurrencyStrengthWidget.tsx"],"sourcesContent":["import { ApolloClient, InMemoryCache } from '@apollo/client';\nimport { WidgetProvider, WidgetWrapper } from '@oanda/labs-widget-common';\nimport React from 'react';\n\nimport { translations } from '../translations';\nimport { Main } from './Main';\nimport type { CurrencyStrengthConfig } from './types';\n\nconst CurrencyStrengthWidget = ({\n  graphqlUrl,\n  currency,\n  locale,\n  theme,\n  isParamError,\n  logoLink,\n}: CurrencyStrengthConfig) => {\n  const client = new ApolloClient({\n    uri: graphqlUrl,\n    cache: new InMemoryCache(),\n  });\n\n  return (\n    <WidgetProvider\n      client={client}\n      locale={locale}\n      theme={theme}\n      translations={translations}\n    >\n      <WidgetWrapper\n        isParamError={isParamError}\n        linkArea=\"logo\"\n        logoLink={logoLink}\n      >\n        <Main currency={currency} theme={theme} />\n      </WidgetWrapper>\n    </WidgetProvider>\n  );\n};\n\nexport { CurrencyStrengthWidget };\n"],"mappings":"AAAA,SAASA,YAAY,EAAEC,aAAa,QAAQ,gBAAgB;AAC5D,SAASC,cAAc,EAAEC,aAAa,QAAQ,2BAA2B;AACzE,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,iBAAiB;AAC9C,SAASC,IAAI,QAAQ,QAAQ;AAG7B,MAAMC,sBAAsB,GAAGC,IAAA,IAOD;EAAA,IAPE;IAC9BC,UAAU;IACVC,QAAQ;IACRC,MAAM;IACNC,KAAK;IACLC,YAAY;IACZC;EACsB,CAAC,GAAAN,IAAA;EACvB,MAAMO,MAAM,GAAG,IAAIf,YAAY,CAAC;IAC9BgB,GAAG,EAAEP,UAAU;IACfQ,KAAK,EAAE,IAAIhB,aAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,OACEG,KAAA,CAAAc,aAAA,CAAChB,cAAc;IACba,MAAM,EAAEA,MAAO;IACfJ,MAAM,EAAEA,MAAO;IACfC,KAAK,EAAEA,KAAM;IACbP,YAAY,EAAEA;EAAa,GAE3BD,KAAA,CAAAc,aAAA,CAACf,aAAa;IACZU,YAAY,EAAEA,YAAa;IAC3BM,QAAQ,EAAC,MAAM;IACfL,QAAQ,EAAEA;EAAS,GAEnBV,KAAA,CAAAc,aAAA,CAACZ,IAAI;IAACI,QAAQ,EAAEA,QAAS;IAACE,KAAK,EAAEA;EAAM,CAAE,CAC5B,CACD,CAAC;AAErB,CAAC;AAED,SAASL,sBAAsB","ignoreList":[]}
+{"version":3,"file":"CurrencyStrengthWidget.js","names":["_client","require","_labsWidgetCommon","_react","_interopRequireDefault","_translations","_Main","e","__esModule","default","CurrencyStrengthWidget","_ref","graphqlUrl","currency","locale","theme","isParamError","logoLink","client","ApolloClient","uri","cache","InMemoryCache","createElement","WidgetProvider","translations","WidgetWrapper","linkArea","Main","exports"],"sources":["../../../src/CurrencyStrengthWidget/CurrencyStrengthWidget.tsx"],"sourcesContent":["import { ApolloClient, InMemoryCache } from '@apollo/client';\nimport { WidgetProvider, WidgetWrapper } from '@oanda/labs-widget-common';\nimport React from 'react';\n\nimport { translations } from '../translations';\nimport { Main } from './Main';\nimport type { CurrencyStrengthConfig } from './types';\n\nconst CurrencyStrengthWidget = ({\n  graphqlUrl,\n  currency,\n  locale,\n  theme,\n  isParamError,\n  logoLink,\n}: CurrencyStrengthConfig) => {\n  const client = new ApolloClient({\n    uri: graphqlUrl,\n    cache: new InMemoryCache(),\n  });\n\n  return (\n    <WidgetProvider\n      client={client}\n      locale={locale}\n      theme={theme}\n      translations={translations}\n    >\n      <WidgetWrapper\n        isParamError={isParamError}\n        linkArea=\"logo\"\n        logoLink={logoLink}\n      >\n        <Main currency={currency} theme={theme} />\n      </WidgetWrapper>\n    </WidgetProvider>\n  );\n};\n\nexport { CurrencyStrengthWidget };\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAEA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AAA8B,SAAAG,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAG9B,MAAMG,sBAAsB,GAAGC,IAAA,IAOD;EAAA,IAPE;IAC9BC,UAAU;IACVC,QAAQ;IACRC,MAAM;IACNC,KAAK;IACLC,YAAY;IACZC;EACsB,CAAC,GAAAN,IAAA;EACvB,MAAMO,MAAM,GAAG,IAAIC,oBAAY,CAAC;IAC9BC,GAAG,EAAER,UAAU;IACfS,KAAK,EAAE,IAAIC,qBAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,OACEnB,MAAA,CAAAM,OAAA,CAAAc,aAAA,CAACrB,iBAAA,CAAAsB,cAAc;IACbN,MAAM,EAAEA,MAAO;IACfJ,MAAM,EAAEA,MAAO;IACfC,KAAK,EAAEA,KAAM;IACbU,YAAY,EAAEA;EAAa,GAE3BtB,MAAA,CAAAM,OAAA,CAAAc,aAAA,CAACrB,iBAAA,CAAAwB,aAAa;IACZV,YAAY,EAAEA,YAAa;IAC3BW,QAAQ,EAAC,MAAM;IACfV,QAAQ,EAAEA;EAAS,GAEnBd,MAAA,CAAAM,OAAA,CAAAc,aAAA,CAACjB,KAAA,CAAAsB,IAAI;IAACf,QAAQ,EAAEA,QAAS;IAACE,KAAK,EAAEA;EAAM,CAAE,CAC5B,CACD,CAAC;AAErB,CAAC;AAACc,OAAA,CAAAnB,sBAAA,GAAAA,sBAAA","ignoreList":[]}

package/dist/module/CurrencyStrengthWidget/Main.js

@@ -1,26 +1,33 @@
-import { useLayoutProvider } from '@oanda/labs-widget-common';
-import { useLocale } from '@oanda/mono-i18n';
-import React from 'react';
-import { ChartWithData } from './ChartsWithData';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Main = void 0;
+var _labsWidgetCommon = require("@oanda/labs-widget-common");
+var _monoI18n = require("@oanda/mono-i18n");
+var _react = _interopRequireDefault(require("react"));
+var _ChartsWithData = require("./ChartsWithData");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const Main = _ref => {
   let {
     currency
   } = _ref;
   const {
     lang
-  } = useLocale();
+  } = (0, _monoI18n.useLocale)();
   const {
     size
-  } = useLayoutProvider();
-  return React.createElement(React.Fragment, null, size && React.createElement("div", {
+  } = (0, _labsWidgetCommon.useLayoutProvider)();
+  return _react.default.createElement(_react.default.Fragment, null, size && _react.default.createElement("div", {
     "data-testid": "currency-strength-wrapper"
-  }, React.createElement("div", {
+  }, _react.default.createElement("div", {
     className: "lw-mb-8 lw-flex lw-justify-center lw-font-sans lw-text-lg lw-font-bold"
-  }, React.createElement("span", null, `${lang('daily')} (${lang('minute', {
+  }, _react.default.createElement("span", null, `${lang('daily')} (${lang('minute', {
     count: 5
-  })})`)), React.createElement(ChartWithData, {
+  })})`)), _react.default.createElement(_ChartsWithData.ChartWithData, {
     currency: currency
   })));
 };
-export { Main };
+exports.Main = Main;
 //# sourceMappingURL=Main.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Main.js","names":["useLayoutProvider","useLocale","React","ChartWithData","Main","_ref","currency","lang","size","createElement","Fragment","className","count"],"sources":["../../../src/CurrencyStrengthWidget/Main.tsx"],"sourcesContent":["import { useLayoutProvider } from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport React from 'react';\n\nimport { ChartWithData } from './ChartsWithData';\nimport type { WidgetProps } from './types';\n\nconst Main = ({ currency }: WidgetProps) => {\n  const { lang } = useLocale();\n  const { size } = useLayoutProvider();\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,SAASA,iBAAiB,QAAQ,2BAA2B;AAC7D,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,OAAOC,KAAK,MAAM,OAAO;AAEzB,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,iBAAiB,CAAC,CAAC;EAEpC,OACEE,KAAA,CAAAO,aAAA,CAAAP,KAAA,CAAAQ,QAAA,QACGF,IAAI,IACHN,KAAA,CAAAO,aAAA;IAAK,eAAY;EAA2B,GAC1CP,KAAA,CAAAO,aAAA;IAAKE,SAAS,EAAC;EAAwE,GACrFT,KAAA,CAAAO,aAAA,eAAO,GAAGF,IAAI,CAAC,OAAO,CAAC,KAAKA,IAAI,CAAC,QAAQ,EAAE;IAAEK,KAAK,EAAE;EAAE,CAAC,CAAC,GAAU,CAC/D,CAAC,EACNV,KAAA,CAAAO,aAAA,CAACN,aAAa;IAACG,QAAQ,EAAEA;EAAS,CAAE,CACjC,CAEP,CAAC;AAEP,CAAC;AAED,SAASF,IAAI","ignoreList":[]}
+{"version":3,"file":"Main.js","names":["_labsWidgetCommon","require","_monoI18n","_react","_interopRequireDefault","_ChartsWithData","e","__esModule","default","Main","_ref","currency","lang","useLocale","size","useLayoutProvider","createElement","Fragment","className","count","ChartWithData","exports"],"sources":["../../../src/CurrencyStrengthWidget/Main.tsx"],"sourcesContent":["import { useLayoutProvider } from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport React from 'react';\n\nimport { ChartWithData } from './ChartsWithData';\nimport type { WidgetProps } from './types';\n\nconst Main = ({ currency }: WidgetProps) => {\n  const { lang } = useLocale();\n  const { size } = useLayoutProvider();\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,iBAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAEA,IAAAI,eAAA,GAAAJ,OAAA;AAAiD,SAAAG,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGjD,MAAMG,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,mCAAiB,EAAC,CAAC;EAEpC,OACEZ,MAAA,CAAAK,OAAA,CAAAQ,aAAA,CAAAb,MAAA,CAAAK,OAAA,CAAAS,QAAA,QACGH,IAAI,IACHX,MAAA,CAAAK,OAAA,CAAAQ,aAAA;IAAK,eAAY;EAA2B,GAC1Cb,MAAA,CAAAK,OAAA,CAAAQ,aAAA;IAAKE,SAAS,EAAC;EAAwE,GACrFf,MAAA,CAAAK,OAAA,CAAAQ,aAAA,eAAO,GAAGJ,IAAI,CAAC,OAAO,CAAC,KAAKA,IAAI,CAAC,QAAQ,EAAE;IAAEO,KAAK,EAAE;EAAE,CAAC,CAAC,GAAU,CAC/D,CAAC,EACNhB,MAAA,CAAAK,OAAA,CAAAQ,aAAA,CAACX,eAAA,CAAAe,aAAa;IAACT,QAAQ,EAAEA;EAAS,CAAE,CACjC,CAEP,CAAC;AAEP,CAAC;AAACU,OAAA,CAAAZ,IAAA,GAAAA,IAAA","ignoreList":[]}

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

@@ -1,15 +1,23 @@
-import { BaseChart, getChartTheme, Theme, useLayoutProvider } from '@oanda/labs-widget-common';
-import { useLocale } from '@oanda/mono-i18n';
-import { BarChart } from 'echarts/charts';
-import { GraphicComponent, GridSimpleComponent, TitleComponent, TooltipComponent } from 'echarts/components';
-import * as echarts from 'echarts/core';
-import { CanvasRenderer } from 'echarts/renderers';
-import React from 'react';
-import { CHART_HEIGHT } from './constants';
-import { getOption } from './getOption';
-echarts.use([GridSimpleComponent, GraphicComponent, TooltipComponent, TitleComponent, BarChart, CanvasRenderer]);
-echarts.registerTheme('dark_theme', getChartTheme(Theme.Dark));
-echarts.registerTheme('light_theme', getChartTheme(Theme.Light));
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Chart = void 0;
+var _labsWidgetCommon = require("@oanda/labs-widget-common");
+var _monoI18n = require("@oanda/mono-i18n");
+var _charts = require("echarts/charts");
+var _components = require("echarts/components");
+var echarts = _interopRequireWildcard(require("echarts/core"));
+var _renderers = require("echarts/renderers");
+var _react = _interopRequireDefault(require("react"));
+var _constants = require("./constants");
+var _getOption = require("./getOption");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+echarts.use([_components.GridSimpleComponent, _components.GraphicComponent, _components.TooltipComponent, _components.TitleComponent, _charts.BarChart, _renderers.CanvasRenderer]);
+echarts.registerTheme('dark_theme', (0, _labsWidgetCommon.getChartTheme)(_labsWidgetCommon.Theme.Dark));
+echarts.registerTheme('light_theme', (0, _labsWidgetCommon.getChartTheme)(_labsWidgetCommon.Theme.Light));
 const Chart = _ref => {
   let {
     values,
@@ -17,15 +25,15 @@ const Chart = _ref => {
   } = _ref;
   const {
     lang
-  } = useLocale();
+  } = (0, _monoI18n.useLocale)();
   const {
     isDark
-  } = useLayoutProvider();
-  return React.createElement(BaseChart, {
-    chartHeight: CHART_HEIGHT,
+  } = (0, _labsWidgetCommon.useLayoutProvider)();
+  return _react.default.createElement(_labsWidgetCommon.BaseChart, {
+    chartHeight: _constants.CHART_HEIGHT,
     echarts: echarts,
     isDark: isDark,
-    option: getOption({
+    option: (0, _getOption.getOption)({
       values,
       currency,
       lang,
@@ -33,5 +41,5 @@ const Chart = _ref => {
     })
   });
 };
-export { Chart };
+exports.Chart = Chart;
 //# sourceMappingURL=Chart.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Chart.js","names":["BaseChart","getChartTheme","Theme","useLayoutProvider","useLocale","BarChart","GraphicComponent","GridSimpleComponent","TitleComponent","TooltipComponent","echarts","CanvasRenderer","React","CHART_HEIGHT","getOption","use","registerTheme","Dark","Light","Chart","_ref","values","currency","lang","isDark","createElement","chartHeight","option"],"sources":["../../../../../src/CurrencyStrengthWidget/components/Chart/Chart.tsx"],"sourcesContent":["import {\n  BaseChart,\n  getChartTheme,\n  Theme,\n  useLayoutProvider,\n} from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport { BarChart } from 'echarts/charts';\nimport {\n  GraphicComponent,\n  GridSimpleComponent,\n  TitleComponent,\n  TooltipComponent,\n} from 'echarts/components';\nimport * as echarts from 'echarts/core';\nimport { CanvasRenderer } from 'echarts/renderers';\nimport React from 'react';\n\nimport { CHART_HEIGHT } from './constants';\nimport { getOption } from './getOption';\nimport type { ChartProps } from './types';\n\necharts.use([\n  GridSimpleComponent,\n  GraphicComponent,\n  TooltipComponent,\n  TitleComponent,\n  BarChart,\n  CanvasRenderer,\n]);\n\necharts.registerTheme('dark_theme', getChartTheme(Theme.Dark));\necharts.registerTheme('light_theme', getChartTheme(Theme.Light));\n\nconst Chart = ({ values, currency }: ChartProps) => {\n  const { lang } = useLocale();\n  const { isDark } = useLayoutProvider();\n\n  return (\n    <BaseChart\n      chartHeight={CHART_HEIGHT}\n      echarts={echarts}\n      isDark={isDark}\n      option={getOption({\n        values,\n        currency,\n        lang,\n        isDark,\n      })}\n    />\n  );\n};\n\nexport { Chart };\n"],"mappings":"AAAA,SACEA,SAAS,EACTC,aAAa,EACbC,KAAK,EACLC,iBAAiB,QACZ,2BAA2B;AAClC,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,SACEC,gBAAgB,EAChBC,mBAAmB,EACnBC,cAAc,EACdC,gBAAgB,QACX,oBAAoB;AAC3B,OAAO,KAAKC,OAAO,MAAM,cAAc;AACvC,SAASC,cAAc,QAAQ,mBAAmB;AAClD,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,aAAa;AAC1C,SAASC,SAAS,QAAQ,aAAa;AAGvCJ,OAAO,CAACK,GAAG,CAAC,CACVR,mBAAmB,EACnBD,gBAAgB,EAChBG,gBAAgB,EAChBD,cAAc,EACdH,QAAQ,EACRM,cAAc,CACf,CAAC;AAEFD,OAAO,CAACM,aAAa,CAAC,YAAY,EAAEf,aAAa,CAACC,KAAK,CAACe,IAAI,CAAC,CAAC;AAC9DP,OAAO,CAACM,aAAa,CAAC,aAAa,EAAEf,aAAa,CAACC,KAAK,CAACgB,KAAK,CAAC,CAAC;AAEhE,MAAMC,KAAK,GAAGC,IAAA,IAAsC;EAAA,IAArC;IAAEC,MAAM;IAAEC;EAAqB,CAAC,GAAAF,IAAA;EAC7C,MAAM;IAAEG;EAAK,CAAC,GAAGnB,SAAS,CAAC,CAAC;EAC5B,MAAM;IAAEoB;EAAO,CAAC,GAAGrB,iBAAiB,CAAC,CAAC;EAEtC,OACES,KAAA,CAAAa,aAAA,CAACzB,SAAS;IACR0B,WAAW,EAAEb,YAAa;IAC1BH,OAAO,EAAEA,OAAQ;IACjBc,MAAM,EAAEA,MAAO;IACfG,MAAM,EAAEb,SAAS,CAAC;MAChBO,MAAM;MACNC,QAAQ;MACRC,IAAI;MACJC;IACF,CAAC;EAAE,CACJ,CAAC;AAEN,CAAC;AAED,SAASL,KAAK","ignoreList":[]}
+{"version":3,"file":"Chart.js","names":["_labsWidgetCommon","require","_monoI18n","_charts","_components","echarts","_interopRequireWildcard","_renderers","_react","_interopRequireDefault","_constants","_getOption","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","use","GridSimpleComponent","GraphicComponent","TooltipComponent","TitleComponent","BarChart","CanvasRenderer","registerTheme","getChartTheme","Theme","Dark","Light","Chart","_ref","values","currency","lang","useLocale","isDark","useLayoutProvider","createElement","BaseChart","chartHeight","CHART_HEIGHT","option","getOption","exports"],"sources":["../../../../../src/CurrencyStrengthWidget/components/Chart/Chart.tsx"],"sourcesContent":["import {\n  BaseChart,\n  getChartTheme,\n  Theme,\n  useLayoutProvider,\n} from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport { BarChart } from 'echarts/charts';\nimport {\n  GraphicComponent,\n  GridSimpleComponent,\n  TitleComponent,\n  TooltipComponent,\n} from 'echarts/components';\nimport * as echarts from 'echarts/core';\nimport { CanvasRenderer } from 'echarts/renderers';\nimport React from 'react';\n\nimport { CHART_HEIGHT } from './constants';\nimport { getOption } from './getOption';\nimport type { ChartProps } from './types';\n\necharts.use([\n  GridSimpleComponent,\n  GraphicComponent,\n  TooltipComponent,\n  TitleComponent,\n  BarChart,\n  CanvasRenderer,\n]);\n\necharts.registerTheme('dark_theme', getChartTheme(Theme.Dark));\necharts.registerTheme('light_theme', getChartTheme(Theme.Light));\n\nconst Chart = ({ values, currency }: ChartProps) => {\n  const { lang } = useLocale();\n  const { isDark } = useLayoutProvider();\n\n  return (\n    <BaseChart\n      chartHeight={CHART_HEIGHT}\n      echarts={echarts}\n      isDark={isDark}\n      option={getOption({\n        values,\n        currency,\n        lang,\n        isDark,\n      })}\n    />\n  );\n};\n\nexport { Chart };\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAMA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAMA,IAAAI,OAAA,GAAAC,uBAAA,CAAAL,OAAA;AACA,IAAAM,UAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAC,sBAAA,CAAAR,OAAA;AAEA,IAAAS,UAAA,GAAAT,OAAA;AACA,IAAAU,UAAA,GAAAV,OAAA;AAAwC,SAAAQ,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAG,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAV,uBAAA,YAAAA,CAAAM,CAAA,EAAAG,CAAA,SAAAA,CAAA,IAAAH,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,MAAAO,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAR,OAAA,EAAAF,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAS,CAAA,MAAAF,CAAA,GAAAJ,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAE,CAAA,CAAAI,GAAA,CAAAX,CAAA,UAAAO,CAAA,CAAAK,GAAA,CAAAZ,CAAA,GAAAO,CAAA,CAAAM,GAAA,CAAAb,CAAA,EAAAS,CAAA,gBAAAN,CAAA,IAAAH,CAAA,gBAAAG,CAAA,OAAAW,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAG,CAAA,OAAAK,CAAA,IAAAD,CAAA,GAAAS,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAG,CAAA,OAAAK,CAAA,CAAAI,GAAA,IAAAJ,CAAA,CAAAK,GAAA,IAAAN,CAAA,CAAAE,CAAA,EAAAN,CAAA,EAAAK,CAAA,IAAAC,CAAA,CAAAN,CAAA,IAAAH,CAAA,CAAAG,CAAA,WAAAM,CAAA,KAAAT,CAAA,EAAAG,CAAA;AAGxCV,OAAO,CAAC0B,GAAG,CAAC,CACVC,+BAAmB,EACnBC,4BAAgB,EAChBC,4BAAgB,EAChBC,0BAAc,EACdC,gBAAQ,EACRC,yBAAc,CACf,CAAC;AAEFhC,OAAO,CAACiC,aAAa,CAAC,YAAY,EAAE,IAAAC,+BAAa,EAACC,uBAAK,CAACC,IAAI,CAAC,CAAC;AAC9DpC,OAAO,CAACiC,aAAa,CAAC,aAAa,EAAE,IAAAC,+BAAa,EAACC,uBAAK,CAACE,KAAK,CAAC,CAAC;AAEhE,MAAMC,KAAK,GAAGC,IAAA,IAAsC;EAAA,IAArC;IAAEC,MAAM;IAAEC;EAAqB,CAAC,GAAAF,IAAA;EAC7C,MAAM;IAAEG;EAAK,CAAC,GAAG,IAAAC,mBAAS,EAAC,CAAC;EAC5B,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,mCAAiB,EAAC,CAAC;EAEtC,OACE1C,MAAA,CAAAM,OAAA,CAAAqC,aAAA,CAACnD,iBAAA,CAAAoD,SAAS;IACRC,WAAW,EAAEC,uBAAa;IAC1BjD,OAAO,EAAEA,OAAQ;IACjB4C,MAAM,EAAEA,MAAO;IACfM,MAAM,EAAE,IAAAC,oBAAS,EAAC;MAChBX,MAAM;MACNC,QAAQ;MACRC,IAAI;MACJE;IACF,CAAC;EAAE,CACJ,CAAC;AAEN,CAAC;AAACQ,OAAA,CAAAd,KAAA,GAAAA,KAAA","ignoreList":[]}

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

@@ -1,18 +1,24 @@
-import { colorPalette } from '@oanda/labs-widget-common';
-import { CurrencyName } from '../../../gql/types/graphql';
-export const X_LABEL_SIZE = 24;
-export const Y_LABEL_SIZE = 30;
-export const CHART_WIDTH = 9999;
-export const CHART_HEIGHT = 135;
-export const darkBarColors = {
-  positive: colorPalette.bottleGreenLight,
-  negative: colorPalette.orange,
-  zero: colorPalette.grayLight
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.lightBarColors = exports.instrumentsConfig = exports.darkBarColors = exports.Y_LABEL_SIZE = exports.X_LABEL_SIZE = exports.CHART_WIDTH = exports.CHART_HEIGHT = void 0;
+var _labsWidgetCommon = require("@oanda/labs-widget-common");
+var _graphql = require("../../../gql/types/graphql");
+const X_LABEL_SIZE = exports.X_LABEL_SIZE = 24;
+const Y_LABEL_SIZE = exports.Y_LABEL_SIZE = 30;
+const CHART_WIDTH = exports.CHART_WIDTH = 9999;
+const CHART_HEIGHT = exports.CHART_HEIGHT = 135;
+const darkBarColors = exports.darkBarColors = {
+  positive: _labsWidgetCommon.colorPalette.bottleGreenLight,
+  negative: _labsWidgetCommon.colorPalette.orange,
+  zero: _labsWidgetCommon.colorPalette.grayLight
 };
-export const lightBarColors = {
-  positive: colorPalette.bottleGreenLight,
-  negative: colorPalette.raspberryDark,
-  zero: colorPalette.grayLight
+const lightBarColors = exports.lightBarColors = {
+  positive: _labsWidgetCommon.colorPalette.bottleGreenLight,
+  negative: _labsWidgetCommon.colorPalette.raspberryDark,
+  zero: _labsWidgetCommon.colorPalette.grayLight
 };
-export const instrumentsConfig = [CurrencyName.Usd, CurrencyName.Eur, CurrencyName.Gbp, CurrencyName.Cad, CurrencyName.Aud, CurrencyName.Chf, CurrencyName.Jpy, CurrencyName.Nzd];
+const instrumentsConfig = exports.instrumentsConfig = [_graphql.CurrencyName.Usd, _graphql.CurrencyName.Eur, _graphql.CurrencyName.Gbp, _graphql.CurrencyName.Cad, _graphql.CurrencyName.Aud, _graphql.CurrencyName.Chf, _graphql.CurrencyName.Jpy, _graphql.CurrencyName.Nzd];
 //# sourceMappingURL=constants.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"constants.js","names":["colorPalette","CurrencyName","X_LABEL_SIZE","Y_LABEL_SIZE","CHART_WIDTH","CHART_HEIGHT","darkBarColors","positive","bottleGreenLight","negative","orange","zero","grayLight","lightBarColors","raspberryDark","instrumentsConfig","Usd","Eur","Gbp","Cad","Aud","Chf","Jpy","Nzd"],"sources":["../../../../../src/CurrencyStrengthWidget/components/Chart/constants.tsx"],"sourcesContent":["import { colorPalette } from '@oanda/labs-widget-common';\n\nimport { CurrencyName } from '../../../gql/types/graphql';\n\nexport const X_LABEL_SIZE = 24;\nexport const Y_LABEL_SIZE = 30;\nexport const CHART_WIDTH = 9999;\nexport const CHART_HEIGHT = 135;\n\nexport const darkBarColors = {\n  positive: colorPalette.bottleGreenLight,\n  negative: colorPalette.orange,\n  zero: colorPalette.grayLight,\n};\n\nexport const lightBarColors = {\n  positive: colorPalette.bottleGreenLight,\n  negative: colorPalette.raspberryDark,\n  zero: colorPalette.grayLight,\n};\n\nexport const instrumentsConfig = [\n  CurrencyName.Usd,\n  CurrencyName.Eur,\n  CurrencyName.Gbp,\n  CurrencyName.Cad,\n  CurrencyName.Aud,\n  CurrencyName.Chf,\n  CurrencyName.Jpy,\n  CurrencyName.Nzd,\n];\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,2BAA2B;AAExD,SAASC,YAAY,QAAQ,4BAA4B;AAEzD,OAAO,MAAMC,YAAY,GAAG,EAAE;AAC9B,OAAO,MAAMC,YAAY,GAAG,EAAE;AAC9B,OAAO,MAAMC,WAAW,GAAG,IAAI;AAC/B,OAAO,MAAMC,YAAY,GAAG,GAAG;AAE/B,OAAO,MAAMC,aAAa,GAAG;EAC3BC,QAAQ,EAAEP,YAAY,CAACQ,gBAAgB;EACvCC,QAAQ,EAAET,YAAY,CAACU,MAAM;EAC7BC,IAAI,EAAEX,YAAY,CAACY;AACrB,CAAC;AAED,OAAO,MAAMC,cAAc,GAAG;EAC5BN,QAAQ,EAAEP,YAAY,CAACQ,gBAAgB;EACvCC,QAAQ,EAAET,YAAY,CAACc,aAAa;EACpCH,IAAI,EAAEX,YAAY,CAACY;AACrB,CAAC;AAED,OAAO,MAAMG,iBAAiB,GAAG,CAC/Bd,YAAY,CAACe,GAAG,EAChBf,YAAY,CAACgB,GAAG,EAChBhB,YAAY,CAACiB,GAAG,EAChBjB,YAAY,CAACkB,GAAG,EAChBlB,YAAY,CAACmB,GAAG,EAChBnB,YAAY,CAACoB,GAAG,EAChBpB,YAAY,CAACqB,GAAG,EAChBrB,YAAY,CAACsB,GAAG,CACjB","ignoreList":[]}
+{"version":3,"file":"constants.js","names":["_labsWidgetCommon","require","_graphql","X_LABEL_SIZE","exports","Y_LABEL_SIZE","CHART_WIDTH","CHART_HEIGHT","darkBarColors","positive","colorPalette","bottleGreenLight","negative","orange","zero","grayLight","lightBarColors","raspberryDark","instrumentsConfig","CurrencyName","Usd","Eur","Gbp","Cad","Aud","Chf","Jpy","Nzd"],"sources":["../../../../../src/CurrencyStrengthWidget/components/Chart/constants.tsx"],"sourcesContent":["import { colorPalette } from '@oanda/labs-widget-common';\n\nimport { CurrencyName } from '../../../gql/types/graphql';\n\nexport const X_LABEL_SIZE = 24;\nexport const Y_LABEL_SIZE = 30;\nexport const CHART_WIDTH = 9999;\nexport const CHART_HEIGHT = 135;\n\nexport const darkBarColors = {\n  positive: colorPalette.bottleGreenLight,\n  negative: colorPalette.orange,\n  zero: colorPalette.grayLight,\n};\n\nexport const lightBarColors = {\n  positive: colorPalette.bottleGreenLight,\n  negative: colorPalette.raspberryDark,\n  zero: colorPalette.grayLight,\n};\n\nexport const instrumentsConfig = [\n  CurrencyName.Usd,\n  CurrencyName.Eur,\n  CurrencyName.Gbp,\n  CurrencyName.Cad,\n  CurrencyName.Aud,\n  CurrencyName.Chf,\n  CurrencyName.Jpy,\n  CurrencyName.Nzd,\n];\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AAEO,MAAME,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,EAAE;AACvB,MAAME,YAAY,GAAAD,OAAA,CAAAC,YAAA,GAAG,EAAE;AACvB,MAAMC,WAAW,GAAAF,OAAA,CAAAE,WAAA,GAAG,IAAI;AACxB,MAAMC,YAAY,GAAAH,OAAA,CAAAG,YAAA,GAAG,GAAG;AAExB,MAAMC,aAAa,GAAAJ,OAAA,CAAAI,aAAA,GAAG;EAC3BC,QAAQ,EAAEC,8BAAY,CAACC,gBAAgB;EACvCC,QAAQ,EAAEF,8BAAY,CAACG,MAAM;EAC7BC,IAAI,EAAEJ,8BAAY,CAACK;AACrB,CAAC;AAEM,MAAMC,cAAc,GAAAZ,OAAA,CAAAY,cAAA,GAAG;EAC5BP,QAAQ,EAAEC,8BAAY,CAACC,gBAAgB;EACvCC,QAAQ,EAAEF,8BAAY,CAACO,aAAa;EACpCH,IAAI,EAAEJ,8BAAY,CAACK;AACrB,CAAC;AAEM,MAAMG,iBAAiB,GAAAd,OAAA,CAAAc,iBAAA,GAAG,CAC/BC,qBAAY,CAACC,GAAG,EAChBD,qBAAY,CAACE,GAAG,EAChBF,qBAAY,CAACG,GAAG,EAChBH,qBAAY,CAACI,GAAG,EAChBJ,qBAAY,CAACK,GAAG,EAChBL,qBAAY,CAACM,GAAG,EAChBN,qBAAY,CAACO,GAAG,EAChBP,qBAAY,CAACQ,GAAG,CACjB","ignoreList":[]}

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

@@ -1,4 +1,10 @@
-import { instrumentsConfig } from './constants';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.tooltipFormatter = exports.sortCurrencies = void 0;
+var _constants = require("./constants");
 const tooltipFormatter = _ref => {
   let {
     marker,
@@ -13,6 +19,7 @@ const tooltipFormatter = _ref => {
   <div style="display:flex;align-items:center;">${marker} ${value}%</div>
 </div>`;
 };
-const sortCurrencies = (a, b) => instrumentsConfig.indexOf(a.currency) - instrumentsConfig.indexOf(b.currency);
-export { sortCurrencies, tooltipFormatter };
+exports.tooltipFormatter = tooltipFormatter;
+const sortCurrencies = (a, b) => _constants.instrumentsConfig.indexOf(a.currency) - _constants.instrumentsConfig.indexOf(b.currency);
+exports.sortCurrencies = 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","sortCurrencies","a","b","indexOf"],"sources":["../../../../../src/CurrencyStrengthWidget/components/Chart/formatters.ts"],"sourcesContent":["import { instrumentsConfig } from './constants';\nimport type { 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) =>\n  instrumentsConfig.indexOf(a.currency) - instrumentsConfig.indexOf(b.currency);\n\nexport { sortCurrencies, tooltipFormatter };\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,OAAK;AAC9B;AACA,oCAAoCI,QAAQ,IAAIC,IAAI,CAAC,IAAI,CAAC,IAAIH,IAAI;AAClE,kDAAkDD,MAAM,IAAIE,KAAK;AACjE,OAAO;AAAA;AAEP,MAAMG,cAAc,GAAGA,CAACC,CAAgB,EAAEC,CAAgB,KACxDV,iBAAiB,CAACW,OAAO,CAACF,CAAC,CAACH,QAAQ,CAAC,GAAGN,iBAAiB,CAACW,OAAO,CAACD,CAAC,CAACJ,QAAQ,CAAC;AAE/E,SAASE,cAAc,EAAEP,gBAAgB","ignoreList":[]}
+{"version":3,"file":"formatters.js","names":["_constants","require","tooltipFormatter","_ref","marker","name","value","currency","lang","exports","sortCurrencies","a","b","instrumentsConfig","indexOf"],"sources":["../../../../../src/CurrencyStrengthWidget/components/Chart/formatters.ts"],"sourcesContent":["import { instrumentsConfig } from './constants';\nimport type { 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) =>\n  instrumentsConfig.indexOf(a.currency) - instrumentsConfig.indexOf(b.currency);\n\nexport { sortCurrencies, tooltipFormatter };\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,OAAK;AAC9B;AACA,oCAAoCI,QAAQ,IAAIC,IAAI,CAAC,IAAI,CAAC,IAAIH,IAAI;AAClE,kDAAkDD,MAAM,IAAIE,KAAK;AACjE,OAAO;AAAA;AAACG,OAAA,CAAAP,gBAAA,GAAAA,gBAAA;AAER,MAAMQ,cAAc,GAAGA,CAACC,CAAgB,EAAEC,CAAgB,KACxDC,4BAAiB,CAACC,OAAO,CAACH,CAAC,CAACJ,QAAQ,CAAC,GAAGM,4BAAiB,CAACC,OAAO,CAACF,CAAC,CAACL,QAAQ,CAAC;AAACE,OAAA,CAAAC,cAAA,GAAAA,cAAA","ignoreList":[]}

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

@@ -1,7 +1,13 @@
-import { getGridLines } from '@oanda/labs-widget-common';
-import { CHART_HEIGHT, CHART_WIDTH, darkBarColors, lightBarColors, X_LABEL_SIZE, Y_LABEL_SIZE } from './constants';
-import { tooltipFormatter } from './formatters';
-export const getOption = _ref => {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getOption = void 0;
+var _labsWidgetCommon = require("@oanda/labs-widget-common");
+var _constants = require("./constants");
+var _formatters = require("./formatters");
+const getOption = _ref => {
   let {
     values,
     currency,
@@ -10,11 +16,11 @@ export const getOption = _ref => {
   } = _ref;
   const currencies = values.map(item => item.currency);
   const percentages = values.map(item => item.percentage);
-  const barColors = isDark ? darkBarColors : lightBarColors;
-  const gridLines = getGridLines({
+  const barColors = isDark ? _constants.darkBarColors : _constants.lightBarColors;
+  const gridLines = (0, _labsWidgetCommon.getGridLines)({
     isDark,
-    chartWidth: CHART_WIDTH,
-    chartHeight: CHART_HEIGHT,
+    chartWidth: _constants.CHART_WIDTH,
+    chartHeight: _constants.CHART_HEIGHT,
     xLabelsSize: -2,
     yLabelSize: -3
   });
@@ -34,8 +40,8 @@ export const getOption = _ref => {
       name: 'main-grid',
       top: '30px',
       right: '0px',
-      left: `${Y_LABEL_SIZE}px`,
-      bottom: `${X_LABEL_SIZE}px`
+      left: `${_constants.Y_LABEL_SIZE}px`,
+      bottom: `${_constants.X_LABEL_SIZE}px`
     }],
     graphic: [...gridLines],
     tooltip: {
@@ -46,7 +52,7 @@ export const getOption = _ref => {
           name,
           value
         }] = _ref2;
-        return tooltipFormatter({
+        return (0, _formatters.tooltipFormatter)({
           lang,
           currency,
           marker,
@@ -116,4 +122,5 @@ export const getOption = _ref => {
     }]
   };
 };
+exports.getOption = getOption;
 //# sourceMappingURL=getOption.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"getOption.js","names":["getGridLines","CHART_HEIGHT","CHART_WIDTH","darkBarColors","lightBarColors","X_LABEL_SIZE","Y_LABEL_SIZE","tooltipFormatter","getOption","_ref","values","currency","isDark","lang","currencies","map","item","percentages","percentage","barColors","gridLines","chartWidth","chartHeight","xLabelsSize","yLabelSize","animation","title","top","left","text","textStyle","fontSize","lineHeight","fontWeight","grid","name","right","bottom","graphic","tooltip","trigger","formatter","_ref2","marker","value","axisPointer","axis","extraCssText","xAxis","type","data","axisTick","show","axisLine","splitLine","axisLabel","yAxis","position","min","Math","floor","max","ceil","interval","series","emphasis","disabled","itemStyle","opacity","color","_ref3","positive","negative","zero"],"sources":["../../../../../src/CurrencyStrengthWidget/components/Chart/getOption.ts"],"sourcesContent":["import { getGridLines } from '@oanda/labs-widget-common';\n\nimport {\n  CHART_HEIGHT,\n  CHART_WIDTH,\n  darkBarColors,\n  lightBarColors,\n  X_LABEL_SIZE,\n  Y_LABEL_SIZE,\n} from './constants';\nimport { tooltipFormatter } from './formatters';\nimport type { GetOptionProps } from './types';\n\nexport const getOption = ({\n  values,\n  currency,\n  isDark,\n  lang,\n}: GetOptionProps) => {\n  const currencies = values.map((item) => item.currency);\n  const percentages = values.map((item) => item.percentage);\n  const barColors = isDark ? darkBarColors : lightBarColors;\n\n  const gridLines = getGridLines({\n    isDark,\n    chartWidth: CHART_WIDTH,\n    chartHeight: CHART_HEIGHT,\n    xLabelsSize: -2,\n    yLabelSize: -3,\n  });\n\n  return {\n    animation: false,\n    title: {\n      top: '0px',\n      left: 'center',\n      text: `${currency} vs`,\n      textStyle: {\n        fontSize: 12,\n        lineHeight: 20,\n        fontWeight: 400,\n      },\n    },\n    grid: [\n      {\n        name: 'main-grid',\n        top: '30px',\n        right: '0px',\n        left: `${Y_LABEL_SIZE}px`,\n        bottom: `${X_LABEL_SIZE}px`,\n      },\n    ],\n    graphic: [...gridLines],\n    tooltip: {\n      trigger: 'axis',\n      formatter: ([{ marker, name, value }]: {\n        marker: string;\n        name: string;\n        value: number;\n      }[]) =>\n        tooltipFormatter({\n          lang,\n          currency,\n          marker,\n          name,\n          value,\n        }),\n      axisPointer: {\n        axis: 'x',\n      },\n      extraCssText: 'z-index: 1',\n    },\n    xAxis: {\n      type: 'category',\n      data: currencies,\n      axisTick: { show: false },\n      axisLine: { show: false },\n      splitLine: { show: false },\n      axisLabel: {\n        fontSize: 10,\n      },\n    },\n    yAxis: {\n      type: 'value',\n      position: 'left',\n      min: Math.floor(Math.min(...percentages)),\n      max: Math.ceil(Math.max(...percentages)),\n      interval: 1,\n      axisLine: { show: false },\n      axisTick: { show: false },\n      axisLabel: {\n        formatter: '{value}%',\n        fontSize: 10,\n      },\n    },\n    series: [\n      {\n        data: percentages,\n        type: 'bar',\n        emphasis: {\n          disabled: true,\n        },\n        itemStyle: {\n          opacity: 1,\n          color: ({ data }: { data: number }) => {\n            if (data > 0) {\n              return barColors.positive;\n            }\n            if (data < 0) {\n              return barColors.negative;\n            }\n            return barColors.zero;\n          },\n        },\n      },\n    ],\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"getOption.js","names":["_labsWidgetCommon","require","_constants","_formatters","getOption","_ref","values","currency","isDark","lang","currencies","map","item","percentages","percentage","barColors","darkBarColors","lightBarColors","gridLines","getGridLines","chartWidth","CHART_WIDTH","chartHeight","CHART_HEIGHT","xLabelsSize","yLabelSize","animation","title","top","left","text","textStyle","fontSize","lineHeight","fontWeight","grid","name","right","Y_LABEL_SIZE","bottom","X_LABEL_SIZE","graphic","tooltip","trigger","formatter","_ref2","marker","value","tooltipFormatter","axisPointer","axis","extraCssText","xAxis","type","data","axisTick","show","axisLine","splitLine","axisLabel","yAxis","position","min","Math","floor","max","ceil","interval","series","emphasis","disabled","itemStyle","opacity","color","_ref3","positive","negative","zero","exports"],"sources":["../../../../../src/CurrencyStrengthWidget/components/Chart/getOption.ts"],"sourcesContent":["import { getGridLines } from '@oanda/labs-widget-common';\n\nimport {\n  CHART_HEIGHT,\n  CHART_WIDTH,\n  darkBarColors,\n  lightBarColors,\n  X_LABEL_SIZE,\n  Y_LABEL_SIZE,\n} from './constants';\nimport { tooltipFormatter } from './formatters';\nimport type { GetOptionProps } from './types';\n\nexport const getOption = ({\n  values,\n  currency,\n  isDark,\n  lang,\n}: GetOptionProps) => {\n  const currencies = values.map((item) => item.currency);\n  const percentages = values.map((item) => item.percentage);\n  const barColors = isDark ? darkBarColors : lightBarColors;\n\n  const gridLines = getGridLines({\n    isDark,\n    chartWidth: CHART_WIDTH,\n    chartHeight: CHART_HEIGHT,\n    xLabelsSize: -2,\n    yLabelSize: -3,\n  });\n\n  return {\n    animation: false,\n    title: {\n      top: '0px',\n      left: 'center',\n      text: `${currency} vs`,\n      textStyle: {\n        fontSize: 12,\n        lineHeight: 20,\n        fontWeight: 400,\n      },\n    },\n    grid: [\n      {\n        name: 'main-grid',\n        top: '30px',\n        right: '0px',\n        left: `${Y_LABEL_SIZE}px`,\n        bottom: `${X_LABEL_SIZE}px`,\n      },\n    ],\n    graphic: [...gridLines],\n    tooltip: {\n      trigger: 'axis',\n      formatter: ([{ marker, name, value }]: {\n        marker: string;\n        name: string;\n        value: number;\n      }[]) =>\n        tooltipFormatter({\n          lang,\n          currency,\n          marker,\n          name,\n          value,\n        }),\n      axisPointer: {\n        axis: 'x',\n      },\n      extraCssText: 'z-index: 1',\n    },\n    xAxis: {\n      type: 'category',\n      data: currencies,\n      axisTick: { show: false },\n      axisLine: { show: false },\n      splitLine: { show: false },\n      axisLabel: {\n        fontSize: 10,\n      },\n    },\n    yAxis: {\n      type: 'value',\n      position: 'left',\n      min: Math.floor(Math.min(...percentages)),\n      max: Math.ceil(Math.max(...percentages)),\n      interval: 1,\n      axisLine: { show: false },\n      axisTick: { show: false },\n      axisLabel: {\n        formatter: '{value}%',\n        fontSize: 10,\n      },\n    },\n    series: [\n      {\n        data: percentages,\n        type: 'bar',\n        emphasis: {\n          disabled: true,\n        },\n        itemStyle: {\n          opacity: 1,\n          color: ({ data }: { data: number }) => {\n            if (data > 0) {\n              return barColors.positive;\n            }\n            if (data < 0) {\n              return barColors.negative;\n            }\n            return barColors.zero;\n          },\n        },\n      },\n    ],\n  };\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,2 +1,17 @@
-export * from './Chart';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Chart = require("./Chart");
+Object.keys(_Chart).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Chart[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Chart[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/CurrencyStrengthWidget/components/Chart/index.ts"],"sourcesContent":["export * from './Chart';\n"],"mappings":"AAAA,cAAc,SAAS","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_Chart","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../../src/CurrencyStrengthWidget/components/Chart/index.ts"],"sourcesContent":["export * from './Chart';\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

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

@@ -1,2 +1,6 @@
-export {};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 //# sourceMappingURL=types.js.map

package/dist/module/CurrencyStrengthWidget/index.js

@@ -1,2 +1,17 @@
-export * from './CurrencyStrengthWidget';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _CurrencyStrengthWidget = require("./CurrencyStrengthWidget");
+Object.keys(_CurrencyStrengthWidget).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _CurrencyStrengthWidget[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _CurrencyStrengthWidget[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map