@oanda/labs-volatility-chart-widget 1.0.201 → 1.0.202

package/dist/module/VolatilityChartWidget/ChartWithData.js

@@ -1,10 +1,17 @@
-import { useQuery } from '@apollo/client';
-import { ChartError, InfoBox, LastUpdated, Spinner, SpinnerSize } from '@oanda/labs-widget-common';
-import { useLocale } from '@oanda/mono-i18n';
-import React from 'react';
-import { getVolatilityChartData } from '../gql/getVolatilityChartData';
-import { VolatilityChartTimeUnit } from '../gql/types/graphql';
-import { Chart } from './components/Chart';
+"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 _getVolatilityChartData = require("../gql/getVolatilityChartData");
+var _graphql = require("../gql/types/graphql");
+var _Chart = require("./components/Chart");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const ChartWithData = _ref => {
   let {
     division,
@@ -14,12 +21,12 @@ const ChartWithData = _ref => {
   } = _ref;
   const {
     lang
-  } = useLocale();
+  } = (0, _monoI18n.useLocale)();
   const {
     loading,
     data,
     error
-  } = useQuery(getVolatilityChartData, {
+  } = (0, _client.useQuery)(_getVolatilityChartData.getVolatilityChartData, {
     variables: {
       division,
       instrument: instrument,
@@ -31,23 +38,23 @@ const ChartWithData = _ref => {
   });
   const showChart = instrument && !loading && data?.volatilityChart && data?.volatilityChart?.length > 0;
   const showError = instrument && !loading && (!data?.volatilityChart || data?.volatilityChart.length === 0 || error);
-  return React.createElement(React.Fragment, null, (loading || !instrument) && React.createElement("div", {
+  return _react.default.createElement(_react.default.Fragment, null, (loading || !instrument) && _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
-  })), showChart && React.createElement(Chart, {
+  }, _react.default.createElement(_labsWidgetCommon.Spinner, {
+    size: _labsWidgetCommon.SpinnerSize.lg
+  })), showChart && _react.default.createElement(_Chart.Chart, {
     timeUnit: timeUnit,
     values: data.volatilityChart
-  }), showError && React.createElement("div", {
+  }), 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)), React.createElement("div", {
+  }, _react.default.createElement(_labsWidgetCommon.ChartError, null)), _react.default.createElement("div", {
     className: "lw-mt-2 lw-flex lw-h-10 lw-flex-col lw-stroke-text-primary lw-py-2 lw-text-text-primary sm:lw-flex-row md:lw-items-center"
-  }, !loading && !showError && React.createElement(LastUpdated, {
+  }, !loading && !showError && _react.default.createElement(_labsWidgetCommon.LastUpdated, {
     labelCallback: lang,
     timestamp: data?.volatilityChart[0]?.updatedAt
-  }), timeUnit === VolatilityChartTimeUnit.H && !loading && !showError && React.createElement(InfoBox, {
+  }), timeUnit === _graphql.VolatilityChartTimeUnit.H && !loading && !showError && _react.default.createElement(_labsWidgetCommon.InfoBox, {
     text: lang('utc_info')
   })));
 };
-export { ChartWithData };
+exports.ChartWithData = ChartWithData;
 //# sourceMappingURL=ChartWithData.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChartWithData.js","names":["useQuery","ChartError","InfoBox","LastUpdated","Spinner","SpinnerSize","useLocale","React","getVolatilityChartData","VolatilityChartTimeUnit","Chart","ChartWithData","_ref","division","instrument","timeUnit","timeSpan","lang","loading","data","error","variables","fetchPolicy","skip","showChart","volatilityChart","length","showError","createElement","Fragment","className","size","lg","values","labelCallback","timestamp","updatedAt","H","text"],"sources":["../../../src/VolatilityChartWidget/ChartWithData.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client';\nimport {\n  ChartError,\n  InfoBox,\n  LastUpdated,\n  Spinner,\n  SpinnerSize,\n} from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport React from 'react';\n\nimport { getVolatilityChartData } from '../gql/getVolatilityChartData';\nimport type {\n  GetVolatilityChartDataQuery,\n  GetVolatilityChartDataQueryVariables,\n} from '../gql/types/graphql';\nimport { VolatilityChartTimeUnit } from '../gql/types/graphql';\nimport { Chart } from './components/Chart';\nimport type { VolatilityChartDataValues } from './components/Chart/types';\nimport type { ChartWithDataProps } from './types';\n\nconst ChartWithData = ({\n  division,\n  instrument,\n  timeUnit,\n  timeSpan,\n}: ChartWithDataProps) => {\n  const { lang } = useLocale();\n  const { loading, data, error } = useQuery<\n    GetVolatilityChartDataQuery,\n    GetVolatilityChartDataQueryVariables\n  >(getVolatilityChartData, {\n    variables: {\n      division,\n      instrument: instrument!,\n      timeUnit,\n      timeSpan,\n    },\n    fetchPolicy: 'cache-and-network',\n    skip: !instrument,\n  });\n\n  const showChart =\n    instrument &&\n    !loading &&\n    data?.volatilityChart &&\n    data?.volatilityChart?.length > 0;\n  const showError =\n    instrument &&\n    !loading &&\n    (!data?.volatilityChart || data?.volatilityChart.length === 0 || error);\n\n  return (\n    <>\n      {(loading || !instrument) && (\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      {showChart && (\n        <Chart\n          timeUnit={timeUnit}\n          values={data.volatilityChart as VolatilityChartDataValues[]}\n        />\n      )}\n      {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      <div className=\"lw-mt-2 lw-flex lw-h-10 lw-flex-col lw-stroke-text-primary lw-py-2 lw-text-text-primary sm:lw-flex-row md:lw-items-center\">\n        {!loading && !showError && (\n          <LastUpdated\n            labelCallback={lang}\n            timestamp={data?.volatilityChart![0]?.updatedAt!}\n          />\n        )}\n        {timeUnit === VolatilityChartTimeUnit.H && !loading && !showError && (\n          <InfoBox text={lang('utc_info')} />\n        )}\n      </div>\n    </>\n  );\n};\n\nexport { ChartWithData };\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,gBAAgB;AACzC,SACEC,UAAU,EACVC,OAAO,EACPC,WAAW,EACXC,OAAO,EACPC,WAAW,QACN,2BAA2B;AAClC,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,sBAAsB,QAAQ,+BAA+B;AAKtE,SAASC,uBAAuB,QAAQ,sBAAsB;AAC9D,SAASC,KAAK,QAAQ,oBAAoB;AAI1C,MAAMC,aAAa,GAAGC,IAAA,IAKI;EAAA,IALH;IACrBC,QAAQ;IACRC,UAAU;IACVC,QAAQ;IACRC;EACkB,CAAC,GAAAJ,IAAA;EACnB,MAAM;IAAEK;EAAK,CAAC,GAAGX,SAAS,CAAC,CAAC;EAC5B,MAAM;IAAEY,OAAO;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAGpB,QAAQ,CAGvCQ,sBAAsB,EAAE;IACxBa,SAAS,EAAE;MACTR,QAAQ;MACRC,UAAU,EAAEA,UAAW;MACvBC,QAAQ;MACRC;IACF,CAAC;IACDM,WAAW,EAAE,mBAAmB;IAChCC,IAAI,EAAE,CAACT;EACT,CAAC,CAAC;EAEF,MAAMU,SAAS,GACbV,UAAU,IACV,CAACI,OAAO,IACRC,IAAI,EAAEM,eAAe,IACrBN,IAAI,EAAEM,eAAe,EAAEC,MAAM,GAAG,CAAC;EACnC,MAAMC,SAAS,GACbb,UAAU,IACV,CAACI,OAAO,KACP,CAACC,IAAI,EAAEM,eAAe,IAAIN,IAAI,EAAEM,eAAe,CAACC,MAAM,KAAK,CAAC,IAAIN,KAAK,CAAC;EAEzE,OACEb,KAAA,CAAAqB,aAAA,CAAArB,KAAA,CAAAsB,QAAA,QACG,CAACX,OAAO,IAAI,CAACJ,UAAU,KACtBP,KAAA,CAAAqB,aAAA;IAAKE,SAAS,EAAC;EAAmG,GAChHvB,KAAA,CAAAqB,aAAA,CAACxB,OAAO;IAAC2B,IAAI,EAAE1B,WAAW,CAAC2B;EAAG,CAAE,CAC7B,CACN,EACAR,SAAS,IACRjB,KAAA,CAAAqB,aAAA,CAAClB,KAAK;IACJK,QAAQ,EAAEA,QAAS;IACnBkB,MAAM,EAAEd,IAAI,CAACM;EAA+C,CAC7D,CACF,EACAE,SAAS,IACRpB,KAAA,CAAAqB,aAAA;IAAKE,SAAS,EAAC;EAAmG,GAChHvB,KAAA,CAAAqB,aAAA,CAAC3B,UAAU,MAAE,CACV,CACN,EACDM,KAAA,CAAAqB,aAAA;IAAKE,SAAS,EAAC;EAA2H,GACvI,CAACZ,OAAO,IAAI,CAACS,SAAS,IACrBpB,KAAA,CAAAqB,aAAA,CAACzB,WAAW;IACV+B,aAAa,EAAEjB,IAAK;IACpBkB,SAAS,EAAEhB,IAAI,EAAEM,eAAe,CAAE,CAAC,CAAC,EAAEW;EAAW,CAClD,CACF,EACArB,QAAQ,KAAKN,uBAAuB,CAAC4B,CAAC,IAAI,CAACnB,OAAO,IAAI,CAACS,SAAS,IAC/DpB,KAAA,CAAAqB,aAAA,CAAC1B,OAAO;IAACoC,IAAI,EAAErB,IAAI,CAAC,UAAU;EAAE,CAAE,CAEjC,CACL,CAAC;AAEP,CAAC;AAED,SAASN,aAAa","ignoreList":[]}
+{"version":3,"file":"ChartWithData.js","names":["_client","require","_labsWidgetCommon","_monoI18n","_react","_interopRequireDefault","_getVolatilityChartData","_graphql","_Chart","e","__esModule","default","ChartWithData","_ref","division","instrument","timeUnit","timeSpan","lang","useLocale","loading","data","error","useQuery","getVolatilityChartData","variables","fetchPolicy","skip","showChart","volatilityChart","length","showError","createElement","Fragment","className","Spinner","size","SpinnerSize","lg","Chart","values","ChartError","LastUpdated","labelCallback","timestamp","updatedAt","VolatilityChartTimeUnit","H","InfoBox","text","exports"],"sources":["../../../src/VolatilityChartWidget/ChartWithData.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client';\nimport {\n  ChartError,\n  InfoBox,\n  LastUpdated,\n  Spinner,\n  SpinnerSize,\n} from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport React from 'react';\n\nimport { getVolatilityChartData } from '../gql/getVolatilityChartData';\nimport type {\n  GetVolatilityChartDataQuery,\n  GetVolatilityChartDataQueryVariables,\n} from '../gql/types/graphql';\nimport { VolatilityChartTimeUnit } from '../gql/types/graphql';\nimport { Chart } from './components/Chart';\nimport type { VolatilityChartDataValues } from './components/Chart/types';\nimport type { ChartWithDataProps } from './types';\n\nconst ChartWithData = ({\n  division,\n  instrument,\n  timeUnit,\n  timeSpan,\n}: ChartWithDataProps) => {\n  const { lang } = useLocale();\n  const { loading, data, error } = useQuery<\n    GetVolatilityChartDataQuery,\n    GetVolatilityChartDataQueryVariables\n  >(getVolatilityChartData, {\n    variables: {\n      division,\n      instrument: instrument!,\n      timeUnit,\n      timeSpan,\n    },\n    fetchPolicy: 'cache-and-network',\n    skip: !instrument,\n  });\n\n  const showChart =\n    instrument &&\n    !loading &&\n    data?.volatilityChart &&\n    data?.volatilityChart?.length > 0;\n  const showError =\n    instrument &&\n    !loading &&\n    (!data?.volatilityChart || data?.volatilityChart.length === 0 || error);\n\n  return (\n    <>\n      {(loading || !instrument) && (\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      {showChart && (\n        <Chart\n          timeUnit={timeUnit}\n          values={data.volatilityChart as VolatilityChartDataValues[]}\n        />\n      )}\n      {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      <div className=\"lw-mt-2 lw-flex lw-h-10 lw-flex-col lw-stroke-text-primary lw-py-2 lw-text-text-primary sm:lw-flex-row md:lw-items-center\">\n        {!loading && !showError && (\n          <LastUpdated\n            labelCallback={lang}\n            timestamp={data?.volatilityChart![0]?.updatedAt!}\n          />\n        )}\n        {timeUnit === VolatilityChartTimeUnit.H && !loading && !showError && (\n          <InfoBox text={lang('utc_info')} />\n        )}\n      </div>\n    </>\n  );\n};\n\nexport { ChartWithData };\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAOA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAEA,IAAAK,uBAAA,GAAAL,OAAA;AAKA,IAAAM,QAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAA2C,SAAAI,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAI3C,MAAMG,aAAa,GAAGC,IAAA,IAKI;EAAA,IALH;IACrBC,QAAQ;IACRC,UAAU;IACVC,QAAQ;IACRC;EACkB,CAAC,GAAAJ,IAAA;EACnB,MAAM;IAAEK;EAAK,CAAC,GAAG,IAAAC,mBAAS,EAAC,CAAC;EAC5B,MAAM;IAAEC,OAAO;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAG,IAAAC,gBAAQ,EAGvCC,8CAAsB,EAAE;IACxBC,SAAS,EAAE;MACTX,QAAQ;MACRC,UAAU,EAAEA,UAAW;MACvBC,QAAQ;MACRC;IACF,CAAC;IACDS,WAAW,EAAE,mBAAmB;IAChCC,IAAI,EAAE,CAACZ;EACT,CAAC,CAAC;EAEF,MAAMa,SAAS,GACbb,UAAU,IACV,CAACK,OAAO,IACRC,IAAI,EAAEQ,eAAe,IACrBR,IAAI,EAAEQ,eAAe,EAAEC,MAAM,GAAG,CAAC;EACnC,MAAMC,SAAS,GACbhB,UAAU,IACV,CAACK,OAAO,KACP,CAACC,IAAI,EAAEQ,eAAe,IAAIR,IAAI,EAAEQ,eAAe,CAACC,MAAM,KAAK,CAAC,IAAIR,KAAK,CAAC;EAEzE,OACElB,MAAA,CAAAO,OAAA,CAAAqB,aAAA,CAAA5B,MAAA,CAAAO,OAAA,CAAAsB,QAAA,QACG,CAACb,OAAO,IAAI,CAACL,UAAU,KACtBX,MAAA,CAAAO,OAAA,CAAAqB,aAAA;IAAKE,SAAS,EAAC;EAAmG,GAChH9B,MAAA,CAAAO,OAAA,CAAAqB,aAAA,CAAC9B,iBAAA,CAAAiC,OAAO;IAACC,IAAI,EAAEC,6BAAW,CAACC;EAAG,CAAE,CAC7B,CACN,EACAV,SAAS,IACRxB,MAAA,CAAAO,OAAA,CAAAqB,aAAA,CAACxB,MAAA,CAAA+B,KAAK;IACJvB,QAAQ,EAAEA,QAAS;IACnBwB,MAAM,EAAEnB,IAAI,CAACQ;EAA+C,CAC7D,CACF,EACAE,SAAS,IACR3B,MAAA,CAAAO,OAAA,CAAAqB,aAAA;IAAKE,SAAS,EAAC;EAAmG,GAChH9B,MAAA,CAAAO,OAAA,CAAAqB,aAAA,CAAC9B,iBAAA,CAAAuC,UAAU,MAAE,CACV,CACN,EACDrC,MAAA,CAAAO,OAAA,CAAAqB,aAAA;IAAKE,SAAS,EAAC;EAA2H,GACvI,CAACd,OAAO,IAAI,CAACW,SAAS,IACrB3B,MAAA,CAAAO,OAAA,CAAAqB,aAAA,CAAC9B,iBAAA,CAAAwC,WAAW;IACVC,aAAa,EAAEzB,IAAK;IACpB0B,SAAS,EAAEvB,IAAI,EAAEQ,eAAe,CAAE,CAAC,CAAC,EAAEgB;EAAW,CAClD,CACF,EACA7B,QAAQ,KAAK8B,gCAAuB,CAACC,CAAC,IAAI,CAAC3B,OAAO,IAAI,CAACW,SAAS,IAC/D3B,MAAA,CAAAO,OAAA,CAAAqB,aAAA,CAAC9B,iBAAA,CAAA8C,OAAO;IAACC,IAAI,EAAE/B,IAAI,CAAC,UAAU;EAAE,CAAE,CAEjC,CACL,CAAC;AAEP,CAAC;AAACgC,OAAA,CAAAtC,aAAA,GAAAA,aAAA","ignoreList":[]}

package/dist/module/VolatilityChartWidget/Main.js

@@ -1,12 +1,20 @@
-import { Size, Tabs, useLayoutProvider } from '@oanda/labs-widget-common';
-import { useLocale } from '@oanda/mono-i18n';
-import classnames from 'classnames';
-import React, { useState } from 'react';
-import { VolatilityChartTimeUnit } from '../gql/types/graphql';
-import { ChartWithData } from './ChartWithData';
-import { InstrumentSelector } from './components/InstrumentSelector';
-import { TimeSpanSwitch } from './components/TimeSpanSwitch';
-import { navigationConfig, timeSpanConfig } from './config';
+"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 _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _graphql = require("../gql/types/graphql");
+var _ChartWithData = require("./ChartWithData");
+var _InstrumentSelector = require("./components/InstrumentSelector");
+var _TimeSpanSwitch = require("./components/TimeSpanSwitch");
+var _config = require("./config");
+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); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const Main = _ref => {
   let {
     division,
@@ -15,61 +23,61 @@ const Main = _ref => {
   } = _ref;
   const {
     lang
-  } = useLocale();
+  } = (0, _monoI18n.useLocale)();
   const {
     size
-  } = useLayoutProvider();
-  const isDesktop = size === Size.DESKTOP;
+  } = (0, _labsWidgetCommon.useLayoutProvider)();
+  const isDesktop = size === _labsWidgetCommon.Size.DESKTOP;
   const isTool = !instrument;
-  const [selectedTimeUnit, setSelectedTimeUnit] = useState(VolatilityChartTimeUnit.D);
-  const [selectedInstrument, setSelectedInstrument] = useState(instrument);
-  const [selectedTimeSpan, setSelectedTimeSpan] = useState(timeSpanConfig[VolatilityChartTimeUnit.D][0].value);
+  const [selectedTimeUnit, setSelectedTimeUnit] = (0, _react.useState)(_graphql.VolatilityChartTimeUnit.D);
+  const [selectedInstrument, setSelectedInstrument] = (0, _react.useState)(instrument);
+  const [selectedTimeSpan, setSelectedTimeSpan] = (0, _react.useState)(_config.timeSpanConfig[_graphql.VolatilityChartTimeUnit.D][0].value);
   const handleTabClick = e => {
     setSelectedTimeUnit(e.currentTarget.value);
-    setSelectedTimeSpan(timeSpanConfig[e.currentTarget.value][0].value);
+    setSelectedTimeSpan(_config.timeSpanConfig[e.currentTarget.value][0].value);
   };
-  return React.createElement("div", {
+  return _react.default.createElement("div", {
     className: "lw-relative lw-text-sm lw-tracking-normal",
     "data-testid": "volatility-chart-tool-wrapper"
-  }, React.createElement("div", {
-    className: classnames('lw-grid', {
+  }, _react.default.createElement("div", {
+    className: (0, _classnames.default)('lw-grid', {
       'lw-grid-cols-[auto_120px] lw-gap-x-16': isDesktop,
       'lw-grid-cols-1': !isDesktop
     })
-  }, React.createElement("div", {
-    className: classnames('lw-row-start-1', {
+  }, _react.default.createElement("div", {
+    className: (0, _classnames.default)('lw-row-start-1', {
       'lw-col-span-2 ': isTool
     })
-  }, React.createElement(Tabs, {
+  }, _react.default.createElement(_labsWidgetCommon.Tabs, {
     mobileFullWidth: true,
     activeTab: selectedTimeUnit,
     handleClick: handleTabClick,
-    items: navigationConfig,
+    items: _config.navigationConfig,
     labelCallback: lang
-  })), data && React.createElement("div", {
-    className: classnames({
+  })), data && _react.default.createElement("div", {
+    className: (0, _classnames.default)({
       'lw-row-start-2 lw-mb-8': isTool
     })
-  }, React.createElement(InstrumentSelector, {
+  }, _react.default.createElement(_InstrumentSelector.InstrumentSelector, {
     data: data,
     onInstrumentChange: setSelectedInstrument
-  })), React.createElement("div", {
-    className: classnames('lw-mb-8 lw-self-end', {
+  })), _react.default.createElement("div", {
+    className: (0, _classnames.default)('lw-mb-8 lw-self-end', {
       'lw-row-start-2 lw-h-[50px]': isTool && isDesktop,
       'lw-row-start-3 lw-h-[50px]': isTool && !isDesktop,
       'lw-row-start-1 lw-h-[46px]': !isTool && isDesktop,
       'lw-row-start-2 lw-h-[46px]': !isTool && !isDesktop
     })
-  }, React.createElement(TimeSpanSwitch, {
+  }, _react.default.createElement(_TimeSpanSwitch.TimeSpanSwitch, {
     callback: setSelectedTimeSpan,
-    options: timeSpanConfig[selectedTimeUnit],
+    options: _config.timeSpanConfig[selectedTimeUnit],
     selected: selectedTimeSpan
-  }))), React.createElement(ChartWithData, {
+  }))), _react.default.createElement(_ChartWithData.ChartWithData, {
     division: division,
     instrument: selectedInstrument,
     timeSpan: selectedTimeSpan,
     timeUnit: selectedTimeUnit
   }));
 };
-export { Main };
+exports.Main = Main;
 //# sourceMappingURL=Main.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Main.js","names":["Size","Tabs","useLayoutProvider","useLocale","classnames","React","useState","VolatilityChartTimeUnit","ChartWithData","InstrumentSelector","TimeSpanSwitch","navigationConfig","timeSpanConfig","Main","_ref","division","instrument","data","lang","size","isDesktop","DESKTOP","isTool","selectedTimeUnit","setSelectedTimeUnit","D","selectedInstrument","setSelectedInstrument","selectedTimeSpan","setSelectedTimeSpan","value","handleTabClick","e","currentTarget","createElement","className","mobileFullWidth","activeTab","handleClick","items","labelCallback","onInstrumentChange","callback","options","selected","timeSpan","timeUnit"],"sources":["../../../src/VolatilityChartWidget/Main.tsx"],"sourcesContent":["import { Size, Tabs, useLayoutProvider } from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport classnames from 'classnames';\nimport React, { useState } from 'react';\n\nimport { VolatilityChartTimeUnit } from '../gql/types/graphql';\nimport { ChartWithData } from './ChartWithData';\nimport { InstrumentSelector } from './components/InstrumentSelector';\nimport { TimeSpanSwitch } from './components/TimeSpanSwitch';\nimport { navigationConfig, timeSpanConfig } from './config';\nimport type { MainProps } from './types';\n\nconst Main = ({ division, instrument, data }: MainProps) => {\n  const { lang } = useLocale();\n  const { size } = useLayoutProvider();\n  const isDesktop = size === Size.DESKTOP;\n  const isTool = !instrument;\n\n  const [selectedTimeUnit, setSelectedTimeUnit] = useState(\n    VolatilityChartTimeUnit.D\n  );\n  const [selectedInstrument, setSelectedInstrument] = useState(instrument);\n\n  const [selectedTimeSpan, setSelectedTimeSpan] = useState(\n    timeSpanConfig[VolatilityChartTimeUnit.D][0].value\n  );\n\n  const handleTabClick = (e: React.SyntheticEvent<HTMLButtonElement>) => {\n    setSelectedTimeUnit(e.currentTarget.value as VolatilityChartTimeUnit);\n    setSelectedTimeSpan(\n      timeSpanConfig[e.currentTarget.value as VolatilityChartTimeUnit][0].value\n    );\n  };\n\n  return (\n    <div\n      className=\"lw-relative lw-text-sm lw-tracking-normal\"\n      data-testid=\"volatility-chart-tool-wrapper\"\n    >\n      <div\n        className={classnames('lw-grid', {\n          'lw-grid-cols-[auto_120px] lw-gap-x-16': isDesktop,\n          'lw-grid-cols-1': !isDesktop,\n        })}\n      >\n        <div\n          className={classnames('lw-row-start-1', { 'lw-col-span-2 ': isTool })}\n        >\n          <Tabs\n            mobileFullWidth\n            activeTab={selectedTimeUnit}\n            handleClick={handleTabClick}\n            items={navigationConfig}\n            labelCallback={lang}\n          />\n        </div>\n        {data && (\n          <div className={classnames({ 'lw-row-start-2 lw-mb-8': isTool })}>\n            <InstrumentSelector\n              data={data}\n              onInstrumentChange={setSelectedInstrument}\n            />\n          </div>\n        )}\n        <div\n          className={classnames('lw-mb-8 lw-self-end', {\n            'lw-row-start-2 lw-h-[50px]': isTool && isDesktop,\n            'lw-row-start-3 lw-h-[50px]': isTool && !isDesktop,\n            'lw-row-start-1 lw-h-[46px]': !isTool && isDesktop,\n            'lw-row-start-2 lw-h-[46px]': !isTool && !isDesktop,\n          })}\n        >\n          <TimeSpanSwitch\n            callback={setSelectedTimeSpan}\n            options={timeSpanConfig[selectedTimeUnit]}\n            selected={selectedTimeSpan}\n          />\n        </div>\n      </div>\n      <ChartWithData\n        division={division}\n        instrument={selectedInstrument}\n        timeSpan={selectedTimeSpan}\n        timeUnit={selectedTimeUnit}\n      />\n    </div>\n  );\n};\n\nexport { Main };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Main.js","names":["_labsWidgetCommon","require","_monoI18n","_classnames","_interopRequireDefault","_react","_interopRequireWildcard","_graphql","_ChartWithData","_InstrumentSelector","_TimeSpanSwitch","_config","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Main","_ref","division","instrument","data","lang","useLocale","size","useLayoutProvider","isDesktop","Size","DESKTOP","isTool","selectedTimeUnit","setSelectedTimeUnit","useState","VolatilityChartTimeUnit","D","selectedInstrument","setSelectedInstrument","selectedTimeSpan","setSelectedTimeSpan","timeSpanConfig","value","handleTabClick","currentTarget","createElement","className","classnames","Tabs","mobileFullWidth","activeTab","handleClick","items","navigationConfig","labelCallback","InstrumentSelector","onInstrumentChange","TimeSpanSwitch","callback","options","selected","ChartWithData","timeSpan","timeUnit","exports"],"sources":["../../../src/VolatilityChartWidget/Main.tsx"],"sourcesContent":["import { Size, Tabs, useLayoutProvider } from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport classnames from 'classnames';\nimport React, { useState } from 'react';\n\nimport { VolatilityChartTimeUnit } from '../gql/types/graphql';\nimport { ChartWithData } from './ChartWithData';\nimport { InstrumentSelector } from './components/InstrumentSelector';\nimport { TimeSpanSwitch } from './components/TimeSpanSwitch';\nimport { navigationConfig, timeSpanConfig } from './config';\nimport type { MainProps } from './types';\n\nconst Main = ({ division, instrument, data }: MainProps) => {\n  const { lang } = useLocale();\n  const { size } = useLayoutProvider();\n  const isDesktop = size === Size.DESKTOP;\n  const isTool = !instrument;\n\n  const [selectedTimeUnit, setSelectedTimeUnit] = useState(\n    VolatilityChartTimeUnit.D\n  );\n  const [selectedInstrument, setSelectedInstrument] = useState(instrument);\n\n  const [selectedTimeSpan, setSelectedTimeSpan] = useState(\n    timeSpanConfig[VolatilityChartTimeUnit.D][0].value\n  );\n\n  const handleTabClick = (e: React.SyntheticEvent<HTMLButtonElement>) => {\n    setSelectedTimeUnit(e.currentTarget.value as VolatilityChartTimeUnit);\n    setSelectedTimeSpan(\n      timeSpanConfig[e.currentTarget.value as VolatilityChartTimeUnit][0].value\n    );\n  };\n\n  return (\n    <div\n      className=\"lw-relative lw-text-sm lw-tracking-normal\"\n      data-testid=\"volatility-chart-tool-wrapper\"\n    >\n      <div\n        className={classnames('lw-grid', {\n          'lw-grid-cols-[auto_120px] lw-gap-x-16': isDesktop,\n          'lw-grid-cols-1': !isDesktop,\n        })}\n      >\n        <div\n          className={classnames('lw-row-start-1', { 'lw-col-span-2 ': isTool })}\n        >\n          <Tabs\n            mobileFullWidth\n            activeTab={selectedTimeUnit}\n            handleClick={handleTabClick}\n            items={navigationConfig}\n            labelCallback={lang}\n          />\n        </div>\n        {data && (\n          <div className={classnames({ 'lw-row-start-2 lw-mb-8': isTool })}>\n            <InstrumentSelector\n              data={data}\n              onInstrumentChange={setSelectedInstrument}\n            />\n          </div>\n        )}\n        <div\n          className={classnames('lw-mb-8 lw-self-end', {\n            'lw-row-start-2 lw-h-[50px]': isTool && isDesktop,\n            'lw-row-start-3 lw-h-[50px]': isTool && !isDesktop,\n            'lw-row-start-1 lw-h-[46px]': !isTool && isDesktop,\n            'lw-row-start-2 lw-h-[46px]': !isTool && !isDesktop,\n          })}\n        >\n          <TimeSpanSwitch\n            callback={setSelectedTimeSpan}\n            options={timeSpanConfig[selectedTimeUnit]}\n            selected={selectedTimeSpan}\n          />\n        </div>\n      </div>\n      <ChartWithData\n        division={division}\n        instrument={selectedInstrument}\n        timeSpan={selectedTimeSpan}\n        timeUnit={selectedTimeUnit}\n      />\n    </div>\n  );\n};\n\nexport { Main };\n"],"mappings":"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","ignoreList":[]}

package/dist/module/VolatilityChartWidget/MainWithData.js

@@ -1,8 +1,15 @@
-import { useQuery } from '@apollo/client';
-import { ChartError, Spinner, SpinnerSize, useLayoutProvider } from '@oanda/labs-widget-common';
-import React from 'react';
-import { getVolatilityChartAssetClasses } from '../gql/getVolatilityChartAssetClasses';
-import { Main } from './Main';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MainWithData = void 0;
+var _client = require("@apollo/client");
+var _labsWidgetCommon = require("@oanda/labs-widget-common");
+var _react = _interopRequireDefault(require("react"));
+var _getVolatilityChartAssetClasses = require("../gql/getVolatilityChartAssetClasses");
+var _Main = require("./Main");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const MainWithData = _ref => {
   let {
     division,
@@ -10,31 +17,31 @@ const MainWithData = _ref => {
   } = _ref;
   const {
     size
-  } = useLayoutProvider();
+  } = (0, _labsWidgetCommon.useLayoutProvider)();
   const {
     loading,
     data,
     error
-  } = useQuery(getVolatilityChartAssetClasses, {
+  } = (0, _client.useQuery)(_getVolatilityChartAssetClasses.getVolatilityChartAssetClasses, {
     variables: {
       division
     },
     fetchPolicy: 'cache-and-network',
     skip: !!instrument
   });
-  return React.createElement("div", {
+  return _react.default.createElement("div", {
     "data-testid": "volatility-chart-wrapper"
-  }, (loading || !size) && React.createElement("div", {
+  }, (loading || !size) && _react.default.createElement("div", {
     className: "lw-flex lw-h-[500px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary"
-  }, React.createElement(Spinner, {
-    size: SpinnerSize.lg
-  })), (!loading && data && !instrument || !data && instrument) && size && React.createElement(Main, {
+  }, _react.default.createElement(_labsWidgetCommon.Spinner, {
+    size: _labsWidgetCommon.SpinnerSize.lg
+  })), (!loading && data && !instrument || !data && instrument) && size && _react.default.createElement(_Main.Main, {
     data: data,
     division: division,
     instrument: instrument
-  }), !loading && error && React.createElement("div", {
+  }), !loading && error && _react.default.createElement("div", {
     className: "lw-flex lw-h-[500px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary"
-  }, React.createElement(ChartError, null)));
+  }, _react.default.createElement(_labsWidgetCommon.ChartError, null)));
 };
-export { MainWithData };
+exports.MainWithData = MainWithData;
 //# sourceMappingURL=MainWithData.js.map

package/dist/module/VolatilityChartWidget/MainWithData.js.map

@@ -1 +1 @@
-{"version":3,"file":"MainWithData.js","names":["useQuery","ChartError","Spinner","SpinnerSize","useLayoutProvider","React","getVolatilityChartAssetClasses","Main","MainWithData","_ref","division","instrument","size","loading","data","error","variables","fetchPolicy","skip","createElement","className","lg"],"sources":["../../../src/VolatilityChartWidget/MainWithData.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client';\nimport {\n  ChartError,\n  Spinner,\n  SpinnerSize,\n  useLayoutProvider,\n} from '@oanda/labs-widget-common';\nimport React from 'react';\n\nimport { getVolatilityChartAssetClasses } from '../gql/getVolatilityChartAssetClasses';\nimport type {\n  GetVolatilityChartAssetClassesQuery,\n  GetVolatilityChartAssetClassesQueryVariables,\n} from '../gql/types/graphql';\nimport { Main } from './Main';\nimport type { MainWithDataProps } from './types';\n\nconst MainWithData = ({ division, instrument }: MainWithDataProps) => {\n  const { size } = useLayoutProvider();\n  const { loading, data, error } = useQuery<\n    GetVolatilityChartAssetClassesQuery,\n    GetVolatilityChartAssetClassesQueryVariables\n  >(getVolatilityChartAssetClasses, {\n    variables: {\n      division,\n    },\n    fetchPolicy: 'cache-and-network',\n    skip: !!instrument,\n  });\n\n  return (\n    <div data-testid=\"volatility-chart-wrapper\">\n      {(loading || !size) && (\n        <div className=\"lw-flex lw-h-[500px] 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 && data && !instrument) || (!data && instrument)) && size && (\n        <Main data={data} division={division} instrument={instrument} />\n      )}\n      {!loading && error && (\n        <div className=\"lw-flex lw-h-[500px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary\">\n          <ChartError />\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport { MainWithData };\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,gBAAgB;AACzC,SACEC,UAAU,EACVC,OAAO,EACPC,WAAW,EACXC,iBAAiB,QACZ,2BAA2B;AAClC,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,8BAA8B,QAAQ,uCAAuC;AAKtF,SAASC,IAAI,QAAQ,QAAQ;AAG7B,MAAMC,YAAY,GAAGC,IAAA,IAAiD;EAAA,IAAhD;IAAEC,QAAQ;IAAEC;EAA8B,CAAC,GAAAF,IAAA;EAC/D,MAAM;IAAEG;EAAK,CAAC,GAAGR,iBAAiB,CAAC,CAAC;EACpC,MAAM;IAAES,OAAO;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAGf,QAAQ,CAGvCM,8BAA8B,EAAE;IAChCU,SAAS,EAAE;MACTN;IACF,CAAC;IACDO,WAAW,EAAE,mBAAmB;IAChCC,IAAI,EAAE,CAAC,CAACP;EACV,CAAC,CAAC;EAEF,OACEN,KAAA,CAAAc,aAAA;IAAK,eAAY;EAA0B,GACxC,CAACN,OAAO,IAAI,CAACD,IAAI,KAChBP,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAC;EAAmG,GAChHf,KAAA,CAAAc,aAAA,CAACjB,OAAO;IAACU,IAAI,EAAET,WAAW,CAACkB;EAAG,CAAE,CAC7B,CACN,EACA,CAAE,CAACR,OAAO,IAAIC,IAAI,IAAI,CAACH,UAAU,IAAM,CAACG,IAAI,IAAIH,UAAW,KAAKC,IAAI,IACnEP,KAAA,CAAAc,aAAA,CAACZ,IAAI;IAACO,IAAI,EAAEA,IAAK;IAACJ,QAAQ,EAAEA,QAAS;IAACC,UAAU,EAAEA;EAAW,CAAE,CAChE,EACA,CAACE,OAAO,IAAIE,KAAK,IAChBV,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAC;EAAmG,GAChHf,KAAA,CAAAc,aAAA,CAAClB,UAAU,MAAE,CACV,CAEJ,CAAC;AAEV,CAAC;AAED,SAASO,YAAY","ignoreList":[]}
+{"version":3,"file":"MainWithData.js","names":["_client","require","_labsWidgetCommon","_react","_interopRequireDefault","_getVolatilityChartAssetClasses","_Main","e","__esModule","default","MainWithData","_ref","division","instrument","size","useLayoutProvider","loading","data","error","useQuery","getVolatilityChartAssetClasses","variables","fetchPolicy","skip","createElement","className","Spinner","SpinnerSize","lg","Main","ChartError","exports"],"sources":["../../../src/VolatilityChartWidget/MainWithData.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client';\nimport {\n  ChartError,\n  Spinner,\n  SpinnerSize,\n  useLayoutProvider,\n} from '@oanda/labs-widget-common';\nimport React from 'react';\n\nimport { getVolatilityChartAssetClasses } from '../gql/getVolatilityChartAssetClasses';\nimport type {\n  GetVolatilityChartAssetClassesQuery,\n  GetVolatilityChartAssetClassesQueryVariables,\n} from '../gql/types/graphql';\nimport { Main } from './Main';\nimport type { MainWithDataProps } from './types';\n\nconst MainWithData = ({ division, instrument }: MainWithDataProps) => {\n  const { size } = useLayoutProvider();\n  const { loading, data, error } = useQuery<\n    GetVolatilityChartAssetClassesQuery,\n    GetVolatilityChartAssetClassesQueryVariables\n  >(getVolatilityChartAssetClasses, {\n    variables: {\n      division,\n    },\n    fetchPolicy: 'cache-and-network',\n    skip: !!instrument,\n  });\n\n  return (\n    <div data-testid=\"volatility-chart-wrapper\">\n      {(loading || !size) && (\n        <div className=\"lw-flex lw-h-[500px] 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 && data && !instrument) || (!data && instrument)) && size && (\n        <Main data={data} division={division} instrument={instrument} />\n      )}\n      {!loading && error && (\n        <div className=\"lw-flex lw-h-[500px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary\">\n          <ChartError />\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport { MainWithData };\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAMA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAEA,IAAAI,+BAAA,GAAAJ,OAAA;AAKA,IAAAK,KAAA,GAAAL,OAAA;AAA8B,SAAAG,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAG9B,MAAMG,YAAY,GAAGC,IAAA,IAAiD;EAAA,IAAhD;IAAEC,QAAQ;IAAEC;EAA8B,CAAC,GAAAF,IAAA;EAC/D,MAAM;IAAEG;EAAK,CAAC,GAAG,IAAAC,mCAAiB,EAAC,CAAC;EACpC,MAAM;IAAEC,OAAO;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAG,IAAAC,gBAAQ,EAGvCC,8DAA8B,EAAE;IAChCC,SAAS,EAAE;MACTT;IACF,CAAC;IACDU,WAAW,EAAE,mBAAmB;IAChCC,IAAI,EAAE,CAAC,CAACV;EACV,CAAC,CAAC;EAEF,OACEV,MAAA,CAAAM,OAAA,CAAAe,aAAA;IAAK,eAAY;EAA0B,GACxC,CAACR,OAAO,IAAI,CAACF,IAAI,KAChBX,MAAA,CAAAM,OAAA,CAAAe,aAAA;IAAKC,SAAS,EAAC;EAAmG,GAChHtB,MAAA,CAAAM,OAAA,CAAAe,aAAA,CAACtB,iBAAA,CAAAwB,OAAO;IAACZ,IAAI,EAAEa,6BAAW,CAACC;EAAG,CAAE,CAC7B,CACN,EACA,CAAE,CAACZ,OAAO,IAAIC,IAAI,IAAI,CAACJ,UAAU,IAAM,CAACI,IAAI,IAAIJ,UAAW,KAAKC,IAAI,IACnEX,MAAA,CAAAM,OAAA,CAAAe,aAAA,CAAClB,KAAA,CAAAuB,IAAI;IAACZ,IAAI,EAAEA,IAAK;IAACL,QAAQ,EAAEA,QAAS;IAACC,UAAU,EAAEA;EAAW,CAAE,CAChE,EACA,CAACG,OAAO,IAAIE,KAAK,IAChBf,MAAA,CAAAM,OAAA,CAAAe,aAAA;IAAKC,SAAS,EAAC;EAAmG,GAChHtB,MAAA,CAAAM,OAAA,CAAAe,aAAA,CAACtB,iBAAA,CAAA4B,UAAU,MAAE,CACV,CAEJ,CAAC;AAEV,CAAC;AAACC,OAAA,CAAArB,YAAA,GAAAA,YAAA","ignoreList":[]}

package/dist/module/VolatilityChartWidget/VolatilityChartWidget.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 { MainWithData } from './MainWithData';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VolatilityChartWidget = void 0;
+var _client = require("@apollo/client");
+var _labsWidgetCommon = require("@oanda/labs-widget-common");
+var _react = _interopRequireDefault(require("react"));
+var _translations = require("../translations");
+var _MainWithData = require("./MainWithData");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const VolatilityChartWidget = _ref => {
   let {
     division,
@@ -13,23 +20,23 @@ const VolatilityChartWidget = _ref => {
     instrument,
     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(MainWithData, {
+  }, _react.default.createElement(_MainWithData.MainWithData, {
     division: division,
     instrument: instrument
   })));
 };
-export { VolatilityChartWidget };
+exports.VolatilityChartWidget = VolatilityChartWidget;
 //# sourceMappingURL=VolatilityChartWidget.js.map

package/dist/module/VolatilityChartWidget/VolatilityChartWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"VolatilityChartWidget.js","names":["ApolloClient","InMemoryCache","WidgetProvider","WidgetWrapper","React","translations","MainWithData","VolatilityChartWidget","_ref","division","graphqlUrl","locale","theme","isParamError","instrument","logoLink","client","uri","cache","createElement","linkArea"],"sources":["../../../src/VolatilityChartWidget/VolatilityChartWidget.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 { MainWithData } from './MainWithData';\nimport type { VolatilityChartConfig } from './types';\n\nconst VolatilityChartWidget = ({\n  division,\n  graphqlUrl,\n  locale,\n  theme,\n  isParamError,\n  instrument,\n  logoLink,\n}: VolatilityChartConfig) => {\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        <MainWithData division={division} instrument={instrument} />\n      </WidgetWrapper>\n    </WidgetProvider>\n  );\n};\n\nexport { VolatilityChartWidget };\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,YAAY,QAAQ,gBAAgB;AAG7C,MAAMC,qBAAqB,GAAGC,IAAA,IAQD;EAAA,IARE;IAC7BC,QAAQ;IACRC,UAAU;IACVC,MAAM;IACNC,KAAK;IACLC,YAAY;IACZC,UAAU;IACVC;EACqB,CAAC,GAAAP,IAAA;EACtB,MAAMQ,MAAM,GAAG,IAAIhB,YAAY,CAAC;IAC9BiB,GAAG,EAAEP,UAAU;IACfQ,KAAK,EAAE,IAAIjB,aAAa,CAAC;EAC3B,CAAC,CAAC;EAEF,OACEG,KAAA,CAAAe,aAAA,CAACjB,cAAc;IACbc,MAAM,EAAEA,MAAO;IACfL,MAAM,EAAEA,MAAO;IACfC,KAAK,EAAEA,KAAM;IACbP,YAAY,EAAEA;EAAa,GAE3BD,KAAA,CAAAe,aAAA,CAAChB,aAAa;IACZU,YAAY,EAAEA,YAAa;IAC3BO,QAAQ,EAAC,MAAM;IACfL,QAAQ,EAAEA;EAAS,GAEnBX,KAAA,CAAAe,aAAA,CAACb,YAAY;IAACG,QAAQ,EAAEA,QAAS;IAACK,UAAU,EAAEA;EAAW,CAAE,CAC9C,CACD,CAAC;AAErB,CAAC;AAED,SAASP,qBAAqB","ignoreList":[]}
+{"version":3,"file":"VolatilityChartWidget.js","names":["_client","require","_labsWidgetCommon","_react","_interopRequireDefault","_translations","_MainWithData","e","__esModule","default","VolatilityChartWidget","_ref","division","graphqlUrl","locale","theme","isParamError","instrument","logoLink","client","ApolloClient","uri","cache","InMemoryCache","createElement","WidgetProvider","translations","WidgetWrapper","linkArea","MainWithData","exports"],"sources":["../../../src/VolatilityChartWidget/VolatilityChartWidget.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 { MainWithData } from './MainWithData';\nimport type { VolatilityChartConfig } from './types';\n\nconst VolatilityChartWidget = ({\n  division,\n  graphqlUrl,\n  locale,\n  theme,\n  isParamError,\n  instrument,\n  logoLink,\n}: VolatilityChartConfig) => {\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        <MainWithData division={division} instrument={instrument} />\n      </WidgetWrapper>\n    </WidgetProvider>\n  );\n};\n\nexport { VolatilityChartWidget };\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,aAAA,GAAAL,OAAA;AAA8C,SAAAG,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAG9C,MAAMG,qBAAqB,GAAGC,IAAA,IAQD;EAAA,IARE;IAC7BC,QAAQ;IACRC,UAAU;IACVC,MAAM;IACNC,KAAK;IACLC,YAAY;IACZC,UAAU;IACVC;EACqB,CAAC,GAAAP,IAAA;EACtB,MAAMQ,MAAM,GAAG,IAAIC,oBAAY,CAAC;IAC9BC,GAAG,EAAER,UAAU;IACfS,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;IACfC,KAAK,EAAEA,KAAM;IACbW,YAAY,EAAEA;EAAa,GAE3BvB,MAAA,CAAAM,OAAA,CAAAe,aAAA,CAACtB,iBAAA,CAAAyB,aAAa;IACZX,YAAY,EAAEA,YAAa;IAC3BY,QAAQ,EAAC,MAAM;IACfV,QAAQ,EAAEA;EAAS,GAEnBf,MAAA,CAAAM,OAAA,CAAAe,aAAA,CAAClB,aAAA,CAAAuB,YAAY;IAACjB,QAAQ,EAAEA,QAAS;IAACK,UAAU,EAAEA;EAAW,CAAE,CAC9C,CACD,CAAC;AAErB,CAAC;AAACa,OAAA,CAAApB,qBAAA,GAAAA,qBAAA","ignoreList":[]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Chart.js","names":["BaseChart","getChartTheme","Theme","useLayoutProvider","useLocale","BarChart","GraphicComponent","GridSimpleComponent","TitleComponent","TooltipComponent","echarts","CanvasRenderer","React","CHART_HEIGHT","getOption","use","registerTheme","Dark","Light","Chart","_ref","values","timeUnit","lang","isDark","createElement","chartHeight","option","onEvents","highlight","_params","instance","setOption","title","show","globalout"],"sources":["../../../../../src/VolatilityChartWidget/components/Chart/Chart.tsx"],"sourcesContent":["import {\n  BaseChart,\n  getChartTheme,\n  Theme,\n  useLayoutProvider,\n} from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport type { EChartsType } from 'echarts';\nimport { BarChart } from 'echarts/charts';\nimport {\n  GraphicComponent,\n  GridSimpleComponent,\n  TitleComponent,\n  TooltipComponent,\n} from 'echarts/components';\nimport * as echarts from 'echarts/core';\nimport { CanvasRenderer } from 'echarts/renderers';\nimport React from 'react';\n\nimport { CHART_HEIGHT } from './constants';\nimport { getOption } from './getOption';\nimport type { ChartProps } from './types';\n\necharts.use([\n  GridSimpleComponent,\n  GraphicComponent,\n  TooltipComponent,\n  TitleComponent,\n  BarChart,\n  CanvasRenderer,\n]);\n\necharts.registerTheme('dark_theme', getChartTheme(Theme.Dark));\necharts.registerTheme('light_theme', getChartTheme(Theme.Light));\n\nconst Chart = ({ values, timeUnit }: ChartProps) => {\n  const { lang } = useLocale();\n  const { isDark } = useLayoutProvider();\n\n  return (\n    <BaseChart\n      chartHeight={CHART_HEIGHT}\n      echarts={echarts}\n      isDark={isDark}\n      option={getOption(values, lang, timeUnit, isDark)}\n      onEvents={{\n        highlight: (_params: unknown, instance: EChartsType) => {\n          instance.setOption({\n            title: {\n              show: false,\n            },\n          });\n        },\n        globalout: (_params: unknown, instance: EChartsType) => {\n          instance.setOption({\n            title: {\n              show: true,\n            },\n          });\n        },\n      }}\n    />\n  );\n};\n\nexport { Chart };\n"],"mappings":"AAAA,SACEA,SAAS,EACTC,aAAa,EACbC,KAAK,EACLC,iBAAiB,QACZ,2BAA2B;AAClC,SAASC,SAAS,QAAQ,kBAAkB;AAE5C,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,SACEC,gBAAgB,EAChBC,mBAAmB,EACnBC,cAAc,EACdC,gBAAgB,QACX,oBAAoB;AAC3B,OAAO,KAAKC,OAAO,MAAM,cAAc;AACvC,SAASC,cAAc,QAAQ,mBAAmB;AAClD,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,aAAa;AAC1C,SAASC,SAAS,QAAQ,aAAa;AAGvCJ,OAAO,CAACK,GAAG,CAAC,CACVR,mBAAmB,EACnBD,gBAAgB,EAChBG,gBAAgB,EAChBD,cAAc,EACdH,QAAQ,EACRM,cAAc,CACf,CAAC;AAEFD,OAAO,CAACM,aAAa,CAAC,YAAY,EAAEf,aAAa,CAACC,KAAK,CAACe,IAAI,CAAC,CAAC;AAC9DP,OAAO,CAACM,aAAa,CAAC,aAAa,EAAEf,aAAa,CAACC,KAAK,CAACgB,KAAK,CAAC,CAAC;AAEhE,MAAMC,KAAK,GAAGC,IAAA,IAAsC;EAAA,IAArC;IAAEC,MAAM;IAAEC;EAAqB,CAAC,GAAAF,IAAA;EAC7C,MAAM;IAAEG;EAAK,CAAC,GAAGnB,SAAS,CAAC,CAAC;EAC5B,MAAM;IAAEoB;EAAO,CAAC,GAAGrB,iBAAiB,CAAC,CAAC;EAEtC,OACES,KAAA,CAAAa,aAAA,CAACzB,SAAS;IACR0B,WAAW,EAAEb,YAAa;IAC1BH,OAAO,EAAEA,OAAQ;IACjBc,MAAM,EAAEA,MAAO;IACfG,MAAM,EAAEb,SAAS,CAACO,MAAM,EAAEE,IAAI,EAAED,QAAQ,EAAEE,MAAM,CAAE;IAClDI,QAAQ,EAAE;MACRC,SAAS,EAAEA,CAACC,OAAgB,EAAEC,QAAqB,KAAK;QACtDA,QAAQ,CAACC,SAAS,CAAC;UACjBC,KAAK,EAAE;YACLC,IAAI,EAAE;UACR;QACF,CAAC,CAAC;MACJ,CAAC;MACDC,SAAS,EAAEA,CAACL,OAAgB,EAAEC,QAAqB,KAAK;QACtDA,QAAQ,CAACC,SAAS,CAAC;UACjBC,KAAK,EAAE;YACLC,IAAI,EAAE;UACR;QACF,CAAC,CAAC;MACJ;IACF;EAAE,CACH,CAAC;AAEN,CAAC;AAED,SAASf,KAAK","ignoreList":[]}
+{"version":3,"file":"Chart.js","names":["_labsWidgetCommon","require","_monoI18n","_charts","_components","echarts","_interopRequireWildcard","_renderers","_react","_interopRequireDefault","_constants","_getOption","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","use","GridSimpleComponent","GraphicComponent","TooltipComponent","TitleComponent","BarChart","CanvasRenderer","registerTheme","getChartTheme","Theme","Dark","Light","Chart","_ref","values","timeUnit","lang","useLocale","isDark","useLayoutProvider","createElement","BaseChart","chartHeight","CHART_HEIGHT","option","getOption","onEvents","highlight","_params","instance","setOption","title","show","globalout","exports"],"sources":["../../../../../src/VolatilityChartWidget/components/Chart/Chart.tsx"],"sourcesContent":["import {\n  BaseChart,\n  getChartTheme,\n  Theme,\n  useLayoutProvider,\n} from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport type { EChartsType } from 'echarts';\nimport { BarChart } from 'echarts/charts';\nimport {\n  GraphicComponent,\n  GridSimpleComponent,\n  TitleComponent,\n  TooltipComponent,\n} from 'echarts/components';\nimport * as echarts from 'echarts/core';\nimport { CanvasRenderer } from 'echarts/renderers';\nimport React from 'react';\n\nimport { CHART_HEIGHT } from './constants';\nimport { getOption } from './getOption';\nimport type { ChartProps } from './types';\n\necharts.use([\n  GridSimpleComponent,\n  GraphicComponent,\n  TooltipComponent,\n  TitleComponent,\n  BarChart,\n  CanvasRenderer,\n]);\n\necharts.registerTheme('dark_theme', getChartTheme(Theme.Dark));\necharts.registerTheme('light_theme', getChartTheme(Theme.Light));\n\nconst Chart = ({ values, timeUnit }: ChartProps) => {\n  const { lang } = useLocale();\n  const { isDark } = useLayoutProvider();\n\n  return (\n    <BaseChart\n      chartHeight={CHART_HEIGHT}\n      echarts={echarts}\n      isDark={isDark}\n      option={getOption(values, lang, timeUnit, isDark)}\n      onEvents={{\n        highlight: (_params: unknown, instance: EChartsType) => {\n          instance.setOption({\n            title: {\n              show: false,\n            },\n          });\n        },\n        globalout: (_params: unknown, instance: EChartsType) => {\n          instance.setOption({\n            title: {\n              show: true,\n            },\n          });\n        },\n      }}\n    />\n  );\n};\n\nexport { Chart };\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,20 +1,26 @@
-import { VolatilityChartTimeUnit } from '../../../gql/types/graphql';
-import { DaysOfWeekKeys } from './types';
-export const X_LABEL_SIZE = 40;
-export const Y_LABEL_SIZE_MOBILE = 35;
-export const Y_LABEL_SIZE_DESKTOP = 45;
-export const CHART_WIDTH = 9999;
-export const CHART_HEIGHT = 425;
-export const tooltipLabels = {
-  [VolatilityChartTimeUnit.D]: 'date',
-  [VolatilityChartTimeUnit.H]: 'single_hour',
-  [VolatilityChartTimeUnit.W]: 'single_day'
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.weeklyDataLabels = exports.tooltipLabels = exports.Y_LABEL_SIZE_MOBILE = exports.Y_LABEL_SIZE_DESKTOP = exports.X_LABEL_SIZE = exports.CHART_WIDTH = exports.CHART_HEIGHT = void 0;
+var _graphql = require("../../../gql/types/graphql");
+var _types = require("./types");
+const X_LABEL_SIZE = exports.X_LABEL_SIZE = 40;
+const Y_LABEL_SIZE_MOBILE = exports.Y_LABEL_SIZE_MOBILE = 35;
+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 tooltipLabels = exports.tooltipLabels = {
+  [_graphql.VolatilityChartTimeUnit.D]: 'date',
+  [_graphql.VolatilityChartTimeUnit.H]: 'single_hour',
+  [_graphql.VolatilityChartTimeUnit.W]: 'single_day'
 };
-export const weeklyDataLabels = {
-  [DaysOfWeekKeys.MONDAY]: 'mon',
-  [DaysOfWeekKeys.TUESDAY]: 'tues',
-  [DaysOfWeekKeys.WEDNESDAY]: 'wed',
-  [DaysOfWeekKeys.THURSDAY]: 'thurs',
-  [DaysOfWeekKeys.FRIDAY]: 'fri'
+const weeklyDataLabels = exports.weeklyDataLabels = {
+  [_types.DaysOfWeekKeys.MONDAY]: 'mon',
+  [_types.DaysOfWeekKeys.TUESDAY]: 'tues',
+  [_types.DaysOfWeekKeys.WEDNESDAY]: 'wed',
+  [_types.DaysOfWeekKeys.THURSDAY]: 'thurs',
+  [_types.DaysOfWeekKeys.FRIDAY]: 'fri'
 };
 //# sourceMappingURL=constants.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"constants.js","names":["VolatilityChartTimeUnit","DaysOfWeekKeys","X_LABEL_SIZE","Y_LABEL_SIZE_MOBILE","Y_LABEL_SIZE_DESKTOP","CHART_WIDTH","CHART_HEIGHT","tooltipLabels","D","H","W","weeklyDataLabels","MONDAY","TUESDAY","WEDNESDAY","THURSDAY","FRIDAY"],"sources":["../../../../../src/VolatilityChartWidget/components/Chart/constants.tsx"],"sourcesContent":["import { VolatilityChartTimeUnit } from '../../../gql/types/graphql';\nimport { DaysOfWeekKeys } from './types';\n\nexport const X_LABEL_SIZE = 40;\nexport const Y_LABEL_SIZE_MOBILE = 35;\nexport const Y_LABEL_SIZE_DESKTOP = 45;\nexport const CHART_WIDTH = 9999;\nexport const CHART_HEIGHT = 425;\n\nexport const tooltipLabels = {\n  [VolatilityChartTimeUnit.D]: 'date',\n  [VolatilityChartTimeUnit.H]: 'single_hour',\n  [VolatilityChartTimeUnit.W]: 'single_day',\n};\n\nexport const weeklyDataLabels = {\n  [DaysOfWeekKeys.MONDAY]: 'mon',\n  [DaysOfWeekKeys.TUESDAY]: 'tues',\n  [DaysOfWeekKeys.WEDNESDAY]: 'wed',\n  [DaysOfWeekKeys.THURSDAY]: 'thurs',\n  [DaysOfWeekKeys.FRIDAY]: 'fri',\n};\n"],"mappings":"AAAA,SAASA,uBAAuB,QAAQ,4BAA4B;AACpE,SAASC,cAAc,QAAQ,SAAS;AAExC,OAAO,MAAMC,YAAY,GAAG,EAAE;AAC9B,OAAO,MAAMC,mBAAmB,GAAG,EAAE;AACrC,OAAO,MAAMC,oBAAoB,GAAG,EAAE;AACtC,OAAO,MAAMC,WAAW,GAAG,IAAI;AAC/B,OAAO,MAAMC,YAAY,GAAG,GAAG;AAE/B,OAAO,MAAMC,aAAa,GAAG;EAC3B,CAACP,uBAAuB,CAACQ,CAAC,GAAG,MAAM;EACnC,CAACR,uBAAuB,CAACS,CAAC,GAAG,aAAa;EAC1C,CAACT,uBAAuB,CAACU,CAAC,GAAG;AAC/B,CAAC;AAED,OAAO,MAAMC,gBAAgB,GAAG;EAC9B,CAACV,cAAc,CAACW,MAAM,GAAG,KAAK;EAC9B,CAACX,cAAc,CAACY,OAAO,GAAG,MAAM;EAChC,CAACZ,cAAc,CAACa,SAAS,GAAG,KAAK;EACjC,CAACb,cAAc,CAACc,QAAQ,GAAG,OAAO;EAClC,CAACd,cAAc,CAACe,MAAM,GAAG;AAC3B,CAAC","ignoreList":[]}
+{"version":3,"file":"constants.js","names":["_graphql","require","_types","X_LABEL_SIZE","exports","Y_LABEL_SIZE_MOBILE","Y_LABEL_SIZE_DESKTOP","CHART_WIDTH","CHART_HEIGHT","tooltipLabels","VolatilityChartTimeUnit","D","H","W","weeklyDataLabels","DaysOfWeekKeys","MONDAY","TUESDAY","WEDNESDAY","THURSDAY","FRIDAY"],"sources":["../../../../../src/VolatilityChartWidget/components/Chart/constants.tsx"],"sourcesContent":["import { VolatilityChartTimeUnit } from '../../../gql/types/graphql';\nimport { DaysOfWeekKeys } from './types';\n\nexport const X_LABEL_SIZE = 40;\nexport const Y_LABEL_SIZE_MOBILE = 35;\nexport const Y_LABEL_SIZE_DESKTOP = 45;\nexport const CHART_WIDTH = 9999;\nexport const CHART_HEIGHT = 425;\n\nexport const tooltipLabels = {\n  [VolatilityChartTimeUnit.D]: 'date',\n  [VolatilityChartTimeUnit.H]: 'single_hour',\n  [VolatilityChartTimeUnit.W]: 'single_day',\n};\n\nexport const weeklyDataLabels = {\n  [DaysOfWeekKeys.MONDAY]: 'mon',\n  [DaysOfWeekKeys.TUESDAY]: 'tues',\n  [DaysOfWeekKeys.WEDNESDAY]: 'wed',\n  [DaysOfWeekKeys.THURSDAY]: 'thurs',\n  [DaysOfWeekKeys.FRIDAY]: 'fri',\n};\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEO,MAAME,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,EAAE;AACvB,MAAME,mBAAmB,GAAAD,OAAA,CAAAC,mBAAA,GAAG,EAAE;AAC9B,MAAMC,oBAAoB,GAAAF,OAAA,CAAAE,oBAAA,GAAG,EAAE;AAC/B,MAAMC,WAAW,GAAAH,OAAA,CAAAG,WAAA,GAAG,IAAI;AACxB,MAAMC,YAAY,GAAAJ,OAAA,CAAAI,YAAA,GAAG,GAAG;AAExB,MAAMC,aAAa,GAAAL,OAAA,CAAAK,aAAA,GAAG;EAC3B,CAACC,gCAAuB,CAACC,CAAC,GAAG,MAAM;EACnC,CAACD,gCAAuB,CAACE,CAAC,GAAG,aAAa;EAC1C,CAACF,gCAAuB,CAACG,CAAC,GAAG;AAC/B,CAAC;AAEM,MAAMC,gBAAgB,GAAAV,OAAA,CAAAU,gBAAA,GAAG;EAC9B,CAACC,qBAAc,CAACC,MAAM,GAAG,KAAK;EAC9B,CAACD,qBAAc,CAACE,OAAO,GAAG,MAAM;EAChC,CAACF,qBAAc,CAACG,SAAS,GAAG,KAAK;EACjC,CAACH,qBAAc,CAACI,QAAQ,GAAG,OAAO;EAClC,CAACJ,qBAAc,CAACK,MAAM,GAAG;AAC3B,CAAC","ignoreList":[]}