@oanda/labs-currency-power-balance-widget 1.0.191 → 1.0.192

package/dist/module/CurrencyPowerBalanceWidget/ChartWithData.js

@@ -1,10 +1,17 @@
-import { useQuery } from '@apollo/client';
-import { ChartError, LastUpdated, Size, Spinner, SpinnerSize, Tooltip, useLayoutProvider } from '@oanda/labs-widget-common';
-import { useLocale } from '@oanda/mono-i18n';
-import React from 'react';
-import { getCurrencyPowerBalance } from '../gql/getCurrencyPowerBalance';
-import { Chart } from './components/Chart';
-import { CURRENCY_POWER_BALANCE_TOOLTIP_ID } from './constants';
+"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 _react = _interopRequireDefault(require("react"));
+var _getCurrencyPowerBalance = require("../gql/getCurrencyPowerBalance");
+var _Chart = require("./components/Chart");
+var _constants = require("./constants");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const ChartWithData = _ref => {
   let {
     timeUnit,
@@ -12,40 +19,40 @@ const ChartWithData = _ref => {
   } = _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(getCurrencyPowerBalance, {
+  } = (0, _client.useQuery)(_getCurrencyPowerBalance.getCurrencyPowerBalance, {
     variables: {
       timeUnit
     },
     fetchPolicy: 'cache-and-network'
   });
   const showError = data?.currencyPowerBalance?.length === 0 || error || currencies && (currencies.length === 0 || currencies.length === 1);
-  return React.createElement(React.Fragment, null, loading && React.createElement("div", {
+  return _react.default.createElement(_react.default.Fragment, null, loading && _react.default.createElement("div", {
     className: "lw-mb-[50px] lw-flex lw-h-[375px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary"
-  }, React.createElement(Spinner, {
-    size: SpinnerSize.lg
-  })), !loading && !showError && React.createElement(Chart, {
+  }, _react.default.createElement(_labsWidgetCommon.Spinner, {
+    size: _labsWidgetCommon.SpinnerSize.lg
+  })), !loading && !showError && _react.default.createElement(_Chart.Chart, {
     currencies: currencies,
     timeUnit: timeUnit,
     values: data?.currencyPowerBalance
-  }), !loading && showError && React.createElement("div", {
+  }), !loading && showError && _react.default.createElement("div", {
     className: "lw-flex lw-h-[375px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary"
-  }, React.createElement(ChartError, null)), isDesktop && React.createElement(Tooltip, {
-    id: CURRENCY_POWER_BALANCE_TOOLTIP_ID
-  }), React.createElement("div", {
+  }, _react.default.createElement(_labsWidgetCommon.ChartError, null)), isDesktop && _react.default.createElement(_labsWidgetCommon.Tooltip, {
+    id: _constants.CURRENCY_POWER_BALANCE_TOOLTIP_ID
+  }), _react.default.createElement("div", {
     className: "lw-mt-2 lw-h-8"
-  }, !loading && !showError && React.createElement(LastUpdated, {
+  }, !loading && !showError && _react.default.createElement(_labsWidgetCommon.LastUpdated, {
     labelCallback: lang,
     timestamp: data?.currencyPowerBalance[0]?.updatedAt
   })));
 };
-export { ChartWithData };
+exports.ChartWithData = ChartWithData;
 //# sourceMappingURL=ChartWithData.js.map

package/dist/module/CurrencyPowerBalanceWidget/ChartWithData.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartWithData.js","names":["useQuery","ChartError","LastUpdated","Size","Spinner","SpinnerSize","Tooltip","useLayoutProvider","useLocale","React","getCurrencyPowerBalance","Chart","CURRENCY_POWER_BALANCE_TOOLTIP_ID","ChartWithData","_ref","timeUnit","currencies","size","isDesktop","DESKTOP","lang","loading","data","error","variables","fetchPolicy","showError","currencyPowerBalance","length","createElement","Fragment","className","lg","values","id","labelCallback","timestamp","updatedAt"],"sources":["../../../src/CurrencyPowerBalanceWidget/ChartWithData.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client';\nimport {\n  ChartError,\n  LastUpdated,\n  Size,\n  Spinner,\n  SpinnerSize,\n  Tooltip,\n  useLayoutProvider,\n} from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport React from 'react';\n\nimport { getCurrencyPowerBalance } from '../gql/getCurrencyPowerBalance';\nimport type {\n  GetCurrencyPowerBalanceQuery,\n  GetCurrencyPowerBalanceQueryVariables,\n} from '../gql/types/graphql';\nimport { Chart } from './components/Chart';\nimport { CURRENCY_POWER_BALANCE_TOOLTIP_ID } from './constants';\nimport type { ChartWithDataProps } from './types';\n\nconst ChartWithData = ({ timeUnit, currencies }: ChartWithDataProps) => {\n  const { size } = useLayoutProvider();\n  const isDesktop = size === Size.DESKTOP;\n  const { lang } = useLocale();\n  const { loading, data, error } = useQuery<\n    GetCurrencyPowerBalanceQuery,\n    GetCurrencyPowerBalanceQueryVariables\n  >(getCurrencyPowerBalance, {\n    variables: {\n      timeUnit,\n    },\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const showError =\n    data?.currencyPowerBalance?.length === 0 ||\n    error ||\n    (currencies && (currencies.length === 0 || currencies.length === 1));\n\n  return (\n    <>\n      {loading && (\n        <div className=\"lw-mb-[50px] lw-flex lw-h-[375px] 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 && !showError && (\n        <Chart\n          currencies={currencies}\n          timeUnit={timeUnit}\n          values={data?.currencyPowerBalance!}\n        />\n      )}\n      {!loading && showError && (\n        <div className=\"lw-flex lw-h-[375px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary\">\n          <ChartError />\n        </div>\n      )}\n      {isDesktop && <Tooltip id={CURRENCY_POWER_BALANCE_TOOLTIP_ID} />}\n      <div className=\"lw-mt-2 lw-h-8\">\n        {!loading && !showError && (\n          <LastUpdated\n            labelCallback={lang}\n            timestamp={data?.currencyPowerBalance![0]?.updatedAt}\n          />\n        )}\n      </div>\n    </>\n  );\n};\n\nexport { ChartWithData };\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,gBAAgB;AACzC,SACEC,UAAU,EACVC,WAAW,EACXC,IAAI,EACJC,OAAO,EACPC,WAAW,EACXC,OAAO,EACPC,iBAAiB,QACZ,2BAA2B;AAClC,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,uBAAuB,QAAQ,gCAAgC;AAKxE,SAASC,KAAK,QAAQ,oBAAoB;AAC1C,SAASC,iCAAiC,QAAQ,aAAa;AAG/D,MAAMC,aAAa,GAAGC,IAAA,IAAkD;EAAA,IAAjD;IAAEC,QAAQ;IAAEC;EAA+B,CAAC,GAAAF,IAAA;EACjE,MAAM;IAAEG;EAAK,CAAC,GAAGV,iBAAiB,CAAC,CAAC;EACpC,MAAMW,SAAS,GAAGD,IAAI,KAAKd,IAAI,CAACgB,OAAO;EACvC,MAAM;IAAEC;EAAK,CAAC,GAAGZ,SAAS,CAAC,CAAC;EAC5B,MAAM;IAAEa,OAAO;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAGvB,QAAQ,CAGvCU,uBAAuB,EAAE;IACzBc,SAAS,EAAE;MACTT;IACF,CAAC;IACDU,WAAW,EAAE;EACf,CAAC,CAAC;EAEF,MAAMC,SAAS,GACbJ,IAAI,EAAEK,oBAAoB,EAAEC,MAAM,KAAK,CAAC,IACxCL,KAAK,IACJP,UAAU,KAAKA,UAAU,CAACY,MAAM,KAAK,CAAC,IAAIZ,UAAU,CAACY,MAAM,KAAK,CAAC,CAAE;EAEtE,OACEnB,KAAA,CAAAoB,aAAA,CAAApB,KAAA,CAAAqB,QAAA,QACGT,OAAO,IACNZ,KAAA,CAAAoB,aAAA;IAAKE,SAAS,EAAC;EAAgH,GAC7HtB,KAAA,CAAAoB,aAAA,CAACzB,OAAO;IAACa,IAAI,EAAEZ,WAAW,CAAC2B;EAAG,CAAE,CAC7B,CACN,EACA,CAACX,OAAO,IAAI,CAACK,SAAS,IACrBjB,KAAA,CAAAoB,aAAA,CAAClB,KAAK;IACJK,UAAU,EAAEA,UAAW;IACvBD,QAAQ,EAAEA,QAAS;IACnBkB,MAAM,EAAEX,IAAI,EAAEK;EAAsB,CACrC,CACF,EACA,CAACN,OAAO,IAAIK,SAAS,IACpBjB,KAAA,CAAAoB,aAAA;IAAKE,SAAS,EAAC;EAAmG,GAChHtB,KAAA,CAAAoB,aAAA,CAAC5B,UAAU,MAAE,CACV,CACN,EACAiB,SAAS,IAAIT,KAAA,CAAAoB,aAAA,CAACvB,OAAO;IAAC4B,EAAE,EAAEtB;EAAkC,CAAE,CAAC,EAChEH,KAAA,CAAAoB,aAAA;IAAKE,SAAS,EAAC;EAAgB,GAC5B,CAACV,OAAO,IAAI,CAACK,SAAS,IACrBjB,KAAA,CAAAoB,aAAA,CAAC3B,WAAW;IACViC,aAAa,EAAEf,IAAK;IACpBgB,SAAS,EAAEd,IAAI,EAAEK,oBAAoB,CAAE,CAAC,CAAC,EAAEU;EAAU,CACtD,CAEA,CACL,CAAC;AAEP,CAAC;AAED,SAASxB,aAAa","ignoreList":[]}
+{"version":3,"file":"ChartWithData.js","names":["_client","require","_labsWidgetCommon","_monoI18n","_react","_interopRequireDefault","_getCurrencyPowerBalance","_Chart","_constants","e","__esModule","default","ChartWithData","_ref","timeUnit","currencies","size","useLayoutProvider","isDesktop","Size","DESKTOP","lang","useLocale","loading","data","error","useQuery","getCurrencyPowerBalance","variables","fetchPolicy","showError","currencyPowerBalance","length","createElement","Fragment","className","Spinner","SpinnerSize","lg","Chart","values","ChartError","Tooltip","id","CURRENCY_POWER_BALANCE_TOOLTIP_ID","LastUpdated","labelCallback","timestamp","updatedAt","exports"],"sources":["../../../src/CurrencyPowerBalanceWidget/ChartWithData.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client';\nimport {\n  ChartError,\n  LastUpdated,\n  Size,\n  Spinner,\n  SpinnerSize,\n  Tooltip,\n  useLayoutProvider,\n} from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport React from 'react';\n\nimport { getCurrencyPowerBalance } from '../gql/getCurrencyPowerBalance';\nimport type {\n  GetCurrencyPowerBalanceQuery,\n  GetCurrencyPowerBalanceQueryVariables,\n} from '../gql/types/graphql';\nimport { Chart } from './components/Chart';\nimport { CURRENCY_POWER_BALANCE_TOOLTIP_ID } from './constants';\nimport type { ChartWithDataProps } from './types';\n\nconst ChartWithData = ({ timeUnit, currencies }: ChartWithDataProps) => {\n  const { size } = useLayoutProvider();\n  const isDesktop = size === Size.DESKTOP;\n  const { lang } = useLocale();\n  const { loading, data, error } = useQuery<\n    GetCurrencyPowerBalanceQuery,\n    GetCurrencyPowerBalanceQueryVariables\n  >(getCurrencyPowerBalance, {\n    variables: {\n      timeUnit,\n    },\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const showError =\n    data?.currencyPowerBalance?.length === 0 ||\n    error ||\n    (currencies && (currencies.length === 0 || currencies.length === 1));\n\n  return (\n    <>\n      {loading && (\n        <div className=\"lw-mb-[50px] lw-flex lw-h-[375px] 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 && !showError && (\n        <Chart\n          currencies={currencies}\n          timeUnit={timeUnit}\n          values={data?.currencyPowerBalance!}\n        />\n      )}\n      {!loading && showError && (\n        <div className=\"lw-flex lw-h-[375px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary\">\n          <ChartError />\n        </div>\n      )}\n      {isDesktop && <Tooltip id={CURRENCY_POWER_BALANCE_TOOLTIP_ID} />}\n      <div className=\"lw-mt-2 lw-h-8\">\n        {!loading && !showError && (\n          <LastUpdated\n            labelCallback={lang}\n            timestamp={data?.currencyPowerBalance![0]?.updatedAt}\n          />\n        )}\n      </div>\n    </>\n  );\n};\n\nexport { ChartWithData };\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AASA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAEA,IAAAK,wBAAA,GAAAL,OAAA;AAKA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,UAAA,GAAAP,OAAA;AAAgE,SAAAI,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGhE,MAAMG,aAAa,GAAGC,IAAA,IAAkD;EAAA,IAAjD;IAAEC,QAAQ;IAAEC;EAA+B,CAAC,GAAAF,IAAA;EACjE,MAAM;IAAEG;EAAK,CAAC,GAAG,IAAAC,mCAAiB,EAAC,CAAC;EACpC,MAAMC,SAAS,GAAGF,IAAI,KAAKG,sBAAI,CAACC,OAAO;EACvC,MAAM;IAAEC;EAAK,CAAC,GAAG,IAAAC,mBAAS,EAAC,CAAC;EAC5B,MAAM;IAAEC,OAAO;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAG,IAAAC,gBAAQ,EAGvCC,gDAAuB,EAAE;IACzBC,SAAS,EAAE;MACTd;IACF,CAAC;IACDe,WAAW,EAAE;EACf,CAAC,CAAC;EAEF,MAAMC,SAAS,GACbN,IAAI,EAAEO,oBAAoB,EAAEC,MAAM,KAAK,CAAC,IACxCP,KAAK,IACJV,UAAU,KAAKA,UAAU,CAACiB,MAAM,KAAK,CAAC,IAAIjB,UAAU,CAACiB,MAAM,KAAK,CAAC,CAAE;EAEtE,OACE5B,MAAA,CAAAO,OAAA,CAAAsB,aAAA,CAAA7B,MAAA,CAAAO,OAAA,CAAAuB,QAAA,QACGX,OAAO,IACNnB,MAAA,CAAAO,OAAA,CAAAsB,aAAA;IAAKE,SAAS,EAAC;EAAgH,GAC7H/B,MAAA,CAAAO,OAAA,CAAAsB,aAAA,CAAC/B,iBAAA,CAAAkC,OAAO;IAACpB,IAAI,EAAEqB,6BAAW,CAACC;EAAG,CAAE,CAC7B,CACN,EACA,CAACf,OAAO,IAAI,CAACO,SAAS,IACrB1B,MAAA,CAAAO,OAAA,CAAAsB,aAAA,CAAC1B,MAAA,CAAAgC,KAAK;IACJxB,UAAU,EAAEA,UAAW;IACvBD,QAAQ,EAAEA,QAAS;IACnB0B,MAAM,EAAEhB,IAAI,EAAEO;EAAsB,CACrC,CACF,EACA,CAACR,OAAO,IAAIO,SAAS,IACpB1B,MAAA,CAAAO,OAAA,CAAAsB,aAAA;IAAKE,SAAS,EAAC;EAAmG,GAChH/B,MAAA,CAAAO,OAAA,CAAAsB,aAAA,CAAC/B,iBAAA,CAAAuC,UAAU,MAAE,CACV,CACN,EACAvB,SAAS,IAAId,MAAA,CAAAO,OAAA,CAAAsB,aAAA,CAAC/B,iBAAA,CAAAwC,OAAO;IAACC,EAAE,EAAEC;EAAkC,CAAE,CAAC,EAChExC,MAAA,CAAAO,OAAA,CAAAsB,aAAA;IAAKE,SAAS,EAAC;EAAgB,GAC5B,CAACZ,OAAO,IAAI,CAACO,SAAS,IACrB1B,MAAA,CAAAO,OAAA,CAAAsB,aAAA,CAAC/B,iBAAA,CAAA2C,WAAW;IACVC,aAAa,EAAEzB,IAAK;IACpB0B,SAAS,EAAEvB,IAAI,EAAEO,oBAAoB,CAAE,CAAC,CAAC,EAAEiB;EAAU,CACtD,CAEA,CACL,CAAC;AAEP,CAAC;AAACC,OAAA,CAAArC,aAAA,GAAAA,aAAA","ignoreList":[]}

package/dist/module/CurrencyPowerBalanceWidget/CurrencyPowerBalance.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.CurrencyPowerBalance = 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 CurrencyPowerBalance = _ref => {
   let {
     graphqlUrl,
@@ -13,23 +20,23 @@ const CurrencyPowerBalance = _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, {
     currencies: currencies,
     timeUnit: timeUnit
   })));
 };
-export { CurrencyPowerBalance };
+exports.CurrencyPowerBalance = CurrencyPowerBalance;
 //# sourceMappingURL=CurrencyPowerBalance.js.map

package/dist/module/CurrencyPowerBalanceWidget/CurrencyPowerBalance.js.map

@@ -1 +1 @@
-{"version":3,"file":"CurrencyPowerBalance.js","names":["ApolloClient","InMemoryCache","WidgetProvider","WidgetWrapper","React","translations","Main","CurrencyPowerBalance","_ref","graphqlUrl","theme","locale","timeUnit","currencies","isParamError","logoLink","client","uri","cache","createElement","linkArea"],"sources":["../../../src/CurrencyPowerBalanceWidget/CurrencyPowerBalance.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 { CurrencyPowerBalanceConfig } from './types';\n\nconst CurrencyPowerBalance = ({\n  graphqlUrl,\n  theme,\n  locale,\n  timeUnit,\n  currencies,\n  isParamError,\n  logoLink,\n}: CurrencyPowerBalanceConfig) => {\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 currencies={currencies} timeUnit={timeUnit} />\n      </WidgetWrapper>\n    </WidgetProvider>\n  );\n};\n\nexport { CurrencyPowerBalance };\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,oBAAoB,GAAGC,IAAA,IAQK;EAAA,IARJ;IAC5BC,UAAU;IACVC,KAAK;IACLC,MAAM;IACNC,QAAQ;IACRC,UAAU;IACVC,YAAY;IACZC;EAC0B,CAAC,GAAAP,IAAA;EAC3B,MAAMQ,MAAM,GAAG,IAAIhB,YAAY,CAAC;IAC9BiB,GAAG,EAAER,UAAU;IACfS,KAAK,EAAE,IAAIjB,aAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,OACEG,KAAA,CAAAe,aAAA,CAACjB,cAAc;IACbc,MAAM,EAAEA,MAAO;IACfL,MAAM,EAAEA,MAAO;IACfD,KAAK,EAAEA,KAAM;IACbL,YAAY,EAAEA;EAAa,GAE3BD,KAAA,CAAAe,aAAA,CAAChB,aAAa;IACZW,YAAY,EAAEA,YAAa;IAC3BM,QAAQ,EAAC,MAAM;IACfL,QAAQ,EAAEA;EAAS,GAEnBX,KAAA,CAAAe,aAAA,CAACb,IAAI;IAACO,UAAU,EAAEA,UAAW;IAACD,QAAQ,EAAEA;EAAS,CAAE,CACtC,CACD,CAAC;AAErB,CAAC;AAED,SAASL,oBAAoB","ignoreList":[]}
+{"version":3,"file":"CurrencyPowerBalance.js","names":["_client","require","_labsWidgetCommon","_react","_interopRequireDefault","_translations","_Main","e","__esModule","default","CurrencyPowerBalance","_ref","graphqlUrl","theme","locale","timeUnit","currencies","isParamError","logoLink","client","ApolloClient","uri","cache","InMemoryCache","createElement","WidgetProvider","translations","WidgetWrapper","linkArea","Main","exports"],"sources":["../../../src/CurrencyPowerBalanceWidget/CurrencyPowerBalance.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 { CurrencyPowerBalanceConfig } from './types';\n\nconst CurrencyPowerBalance = ({\n  graphqlUrl,\n  theme,\n  locale,\n  timeUnit,\n  currencies,\n  isParamError,\n  logoLink,\n}: CurrencyPowerBalanceConfig) => {\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 currencies={currencies} timeUnit={timeUnit} />\n      </WidgetWrapper>\n    </WidgetProvider>\n  );\n};\n\nexport { CurrencyPowerBalance };\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,oBAAoB,GAAGC,IAAA,IAQK;EAAA,IARJ;IAC5BC,UAAU;IACVC,KAAK;IACLC,MAAM;IACNC,QAAQ;IACRC,UAAU;IACVC,YAAY;IACZC;EAC0B,CAAC,GAAAP,IAAA;EAC3B,MAAMQ,MAAM,GAAG,IAAIC,oBAAY,CAAC;IAC9BC,GAAG,EAAET,UAAU;IACfU,KAAK,EAAE,IAAIC,qBAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,OACEpB,MAAA,CAAAM,OAAA,CAAAe,aAAA,CAACtB,iBAAA,CAAAuB,cAAc;IACbN,MAAM,EAAEA,MAAO;IACfL,MAAM,EAAEA,MAAO;IACfD,KAAK,EAAEA,KAAM;IACba,YAAY,EAAEA;EAAa,GAE3BvB,MAAA,CAAAM,OAAA,CAAAe,aAAA,CAACtB,iBAAA,CAAAyB,aAAa;IACZV,YAAY,EAAEA,YAAa;IAC3BW,QAAQ,EAAC,MAAM;IACfV,QAAQ,EAAEA;EAAS,GAEnBf,MAAA,CAAAM,OAAA,CAAAe,aAAA,CAAClB,KAAA,CAAAuB,IAAI;IAACb,UAAU,EAAEA,UAAW;IAACD,QAAQ,EAAEA;EAAS,CAAE,CACtC,CACD,CAAC;AAErB,CAAC;AAACe,OAAA,CAAApB,oBAAA,GAAAA,oBAAA","ignoreList":[]}

package/dist/module/CurrencyPowerBalanceWidget/Main.js

@@ -1,10 +1,17 @@
-import { TimeUnitSwitch, useLayoutProvider } from '@oanda/labs-widget-common';
-import { useLocale } from '@oanda/mono-i18n';
-import React, { useState } from 'react';
-import { CurrencyPowerBalanceTimeUnit } from '../gql/types/graphql';
-import { ChartWithData } from './ChartWithData';
-import { timeUnitConfig } from './config';
-import { CURRENCY_POWER_BALANCE_TOOLTIP_ID } from './constants';
+"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 = _interopRequireWildcard(require("react"));
+var _graphql = require("../gql/types/graphql");
+var _ChartWithData = require("./ChartWithData");
+var _config = require("./config");
+var _constants = require("./constants");
+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); }
 const Main = _ref => {
   let {
     timeUnit,
@@ -12,15 +19,15 @@ const Main = _ref => {
   } = _ref;
   const {
     size
-  } = useLayoutProvider();
+  } = (0, _labsWidgetCommon.useLayoutProvider)();
   const {
     lang
-  } = useLocale();
-  const [selectedTimeUnit, setSelectedTimeUnit] = useState(timeUnit || CurrencyPowerBalanceTimeUnit.CurrentDay);
-  return React.createElement(React.Fragment, null, size && React.createElement("div", {
+  } = (0, _monoI18n.useLocale)();
+  const [selectedTimeUnit, setSelectedTimeUnit] = (0, _react.useState)(timeUnit || _graphql.CurrencyPowerBalanceTimeUnit.CurrentDay);
+  return _react.default.createElement(_react.default.Fragment, null, size && _react.default.createElement("div", {
     className: "lw-flex lw-flex-col lw-text-sm lw-tracking-normal",
     "data-testid": "currency-power-balance-wrapper"
-  }, timeUnit && currencies ? React.createElement(React.Fragment, null, timeUnitConfig.filter(_ref2 => {
+  }, timeUnit && currencies ? _react.default.createElement(_react.default.Fragment, null, _config.timeUnitConfig.filter(_ref2 => {
     let {
       value
     } = _ref2;
@@ -30,22 +37,22 @@ const Main = _ref => {
       tooltipLabel,
       label
     } = _ref3;
-    return React.createElement("div", {
+    return _react.default.createElement("div", {
       key: label,
       className: "lw-mb-6 lw-flex lw-justify-center lw-font-sans lw-text-lg lw-font-bold",
       "data-testid": "time-unit-label"
-    }, tooltipLabel ? React.createElement("span", null, `${lang(tooltipLabel.translationKey, {
+    }, tooltipLabel ? _react.default.createElement("span", null, `${lang(tooltipLabel.translationKey, {
       count: tooltipLabel.count
-    })}`) : React.createElement("span", null, `${lang(label)}`));
-  })) : React.createElement(TimeUnitSwitch, {
+    })}`) : _react.default.createElement("span", null, `${lang(label)}`));
+  })) : _react.default.createElement(_labsWidgetCommon.TimeUnitSwitch, {
     callback: setSelectedTimeUnit,
-    options: timeUnitConfig,
+    options: _config.timeUnitConfig,
     selected: selectedTimeUnit,
-    tooltipId: CURRENCY_POWER_BALANCE_TOOLTIP_ID
-  }), React.createElement(ChartWithData, {
+    tooltipId: _constants.CURRENCY_POWER_BALANCE_TOOLTIP_ID
+  }), _react.default.createElement(_ChartWithData.ChartWithData, {
     currencies: timeUnit && currencies,
     timeUnit: selectedTimeUnit
   })));
 };
-export { Main };
+exports.Main = Main;
 //# sourceMappingURL=Main.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Main.js","names":["TimeUnitSwitch","useLayoutProvider","useLocale","React","useState","CurrencyPowerBalanceTimeUnit","ChartWithData","timeUnitConfig","CURRENCY_POWER_BALANCE_TOOLTIP_ID","Main","_ref","timeUnit","currencies","size","lang","selectedTimeUnit","setSelectedTimeUnit","CurrentDay","createElement","Fragment","className","filter","_ref2","value","map","_ref3","tooltipLabel","label","key","translationKey","count","callback","options","selected","tooltipId"],"sources":["../../../src/CurrencyPowerBalanceWidget/Main.tsx"],"sourcesContent":["import { TimeUnitSwitch, useLayoutProvider } from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport React, { useState } from 'react';\n\nimport { CurrencyPowerBalanceTimeUnit } from '../gql/types/graphql';\nimport { ChartWithData } from './ChartWithData';\nimport { timeUnitConfig } from './config';\nimport { CURRENCY_POWER_BALANCE_TOOLTIP_ID } from './constants';\nimport type { MainProps } from './types';\n\nconst Main = ({ timeUnit, currencies }: MainProps) => {\n  const { size } = useLayoutProvider();\n  const { lang } = useLocale();\n  const [selectedTimeUnit, setSelectedTimeUnit] = useState(\n    timeUnit || CurrencyPowerBalanceTimeUnit.CurrentDay\n  );\n  return (\n    <>\n      {size && (\n        <div\n          className=\"lw-flex lw-flex-col lw-text-sm lw-tracking-normal\"\n          data-testid=\"currency-power-balance-wrapper\"\n        >\n          {timeUnit && currencies ? (\n            <>\n              {timeUnitConfig\n                .filter(({ value }) => value === selectedTimeUnit)\n                .map(({ tooltipLabel, label }) => (\n                  <div\n                    key={label}\n                    className=\"lw-mb-6 lw-flex lw-justify-center lw-font-sans lw-text-lg lw-font-bold\"\n                    data-testid=\"time-unit-label\"\n                  >\n                    {tooltipLabel ? (\n                      <span>{`${lang(tooltipLabel!.translationKey, { count: tooltipLabel!.count })}`}</span>\n                    ) : (\n                      <span>{`${lang(label)}`}</span>\n                    )}\n                  </div>\n                ))}\n            </>\n          ) : (\n            <TimeUnitSwitch<CurrencyPowerBalanceTimeUnit>\n              callback={setSelectedTimeUnit}\n              options={timeUnitConfig}\n              selected={selectedTimeUnit}\n              tooltipId={CURRENCY_POWER_BALANCE_TOOLTIP_ID}\n            />\n          )}\n          <ChartWithData\n            currencies={timeUnit && currencies}\n            timeUnit={selectedTimeUnit}\n          />\n        </div>\n      )}\n    </>\n  );\n};\n\nexport { Main };\n"],"mappings":"AAAA,SAASA,cAAc,EAAEC,iBAAiB,QAAQ,2BAA2B;AAC7E,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,OAAOC,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AAEvC,SAASC,4BAA4B,QAAQ,sBAAsB;AACnE,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,cAAc,QAAQ,UAAU;AACzC,SAASC,iCAAiC,QAAQ,aAAa;AAG/D,MAAMC,IAAI,GAAGC,IAAA,IAAyC;EAAA,IAAxC;IAAEC,QAAQ;IAAEC;EAAsB,CAAC,GAAAF,IAAA;EAC/C,MAAM;IAAEG;EAAK,CAAC,GAAGZ,iBAAiB,CAAC,CAAC;EACpC,MAAM;IAAEa;EAAK,CAAC,GAAGZ,SAAS,CAAC,CAAC;EAC5B,MAAM,CAACa,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGZ,QAAQ,CACtDO,QAAQ,IAAIN,4BAA4B,CAACY,UAC3C,CAAC;EACD,OACEd,KAAA,CAAAe,aAAA,CAAAf,KAAA,CAAAgB,QAAA,QACGN,IAAI,IACHV,KAAA,CAAAe,aAAA;IACEE,SAAS,EAAC,mDAAmD;IAC7D,eAAY;EAAgC,GAE3CT,QAAQ,IAAIC,UAAU,GACrBT,KAAA,CAAAe,aAAA,CAAAf,KAAA,CAAAgB,QAAA,QACGZ,cAAc,CACZc,MAAM,CAACC,KAAA;IAAA,IAAC;MAAEC;IAAM,CAAC,GAAAD,KAAA;IAAA,OAAKC,KAAK,KAAKR,gBAAgB;EAAA,EAAC,CACjDS,GAAG,CAACC,KAAA;IAAA,IAAC;MAAEC,YAAY;MAAEC;IAAM,CAAC,GAAAF,KAAA;IAAA,OAC3BtB,KAAA,CAAAe,aAAA;MACEU,GAAG,EAAED,KAAM;MACXP,SAAS,EAAC,wEAAwE;MAClF,eAAY;IAAiB,GAE5BM,YAAY,GACXvB,KAAA,CAAAe,aAAA,eAAO,GAAGJ,IAAI,CAACY,YAAY,CAAEG,cAAc,EAAE;MAAEC,KAAK,EAAEJ,YAAY,CAAEI;IAAM,CAAC,CAAC,EAAS,CAAC,GAEtF3B,KAAA,CAAAe,aAAA,eAAO,GAAGJ,IAAI,CAACa,KAAK,CAAC,EAAS,CAE7B,CAAC;EAAA,CACP,CACH,CAAC,GAEHxB,KAAA,CAAAe,aAAA,CAAClB,cAAc;IACb+B,QAAQ,EAAEf,mBAAoB;IAC9BgB,OAAO,EAAEzB,cAAe;IACxB0B,QAAQ,EAAElB,gBAAiB;IAC3BmB,SAAS,EAAE1B;EAAkC,CAC9C,CACF,EACDL,KAAA,CAAAe,aAAA,CAACZ,aAAa;IACZM,UAAU,EAAED,QAAQ,IAAIC,UAAW;IACnCD,QAAQ,EAAEI;EAAiB,CAC5B,CACE,CAEP,CAAC;AAEP,CAAC;AAED,SAASN,IAAI","ignoreList":[]}
+{"version":3,"file":"Main.js","names":["_labsWidgetCommon","require","_monoI18n","_react","_interopRequireWildcard","_graphql","_ChartWithData","_config","_constants","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Main","_ref","timeUnit","currencies","size","useLayoutProvider","lang","useLocale","selectedTimeUnit","setSelectedTimeUnit","useState","CurrencyPowerBalanceTimeUnit","CurrentDay","createElement","Fragment","className","timeUnitConfig","filter","_ref2","value","map","_ref3","tooltipLabel","label","key","translationKey","count","TimeUnitSwitch","callback","options","selected","tooltipId","CURRENCY_POWER_BALANCE_TOOLTIP_ID","ChartWithData","exports"],"sources":["../../../src/CurrencyPowerBalanceWidget/Main.tsx"],"sourcesContent":["import { TimeUnitSwitch, useLayoutProvider } from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport React, { useState } from 'react';\n\nimport { CurrencyPowerBalanceTimeUnit } from '../gql/types/graphql';\nimport { ChartWithData } from './ChartWithData';\nimport { timeUnitConfig } from './config';\nimport { CURRENCY_POWER_BALANCE_TOOLTIP_ID } from './constants';\nimport type { MainProps } from './types';\n\nconst Main = ({ timeUnit, currencies }: MainProps) => {\n  const { size } = useLayoutProvider();\n  const { lang } = useLocale();\n  const [selectedTimeUnit, setSelectedTimeUnit] = useState(\n    timeUnit || CurrencyPowerBalanceTimeUnit.CurrentDay\n  );\n  return (\n    <>\n      {size && (\n        <div\n          className=\"lw-flex lw-flex-col lw-text-sm lw-tracking-normal\"\n          data-testid=\"currency-power-balance-wrapper\"\n        >\n          {timeUnit && currencies ? (\n            <>\n              {timeUnitConfig\n                .filter(({ value }) => value === selectedTimeUnit)\n                .map(({ tooltipLabel, label }) => (\n                  <div\n                    key={label}\n                    className=\"lw-mb-6 lw-flex lw-justify-center lw-font-sans lw-text-lg lw-font-bold\"\n                    data-testid=\"time-unit-label\"\n                  >\n                    {tooltipLabel ? (\n                      <span>{`${lang(tooltipLabel!.translationKey, { count: tooltipLabel!.count })}`}</span>\n                    ) : (\n                      <span>{`${lang(label)}`}</span>\n                    )}\n                  </div>\n                ))}\n            </>\n          ) : (\n            <TimeUnitSwitch<CurrencyPowerBalanceTimeUnit>\n              callback={setSelectedTimeUnit}\n              options={timeUnitConfig}\n              selected={selectedTimeUnit}\n              tooltipId={CURRENCY_POWER_BALANCE_TOOLTIP_ID}\n            />\n          )}\n          <ChartWithData\n            currencies={timeUnit && currencies}\n            timeUnit={selectedTimeUnit}\n          />\n        </div>\n      )}\n    </>\n  );\n};\n\nexport { Main };\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,15 +1,23 @@
-import { BaseChart, getChartTheme, Size, Theme, useLayoutProvider } from '@oanda/labs-widget-common';
-import { useLocale } from '@oanda/mono-i18n';
-import { LineChart } from 'echarts/charts';
-import { GraphicComponent, GridSimpleComponent, LegendPlainComponent, MarkLineComponent, TooltipComponent } from 'echarts/components';
-import * as echarts from 'echarts/core';
-import { CanvasRenderer } from 'echarts/renderers';
-import React from 'react';
-import { getOption } from './options';
-import { CHART_HEIGHT } from './options/constants';
-echarts.use([GridSimpleComponent, GraphicComponent, TooltipComponent, LegendPlainComponent, LineChart, CanvasRenderer, MarkLineComponent]);
-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 _options = require("./options");
+var _constants = require("./options/constants");
+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.LegendPlainComponent, _charts.LineChart, _renderers.CanvasRenderer, _components.MarkLineComponent]);
+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,
@@ -18,25 +26,25 @@ const Chart = _ref => {
   } = _ref;
   const {
     lang
-  } = useLocale();
+  } = (0, _monoI18n.useLocale)();
   const {
     isDark,
     size
-  } = useLayoutProvider();
-  const isDesktop = size === Size.DESKTOP;
-  const isMobile = size === Size.MOBILE;
+  } = (0, _labsWidgetCommon.useLayoutProvider)();
+  const isDesktop = size === _labsWidgetCommon.Size.DESKTOP;
+  const isMobile = size === _labsWidgetCommon.Size.MOBILE;
   const chartData = currencies ? values.filter(_ref2 => {
     let {
       currency
     } = _ref2;
     return currencies.includes(currency);
   }) : values;
-  return React.createElement(BaseChart, {
-    chartHeight: CHART_HEIGHT,
+  return _react.default.createElement(_labsWidgetCommon.BaseChart, {
+    chartHeight: _constants.CHART_HEIGHT,
     echarts: echarts,
     isDark: isDark,
-    option: getOption(chartData, timeUnit, isDark, isDesktop, isMobile, lang)
+    option: (0, _options.getOption)(chartData, timeUnit, isDark, isDesktop, isMobile, lang)
   });
 };
-export { Chart };
+exports.Chart = Chart;
 //# sourceMappingURL=Chart.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Chart.js","names":["BaseChart","getChartTheme","Size","Theme","useLayoutProvider","useLocale","LineChart","GraphicComponent","GridSimpleComponent","LegendPlainComponent","MarkLineComponent","TooltipComponent","echarts","CanvasRenderer","React","getOption","CHART_HEIGHT","use","registerTheme","Dark","Light","Chart","_ref","values","timeUnit","currencies","lang","isDark","size","isDesktop","DESKTOP","isMobile","MOBILE","chartData","filter","_ref2","currency","includes","createElement","chartHeight","option"],"sources":["../../../../../src/CurrencyPowerBalanceWidget/components/Chart/Chart.tsx"],"sourcesContent":["import {\n  BaseChart,\n  getChartTheme,\n  Size,\n  Theme,\n  useLayoutProvider,\n} from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport { LineChart } from 'echarts/charts';\nimport {\n  GraphicComponent,\n  GridSimpleComponent,\n  LegendPlainComponent,\n  MarkLineComponent,\n  TooltipComponent,\n} from 'echarts/components';\nimport * as echarts from 'echarts/core';\nimport { CanvasRenderer } from 'echarts/renderers';\nimport React from 'react';\n\nimport { getOption } from './options';\nimport { CHART_HEIGHT } from './options/constants';\nimport type { ChartProps } from './types';\n\necharts.use([\n  GridSimpleComponent,\n  GraphicComponent,\n  TooltipComponent,\n  LegendPlainComponent,\n  LineChart,\n  CanvasRenderer,\n  MarkLineComponent,\n]);\n\necharts.registerTheme('dark_theme', getChartTheme(Theme.Dark));\necharts.registerTheme('light_theme', getChartTheme(Theme.Light));\n\nconst Chart = ({ values, timeUnit, currencies }: ChartProps) => {\n  const { lang } = useLocale();\n  const { isDark, size } = useLayoutProvider();\n  const isDesktop = size === Size.DESKTOP;\n  const isMobile = size === Size.MOBILE;\n\n  const chartData = currencies\n    ? values.filter(({ currency }) => currencies.includes(currency))\n    : values;\n\n  return (\n    <BaseChart\n      chartHeight={CHART_HEIGHT}\n      echarts={echarts}\n      isDark={isDark}\n      option={getOption(chartData, timeUnit, isDark, isDesktop, isMobile, lang)}\n    />\n  );\n};\n\nexport { Chart };\n"],"mappings":"AAAA,SACEA,SAAS,EACTC,aAAa,EACbC,IAAI,EACJC,KAAK,EACLC,iBAAiB,QACZ,2BAA2B;AAClC,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,SAASC,SAAS,QAAQ,gBAAgB;AAC1C,SACEC,gBAAgB,EAChBC,mBAAmB,EACnBC,oBAAoB,EACpBC,iBAAiB,EACjBC,gBAAgB,QACX,oBAAoB;AAC3B,OAAO,KAAKC,OAAO,MAAM,cAAc;AACvC,SAASC,cAAc,QAAQ,mBAAmB;AAClD,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,SAAS,QAAQ,WAAW;AACrC,SAASC,YAAY,QAAQ,qBAAqB;AAGlDJ,OAAO,CAACK,GAAG,CAAC,CACVT,mBAAmB,EACnBD,gBAAgB,EAChBI,gBAAgB,EAChBF,oBAAoB,EACpBH,SAAS,EACTO,cAAc,EACdH,iBAAiB,CAClB,CAAC;AAEFE,OAAO,CAACM,aAAa,CAAC,YAAY,EAAEjB,aAAa,CAACE,KAAK,CAACgB,IAAI,CAAC,CAAC;AAC9DP,OAAO,CAACM,aAAa,CAAC,aAAa,EAAEjB,aAAa,CAACE,KAAK,CAACiB,KAAK,CAAC,CAAC;AAEhE,MAAMC,KAAK,GAAGC,IAAA,IAAkD;EAAA,IAAjD;IAAEC,MAAM;IAAEC,QAAQ;IAAEC;EAAuB,CAAC,GAAAH,IAAA;EACzD,MAAM;IAAEI;EAAK,CAAC,GAAGrB,SAAS,CAAC,CAAC;EAC5B,MAAM;IAAEsB,MAAM;IAAEC;EAAK,CAAC,GAAGxB,iBAAiB,CAAC,CAAC;EAC5C,MAAMyB,SAAS,GAAGD,IAAI,KAAK1B,IAAI,CAAC4B,OAAO;EACvC,MAAMC,QAAQ,GAAGH,IAAI,KAAK1B,IAAI,CAAC8B,MAAM;EAErC,MAAMC,SAAS,GAAGR,UAAU,GACxBF,MAAM,CAACW,MAAM,CAACC,KAAA;IAAA,IAAC;MAAEC;IAAS,CAAC,GAAAD,KAAA;IAAA,OAAKV,UAAU,CAACY,QAAQ,CAACD,QAAQ,CAAC;EAAA,EAAC,GAC9Db,MAAM;EAEV,OACET,KAAA,CAAAwB,aAAA,CAACtC,SAAS;IACRuC,WAAW,EAAEvB,YAAa;IAC1BJ,OAAO,EAAEA,OAAQ;IACjBe,MAAM,EAAEA,MAAO;IACfa,MAAM,EAAEzB,SAAS,CAACkB,SAAS,EAAET,QAAQ,EAAEG,MAAM,EAAEE,SAAS,EAAEE,QAAQ,EAAEL,IAAI;EAAE,CAC3E,CAAC;AAEN,CAAC;AAED,SAASL,KAAK","ignoreList":[]}
+{"version":3,"file":"Chart.js","names":["_labsWidgetCommon","require","_monoI18n","_charts","_components","echarts","_interopRequireWildcard","_renderers","_react","_interopRequireDefault","_options","_constants","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","use","GridSimpleComponent","GraphicComponent","TooltipComponent","LegendPlainComponent","LineChart","CanvasRenderer","MarkLineComponent","registerTheme","getChartTheme","Theme","Dark","Light","Chart","_ref","values","timeUnit","currencies","lang","useLocale","isDark","size","useLayoutProvider","isDesktop","Size","DESKTOP","isMobile","MOBILE","chartData","filter","_ref2","currency","includes","createElement","BaseChart","chartHeight","CHART_HEIGHT","option","getOption","exports"],"sources":["../../../../../src/CurrencyPowerBalanceWidget/components/Chart/Chart.tsx"],"sourcesContent":["import {\n  BaseChart,\n  getChartTheme,\n  Size,\n  Theme,\n  useLayoutProvider,\n} from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport { LineChart } from 'echarts/charts';\nimport {\n  GraphicComponent,\n  GridSimpleComponent,\n  LegendPlainComponent,\n  MarkLineComponent,\n  TooltipComponent,\n} from 'echarts/components';\nimport * as echarts from 'echarts/core';\nimport { CanvasRenderer } from 'echarts/renderers';\nimport React from 'react';\n\nimport { getOption } from './options';\nimport { CHART_HEIGHT } from './options/constants';\nimport type { ChartProps } from './types';\n\necharts.use([\n  GridSimpleComponent,\n  GraphicComponent,\n  TooltipComponent,\n  LegendPlainComponent,\n  LineChart,\n  CanvasRenderer,\n  MarkLineComponent,\n]);\n\necharts.registerTheme('dark_theme', getChartTheme(Theme.Dark));\necharts.registerTheme('light_theme', getChartTheme(Theme.Light));\n\nconst Chart = ({ values, timeUnit, currencies }: ChartProps) => {\n  const { lang } = useLocale();\n  const { isDark, size } = useLayoutProvider();\n  const isDesktop = size === Size.DESKTOP;\n  const isMobile = size === Size.MOBILE;\n\n  const chartData = currencies\n    ? values.filter(({ currency }) => currencies.includes(currency))\n    : values;\n\n  return (\n    <BaseChart\n      chartHeight={CHART_HEIGHT}\n      echarts={echarts}\n      isDark={isDark}\n      option={getOption(chartData, timeUnit, isDark, isDesktop, isMobile, lang)}\n    />\n  );\n};\n\nexport { Chart };\n"],"mappings":"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","ignoreList":[]}

package/dist/module/CurrencyPowerBalanceWidget/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/CurrencyPowerBalanceWidget/components/Chart/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/CurrencyPowerBalanceWidget/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/CurrencyPowerBalanceWidget/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/CurrencyPowerBalanceWidget/components/Chart/options/constants.js

@@ -1,31 +1,36 @@
-import { colorPalette } from '@oanda/labs-widget-common';
-import { CurrencyName } from '../../../../gql/types/graphql';
-const WEEKEND_DURATION = 172800000;
-const X_LABEL_SIZE = 90;
-const X_LABEL_SIZE_MOBILE = 110;
-const Y_LABEL_SIZE_MOBILE = 35;
-const Y_LABEL_SIZE = 45;
-const CHART_WIDTH = 9999;
-const CHART_HEIGHT = 425;
-const LEGEND_HEIGHT = 50;
-const LEGEND_HEIGHT_MOBILE = 70;
-const VERTICAL_LINE_COUNT = 10;
-const CANDLE_NUMBER_HOUR = 12;
-const CANDLE_MINUTE = 5;
-const CURRENCIES_ORDER = [CurrencyName.Usd, CurrencyName.Eur, CurrencyName.Gbp, CurrencyName.Cad, CurrencyName.Aud, CurrencyName.Chf, CurrencyName.Jpy, CurrencyName.Nzd];
-const COLOR_CONFIG = {
-  USD: colorPalette.greenLight,
-  EUR: colorPalette.turquoiseLight,
-  GBP: colorPalette.violetLight,
-  JPY: colorPalette.raspberryLight,
-  CHF: colorPalette.bottleGreenLight75,
-  AUD: colorPalette.orange,
-  CAD: colorPalette.midnight75Lighter,
-  NZD: colorPalette.gold
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Y_LABEL_SIZE_MOBILE = exports.Y_LABEL_SIZE = exports.X_LABEL_SIZE_MOBILE = exports.X_LABEL_SIZE = exports.WEEKEND_DURATION = exports.VERTICAL_LINE_COUNT = exports.TOOLTIP_LINE_COLOR_CONFIG = exports.LEGEND_HEIGHT_MOBILE = exports.LEGEND_HEIGHT = exports.CURRENCIES_ORDER = exports.COLOR_CONFIG = exports.CHART_WIDTH = exports.CHART_HEIGHT = exports.CANDLE_NUMBER_HOUR = exports.CANDLE_MINUTE = void 0;
+var _labsWidgetCommon = require("@oanda/labs-widget-common");
+var _graphql = require("../../../../gql/types/graphql");
+const WEEKEND_DURATION = exports.WEEKEND_DURATION = 172800000;
+const X_LABEL_SIZE = exports.X_LABEL_SIZE = 90;
+const X_LABEL_SIZE_MOBILE = exports.X_LABEL_SIZE_MOBILE = 110;
+const Y_LABEL_SIZE_MOBILE = exports.Y_LABEL_SIZE_MOBILE = 35;
+const Y_LABEL_SIZE = exports.Y_LABEL_SIZE = 45;
+const CHART_WIDTH = exports.CHART_WIDTH = 9999;
+const CHART_HEIGHT = exports.CHART_HEIGHT = 425;
+const LEGEND_HEIGHT = exports.LEGEND_HEIGHT = 50;
+const LEGEND_HEIGHT_MOBILE = exports.LEGEND_HEIGHT_MOBILE = 70;
+const VERTICAL_LINE_COUNT = exports.VERTICAL_LINE_COUNT = 10;
+const CANDLE_NUMBER_HOUR = exports.CANDLE_NUMBER_HOUR = 12;
+const CANDLE_MINUTE = exports.CANDLE_MINUTE = 5;
+const CURRENCIES_ORDER = exports.CURRENCIES_ORDER = [_graphql.CurrencyName.Usd, _graphql.CurrencyName.Eur, _graphql.CurrencyName.Gbp, _graphql.CurrencyName.Cad, _graphql.CurrencyName.Aud, _graphql.CurrencyName.Chf, _graphql.CurrencyName.Jpy, _graphql.CurrencyName.Nzd];
+const COLOR_CONFIG = exports.COLOR_CONFIG = {
+  USD: _labsWidgetCommon.colorPalette.greenLight,
+  EUR: _labsWidgetCommon.colorPalette.turquoiseLight,
+  GBP: _labsWidgetCommon.colorPalette.violetLight,
+  JPY: _labsWidgetCommon.colorPalette.raspberryLight,
+  CHF: _labsWidgetCommon.colorPalette.bottleGreenLight75,
+  AUD: _labsWidgetCommon.colorPalette.orange,
+  CAD: _labsWidgetCommon.colorPalette.midnight75Lighter,
+  NZD: _labsWidgetCommon.colorPalette.gold
 };
-const TOOLTIP_LINE_COLOR_CONFIG = {
-  DARK: colorPalette.orange,
-  LIGHT: colorPalette.bottleGreenDark
+const TOOLTIP_LINE_COLOR_CONFIG = exports.TOOLTIP_LINE_COLOR_CONFIG = {
+  DARK: _labsWidgetCommon.colorPalette.orange,
+  LIGHT: _labsWidgetCommon.colorPalette.bottleGreenDark
 };
-export { CANDLE_MINUTE, CANDLE_NUMBER_HOUR, CHART_HEIGHT, CHART_WIDTH, COLOR_CONFIG, CURRENCIES_ORDER, LEGEND_HEIGHT, LEGEND_HEIGHT_MOBILE, TOOLTIP_LINE_COLOR_CONFIG, VERTICAL_LINE_COUNT, WEEKEND_DURATION, X_LABEL_SIZE, X_LABEL_SIZE_MOBILE, Y_LABEL_SIZE, Y_LABEL_SIZE_MOBILE };
 //# sourceMappingURL=constants.js.map

package/dist/module/CurrencyPowerBalanceWidget/components/Chart/options/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","names":["colorPalette","CurrencyName","WEEKEND_DURATION","X_LABEL_SIZE","X_LABEL_SIZE_MOBILE","Y_LABEL_SIZE_MOBILE","Y_LABEL_SIZE","CHART_WIDTH","CHART_HEIGHT","LEGEND_HEIGHT","LEGEND_HEIGHT_MOBILE","VERTICAL_LINE_COUNT","CANDLE_NUMBER_HOUR","CANDLE_MINUTE","CURRENCIES_ORDER","Usd","Eur","Gbp","Cad","Aud","Chf","Jpy","Nzd","COLOR_CONFIG","USD","greenLight","EUR","turquoiseLight","GBP","violetLight","JPY","raspberryLight","CHF","bottleGreenLight75","AUD","orange","CAD","midnight75Lighter","NZD","gold","TOOLTIP_LINE_COLOR_CONFIG","DARK","LIGHT","bottleGreenDark"],"sources":["../../../../../../src/CurrencyPowerBalanceWidget/components/Chart/options/constants.ts"],"sourcesContent":["import { colorPalette } from '@oanda/labs-widget-common';\n\nimport { CurrencyName } from '../../../../gql/types/graphql';\n\nconst WEEKEND_DURATION = 172800000;\n\nconst X_LABEL_SIZE = 90;\nconst X_LABEL_SIZE_MOBILE = 110;\nconst Y_LABEL_SIZE_MOBILE = 35;\nconst Y_LABEL_SIZE = 45;\nconst CHART_WIDTH = 9999;\nconst CHART_HEIGHT = 425;\nconst LEGEND_HEIGHT = 50;\nconst LEGEND_HEIGHT_MOBILE = 70;\nconst VERTICAL_LINE_COUNT = 10;\nconst CANDLE_NUMBER_HOUR = 12;\nconst CANDLE_MINUTE = 5;\n\nconst CURRENCIES_ORDER: CurrencyName[] = [\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\nconst COLOR_CONFIG = {\n  USD: colorPalette.greenLight,\n  EUR: colorPalette.turquoiseLight,\n  GBP: colorPalette.violetLight,\n  JPY: colorPalette.raspberryLight,\n  CHF: colorPalette.bottleGreenLight75,\n  AUD: colorPalette.orange,\n  CAD: colorPalette.midnight75Lighter,\n  NZD: colorPalette.gold,\n};\n\nconst TOOLTIP_LINE_COLOR_CONFIG = {\n  DARK: colorPalette.orange,\n  LIGHT: colorPalette.bottleGreenDark,\n};\n\nexport {\n  CANDLE_MINUTE,\n  CANDLE_NUMBER_HOUR,\n  CHART_HEIGHT,\n  CHART_WIDTH,\n  COLOR_CONFIG,\n  CURRENCIES_ORDER,\n  LEGEND_HEIGHT,\n  LEGEND_HEIGHT_MOBILE,\n  TOOLTIP_LINE_COLOR_CONFIG,\n  VERTICAL_LINE_COUNT,\n  WEEKEND_DURATION,\n  X_LABEL_SIZE,\n  X_LABEL_SIZE_MOBILE,\n  Y_LABEL_SIZE,\n  Y_LABEL_SIZE_MOBILE,\n};\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,2BAA2B;AAExD,SAASC,YAAY,QAAQ,+BAA+B;AAE5D,MAAMC,gBAAgB,GAAG,SAAS;AAElC,MAAMC,YAAY,GAAG,EAAE;AACvB,MAAMC,mBAAmB,GAAG,GAAG;AAC/B,MAAMC,mBAAmB,GAAG,EAAE;AAC9B,MAAMC,YAAY,GAAG,EAAE;AACvB,MAAMC,WAAW,GAAG,IAAI;AACxB,MAAMC,YAAY,GAAG,GAAG;AACxB,MAAMC,aAAa,GAAG,EAAE;AACxB,MAAMC,oBAAoB,GAAG,EAAE;AAC/B,MAAMC,mBAAmB,GAAG,EAAE;AAC9B,MAAMC,kBAAkB,GAAG,EAAE;AAC7B,MAAMC,aAAa,GAAG,CAAC;AAEvB,MAAMC,gBAAgC,GAAG,CACvCb,YAAY,CAACc,GAAG,EAChBd,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,CACjB;AAED,MAAMC,YAAY,GAAG;EACnBC,GAAG,EAAExB,YAAY,CAACyB,UAAU;EAC5BC,GAAG,EAAE1B,YAAY,CAAC2B,cAAc;EAChCC,GAAG,EAAE5B,YAAY,CAAC6B,WAAW;EAC7BC,GAAG,EAAE9B,YAAY,CAAC+B,cAAc;EAChCC,GAAG,EAAEhC,YAAY,CAACiC,kBAAkB;EACpCC,GAAG,EAAElC,YAAY,CAACmC,MAAM;EACxBC,GAAG,EAAEpC,YAAY,CAACqC,iBAAiB;EACnCC,GAAG,EAAEtC,YAAY,CAACuC;AACpB,CAAC;AAED,MAAMC,yBAAyB,GAAG;EAChCC,IAAI,EAAEzC,YAAY,CAACmC,MAAM;EACzBO,KAAK,EAAE1C,YAAY,CAAC2C;AACtB,CAAC;AAED,SACE9B,aAAa,EACbD,kBAAkB,EAClBJ,YAAY,EACZD,WAAW,EACXgB,YAAY,EACZT,gBAAgB,EAChBL,aAAa,EACbC,oBAAoB,EACpB8B,yBAAyB,EACzB7B,mBAAmB,EACnBT,gBAAgB,EAChBC,YAAY,EACZC,mBAAmB,EACnBE,YAAY,EACZD,mBAAmB","ignoreList":[]}
+{"version":3,"file":"constants.js","names":["_labsWidgetCommon","require","_graphql","WEEKEND_DURATION","exports","X_LABEL_SIZE","X_LABEL_SIZE_MOBILE","Y_LABEL_SIZE_MOBILE","Y_LABEL_SIZE","CHART_WIDTH","CHART_HEIGHT","LEGEND_HEIGHT","LEGEND_HEIGHT_MOBILE","VERTICAL_LINE_COUNT","CANDLE_NUMBER_HOUR","CANDLE_MINUTE","CURRENCIES_ORDER","CurrencyName","Usd","Eur","Gbp","Cad","Aud","Chf","Jpy","Nzd","COLOR_CONFIG","USD","colorPalette","greenLight","EUR","turquoiseLight","GBP","violetLight","JPY","raspberryLight","CHF","bottleGreenLight75","AUD","orange","CAD","midnight75Lighter","NZD","gold","TOOLTIP_LINE_COLOR_CONFIG","DARK","LIGHT","bottleGreenDark"],"sources":["../../../../../../src/CurrencyPowerBalanceWidget/components/Chart/options/constants.ts"],"sourcesContent":["import { colorPalette } from '@oanda/labs-widget-common';\n\nimport { CurrencyName } from '../../../../gql/types/graphql';\n\nconst WEEKEND_DURATION = 172800000;\n\nconst X_LABEL_SIZE = 90;\nconst X_LABEL_SIZE_MOBILE = 110;\nconst Y_LABEL_SIZE_MOBILE = 35;\nconst Y_LABEL_SIZE = 45;\nconst CHART_WIDTH = 9999;\nconst CHART_HEIGHT = 425;\nconst LEGEND_HEIGHT = 50;\nconst LEGEND_HEIGHT_MOBILE = 70;\nconst VERTICAL_LINE_COUNT = 10;\nconst CANDLE_NUMBER_HOUR = 12;\nconst CANDLE_MINUTE = 5;\n\nconst CURRENCIES_ORDER: CurrencyName[] = [\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\nconst COLOR_CONFIG = {\n  USD: colorPalette.greenLight,\n  EUR: colorPalette.turquoiseLight,\n  GBP: colorPalette.violetLight,\n  JPY: colorPalette.raspberryLight,\n  CHF: colorPalette.bottleGreenLight75,\n  AUD: colorPalette.orange,\n  CAD: colorPalette.midnight75Lighter,\n  NZD: colorPalette.gold,\n};\n\nconst TOOLTIP_LINE_COLOR_CONFIG = {\n  DARK: colorPalette.orange,\n  LIGHT: colorPalette.bottleGreenDark,\n};\n\nexport {\n  CANDLE_MINUTE,\n  CANDLE_NUMBER_HOUR,\n  CHART_HEIGHT,\n  CHART_WIDTH,\n  COLOR_CONFIG,\n  CURRENCIES_ORDER,\n  LEGEND_HEIGHT,\n  LEGEND_HEIGHT_MOBILE,\n  TOOLTIP_LINE_COLOR_CONFIG,\n  VERTICAL_LINE_COUNT,\n  WEEKEND_DURATION,\n  X_LABEL_SIZE,\n  X_LABEL_SIZE_MOBILE,\n  Y_LABEL_SIZE,\n  Y_LABEL_SIZE_MOBILE,\n};\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AAEA,MAAME,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,SAAS;AAElC,MAAME,YAAY,GAAAD,OAAA,CAAAC,YAAA,GAAG,EAAE;AACvB,MAAMC,mBAAmB,GAAAF,OAAA,CAAAE,mBAAA,GAAG,GAAG;AAC/B,MAAMC,mBAAmB,GAAAH,OAAA,CAAAG,mBAAA,GAAG,EAAE;AAC9B,MAAMC,YAAY,GAAAJ,OAAA,CAAAI,YAAA,GAAG,EAAE;AACvB,MAAMC,WAAW,GAAAL,OAAA,CAAAK,WAAA,GAAG,IAAI;AACxB,MAAMC,YAAY,GAAAN,OAAA,CAAAM,YAAA,GAAG,GAAG;AACxB,MAAMC,aAAa,GAAAP,OAAA,CAAAO,aAAA,GAAG,EAAE;AACxB,MAAMC,oBAAoB,GAAAR,OAAA,CAAAQ,oBAAA,GAAG,EAAE;AAC/B,MAAMC,mBAAmB,GAAAT,OAAA,CAAAS,mBAAA,GAAG,EAAE;AAC9B,MAAMC,kBAAkB,GAAAV,OAAA,CAAAU,kBAAA,GAAG,EAAE;AAC7B,MAAMC,aAAa,GAAAX,OAAA,CAAAW,aAAA,GAAG,CAAC;AAEvB,MAAMC,gBAAgC,GAAAZ,OAAA,CAAAY,gBAAA,GAAG,CACvCC,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;AAED,MAAMC,YAAY,GAAAtB,OAAA,CAAAsB,YAAA,GAAG;EACnBC,GAAG,EAAEC,8BAAY,CAACC,UAAU;EAC5BC,GAAG,EAAEF,8BAAY,CAACG,cAAc;EAChCC,GAAG,EAAEJ,8BAAY,CAACK,WAAW;EAC7BC,GAAG,EAAEN,8BAAY,CAACO,cAAc;EAChCC,GAAG,EAAER,8BAAY,CAACS,kBAAkB;EACpCC,GAAG,EAAEV,8BAAY,CAACW,MAAM;EACxBC,GAAG,EAAEZ,8BAAY,CAACa,iBAAiB;EACnCC,GAAG,EAAEd,8BAAY,CAACe;AACpB,CAAC;AAED,MAAMC,yBAAyB,GAAAxC,OAAA,CAAAwC,yBAAA,GAAG;EAChCC,IAAI,EAAEjB,8BAAY,CAACW,MAAM;EACzBO,KAAK,EAAElB,8BAAY,CAACmB;AACtB,CAAC","ignoreList":[]}

package/dist/module/CurrencyPowerBalanceWidget/components/Chart/options/formatters.js

@@ -1,18 +1,27 @@
-import { chartDateFormat, chartDateTimeFormat, getChartDateAndTime } from '@oanda/labs-widget-common';
-import { CurrencyPowerBalanceTimeUnit } from '../../../../gql/types/graphql';
-import { COLOR_CONFIG, CURRENCIES_ORDER, VERTICAL_LINE_COUNT } from './constants';
-const isMonthWeek = timeUnit => timeUnit === CurrencyPowerBalanceTimeUnit.M3 || timeUnit === CurrencyPowerBalanceTimeUnit.M1 || timeUnit === CurrencyPowerBalanceTimeUnit.W1;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.xAxisLabelFormatter = exports.tooltipFormatter = exports.isMonthWeek = exports.intervalFormatter = exports.formatLegendData = void 0;
+var _labsWidgetCommon = require("@oanda/labs-widget-common");
+var _graphql = require("../../../../gql/types/graphql");
+var _constants = require("./constants");
+const isMonthWeek = timeUnit => timeUnit === _graphql.CurrencyPowerBalanceTimeUnit.M3 || timeUnit === _graphql.CurrencyPowerBalanceTimeUnit.M1 || timeUnit === _graphql.CurrencyPowerBalanceTimeUnit.W1;
+exports.isMonthWeek = isMonthWeek;
 const xAxisLabelFormatter = (label, timeUnit) => {
   const {
     date,
     time
-  } = getChartDateAndTime(label);
+  } = (0, _labsWidgetCommon.getChartDateAndTime)(label);
   const isDateFormat = isMonthWeek(timeUnit) || time === '00:00';
-  return isDateFormat ? chartDateFormat(date) : time;
+  return isDateFormat ? (0, _labsWidgetCommon.chartDateFormat)(date) : time;
 };
-const intervalFormatter = dataLength => Math.round(dataLength / VERTICAL_LINE_COUNT);
+exports.xAxisLabelFormatter = xAxisLabelFormatter;
+const intervalFormatter = dataLength => Math.round(dataLength / _constants.VERTICAL_LINE_COUNT);
+exports.intervalFormatter = intervalFormatter;
 const tooltipFormatter = values => {
-  const date = chartDateTimeFormat(getChartDateAndTime(values[0].value[0]));
+  const date = (0, _labsWidgetCommon.chartDateTimeFormat)((0, _labsWidgetCommon.getChartDateAndTime)(values[0].value[0]));
   const row = values.sort((_ref, _ref2) => {
     let {
       value: valueA
@@ -40,6 +49,7 @@ const tooltipFormatter = values => {
     ${row.join('\n')}
   </div>`;
 };
+exports.tooltipFormatter = tooltipFormatter;
 const formatLegendData = values => {
   const dataCurrencies = values.map(_ref4 => {
     let {
@@ -47,13 +57,13 @@ const formatLegendData = values => {
     } = _ref4;
     return currency;
   });
-  const list = dataCurrencies.length === CURRENCIES_ORDER.length ? CURRENCIES_ORDER : CURRENCIES_ORDER.filter(currency => dataCurrencies.includes(currency));
+  const list = dataCurrencies.length === _constants.CURRENCIES_ORDER.length ? _constants.CURRENCIES_ORDER : _constants.CURRENCIES_ORDER.filter(currency => dataCurrencies.includes(currency));
   return list.map(currency => ({
     name: currency,
     itemStyle: {
-      color: COLOR_CONFIG[currency]
+      color: _constants.COLOR_CONFIG[currency]
     }
   }));
 };
-export { formatLegendData, intervalFormatter, isMonthWeek, tooltipFormatter, xAxisLabelFormatter };
+exports.formatLegendData = formatLegendData;
 //# sourceMappingURL=formatters.js.map