@oanda/labs-instruments-price-chart-widget 1.0.47 → 1.0.49

package/dist/module/InstrumentsPriceChartWidget/InstrumentsPriceChartWidget.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.InstrumentsPriceChartWidget = 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 InstrumentsPriceChartWidget = _ref => {
   let {
     graphqlUrl,
@@ -14,24 +21,24 @@ const InstrumentsPriceChartWidget = _ref => {
     instrument,
     dataSource
   } = _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, {
     dataSource: dataSource,
     division: division,
     instrument: instrument
   })));
 };
-export { InstrumentsPriceChartWidget };
+exports.InstrumentsPriceChartWidget = InstrumentsPriceChartWidget;
 //# sourceMappingURL=InstrumentsPriceChartWidget.js.map

package/dist/module/InstrumentsPriceChartWidget/InstrumentsPriceChartWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"InstrumentsPriceChartWidget.js","names":["ApolloClient","InMemoryCache","WidgetProvider","WidgetWrapper","React","translations","Main","InstrumentsPriceChartWidget","_ref","graphqlUrl","locale","theme","isParamError","logoLink","division","instrument","dataSource","client","uri","cache","createElement","linkArea"],"sources":["../../../src/InstrumentsPriceChartWidget/InstrumentsPriceChartWidget.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 { InstrumentsPriceChartConfig } from './types';\n\nconst InstrumentsPriceChartWidget = ({\n  graphqlUrl,\n  locale,\n  theme,\n  isParamError,\n  logoLink,\n  division,\n  instrument,\n  dataSource,\n}: InstrumentsPriceChartConfig) => {\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\n          dataSource={dataSource}\n          division={division}\n          instrument={instrument}\n        />\n      </WidgetWrapper>\n    </WidgetProvider>\n  );\n};\n\nexport { InstrumentsPriceChartWidget };\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,2BAA2B,GAAGC,IAAA,IASD;EAAA,IATE;IACnCC,UAAU;IACVC,MAAM;IACNC,KAAK;IACLC,YAAY;IACZC,QAAQ;IACRC,QAAQ;IACRC,UAAU;IACVC;EAC2B,CAAC,GAAAR,IAAA;EAC5B,MAAMS,MAAM,GAAG,IAAIjB,YAAY,CAAC;IAC9BkB,GAAG,EAAET,UAAU;IACfU,KAAK,EAAE,IAAIlB,aAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,OACEG,KAAA,CAAAgB,aAAA,CAAClB,cAAc;IACbe,MAAM,EAAEA,MAAO;IACfP,MAAM,EAAEA,MAAO;IACfC,KAAK,EAAEA,KAAM;IACbN,YAAY,EAAEA;EAAa,GAE3BD,KAAA,CAAAgB,aAAA,CAACjB,aAAa;IACZS,YAAY,EAAEA,YAAa;IAC3BS,QAAQ,EAAC,MAAM;IACfR,QAAQ,EAAEA;EAAS,GAEnBT,KAAA,CAAAgB,aAAA,CAACd,IAAI;IACHU,UAAU,EAAEA,UAAW;IACvBF,QAAQ,EAAEA,QAAS;IACnBC,UAAU,EAAEA;EAAW,CACxB,CACY,CACD,CAAC;AAErB,CAAC;AAED,SAASR,2BAA2B","ignoreList":[]}
+{"version":3,"file":"InstrumentsPriceChartWidget.js","names":["_client","require","_labsWidgetCommon","_react","_interopRequireDefault","_translations","_Main","e","__esModule","default","InstrumentsPriceChartWidget","_ref","graphqlUrl","locale","theme","isParamError","logoLink","division","instrument","dataSource","client","ApolloClient","uri","cache","InMemoryCache","createElement","WidgetProvider","translations","WidgetWrapper","linkArea","Main","exports"],"sources":["../../../src/InstrumentsPriceChartWidget/InstrumentsPriceChartWidget.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 { InstrumentsPriceChartConfig } from './types';\n\nconst InstrumentsPriceChartWidget = ({\n  graphqlUrl,\n  locale,\n  theme,\n  isParamError,\n  logoLink,\n  division,\n  instrument,\n  dataSource,\n}: InstrumentsPriceChartConfig) => {\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\n          dataSource={dataSource}\n          division={division}\n          instrument={instrument}\n        />\n      </WidgetWrapper>\n    </WidgetProvider>\n  );\n};\n\nexport { InstrumentsPriceChartWidget };\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,2BAA2B,GAAGC,IAAA,IASD;EAAA,IATE;IACnCC,UAAU;IACVC,MAAM;IACNC,KAAK;IACLC,YAAY;IACZC,QAAQ;IACRC,QAAQ;IACRC,UAAU;IACVC;EAC2B,CAAC,GAAAR,IAAA;EAC5B,MAAMS,MAAM,GAAG,IAAIC,oBAAY,CAAC;IAC9BC,GAAG,EAAEV,UAAU;IACfW,KAAK,EAAE,IAAIC,qBAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,OACErB,MAAA,CAAAM,OAAA,CAAAgB,aAAA,CAACvB,iBAAA,CAAAwB,cAAc;IACbN,MAAM,EAAEA,MAAO;IACfP,MAAM,EAAEA,MAAO;IACfC,KAAK,EAAEA,KAAM;IACba,YAAY,EAAEA;EAAa,GAE3BxB,MAAA,CAAAM,OAAA,CAAAgB,aAAA,CAACvB,iBAAA,CAAA0B,aAAa;IACZb,YAAY,EAAEA,YAAa;IAC3Bc,QAAQ,EAAC,MAAM;IACfb,QAAQ,EAAEA;EAAS,GAEnBb,MAAA,CAAAM,OAAA,CAAAgB,aAAA,CAACnB,KAAA,CAAAwB,IAAI;IACHX,UAAU,EAAEA,UAAW;IACvBF,QAAQ,EAAEA,QAAS;IACnBC,UAAU,EAAEA;EAAW,CACxB,CACY,CACD,CAAC;AAErB,CAAC;AAACa,OAAA,CAAArB,2BAAA,GAAAA,2BAAA","ignoreList":[]}

package/dist/module/InstrumentsPriceChartWidget/Main.js

@@ -1,55 +1,62 @@
-import { useQuery } from '@apollo/client';
-import { ChartError, Spinner, SpinnerSize, TimeUnitSwitch } from '@oanda/labs-widget-common';
-import React, { useState } from 'react';
-import { priceCandles } from '../gql/priceCandles';
-import { TimeSpan } from '../gql/types/graphql';
-import { Chart } from './components/Chart';
-import { TimeZoneLabel } from './components/TimeZoneLabel';
-import { timeUnitConfig } from './config';
-import { getCandles, getGranularityForTimeSpan } from './utils';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Main = void 0;
+var _client = require("@apollo/client");
+var _labsWidgetCommon = require("@oanda/labs-widget-common");
+var _react = _interopRequireWildcard(require("react"));
+var _priceCandles = require("../gql/priceCandles");
+var _graphql = require("../gql/types/graphql");
+var _Chart = require("./components/Chart");
+var _TimeZoneLabel = require("./components/TimeZoneLabel");
+var _config = require("./config");
+var _utils = require("./utils");
+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 {
     division,
     instrument,
     dataSource
   } = _ref;
-  const [selectedTimeUnit, setSelectedTimeUnit] = useState(TimeSpan.Day_1);
+  const [selectedTimeUnit, setSelectedTimeUnit] = (0, _react.useState)(_graphql.TimeSpan.Day_1);
   const {
     loading,
     data,
     error
-  } = useQuery(priceCandles, {
+  } = (0, _client.useQuery)(_priceCandles.priceCandles, {
     variables: {
       dataSource,
       division,
       instrument,
-      granularity: getGranularityForTimeSpan(selectedTimeUnit),
+      granularity: (0, _utils.getGranularityForTimeSpan)(selectedTimeUnit),
       timeSpan: selectedTimeUnit
     },
     fetchPolicy: 'cache-and-network'
   });
-  const candles = getCandles(data);
+  const candles = (0, _utils.getCandles)(data);
   const showError = candles?.length === 0 || !candles || !!error;
-  return React.createElement("div", {
+  return _react.default.createElement("div", {
     "data-testid": "instruments-price-chart-wrapper"
-  }, React.createElement("div", {
+  }, _react.default.createElement("div", {
     className: "lw-flex lw-pt-2"
-  }, React.createElement(TimeUnitSwitch, {
+  }, _react.default.createElement(_labsWidgetCommon.TimeUnitSwitch, {
     callback: setSelectedTimeUnit,
-    options: timeUnitConfig,
+    options: _config.timeUnitConfig,
     selected: selectedTimeUnit
-  })), loading && React.createElement("div", {
+  })), loading && _react.default.createElement("div", {
     className: "lw-flex lw-h-[425px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary"
-  }, React.createElement(Spinner, {
-    size: SpinnerSize.lg
-  })), !loading && showError && React.createElement("div", {
+  }, _react.default.createElement(_labsWidgetCommon.Spinner, {
+    size: _labsWidgetCommon.SpinnerSize.lg
+  })), !loading && showError && _react.default.createElement("div", {
     className: "lw-flex lw-h-[425px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary"
-  }, React.createElement(ChartError, null)), !loading && !showError && React.createElement("div", {
+  }, _react.default.createElement(_labsWidgetCommon.ChartError, null)), !loading && !showError && _react.default.createElement("div", {
     "data-testid": "instruments-price-chart-widget"
-  }, React.createElement(Chart, {
+  }, _react.default.createElement(_Chart.Chart, {
     timeSpan: selectedTimeUnit,
     values: candles
-  })), React.createElement(TimeZoneLabel, null));
+  })), _react.default.createElement(_TimeZoneLabel.TimeZoneLabel, null));
 };
-export { Main };
+exports.Main = Main;
 //# sourceMappingURL=Main.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Main.js","names":["useQuery","ChartError","Spinner","SpinnerSize","TimeUnitSwitch","React","useState","priceCandles","TimeSpan","Chart","TimeZoneLabel","timeUnitConfig","getCandles","getGranularityForTimeSpan","Main","_ref","division","instrument","dataSource","selectedTimeUnit","setSelectedTimeUnit","Day_1","loading","data","error","variables","granularity","timeSpan","fetchPolicy","candles","showError","length","createElement","className","callback","options","selected","size","lg","values"],"sources":["../../../src/InstrumentsPriceChartWidget/Main.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client';\nimport {\n  ChartError,\n  Spinner,\n  SpinnerSize,\n  TimeUnitSwitch,\n} from '@oanda/labs-widget-common';\nimport React, { useState } from 'react';\n\nimport { priceCandles } from '../gql/priceCandles';\nimport {\n  type PriceCandlesQuery,\n  type PriceCandlesQueryVariables,\n  TimeSpan,\n} from '../gql/types/graphql';\nimport { Chart } from './components/Chart';\nimport { TimeZoneLabel } from './components/TimeZoneLabel';\nimport { timeUnitConfig } from './config';\nimport { type MainProps } from './types';\nimport { getCandles, getGranularityForTimeSpan } from './utils';\n\nconst Main = ({ division, instrument, dataSource }: MainProps) => {\n  const [selectedTimeUnit, setSelectedTimeUnit] = useState(TimeSpan.Day_1);\n\n  const { loading, data, error } = useQuery<\n    PriceCandlesQuery,\n    PriceCandlesQueryVariables\n  >(priceCandles, {\n    variables: {\n      dataSource,\n      division,\n      instrument,\n      granularity: getGranularityForTimeSpan(selectedTimeUnit),\n      timeSpan: selectedTimeUnit,\n    },\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const candles = getCandles(data);\n  const showError = candles?.length === 0 || !candles || !!error;\n\n  return (\n    <div data-testid=\"instruments-price-chart-wrapper\">\n      <div className=\"lw-flex lw-pt-2\">\n        <TimeUnitSwitch<TimeSpan>\n          callback={setSelectedTimeUnit}\n          options={timeUnitConfig}\n          selected={selectedTimeUnit}\n        />\n      </div>\n\n      {loading && (\n        <div className=\"lw-flex lw-h-[425px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary\">\n          <Spinner size={SpinnerSize.lg} />\n        </div>\n      )}\n\n      {!loading && showError && (\n        <div className=\"lw-flex lw-h-[425px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary\">\n          <ChartError />\n        </div>\n      )}\n\n      {!loading && !showError && (\n        <div data-testid=\"instruments-price-chart-widget\">\n          <Chart timeSpan={selectedTimeUnit} values={candles} />\n        </div>\n      )}\n      <TimeZoneLabel />\n    </div>\n  );\n};\n\nexport { Main };\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,gBAAgB;AACzC,SACEC,UAAU,EACVC,OAAO,EACPC,WAAW,EACXC,cAAc,QACT,2BAA2B;AAClC,OAAOC,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AAEvC,SAASC,YAAY,QAAQ,qBAAqB;AAClD,SAGEC,QAAQ,QACH,sBAAsB;AAC7B,SAASC,KAAK,QAAQ,oBAAoB;AAC1C,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SAASC,cAAc,QAAQ,UAAU;AAEzC,SAASC,UAAU,EAAEC,yBAAyB,QAAQ,SAAS;AAE/D,MAAMC,IAAI,GAAGC,IAAA,IAAqD;EAAA,IAApD;IAAEC,QAAQ;IAAEC,UAAU;IAAEC;EAAsB,CAAC,GAAAH,IAAA;EAC3D,MAAM,CAACI,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGd,QAAQ,CAACE,QAAQ,CAACa,KAAK,CAAC;EAExE,MAAM;IAAEC,OAAO;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAGxB,QAAQ,CAGvCO,YAAY,EAAE;IACdkB,SAAS,EAAE;MACTP,UAAU;MACVF,QAAQ;MACRC,UAAU;MACVS,WAAW,EAAEb,yBAAyB,CAACM,gBAAgB,CAAC;MACxDQ,QAAQ,EAAER;IACZ,CAAC;IACDS,WAAW,EAAE;EACf,CAAC,CAAC;EAEF,MAAMC,OAAO,GAAGjB,UAAU,CAACW,IAAI,CAAC;EAChC,MAAMO,SAAS,GAAGD,OAAO,EAAEE,MAAM,KAAK,CAAC,IAAI,CAACF,OAAO,IAAI,CAAC,CAACL,KAAK;EAE9D,OACEnB,KAAA,CAAA2B,aAAA;IAAK,eAAY;EAAiC,GAChD3B,KAAA,CAAA2B,aAAA;IAAKC,SAAS,EAAC;EAAiB,GAC9B5B,KAAA,CAAA2B,aAAA,CAAC5B,cAAc;IACb8B,QAAQ,EAAEd,mBAAoB;IAC9Be,OAAO,EAAExB,cAAe;IACxByB,QAAQ,EAAEjB;EAAiB,CAC5B,CACE,CAAC,EAELG,OAAO,IACNjB,KAAA,CAAA2B,aAAA;IAAKC,SAAS,EAAC;EAAmG,GAChH5B,KAAA,CAAA2B,aAAA,CAAC9B,OAAO;IAACmC,IAAI,EAAElC,WAAW,CAACmC;EAAG,CAAE,CAC7B,CACN,EAEA,CAAChB,OAAO,IAAIQ,SAAS,IACpBzB,KAAA,CAAA2B,aAAA;IAAKC,SAAS,EAAC;EAAmG,GAChH5B,KAAA,CAAA2B,aAAA,CAAC/B,UAAU,MAAE,CACV,CACN,EAEA,CAACqB,OAAO,IAAI,CAACQ,SAAS,IACrBzB,KAAA,CAAA2B,aAAA;IAAK,eAAY;EAAgC,GAC/C3B,KAAA,CAAA2B,aAAA,CAACvB,KAAK;IAACkB,QAAQ,EAAER,gBAAiB;IAACoB,MAAM,EAAEV;EAAQ,CAAE,CAClD,CACN,EACDxB,KAAA,CAAA2B,aAAA,CAACtB,aAAa,MAAE,CACb,CAAC;AAEV,CAAC;AAED,SAASI,IAAI","ignoreList":[]}
+{"version":3,"file":"Main.js","names":["_client","require","_labsWidgetCommon","_react","_interopRequireWildcard","_priceCandles","_graphql","_Chart","_TimeZoneLabel","_config","_utils","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Main","_ref","division","instrument","dataSource","selectedTimeUnit","setSelectedTimeUnit","useState","TimeSpan","Day_1","loading","data","error","useQuery","priceCandles","variables","granularity","getGranularityForTimeSpan","timeSpan","fetchPolicy","candles","getCandles","showError","length","createElement","className","TimeUnitSwitch","callback","options","timeUnitConfig","selected","Spinner","size","SpinnerSize","lg","ChartError","Chart","values","TimeZoneLabel","exports"],"sources":["../../../src/InstrumentsPriceChartWidget/Main.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client';\nimport {\n  ChartError,\n  Spinner,\n  SpinnerSize,\n  TimeUnitSwitch,\n} from '@oanda/labs-widget-common';\nimport React, { useState } from 'react';\n\nimport { priceCandles } from '../gql/priceCandles';\nimport {\n  type PriceCandlesQuery,\n  type PriceCandlesQueryVariables,\n  TimeSpan,\n} from '../gql/types/graphql';\nimport { Chart } from './components/Chart';\nimport { TimeZoneLabel } from './components/TimeZoneLabel';\nimport { timeUnitConfig } from './config';\nimport { type MainProps } from './types';\nimport { getCandles, getGranularityForTimeSpan } from './utils';\n\nconst Main = ({ division, instrument, dataSource }: MainProps) => {\n  const [selectedTimeUnit, setSelectedTimeUnit] = useState(TimeSpan.Day_1);\n\n  const { loading, data, error } = useQuery<\n    PriceCandlesQuery,\n    PriceCandlesQueryVariables\n  >(priceCandles, {\n    variables: {\n      dataSource,\n      division,\n      instrument,\n      granularity: getGranularityForTimeSpan(selectedTimeUnit),\n      timeSpan: selectedTimeUnit,\n    },\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const candles = getCandles(data);\n  const showError = candles?.length === 0 || !candles || !!error;\n\n  return (\n    <div data-testid=\"instruments-price-chart-wrapper\">\n      <div className=\"lw-flex lw-pt-2\">\n        <TimeUnitSwitch<TimeSpan>\n          callback={setSelectedTimeUnit}\n          options={timeUnitConfig}\n          selected={selectedTimeUnit}\n        />\n      </div>\n\n      {loading && (\n        <div className=\"lw-flex lw-h-[425px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary\">\n          <Spinner size={SpinnerSize.lg} />\n        </div>\n      )}\n\n      {!loading && showError && (\n        <div className=\"lw-flex lw-h-[425px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary\">\n          <ChartError />\n        </div>\n      )}\n\n      {!loading && !showError && (\n        <div data-testid=\"instruments-price-chart-widget\">\n          <Chart timeSpan={selectedTimeUnit} values={candles} />\n        </div>\n      )}\n      <TimeZoneLabel />\n    </div>\n  );\n};\n\nexport { Main };\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,31 +1,39 @@
-import { BaseChart, getChartTheme, Theme, useLayoutProvider } from '@oanda/labs-widget-common';
-import { useLocale } from '@oanda/mono-i18n';
-import { CustomChart, LineChart } from 'echarts/charts';
-import { DatasetComponent, GraphicComponent, GridSimpleComponent, 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, LineChart, DatasetComponent, CustomChart, CanvasRenderer, TooltipComponent]);
-echarts.registerTheme('dark_theme', getChartTheme(Theme.Dark));
-echarts.registerTheme('light_theme', getChartTheme(Theme.Light));
-export const Chart = _ref => {
+"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, _charts.LineChart, _components.DatasetComponent, _charts.CustomChart, _renderers.CanvasRenderer, _components.TooltipComponent]);
+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,
     timeSpan
   } = _ref;
   const {
     isDark
-  } = useLayoutProvider();
+  } = (0, _labsWidgetCommon.useLayoutProvider)();
   const {
     lang
-  } = useLocale();
-  return React.createElement(BaseChart, {
-    chartHeight: CHART_HEIGHT,
+  } = (0, _monoI18n.useLocale)();
+  return _react.default.createElement(_labsWidgetCommon.BaseChart, {
+    chartHeight: _constants.CHART_HEIGHT,
     echarts: echarts,
     isDark: isDark,
-    option: getOption({
+    option: (0, _getOption.getOption)({
       values,
       isDark,
       lang,
@@ -33,4 +41,5 @@ export const Chart = _ref => {
     })
   });
 };
+exports.Chart = Chart;
 //# sourceMappingURL=Chart.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Chart.js","names":["BaseChart","getChartTheme","Theme","useLayoutProvider","useLocale","CustomChart","LineChart","DatasetComponent","GraphicComponent","GridSimpleComponent","TooltipComponent","echarts","CanvasRenderer","React","CHART_HEIGHT","getOption","use","registerTheme","Dark","Light","Chart","_ref","values","timeSpan","isDark","lang","createElement","chartHeight","option"],"sources":["../../../../src/InstrumentsPriceChartWidget/components/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 { CustomChart, LineChart } from 'echarts/charts';\nimport {\n  DatasetComponent,\n  GraphicComponent,\n  GridSimpleComponent,\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  LineChart,\n  DatasetComponent,\n  CustomChart,\n  CanvasRenderer,\n  TooltipComponent,\n]);\n\necharts.registerTheme('dark_theme', getChartTheme(Theme.Dark));\necharts.registerTheme('light_theme', getChartTheme(Theme.Light));\n\nexport const Chart = ({ values, timeSpan }: ChartProps) => {\n  const { isDark } = useLayoutProvider();\n  const { lang } = useLocale();\n\n  return (\n    <BaseChart\n      chartHeight={CHART_HEIGHT}\n      echarts={echarts}\n      isDark={isDark}\n      option={getOption({\n        values,\n        isDark,\n        lang,\n        timeSpan,\n      })}\n    />\n  );\n};\n"],"mappings":"AAAA,SACEA,SAAS,EACTC,aAAa,EACbC,KAAK,EACLC,iBAAiB,QACZ,2BAA2B;AAClC,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,SAASC,WAAW,EAAEC,SAAS,QAAQ,gBAAgB;AACvD,SACEC,gBAAgB,EAChBC,gBAAgB,EAChBC,mBAAmB,EACnBC,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,CACVP,mBAAmB,EACnBD,gBAAgB,EAChBF,SAAS,EACTC,gBAAgB,EAChBF,WAAW,EACXO,cAAc,EACdF,gBAAgB,CACjB,CAAC;AAEFC,OAAO,CAACM,aAAa,CAAC,YAAY,EAAEhB,aAAa,CAACC,KAAK,CAACgB,IAAI,CAAC,CAAC;AAC9DP,OAAO,CAACM,aAAa,CAAC,aAAa,EAAEhB,aAAa,CAACC,KAAK,CAACiB,KAAK,CAAC,CAAC;AAEhE,OAAO,MAAMC,KAAK,GAAGC,IAAA,IAAsC;EAAA,IAArC;IAAEC,MAAM;IAAEC;EAAqB,CAAC,GAAAF,IAAA;EACpD,MAAM;IAAEG;EAAO,CAAC,GAAGrB,iBAAiB,CAAC,CAAC;EACtC,MAAM;IAAEsB;EAAK,CAAC,GAAGrB,SAAS,CAAC,CAAC;EAE5B,OACES,KAAA,CAAAa,aAAA,CAAC1B,SAAS;IACR2B,WAAW,EAAEb,YAAa;IAC1BH,OAAO,EAAEA,OAAQ;IACjBa,MAAM,EAAEA,MAAO;IACfI,MAAM,EAAEb,SAAS,CAAC;MAChBO,MAAM;MACNE,MAAM;MACNC,IAAI;MACJF;IACF,CAAC;EAAE,CACJ,CAAC;AAEN,CAAC","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","LineChart","DatasetComponent","CustomChart","CanvasRenderer","TooltipComponent","registerTheme","getChartTheme","Theme","Dark","Light","Chart","_ref","values","timeSpan","isDark","useLayoutProvider","lang","useLocale","createElement","BaseChart","chartHeight","CHART_HEIGHT","option","getOption","exports"],"sources":["../../../../src/InstrumentsPriceChartWidget/components/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 { CustomChart, LineChart } from 'echarts/charts';\nimport {\n  DatasetComponent,\n  GraphicComponent,\n  GridSimpleComponent,\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  LineChart,\n  DatasetComponent,\n  CustomChart,\n  CanvasRenderer,\n  TooltipComponent,\n]);\n\necharts.registerTheme('dark_theme', getChartTheme(Theme.Dark));\necharts.registerTheme('light_theme', getChartTheme(Theme.Light));\n\nexport const Chart = ({ values, timeSpan }: ChartProps) => {\n  const { isDark } = useLayoutProvider();\n  const { lang } = useLocale();\n\n  return (\n    <BaseChart\n      chartHeight={CHART_HEIGHT}\n      echarts={echarts}\n      isDark={isDark}\n      option={getOption({\n        values,\n        isDark,\n        lang,\n        timeSpan,\n      })}\n    />\n  );\n};\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,iBAAS,EACTC,4BAAgB,EAChBC,mBAAW,EACXC,yBAAc,EACdC,4BAAgB,CACjB,CAAC;AAEFjC,OAAO,CAACkC,aAAa,CAAC,YAAY,EAAE,IAAAC,+BAAa,EAACC,uBAAK,CAACC,IAAI,CAAC,CAAC;AAC9DrC,OAAO,CAACkC,aAAa,CAAC,aAAa,EAAE,IAAAC,+BAAa,EAACC,uBAAK,CAACE,KAAK,CAAC,CAAC;AAEzD,MAAMC,KAAK,GAAGC,IAAA,IAAsC;EAAA,IAArC;IAAEC,MAAM;IAAEC;EAAqB,CAAC,GAAAF,IAAA;EACpD,MAAM;IAAEG;EAAO,CAAC,GAAG,IAAAC,mCAAiB,EAAC,CAAC;EACtC,MAAM;IAAEC;EAAK,CAAC,GAAG,IAAAC,mBAAS,EAAC,CAAC;EAE5B,OACE3C,MAAA,CAAAM,OAAA,CAAAsC,aAAA,CAACpD,iBAAA,CAAAqD,SAAS;IACRC,WAAW,EAAEC,uBAAa;IAC1BlD,OAAO,EAAEA,OAAQ;IACjB2C,MAAM,EAAEA,MAAO;IACfQ,MAAM,EAAE,IAAAC,oBAAS,EAAC;MAChBX,MAAM;MACNE,MAAM;MACNE,IAAI;MACJH;IACF,CAAC;EAAE,CACJ,CAAC;AAEN,CAAC;AAACW,OAAA,CAAAd,KAAA,GAAAA,KAAA","ignoreList":[]}

package/dist/module/InstrumentsPriceChartWidget/components/TimeZoneLabel.js

@@ -1,5 +1,12 @@
-import { useLocale } from '@oanda/mono-i18n';
-import React from 'react';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TimeZoneLabel = void 0;
+var _monoI18n = require("@oanda/mono-i18n");
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const getBrowserOffsetLabel = () => {
   const parts = new Intl.DateTimeFormat(undefined, {
     timeZoneName: 'longOffset'
@@ -7,15 +14,16 @@ const getBrowserOffsetLabel = () => {
   const tzPart = parts.find(p => p.type === 'timeZoneName');
   return tzPart ? tzPart.value : '';
 };
-export const TimeZoneLabel = () => {
+const TimeZoneLabel = () => {
   const {
     lang
-  } = useLocale();
-  return React.createElement("span", {
+  } = (0, _monoI18n.useLocale)();
+  return _react.default.createElement("span", {
     className: "lw-ml-1 lw-font-sans lw-text-xs lw-font-bold",
     "data-testid": "timezone-label"
   }, `${lang('timezone_display', {
     timezone: getBrowserOffsetLabel()
   })}`);
 };
+exports.TimeZoneLabel = TimeZoneLabel;
 //# sourceMappingURL=TimeZoneLabel.js.map

package/dist/module/InstrumentsPriceChartWidget/components/TimeZoneLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimeZoneLabel.js","names":["useLocale","React","getBrowserOffsetLabel","parts","Intl","DateTimeFormat","undefined","timeZoneName","formatToParts","Date","tzPart","find","p","type","value","TimeZoneLabel","lang","createElement","className","timezone"],"sources":["../../../../src/InstrumentsPriceChartWidget/components/TimeZoneLabel.tsx"],"sourcesContent":["import { useLocale } from '@oanda/mono-i18n';\nimport React from 'react';\n\nconst getBrowserOffsetLabel = (): string => {\n  const parts = new Intl.DateTimeFormat(undefined, {\n    timeZoneName: 'longOffset',\n  }).formatToParts(new Date());\n\n  const tzPart = parts.find((p) => p.type === 'timeZoneName');\n  return tzPart ? tzPart.value : '';\n};\n\nexport const TimeZoneLabel = () => {\n  const { lang } = useLocale();\n\n  return (\n    <span\n      className=\"lw-ml-1 lw-font-sans lw-text-xs lw-font-bold\"\n      data-testid=\"timezone-label\"\n    >{`${lang('timezone_display', {\n      timezone: getBrowserOffsetLabel(),\n    })}`}</span>\n  );\n};\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,kBAAkB;AAC5C,OAAOC,KAAK,MAAM,OAAO;AAEzB,MAAMC,qBAAqB,GAAGA,CAAA,KAAc;EAC1C,MAAMC,KAAK,GAAG,IAAIC,IAAI,CAACC,cAAc,CAACC,SAAS,EAAE;IAC/CC,YAAY,EAAE;EAChB,CAAC,CAAC,CAACC,aAAa,CAAC,IAAIC,IAAI,CAAC,CAAC,CAAC;EAE5B,MAAMC,MAAM,GAAGP,KAAK,CAACQ,IAAI,CAAEC,CAAC,IAAKA,CAAC,CAACC,IAAI,KAAK,cAAc,CAAC;EAC3D,OAAOH,MAAM,GAAGA,MAAM,CAACI,KAAK,GAAG,EAAE;AACnC,CAAC;AAED,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EACjC,MAAM;IAAEC;EAAK,CAAC,GAAGhB,SAAS,CAAC,CAAC;EAE5B,OACEC,KAAA,CAAAgB,aAAA;IACEC,SAAS,EAAC,8CAA8C;IACxD,eAAY;EAAgB,GAC5B,GAAGF,IAAI,CAAC,kBAAkB,EAAE;IAC5BG,QAAQ,EAAEjB,qBAAqB,CAAC;EAClC,CAAC,CAAC,EAAS,CAAC;AAEhB,CAAC","ignoreList":[]}
+{"version":3,"file":"TimeZoneLabel.js","names":["_monoI18n","require","_react","_interopRequireDefault","e","__esModule","default","getBrowserOffsetLabel","parts","Intl","DateTimeFormat","undefined","timeZoneName","formatToParts","Date","tzPart","find","p","type","value","TimeZoneLabel","lang","useLocale","createElement","className","timezone","exports"],"sources":["../../../../src/InstrumentsPriceChartWidget/components/TimeZoneLabel.tsx"],"sourcesContent":["import { useLocale } from '@oanda/mono-i18n';\nimport React from 'react';\n\nconst getBrowserOffsetLabel = (): string => {\n  const parts = new Intl.DateTimeFormat(undefined, {\n    timeZoneName: 'longOffset',\n  }).formatToParts(new Date());\n\n  const tzPart = parts.find((p) => p.type === 'timeZoneName');\n  return tzPart ? tzPart.value : '';\n};\n\nexport const TimeZoneLabel = () => {\n  const { lang } = useLocale();\n\n  return (\n    <span\n      className=\"lw-ml-1 lw-font-sans lw-text-xs lw-font-bold\"\n      data-testid=\"timezone-label\"\n    >{`${lang('timezone_display', {\n      timezone: getBrowserOffsetLabel(),\n    })}`}</span>\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA0B,SAAAE,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE1B,MAAMG,qBAAqB,GAAGA,CAAA,KAAc;EAC1C,MAAMC,KAAK,GAAG,IAAIC,IAAI,CAACC,cAAc,CAACC,SAAS,EAAE;IAC/CC,YAAY,EAAE;EAChB,CAAC,CAAC,CAACC,aAAa,CAAC,IAAIC,IAAI,CAAC,CAAC,CAAC;EAE5B,MAAMC,MAAM,GAAGP,KAAK,CAACQ,IAAI,CAAEC,CAAC,IAAKA,CAAC,CAACC,IAAI,KAAK,cAAc,CAAC;EAC3D,OAAOH,MAAM,GAAGA,MAAM,CAACI,KAAK,GAAG,EAAE;AACnC,CAAC;AAEM,MAAMC,aAAa,GAAGA,CAAA,KAAM;EACjC,MAAM;IAAEC;EAAK,CAAC,GAAG,IAAAC,mBAAS,EAAC,CAAC;EAE5B,OACEpB,MAAA,CAAAI,OAAA,CAAAiB,aAAA;IACEC,SAAS,EAAC,8CAA8C;IACxD,eAAY;EAAgB,GAC5B,GAAGH,IAAI,CAAC,kBAAkB,EAAE;IAC5BI,QAAQ,EAAElB,qBAAqB,CAAC;EAClC,CAAC,CAAC,EAAS,CAAC;AAEhB,CAAC;AAACmB,OAAA,CAAAN,aAAA,GAAAA,aAAA","ignoreList":[]}

package/dist/module/InstrumentsPriceChartWidget/components/constants.js

@@ -1,6 +1,12 @@
-export const X_LABEL_SIZE = 40;
-export const Y_LABEL_SIZE_DESKTOP = 45;
-export const CHART_WIDTH = 9999;
-export const CHART_HEIGHT = 425;
-export const CHART_INTERVAL = 0.01;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Y_LABEL_SIZE_DESKTOP = exports.X_LABEL_SIZE = exports.CHART_WIDTH = exports.CHART_INTERVAL = exports.CHART_HEIGHT = void 0;
+const X_LABEL_SIZE = exports.X_LABEL_SIZE = 40;
+const Y_LABEL_SIZE_DESKTOP = exports.Y_LABEL_SIZE_DESKTOP = 45;
+const CHART_WIDTH = exports.CHART_WIDTH = 9999;
+const CHART_HEIGHT = exports.CHART_HEIGHT = 425;
+const CHART_INTERVAL = exports.CHART_INTERVAL = 0.01;
 //# sourceMappingURL=constants.js.map

package/dist/module/InstrumentsPriceChartWidget/components/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","names":["X_LABEL_SIZE","Y_LABEL_SIZE_DESKTOP","CHART_WIDTH","CHART_HEIGHT","CHART_INTERVAL"],"sources":["../../../../src/InstrumentsPriceChartWidget/components/constants.ts"],"sourcesContent":["export const X_LABEL_SIZE = 40;\nexport const Y_LABEL_SIZE_DESKTOP = 45;\nexport const CHART_WIDTH = 9999;\nexport const CHART_HEIGHT = 425;\nexport const CHART_INTERVAL = 0.01;\n"],"mappings":"AAAA,OAAO,MAAMA,YAAY,GAAG,EAAE;AAC9B,OAAO,MAAMC,oBAAoB,GAAG,EAAE;AACtC,OAAO,MAAMC,WAAW,GAAG,IAAI;AAC/B,OAAO,MAAMC,YAAY,GAAG,GAAG;AAC/B,OAAO,MAAMC,cAAc,GAAG,IAAI","ignoreList":[]}
+{"version":3,"file":"constants.js","names":["X_LABEL_SIZE","exports","Y_LABEL_SIZE_DESKTOP","CHART_WIDTH","CHART_HEIGHT","CHART_INTERVAL"],"sources":["../../../../src/InstrumentsPriceChartWidget/components/constants.ts"],"sourcesContent":["export const X_LABEL_SIZE = 40;\nexport const Y_LABEL_SIZE_DESKTOP = 45;\nexport const CHART_WIDTH = 9999;\nexport const CHART_HEIGHT = 425;\nexport const CHART_INTERVAL = 0.01;\n"],"mappings":";;;;;;AAAO,MAAMA,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,EAAE;AACvB,MAAME,oBAAoB,GAAAD,OAAA,CAAAC,oBAAA,GAAG,EAAE;AAC/B,MAAMC,WAAW,GAAAF,OAAA,CAAAE,WAAA,GAAG,IAAI;AACxB,MAAMC,YAAY,GAAAH,OAAA,CAAAG,YAAA,GAAG,GAAG;AACxB,MAAMC,cAAc,GAAAJ,OAAA,CAAAI,cAAA,GAAG,IAAI","ignoreList":[]}

package/dist/module/InstrumentsPriceChartWidget/components/formatters.js

@@ -1,34 +1,41 @@
-import { TimeSpan } from '../../gql/types/graphql';
-export const showSplitLine = (index, total) => {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.tooltipFormatter = exports.showSplitLine = exports.labelFormatter = void 0;
+var _graphql = require("../../gql/types/graphql");
+const showSplitLine = (index, total) => {
   const interval = Math.max(1, Math.floor(total / 6));
   return index % interval === 0;
 };
+exports.showSplitLine = showSplitLine;
 const showChartIntervalLabel = (timeSpan, values, index) => {
   const date = new Date(values[index].point);
   const labelInterval = Math.max(1, Math.floor(values.length / 6));
-  if (timeSpan === TimeSpan.Month_6 || timeSpan === TimeSpan.Year_1 || timeSpan === TimeSpan.Year_5) {
+  if (timeSpan === _graphql.TimeSpan.Month_6 || timeSpan === _graphql.TimeSpan.Year_1 || timeSpan === _graphql.TimeSpan.Year_5) {
     const prev = index > 0 ? new Date(values[index - 1].point) : null;
     const monthChanged = !prev || date.getMonth() !== prev.getMonth() || date.getFullYear() !== prev.getFullYear();
     return monthChanged;
   }
   return index % labelInterval === 0;
 };
-export const labelFormatter = (timeSpan, values) => (_, index) => {
+const labelFormatter = (timeSpan, values) => (_, index) => {
   const date = new Date(values[index].point);
   if (!showChartIntervalLabel(timeSpan, values, index)) return '';
   switch (timeSpan) {
-    case TimeSpan.Day_1:
+    case _graphql.TimeSpan.Day_1:
       const hour = date.getHours();
       return `${String(hour).padStart(2, '0')}:00`;
-    case TimeSpan.Week_1:
-    case TimeSpan.Month_1:
+    case _graphql.TimeSpan.Week_1:
+    case _graphql.TimeSpan.Month_1:
       return date.toLocaleDateString(undefined, {
         day: '2-digit',
         month: 'short'
       });
-    case TimeSpan.Month_6:
-    case TimeSpan.Year_1:
-    case TimeSpan.Year_5:
+    case _graphql.TimeSpan.Month_6:
+    case _graphql.TimeSpan.Year_1:
+    case _graphql.TimeSpan.Year_5:
       return date.toLocaleDateString(undefined, {
         month: 'short'
       });
@@ -36,6 +43,7 @@ export const labelFormatter = (timeSpan, values) => (_, index) => {
       return '';
   }
 };
+exports.labelFormatter = labelFormatter;
 const chartDateTimeFormat = iso => new Date(iso).toLocaleString(undefined, {
   year: 'numeric',
   month: '2-digit',
@@ -44,7 +52,7 @@ const chartDateTimeFormat = iso => new Date(iso).toLocaleString(undefined, {
   minute: '2-digit',
   hour12: false
 });
-export const tooltipFormatter = _ref => {
+const tooltipFormatter = _ref => {
   let {
     lang,
     data
@@ -67,4 +75,5 @@ export const tooltipFormatter = _ref => {
     </div>
   `;
 };
+exports.tooltipFormatter = tooltipFormatter;
 //# sourceMappingURL=formatters.js.map

package/dist/module/InstrumentsPriceChartWidget/components/formatters.js.map

@@ -1 +1 @@
-{"version":3,"file":"formatters.js","names":["TimeSpan","showSplitLine","index","total","interval","Math","max","floor","showChartIntervalLabel","timeSpan","values","date","Date","point","labelInterval","length","Month_6","Year_1","Year_5","prev","monthChanged","getMonth","getFullYear","labelFormatter","_","Day_1","hour","getHours","String","padStart","Week_1","Month_1","toLocaleDateString","undefined","day","month","chartDateTimeFormat","iso","toLocaleString","year","minute","hour12","tooltipFormatter","_ref","lang","data","open","high","close","low","toFixed"],"sources":["../../../../src/InstrumentsPriceChartWidget/components/formatters.ts"],"sourcesContent":["import { TimeSpan } from '../../gql/types/graphql';\nimport type { TooltipFormatterParams } from './types';\n\nexport const showSplitLine = (index: number, total: number): boolean => {\n  const interval = Math.max(1, Math.floor(total / 6));\n  return index % interval === 0;\n};\n\nconst showChartIntervalLabel = (\n  timeSpan: TimeSpan,\n  values: { point: string }[],\n  index: number\n): boolean => {\n  const date = new Date(values[index].point);\n  const labelInterval = Math.max(1, Math.floor(values.length / 6));\n\n  if (\n    timeSpan === TimeSpan.Month_6 ||\n    timeSpan === TimeSpan.Year_1 ||\n    timeSpan === TimeSpan.Year_5\n  ) {\n    const prev = index > 0 ? new Date(values[index - 1].point) : null;\n    const monthChanged =\n      !prev ||\n      date.getMonth() !== prev.getMonth() ||\n      date.getFullYear() !== prev.getFullYear();\n\n    return monthChanged;\n  }\n\n  return index % labelInterval === 0;\n};\n\nexport const labelFormatter =\n  (timeSpan: TimeSpan, values: { point: string }[]) =>\n  (_: string, index: number): string => {\n    const date = new Date(values[index].point);\n\n    if (!showChartIntervalLabel(timeSpan, values, index)) return '';\n\n    switch (timeSpan) {\n      case TimeSpan.Day_1:\n        const hour = date.getHours();\n        return `${String(hour).padStart(2, '0')}:00`;\n\n      case TimeSpan.Week_1:\n      case TimeSpan.Month_1:\n        return date.toLocaleDateString(undefined, {\n          day: '2-digit',\n          month: 'short',\n        });\n\n      case TimeSpan.Month_6:\n      case TimeSpan.Year_1:\n      case TimeSpan.Year_5:\n        return date.toLocaleDateString(undefined, {\n          month: 'short',\n        });\n\n      default:\n        return '';\n    }\n  };\n\nconst chartDateTimeFormat = (iso: string) =>\n  new Date(iso).toLocaleString(undefined, {\n    year: 'numeric',\n    month: '2-digit',\n    day: '2-digit',\n    hour: '2-digit',\n    minute: '2-digit',\n    hour12: false,\n  });\n\nexport const tooltipFormatter = ({ lang, data }: TooltipFormatterParams) => {\n  const { open, high, close, low, point } = data;\n  const date = chartDateTimeFormat(point);\n\n  return `\n    <div style=\"display:flex; flex-direction:column;\">\n      <span style=\"margin-bottom:5px;\">${date}</span>\n      ${lang('open')}: ${open.toFixed(4)}<br />\n      ${lang('high')}: ${high.toFixed(4)}<br />\n      ${lang('low')}: ${low.toFixed(4)}<br />\n      ${lang('close')}: ${close.toFixed(4)}\n    </div>\n  `;\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"formatters.js","names":["_graphql","require","showSplitLine","index","total","interval","Math","max","floor","exports","showChartIntervalLabel","timeSpan","values","date","Date","point","labelInterval","length","TimeSpan","Month_6","Year_1","Year_5","prev","monthChanged","getMonth","getFullYear","labelFormatter","_","Day_1","hour","getHours","String","padStart","Week_1","Month_1","toLocaleDateString","undefined","day","month","chartDateTimeFormat","iso","toLocaleString","year","minute","hour12","tooltipFormatter","_ref","lang","data","open","high","close","low","toFixed"],"sources":["../../../../src/InstrumentsPriceChartWidget/components/formatters.ts"],"sourcesContent":["import { TimeSpan } from '../../gql/types/graphql';\nimport type { TooltipFormatterParams } from './types';\n\nexport const showSplitLine = (index: number, total: number): boolean => {\n  const interval = Math.max(1, Math.floor(total / 6));\n  return index % interval === 0;\n};\n\nconst showChartIntervalLabel = (\n  timeSpan: TimeSpan,\n  values: { point: string }[],\n  index: number\n): boolean => {\n  const date = new Date(values[index].point);\n  const labelInterval = Math.max(1, Math.floor(values.length / 6));\n\n  if (\n    timeSpan === TimeSpan.Month_6 ||\n    timeSpan === TimeSpan.Year_1 ||\n    timeSpan === TimeSpan.Year_5\n  ) {\n    const prev = index > 0 ? new Date(values[index - 1].point) : null;\n    const monthChanged =\n      !prev ||\n      date.getMonth() !== prev.getMonth() ||\n      date.getFullYear() !== prev.getFullYear();\n\n    return monthChanged;\n  }\n\n  return index % labelInterval === 0;\n};\n\nexport const labelFormatter =\n  (timeSpan: TimeSpan, values: { point: string }[]) =>\n  (_: string, index: number): string => {\n    const date = new Date(values[index].point);\n\n    if (!showChartIntervalLabel(timeSpan, values, index)) return '';\n\n    switch (timeSpan) {\n      case TimeSpan.Day_1:\n        const hour = date.getHours();\n        return `${String(hour).padStart(2, '0')}:00`;\n\n      case TimeSpan.Week_1:\n      case TimeSpan.Month_1:\n        return date.toLocaleDateString(undefined, {\n          day: '2-digit',\n          month: 'short',\n        });\n\n      case TimeSpan.Month_6:\n      case TimeSpan.Year_1:\n      case TimeSpan.Year_5:\n        return date.toLocaleDateString(undefined, {\n          month: 'short',\n        });\n\n      default:\n        return '';\n    }\n  };\n\nconst chartDateTimeFormat = (iso: string) =>\n  new Date(iso).toLocaleString(undefined, {\n    year: 'numeric',\n    month: '2-digit',\n    day: '2-digit',\n    hour: '2-digit',\n    minute: '2-digit',\n    hour12: false,\n  });\n\nexport const tooltipFormatter = ({ lang, data }: TooltipFormatterParams) => {\n  const { open, high, close, low, point } = data;\n  const date = chartDateTimeFormat(point);\n\n  return `\n    <div style=\"display:flex; flex-direction:column;\">\n      <span style=\"margin-bottom:5px;\">${date}</span>\n      ${lang('open')}: ${open.toFixed(4)}<br />\n      ${lang('high')}: ${high.toFixed(4)}<br />\n      ${lang('low')}: ${low.toFixed(4)}<br />\n      ${lang('close')}: ${close.toFixed(4)}\n    </div>\n  `;\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/module/InstrumentsPriceChartWidget/components/getOption.js

@@ -1,7 +1,13 @@
-import { colorPalette, getGridLines, getLineCommons } from '@oanda/labs-widget-common';
-import { CHART_HEIGHT, CHART_INTERVAL, CHART_WIDTH, X_LABEL_SIZE, Y_LABEL_SIZE_DESKTOP } from './constants';
-import { labelFormatter, showSplitLine, 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,
     isDark,
@@ -9,12 +15,12 @@ export const getOption = _ref => {
     timeSpan
   } = _ref;
   const priceValues = values.map(d => d.high);
-  const gridLines = getGridLines({
+  const gridLines = (0, _labsWidgetCommon.getGridLines)({
     isDark,
-    chartWidth: CHART_WIDTH,
-    chartHeight: CHART_HEIGHT,
-    xLabelsSize: X_LABEL_SIZE,
-    yLabelSize: Y_LABEL_SIZE_DESKTOP,
+    chartWidth: _constants.CHART_WIDTH,
+    chartHeight: _constants.CHART_HEIGHT,
+    xLabelsSize: _constants.X_LABEL_SIZE,
+    yLabelSize: _constants.Y_LABEL_SIZE_DESKTOP,
     bottomLeftBox: false
   });
   return {
@@ -27,7 +33,7 @@ export const getOption = _ref => {
       formatter: params => {
         const p = Array.isArray(params) ? params[0] : params;
         const data = p.data;
-        return tooltipFormatter({
+        return (0, _formatters.tooltipFormatter)({
           lang,
           data
         });
@@ -43,19 +49,19 @@ export const getOption = _ref => {
       axisLabel: {
         padding: [0, 0, 0, 30],
         interval: 'auto',
-        formatter: labelFormatter(timeSpan, values)
+        formatter: (0, _formatters.labelFormatter)(timeSpan, values)
       },
       splitLine: {
         show: true,
-        interval: index => showSplitLine(index, values.length)
+        interval: index => (0, _formatters.showSplitLine)(index, values.length)
       }
     },
     yAxis: {
       type: 'value',
       position: 'right',
-      min: value => Math.floor(value.min * 100) / 100 - CHART_INTERVAL,
-      max: value => Math.ceil(value.max * 100) / 100 + CHART_INTERVAL,
-      interval: CHART_INTERVAL,
+      min: value => Math.floor(value.min * 100) / 100 - _constants.CHART_INTERVAL,
+      max: value => Math.ceil(value.max * 100) / 100 + _constants.CHART_INTERVAL,
+      interval: _constants.CHART_INTERVAL,
       axisLine: {
         show: false
       },
@@ -88,7 +94,7 @@ export const getOption = _ref => {
       smooth: true,
       symbol: 'none',
       lineStyle: {
-        color: colorPalette.navyBlue,
+        color: _labsWidgetCommon.colorPalette.navyBlue,
         width: 2
       },
       areaStyle: {
@@ -100,10 +106,10 @@ export const getOption = _ref => {
           y2: 1,
           colorStops: [{
             offset: 0,
-            color: colorPalette.brightBlue30
+            color: _labsWidgetCommon.colorPalette.brightBlue30
           }, {
             offset: 1,
-            color: colorPalette.brightBlue
+            color: _labsWidgetCommon.colorPalette.brightBlue
           }]
         }
       }
@@ -112,11 +118,11 @@ export const getOption = _ref => {
       name: 'main-grid',
       top: 0,
       left: 0,
-      right: `${Y_LABEL_SIZE_DESKTOP}px`,
-      bottom: `${X_LABEL_SIZE}px`
+      right: `${_constants.Y_LABEL_SIZE_DESKTOP}px`,
+      bottom: `${_constants.X_LABEL_SIZE}px`
     }],
     graphic: [...gridLines, {
-      ...getLineCommons(isDark),
+      ...(0, _labsWidgetCommon.getLineCommons)(isDark),
       top: 0,
       right: 0,
       shape: {
@@ -128,4 +134,5 @@ export const getOption = _ref => {
     }]
   };
 };
+exports.getOption = getOption;
 //# sourceMappingURL=getOption.js.map