@oanda/labs-value-at-risk-widget 1.0.144 → 1.0.146

package/dist/module/ValueAtRiskWidget/ChartWithData.js

@@ -1,10 +1,17 @@
-import { useQuery } from '@apollo/client';
-import { ChartError, Size, Spinner, SpinnerSize, useLayoutProvider } from '@oanda/labs-widget-common';
-import classnames from 'classnames';
-import React from 'react';
-import { getValueAtRiskChart } from '../gql/getValueAtRiskChart';
-import { Chart } from './components/Chart';
-import { Legend } from './components/Legend';
+"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 _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireDefault(require("react"));
+var _getValueAtRiskChart = require("../gql/getValueAtRiskChart");
+var _Chart = require("./components/Chart");
+var _Legend = require("./components/Legend");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const ChartWithData = _ref => {
   let {
     instrument,
@@ -14,13 +21,13 @@ const ChartWithData = _ref => {
   } = _ref;
   const {
     size
-  } = useLayoutProvider();
-  const isDesktop = size === Size.DESKTOP;
+  } = (0, _labsWidgetCommon.useLayoutProvider)();
+  const isDesktop = size === _labsWidgetCommon.Size.DESKTOP;
   const {
     loading,
     data,
     error
-  } = useQuery(getValueAtRiskChart, {
+  } = (0, _client.useQuery)(_getValueAtRiskChart.getValueAtRiskChart, {
     variables: {
       instrument,
       division,
@@ -32,23 +39,23 @@ const ChartWithData = _ref => {
   });
   const showChart = data?.valueAtRiskChart?.down?.points && data.valueAtRiskChart.down.points.length > 0 && data?.valueAtRiskChart?.up?.points && data.valueAtRiskChart.up.points.length > 0;
   const showError = !!error || !loading && !showChart;
-  return React.createElement(React.Fragment, null, (loading || !instrument) && React.createElement("div", {
-    className: classnames('lw-flex lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary', {
+  return _react.default.createElement(_react.default.Fragment, null, (loading || !instrument) && _react.default.createElement("div", {
+    className: (0, _classnames.default)('lw-flex lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary', {
       'lw-h-[460px]': isDesktop,
       'lw-h-[566px]': !isDesktop
     })
-  }, React.createElement(Spinner, {
-    size: SpinnerSize.lg
-  })), !loading && showChart && React.createElement("div", {
+  }, _react.default.createElement(_labsWidgetCommon.Spinner, {
+    size: _labsWidgetCommon.SpinnerSize.lg
+  })), !loading && showChart && _react.default.createElement("div", {
     className: "lw-relative",
     "data-testid": "value-at-risk-chart"
-  }, React.createElement(Legend, {
+  }, _react.default.createElement(_Legend.Legend, {
     data: data
-  }), React.createElement(Chart, {
+  }), _react.default.createElement(_Chart.Chart, {
     values: data
-  })), showError && React.createElement("div", {
+  })), showError && _react.default.createElement("div", {
     className: "lw-flex lw-h-[460px] 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 { ChartWithData };
+exports.ChartWithData = ChartWithData;
 //# sourceMappingURL=ChartWithData.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChartWithData.js","names":["useQuery","ChartError","Size","Spinner","SpinnerSize","useLayoutProvider","classnames","React","getValueAtRiskChart","Chart","Legend","ChartWithData","_ref","instrument","duration","bars","division","size","isDesktop","DESKTOP","loading","data","error","variables","fetchPolicy","skip","showChart","valueAtRiskChart","down","points","length","up","showError","createElement","Fragment","className","lg","values"],"sources":["../../../src/ValueAtRiskWidget/ChartWithData.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client';\nimport {\n  ChartError,\n  Size,\n  Spinner,\n  SpinnerSize,\n  useLayoutProvider,\n} from '@oanda/labs-widget-common';\nimport classnames from 'classnames';\nimport React from 'react';\n\nimport { getValueAtRiskChart } from '../gql/getValueAtRiskChart';\nimport type {\n  GetValueAtRiskChartQuery,\n  GetValueAtRiskChartQueryVariables,\n} from '../gql/types/graphql';\nimport { Chart } from './components/Chart';\nimport { Legend } from './components/Legend';\nimport type { ChartWithDataProps } from './types';\n\nconst ChartWithData = ({\n  instrument,\n  duration,\n  bars,\n  division,\n}: ChartWithDataProps) => {\n  const { size } = useLayoutProvider();\n  const isDesktop = size === Size.DESKTOP;\n\n  const { loading, data, error } = useQuery<\n    GetValueAtRiskChartQuery,\n    GetValueAtRiskChartQueryVariables\n  >(getValueAtRiskChart, {\n    variables: {\n      instrument,\n      division,\n      duration,\n      bars,\n    },\n    fetchPolicy: 'cache-and-network',\n    skip: !instrument,\n  });\n\n  const showChart =\n    data?.valueAtRiskChart?.down?.points &&\n    data.valueAtRiskChart.down.points.length > 0 &&\n    data?.valueAtRiskChart?.up?.points &&\n    data.valueAtRiskChart.up.points.length > 0;\n\n  const showError = !!error || (!loading && !showChart);\n\n  return (\n    <>\n      {(loading || !instrument) && (\n        <div\n          className={classnames(\n            'lw-flex lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary',\n            {\n              'lw-h-[460px]': isDesktop,\n              'lw-h-[566px]': !isDesktop,\n            }\n          )}\n        >\n          <Spinner size={SpinnerSize.lg} />\n        </div>\n      )}\n      {!loading && showChart && (\n        <div className=\"lw-relative\" data-testid=\"value-at-risk-chart\">\n          <Legend data={data} />\n          <Chart values={data} />\n        </div>\n      )}\n      {showError && (\n        <div className=\"lw-flex lw-h-[460px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary\">\n          <ChartError />\n        </div>\n      )}\n    </>\n  );\n};\n\nexport { ChartWithData };\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,gBAAgB;AACzC,SACEC,UAAU,EACVC,IAAI,EACJC,OAAO,EACPC,WAAW,EACXC,iBAAiB,QACZ,2BAA2B;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,mBAAmB,QAAQ,4BAA4B;AAKhE,SAASC,KAAK,QAAQ,oBAAoB;AAC1C,SAASC,MAAM,QAAQ,qBAAqB;AAG5C,MAAMC,aAAa,GAAGC,IAAA,IAKI;EAAA,IALH;IACrBC,UAAU;IACVC,QAAQ;IACRC,IAAI;IACJC;EACkB,CAAC,GAAAJ,IAAA;EACnB,MAAM;IAAEK;EAAK,CAAC,GAAGZ,iBAAiB,CAAC,CAAC;EACpC,MAAMa,SAAS,GAAGD,IAAI,KAAKf,IAAI,CAACiB,OAAO;EAEvC,MAAM;IAAEC,OAAO;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAGtB,QAAQ,CAGvCQ,mBAAmB,EAAE;IACrBe,SAAS,EAAE;MACTV,UAAU;MACVG,QAAQ;MACRF,QAAQ;MACRC;IACF,CAAC;IACDS,WAAW,EAAE,mBAAmB;IAChCC,IAAI,EAAE,CAACZ;EACT,CAAC,CAAC;EAEF,MAAMa,SAAS,GACbL,IAAI,EAAEM,gBAAgB,EAAEC,IAAI,EAAEC,MAAM,IACpCR,IAAI,CAACM,gBAAgB,CAACC,IAAI,CAACC,MAAM,CAACC,MAAM,GAAG,CAAC,IAC5CT,IAAI,EAAEM,gBAAgB,EAAEI,EAAE,EAAEF,MAAM,IAClCR,IAAI,CAACM,gBAAgB,CAACI,EAAE,CAACF,MAAM,CAACC,MAAM,GAAG,CAAC;EAE5C,MAAME,SAAS,GAAG,CAAC,CAACV,KAAK,IAAK,CAACF,OAAO,IAAI,CAACM,SAAU;EAErD,OACEnB,KAAA,CAAA0B,aAAA,CAAA1B,KAAA,CAAA2B,QAAA,QACG,CAACd,OAAO,IAAI,CAACP,UAAU,KACtBN,KAAA,CAAA0B,aAAA;IACEE,SAAS,EAAE7B,UAAU,CACnB,sFAAsF,EACtF;MACE,cAAc,EAAEY,SAAS;MACzB,cAAc,EAAE,CAACA;IACnB,CACF;EAAE,GAEFX,KAAA,CAAA0B,aAAA,CAAC9B,OAAO;IAACc,IAAI,EAAEb,WAAW,CAACgC;EAAG,CAAE,CAC7B,CACN,EACA,CAAChB,OAAO,IAAIM,SAAS,IACpBnB,KAAA,CAAA0B,aAAA;IAAKE,SAAS,EAAC,aAAa;IAAC,eAAY;EAAqB,GAC5D5B,KAAA,CAAA0B,aAAA,CAACvB,MAAM;IAACW,IAAI,EAAEA;EAAK,CAAE,CAAC,EACtBd,KAAA,CAAA0B,aAAA,CAACxB,KAAK;IAAC4B,MAAM,EAAEhB;EAAK,CAAE,CACnB,CACN,EACAW,SAAS,IACRzB,KAAA,CAAA0B,aAAA;IAAKE,SAAS,EAAC;EAAmG,GAChH5B,KAAA,CAAA0B,aAAA,CAAChC,UAAU,MAAE,CACV,CAEP,CAAC;AAEP,CAAC;AAED,SAASU,aAAa","ignoreList":[]}
+{"version":3,"file":"ChartWithData.js","names":["_client","require","_labsWidgetCommon","_classnames","_interopRequireDefault","_react","_getValueAtRiskChart","_Chart","_Legend","e","__esModule","default","ChartWithData","_ref","instrument","duration","bars","division","size","useLayoutProvider","isDesktop","Size","DESKTOP","loading","data","error","useQuery","getValueAtRiskChart","variables","fetchPolicy","skip","showChart","valueAtRiskChart","down","points","length","up","showError","createElement","Fragment","className","classnames","Spinner","SpinnerSize","lg","Legend","Chart","values","ChartError","exports"],"sources":["../../../src/ValueAtRiskWidget/ChartWithData.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client';\nimport {\n  ChartError,\n  Size,\n  Spinner,\n  SpinnerSize,\n  useLayoutProvider,\n} from '@oanda/labs-widget-common';\nimport classnames from 'classnames';\nimport React from 'react';\n\nimport { getValueAtRiskChart } from '../gql/getValueAtRiskChart';\nimport type {\n  GetValueAtRiskChartQuery,\n  GetValueAtRiskChartQueryVariables,\n} from '../gql/types/graphql';\nimport { Chart } from './components/Chart';\nimport { Legend } from './components/Legend';\nimport type { ChartWithDataProps } from './types';\n\nconst ChartWithData = ({\n  instrument,\n  duration,\n  bars,\n  division,\n}: ChartWithDataProps) => {\n  const { size } = useLayoutProvider();\n  const isDesktop = size === Size.DESKTOP;\n\n  const { loading, data, error } = useQuery<\n    GetValueAtRiskChartQuery,\n    GetValueAtRiskChartQueryVariables\n  >(getValueAtRiskChart, {\n    variables: {\n      instrument,\n      division,\n      duration,\n      bars,\n    },\n    fetchPolicy: 'cache-and-network',\n    skip: !instrument,\n  });\n\n  const showChart =\n    data?.valueAtRiskChart?.down?.points &&\n    data.valueAtRiskChart.down.points.length > 0 &&\n    data?.valueAtRiskChart?.up?.points &&\n    data.valueAtRiskChart.up.points.length > 0;\n\n  const showError = !!error || (!loading && !showChart);\n\n  return (\n    <>\n      {(loading || !instrument) && (\n        <div\n          className={classnames(\n            'lw-flex lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary',\n            {\n              'lw-h-[460px]': isDesktop,\n              'lw-h-[566px]': !isDesktop,\n            }\n          )}\n        >\n          <Spinner size={SpinnerSize.lg} />\n        </div>\n      )}\n      {!loading && showChart && (\n        <div className=\"lw-relative\" data-testid=\"value-at-risk-chart\">\n          <Legend data={data} />\n          <Chart values={data} />\n        </div>\n      )}\n      {showError && (\n        <div className=\"lw-flex lw-h-[460px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary\">\n          <ChartError />\n        </div>\n      )}\n    </>\n  );\n};\n\nexport { ChartWithData };\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAOA,IAAAE,WAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAD,sBAAA,CAAAH,OAAA;AAEA,IAAAK,oBAAA,GAAAL,OAAA;AAKA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AAA6C,SAAAG,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAG7C,MAAMG,aAAa,GAAGC,IAAA,IAKI;EAAA,IALH;IACrBC,UAAU;IACVC,QAAQ;IACRC,IAAI;IACJC;EACkB,CAAC,GAAAJ,IAAA;EACnB,MAAM;IAAEK;EAAK,CAAC,GAAG,IAAAC,mCAAiB,EAAC,CAAC;EACpC,MAAMC,SAAS,GAAGF,IAAI,KAAKG,sBAAI,CAACC,OAAO;EAEvC,MAAM;IAAEC,OAAO;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAG,IAAAC,gBAAQ,EAGvCC,wCAAmB,EAAE;IACrBC,SAAS,EAAE;MACTd,UAAU;MACVG,QAAQ;MACRF,QAAQ;MACRC;IACF,CAAC;IACDa,WAAW,EAAE,mBAAmB;IAChCC,IAAI,EAAE,CAAChB;EACT,CAAC,CAAC;EAEF,MAAMiB,SAAS,GACbP,IAAI,EAAEQ,gBAAgB,EAAEC,IAAI,EAAEC,MAAM,IACpCV,IAAI,CAACQ,gBAAgB,CAACC,IAAI,CAACC,MAAM,CAACC,MAAM,GAAG,CAAC,IAC5CX,IAAI,EAAEQ,gBAAgB,EAAEI,EAAE,EAAEF,MAAM,IAClCV,IAAI,CAACQ,gBAAgB,CAACI,EAAE,CAACF,MAAM,CAACC,MAAM,GAAG,CAAC;EAE5C,MAAME,SAAS,GAAG,CAAC,CAACZ,KAAK,IAAK,CAACF,OAAO,IAAI,CAACQ,SAAU;EAErD,OACE1B,MAAA,CAAAM,OAAA,CAAA2B,aAAA,CAAAjC,MAAA,CAAAM,OAAA,CAAA4B,QAAA,QACG,CAAChB,OAAO,IAAI,CAACT,UAAU,KACtBT,MAAA,CAAAM,OAAA,CAAA2B,aAAA;IACEE,SAAS,EAAE,IAAAC,mBAAU,EACnB,sFAAsF,EACtF;MACE,cAAc,EAAErB,SAAS;MACzB,cAAc,EAAE,CAACA;IACnB,CACF;EAAE,GAEFf,MAAA,CAAAM,OAAA,CAAA2B,aAAA,CAACpC,iBAAA,CAAAwC,OAAO;IAACxB,IAAI,EAAEyB,6BAAW,CAACC;EAAG,CAAE,CAC7B,CACN,EACA,CAACrB,OAAO,IAAIQ,SAAS,IACpB1B,MAAA,CAAAM,OAAA,CAAA2B,aAAA;IAAKE,SAAS,EAAC,aAAa;IAAC,eAAY;EAAqB,GAC5DnC,MAAA,CAAAM,OAAA,CAAA2B,aAAA,CAAC9B,OAAA,CAAAqC,MAAM;IAACrB,IAAI,EAAEA;EAAK,CAAE,CAAC,EACtBnB,MAAA,CAAAM,OAAA,CAAA2B,aAAA,CAAC/B,MAAA,CAAAuC,KAAK;IAACC,MAAM,EAAEvB;EAAK,CAAE,CACnB,CACN,EACAa,SAAS,IACRhC,MAAA,CAAAM,OAAA,CAAA2B,aAAA;IAAKE,SAAS,EAAC;EAAmG,GAChHnC,MAAA,CAAAM,OAAA,CAAA2B,aAAA,CAACpC,iBAAA,CAAA8C,UAAU,MAAE,CACV,CAEP,CAAC;AAEP,CAAC;AAACC,OAAA,CAAArC,aAAA,GAAAA,aAAA","ignoreList":[]}

package/dist/module/ValueAtRiskWidget/Tool.js

@@ -1,10 +1,18 @@
-import { Select, Size, useLayoutProvider } from '@oanda/labs-widget-common';
-import { useLocale } from '@oanda/mono-i18n';
-import classnames from 'classnames';
-import React, { useState } from 'react';
-import { ValueAtRiskBars, ValueAtRiskDuration } from '../gql/types/graphql';
-import { ChartWithData } from './ChartWithData';
-import { getAssetClassesList, getInstrumentsByAssetClassId } from './utils';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Tool = 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 _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); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const Tool = _ref => {
   let {
     data,
@@ -12,73 +20,73 @@ const Tool = _ref => {
   } = _ref;
   const {
     lang
-  } = useLocale();
+  } = (0, _monoI18n.useLocale)();
   const {
     size
-  } = useLayoutProvider();
-  const isDesktop = size === Size.DESKTOP;
-  const assetClassesOptions = getAssetClassesList(data.valueAtRiskAssetClasses);
-  const initInstrumentsOptions = getInstrumentsByAssetClassId(data.valueAtRiskAssetClasses, assetClassesOptions[0].id);
-  const holdTimeOptions = Object.values(ValueAtRiskDuration).map(duration => ({
+  } = (0, _labsWidgetCommon.useLayoutProvider)();
+  const isDesktop = size === _labsWidgetCommon.Size.DESKTOP;
+  const assetClassesOptions = (0, _utils.getAssetClassesList)(data.valueAtRiskAssetClasses);
+  const initInstrumentsOptions = (0, _utils.getInstrumentsByAssetClassId)(data.valueAtRiskAssetClasses, assetClassesOptions[0].id);
+  const holdTimeOptions = Object.values(_graphql.ValueAtRiskDuration).map(duration => ({
     id: duration,
     label: lang('day', {
       count: +duration.substring(1)
     })
   }));
-  const calculationPeriodOptions = Object.values(ValueAtRiskBars).map(bars => ({
+  const calculationPeriodOptions = Object.values(_graphql.ValueAtRiskBars).map(bars => ({
     id: bars,
     label: lang('day', {
       count: +bars.substring(1)
     })
   }));
-  const [selectedAssetClass, setSelectedAssetClass] = useState(assetClassesOptions[0]);
-  const [instrumentsList, setInstrumentsList] = useState(initInstrumentsOptions);
-  const [selectedInstrument, setSelectedInstrument] = useState(initInstrumentsOptions[0]);
-  const [selectedHoldTime, setSelectedHoldTime] = useState(holdTimeOptions[0]);
-  const [selectedCalculationPeriod, setSelectedCalculationPeriod] = useState(calculationPeriodOptions[0]);
+  const [selectedAssetClass, setSelectedAssetClass] = (0, _react.useState)(assetClassesOptions[0]);
+  const [instrumentsList, setInstrumentsList] = (0, _react.useState)(initInstrumentsOptions);
+  const [selectedInstrument, setSelectedInstrument] = (0, _react.useState)(initInstrumentsOptions[0]);
+  const [selectedHoldTime, setSelectedHoldTime] = (0, _react.useState)(holdTimeOptions[0]);
+  const [selectedCalculationPeriod, setSelectedCalculationPeriod] = (0, _react.useState)(calculationPeriodOptions[0]);
   const handleAssetClassSelect = selectedOption => {
-    const list = getInstrumentsByAssetClassId(data.valueAtRiskAssetClasses, selectedOption.id);
+    const list = (0, _utils.getInstrumentsByAssetClassId)(data.valueAtRiskAssetClasses, selectedOption.id);
     setSelectedAssetClass(selectedOption);
     setInstrumentsList(list);
     setSelectedInstrument(list[0]);
   };
   const showAssetClassesSelect = assetClassesOptions.length > 1;
-  return React.createElement("div", {
+  return _react.default.createElement("div", {
     className: "lw-relative lw-text-sm lw-tracking-normal",
     "data-testid": "value-at-risk-tool-wrapper"
-  }, React.createElement("div", {
-    className: classnames('lw-mb-8 lw-grid', {
+  }, _react.default.createElement("div", {
+    className: (0, _classnames.default)('lw-mb-8 lw-grid', {
       'lw-grid-cols-4 lw-gap-2': isDesktop && showAssetClassesSelect,
       'lw-grid-cols-3 lw-gap-2.5': isDesktop && !showAssetClassesSelect,
       'lw-grid-cols-1 lw-gap-4': !isDesktop
     })
-  }, showAssetClassesSelect ? React.createElement(Select, {
+  }, showAssetClassesSelect ? _react.default.createElement(_labsWidgetCommon.Select, {
     options: assetClassesOptions,
     selectLabel: lang('instrument_type'),
     selectedOption: selectedAssetClass,
     setSelectedOption: handleAssetClassSelect
-  }) : null, React.createElement(Select, {
+  }) : null, _react.default.createElement(_labsWidgetCommon.Select, {
     options: instrumentsList,
     searchPlaceholder: lang('search'),
     selectLabel: lang('instrument'),
     selectedOption: selectedInstrument,
     setSelectedOption: setSelectedInstrument
-  }), React.createElement(Select, {
+  }), _react.default.createElement(_labsWidgetCommon.Select, {
     options: holdTimeOptions,
     selectLabel: lang('hold_time'),
     selectedOption: selectedHoldTime,
     setSelectedOption: setSelectedHoldTime
-  }), React.createElement(Select, {
+  }), _react.default.createElement(_labsWidgetCommon.Select, {
     options: calculationPeriodOptions,
     selectLabel: lang('calculation_period'),
     selectedOption: selectedCalculationPeriod,
     setSelectedOption: setSelectedCalculationPeriod
-  })), React.createElement(ChartWithData, {
+  })), _react.default.createElement(_ChartWithData.ChartWithData, {
     bars: selectedCalculationPeriod.id,
     division: division,
     duration: selectedHoldTime.id,
     instrument: selectedInstrument.id
   }));
 };
-export { Tool };
+exports.Tool = Tool;
 //# sourceMappingURL=Tool.js.map

package/dist/module/ValueAtRiskWidget/Tool.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tool.js","names":["Select","Size","useLayoutProvider","useLocale","classnames","React","useState","ValueAtRiskBars","ValueAtRiskDuration","ChartWithData","getAssetClassesList","getInstrumentsByAssetClassId","Tool","_ref","data","division","lang","size","isDesktop","DESKTOP","assetClassesOptions","valueAtRiskAssetClasses","initInstrumentsOptions","id","holdTimeOptions","Object","values","map","duration","label","count","substring","calculationPeriodOptions","bars","selectedAssetClass","setSelectedAssetClass","instrumentsList","setInstrumentsList","selectedInstrument","setSelectedInstrument","selectedHoldTime","setSelectedHoldTime","selectedCalculationPeriod","setSelectedCalculationPeriod","handleAssetClassSelect","selectedOption","list","showAssetClassesSelect","length","createElement","className","options","selectLabel","setSelectedOption","searchPlaceholder","instrument"],"sources":["../../../src/ValueAtRiskWidget/Tool.tsx"],"sourcesContent":["import type { SelectOption } from '@oanda/labs-widget-common';\nimport { Select, Size, useLayoutProvider } from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport classnames from 'classnames';\nimport React, { useState } from 'react';\n\nimport { ValueAtRiskBars, ValueAtRiskDuration } from '../gql/types/graphql';\nimport { ChartWithData } from './ChartWithData';\nimport type { ToolProps } from './types';\nimport { getAssetClassesList, getInstrumentsByAssetClassId } from './utils';\n\nconst Tool = ({ data, division }: ToolProps) => {\n  const { lang } = useLocale();\n  const { size } = useLayoutProvider();\n  const isDesktop = size === Size.DESKTOP;\n\n  const assetClassesOptions = getAssetClassesList(\n    data!.valueAtRiskAssetClasses!\n  );\n  const initInstrumentsOptions = getInstrumentsByAssetClassId(\n    data!.valueAtRiskAssetClasses!,\n    assetClassesOptions[0].id\n  );\n\n  const holdTimeOptions = Object.values(ValueAtRiskDuration).map(\n    (duration) => ({\n      id: duration as string,\n      label: lang('day', { count: +duration.substring(1) }),\n    })\n  );\n  const calculationPeriodOptions = Object.values(ValueAtRiskBars).map(\n    (bars) => ({\n      id: bars as string,\n      label: lang('day', { count: +bars.substring(1) }),\n    })\n  );\n\n  const [selectedAssetClass, setSelectedAssetClass] = useState(\n    assetClassesOptions[0]\n  );\n  const [instrumentsList, setInstrumentsList] = useState(\n    initInstrumentsOptions\n  );\n  const [selectedInstrument, setSelectedInstrument] = useState(\n    initInstrumentsOptions[0]\n  );\n  const [selectedHoldTime, setSelectedHoldTime] = useState(holdTimeOptions[0]);\n  const [selectedCalculationPeriod, setSelectedCalculationPeriod] = useState(\n    calculationPeriodOptions[0]\n  );\n\n  const handleAssetClassSelect = (selectedOption: SelectOption) => {\n    const list = getInstrumentsByAssetClassId(\n      data!.valueAtRiskAssetClasses!,\n      selectedOption.id\n    );\n\n    setSelectedAssetClass(selectedOption);\n    setInstrumentsList(list);\n    setSelectedInstrument(list[0]);\n  };\n\n  const showAssetClassesSelect = assetClassesOptions.length > 1;\n\n  return (\n    <div\n      className=\"lw-relative lw-text-sm lw-tracking-normal\"\n      data-testid=\"value-at-risk-tool-wrapper\"\n    >\n      <div\n        className={classnames('lw-mb-8 lw-grid', {\n          'lw-grid-cols-4 lw-gap-2': isDesktop && showAssetClassesSelect,\n          'lw-grid-cols-3 lw-gap-2.5': isDesktop && !showAssetClassesSelect,\n          'lw-grid-cols-1 lw-gap-4': !isDesktop,\n        })}\n      >\n        {showAssetClassesSelect ? (\n          <Select\n            options={assetClassesOptions}\n            selectLabel={lang('instrument_type')}\n            selectedOption={selectedAssetClass}\n            setSelectedOption={handleAssetClassSelect}\n          />\n        ) : null}\n        <Select\n          options={instrumentsList}\n          searchPlaceholder={lang('search')}\n          selectLabel={lang('instrument')}\n          selectedOption={selectedInstrument}\n          setSelectedOption={setSelectedInstrument}\n        />\n        <Select\n          options={holdTimeOptions}\n          selectLabel={lang('hold_time')}\n          selectedOption={selectedHoldTime}\n          setSelectedOption={setSelectedHoldTime}\n        />\n        <Select\n          options={calculationPeriodOptions}\n          selectLabel={lang('calculation_period')}\n          selectedOption={selectedCalculationPeriod}\n          setSelectedOption={setSelectedCalculationPeriod}\n        />\n      </div>\n      <ChartWithData\n        bars={selectedCalculationPeriod.id as ValueAtRiskBars}\n        division={division}\n        duration={selectedHoldTime.id as ValueAtRiskDuration}\n        instrument={selectedInstrument.id}\n      />\n    </div>\n  );\n};\n\nexport { Tool };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Tool.js","names":["_labsWidgetCommon","require","_monoI18n","_classnames","_interopRequireDefault","_react","_interopRequireWildcard","_graphql","_ChartWithData","_utils","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Tool","_ref","data","division","lang","useLocale","size","useLayoutProvider","isDesktop","Size","DESKTOP","assetClassesOptions","getAssetClassesList","valueAtRiskAssetClasses","initInstrumentsOptions","getInstrumentsByAssetClassId","id","holdTimeOptions","values","ValueAtRiskDuration","map","duration","label","count","substring","calculationPeriodOptions","ValueAtRiskBars","bars","selectedAssetClass","setSelectedAssetClass","useState","instrumentsList","setInstrumentsList","selectedInstrument","setSelectedInstrument","selectedHoldTime","setSelectedHoldTime","selectedCalculationPeriod","setSelectedCalculationPeriod","handleAssetClassSelect","selectedOption","list","showAssetClassesSelect","length","createElement","className","classnames","Select","options","selectLabel","setSelectedOption","searchPlaceholder","ChartWithData","instrument","exports"],"sources":["../../../src/ValueAtRiskWidget/Tool.tsx"],"sourcesContent":["import type { SelectOption } from '@oanda/labs-widget-common';\nimport { Select, Size, useLayoutProvider } from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport classnames from 'classnames';\nimport React, { useState } from 'react';\n\nimport { ValueAtRiskBars, ValueAtRiskDuration } from '../gql/types/graphql';\nimport { ChartWithData } from './ChartWithData';\nimport type { ToolProps } from './types';\nimport { getAssetClassesList, getInstrumentsByAssetClassId } from './utils';\n\nconst Tool = ({ data, division }: ToolProps) => {\n  const { lang } = useLocale();\n  const { size } = useLayoutProvider();\n  const isDesktop = size === Size.DESKTOP;\n\n  const assetClassesOptions = getAssetClassesList(\n    data!.valueAtRiskAssetClasses!\n  );\n  const initInstrumentsOptions = getInstrumentsByAssetClassId(\n    data!.valueAtRiskAssetClasses!,\n    assetClassesOptions[0].id\n  );\n\n  const holdTimeOptions = Object.values(ValueAtRiskDuration).map(\n    (duration) => ({\n      id: duration as string,\n      label: lang('day', { count: +duration.substring(1) }),\n    })\n  );\n  const calculationPeriodOptions = Object.values(ValueAtRiskBars).map(\n    (bars) => ({\n      id: bars as string,\n      label: lang('day', { count: +bars.substring(1) }),\n    })\n  );\n\n  const [selectedAssetClass, setSelectedAssetClass] = useState(\n    assetClassesOptions[0]\n  );\n  const [instrumentsList, setInstrumentsList] = useState(\n    initInstrumentsOptions\n  );\n  const [selectedInstrument, setSelectedInstrument] = useState(\n    initInstrumentsOptions[0]\n  );\n  const [selectedHoldTime, setSelectedHoldTime] = useState(holdTimeOptions[0]);\n  const [selectedCalculationPeriod, setSelectedCalculationPeriod] = useState(\n    calculationPeriodOptions[0]\n  );\n\n  const handleAssetClassSelect = (selectedOption: SelectOption) => {\n    const list = getInstrumentsByAssetClassId(\n      data!.valueAtRiskAssetClasses!,\n      selectedOption.id\n    );\n\n    setSelectedAssetClass(selectedOption);\n    setInstrumentsList(list);\n    setSelectedInstrument(list[0]);\n  };\n\n  const showAssetClassesSelect = assetClassesOptions.length > 1;\n\n  return (\n    <div\n      className=\"lw-relative lw-text-sm lw-tracking-normal\"\n      data-testid=\"value-at-risk-tool-wrapper\"\n    >\n      <div\n        className={classnames('lw-mb-8 lw-grid', {\n          'lw-grid-cols-4 lw-gap-2': isDesktop && showAssetClassesSelect,\n          'lw-grid-cols-3 lw-gap-2.5': isDesktop && !showAssetClassesSelect,\n          'lw-grid-cols-1 lw-gap-4': !isDesktop,\n        })}\n      >\n        {showAssetClassesSelect ? (\n          <Select\n            options={assetClassesOptions}\n            selectLabel={lang('instrument_type')}\n            selectedOption={selectedAssetClass}\n            setSelectedOption={handleAssetClassSelect}\n          />\n        ) : null}\n        <Select\n          options={instrumentsList}\n          searchPlaceholder={lang('search')}\n          selectLabel={lang('instrument')}\n          selectedOption={selectedInstrument}\n          setSelectedOption={setSelectedInstrument}\n        />\n        <Select\n          options={holdTimeOptions}\n          selectLabel={lang('hold_time')}\n          selectedOption={selectedHoldTime}\n          setSelectedOption={setSelectedHoldTime}\n        />\n        <Select\n          options={calculationPeriodOptions}\n          selectLabel={lang('calculation_period')}\n          selectedOption={selectedCalculationPeriod}\n          setSelectedOption={setSelectedCalculationPeriod}\n        />\n      </div>\n      <ChartWithData\n        bars={selectedCalculationPeriod.id as ValueAtRiskBars}\n        division={division}\n        duration={selectedHoldTime.id as ValueAtRiskDuration}\n        instrument={selectedInstrument.id}\n      />\n    </div>\n  );\n};\n\nexport { Tool };\n"],"mappings":"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","ignoreList":[]}

package/dist/module/ValueAtRiskWidget/ToolWithData.js

@@ -1,42 +1,49 @@
-import { useQuery } from '@apollo/client';
-import { ChartError, Size, Spinner, SpinnerSize, useLayoutProvider } from '@oanda/labs-widget-common';
-import classnames from 'classnames';
-import React from 'react';
-import { getValueAtRiskAssetClasses } from '../gql/getValueAtRiskAssetClasses';
-import { Tool } from './Tool';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ToolWithData = void 0;
+var _client = require("@apollo/client");
+var _labsWidgetCommon = require("@oanda/labs-widget-common");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireDefault(require("react"));
+var _getValueAtRiskAssetClasses = require("../gql/getValueAtRiskAssetClasses");
+var _Tool = require("./Tool");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const ToolWithData = _ref => {
   let {
     division
   } = _ref;
   const {
     size
-  } = useLayoutProvider();
-  const isDesktop = size === Size.DESKTOP;
+  } = (0, _labsWidgetCommon.useLayoutProvider)();
+  const isDesktop = size === _labsWidgetCommon.Size.DESKTOP;
   const {
     loading,
     data,
     error
-  } = useQuery(getValueAtRiskAssetClasses, {
+  } = (0, _client.useQuery)(_getValueAtRiskAssetClasses.getValueAtRiskAssetClasses, {
     variables: {
       division
     },
     fetchPolicy: 'cache-and-network'
   });
-  return React.createElement("div", {
+  return _react.default.createElement("div", {
     "data-testid": "value-at-risk-wrapper"
-  }, (loading || !size) && React.createElement("div", {
-    className: classnames('lw-flex lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary', {
+  }, (loading || !size) && _react.default.createElement("div", {
+    className: (0, _classnames.default)('lw-flex lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary', {
       'lw-h-[566px]': isDesktop,
       'lw-h-[840px]': !isDesktop
     })
-  }, React.createElement(Spinner, {
-    size: SpinnerSize.lg
-  })), !loading && data && React.createElement(Tool, {
+  }, _react.default.createElement(_labsWidgetCommon.Spinner, {
+    size: _labsWidgetCommon.SpinnerSize.lg
+  })), !loading && data && _react.default.createElement(_Tool.Tool, {
     data: data,
     division: division
-  }), !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 { ToolWithData };
+exports.ToolWithData = ToolWithData;
 //# sourceMappingURL=ToolWithData.js.map

package/dist/module/ValueAtRiskWidget/ToolWithData.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolWithData.js","names":["useQuery","ChartError","Size","Spinner","SpinnerSize","useLayoutProvider","classnames","React","getValueAtRiskAssetClasses","Tool","ToolWithData","_ref","division","size","isDesktop","DESKTOP","loading","data","error","variables","fetchPolicy","createElement","className","lg"],"sources":["../../../src/ValueAtRiskWidget/ToolWithData.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client';\nimport {\n  ChartError,\n  Size,\n  Spinner,\n  SpinnerSize,\n  useLayoutProvider,\n} from '@oanda/labs-widget-common';\nimport classnames from 'classnames';\nimport React from 'react';\n\nimport { getValueAtRiskAssetClasses } from '../gql/getValueAtRiskAssetClasses';\nimport type {\n  GetValueAtRiskAssetClassesQuery,\n  GetValueAtRiskAssetClassesQueryVariables,\n} from '../gql/types/graphql';\nimport { Tool } from './Tool';\nimport type { ToolWithDataProps } from './types';\n\nconst ToolWithData = ({ division }: ToolWithDataProps) => {\n  const { size } = useLayoutProvider();\n  const isDesktop = size === Size.DESKTOP;\n  const { loading, data, error } = useQuery<\n    GetValueAtRiskAssetClassesQuery,\n    GetValueAtRiskAssetClassesQueryVariables\n  >(getValueAtRiskAssetClasses, {\n    variables: {\n      division,\n    },\n    fetchPolicy: 'cache-and-network',\n  });\n\n  return (\n    <div data-testid=\"value-at-risk-wrapper\">\n      {(loading || !size) && (\n        <div\n          className={classnames(\n            'lw-flex lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary',\n            {\n              'lw-h-[566px]': isDesktop,\n              'lw-h-[840px]': !isDesktop,\n            }\n          )}\n        >\n          <Spinner size={SpinnerSize.lg} />\n        </div>\n      )}\n      {!loading && data && <Tool data={data} division={division} />}\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 { ToolWithData };\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,gBAAgB;AACzC,SACEC,UAAU,EACVC,IAAI,EACJC,OAAO,EACPC,WAAW,EACXC,iBAAiB,QACZ,2BAA2B;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,0BAA0B,QAAQ,mCAAmC;AAK9E,SAASC,IAAI,QAAQ,QAAQ;AAG7B,MAAMC,YAAY,GAAGC,IAAA,IAAqC;EAAA,IAApC;IAAEC;EAA4B,CAAC,GAAAD,IAAA;EACnD,MAAM;IAAEE;EAAK,CAAC,GAAGR,iBAAiB,CAAC,CAAC;EACpC,MAAMS,SAAS,GAAGD,IAAI,KAAKX,IAAI,CAACa,OAAO;EACvC,MAAM;IAAEC,OAAO;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAGlB,QAAQ,CAGvCQ,0BAA0B,EAAE;IAC5BW,SAAS,EAAE;MACTP;IACF,CAAC;IACDQ,WAAW,EAAE;EACf,CAAC,CAAC;EAEF,OACEb,KAAA,CAAAc,aAAA;IAAK,eAAY;EAAuB,GACrC,CAACL,OAAO,IAAI,CAACH,IAAI,KAChBN,KAAA,CAAAc,aAAA;IACEC,SAAS,EAAEhB,UAAU,CACnB,sFAAsF,EACtF;MACE,cAAc,EAAEQ,SAAS;MACzB,cAAc,EAAE,CAACA;IACnB,CACF;EAAE,GAEFP,KAAA,CAAAc,aAAA,CAAClB,OAAO;IAACU,IAAI,EAAET,WAAW,CAACmB;EAAG,CAAE,CAC7B,CACN,EACA,CAACP,OAAO,IAAIC,IAAI,IAAIV,KAAA,CAAAc,aAAA,CAACZ,IAAI;IAACQ,IAAI,EAAEA,IAAK;IAACL,QAAQ,EAAEA;EAAS,CAAE,CAAC,EAC5D,CAACI,OAAO,IAAIE,KAAK,IAChBX,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAC;EAAmG,GAChHf,KAAA,CAAAc,aAAA,CAACpB,UAAU,MAAE,CACV,CAEJ,CAAC;AAEV,CAAC;AAED,SAASS,YAAY","ignoreList":[]}
+{"version":3,"file":"ToolWithData.js","names":["_client","require","_labsWidgetCommon","_classnames","_interopRequireDefault","_react","_getValueAtRiskAssetClasses","_Tool","e","__esModule","default","ToolWithData","_ref","division","size","useLayoutProvider","isDesktop","Size","DESKTOP","loading","data","error","useQuery","getValueAtRiskAssetClasses","variables","fetchPolicy","createElement","className","classnames","Spinner","SpinnerSize","lg","Tool","ChartError","exports"],"sources":["../../../src/ValueAtRiskWidget/ToolWithData.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client';\nimport {\n  ChartError,\n  Size,\n  Spinner,\n  SpinnerSize,\n  useLayoutProvider,\n} from '@oanda/labs-widget-common';\nimport classnames from 'classnames';\nimport React from 'react';\n\nimport { getValueAtRiskAssetClasses } from '../gql/getValueAtRiskAssetClasses';\nimport type {\n  GetValueAtRiskAssetClassesQuery,\n  GetValueAtRiskAssetClassesQueryVariables,\n} from '../gql/types/graphql';\nimport { Tool } from './Tool';\nimport type { ToolWithDataProps } from './types';\n\nconst ToolWithData = ({ division }: ToolWithDataProps) => {\n  const { size } = useLayoutProvider();\n  const isDesktop = size === Size.DESKTOP;\n  const { loading, data, error } = useQuery<\n    GetValueAtRiskAssetClassesQuery,\n    GetValueAtRiskAssetClassesQueryVariables\n  >(getValueAtRiskAssetClasses, {\n    variables: {\n      division,\n    },\n    fetchPolicy: 'cache-and-network',\n  });\n\n  return (\n    <div data-testid=\"value-at-risk-wrapper\">\n      {(loading || !size) && (\n        <div\n          className={classnames(\n            'lw-flex lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary',\n            {\n              'lw-h-[566px]': isDesktop,\n              'lw-h-[840px]': !isDesktop,\n            }\n          )}\n        >\n          <Spinner size={SpinnerSize.lg} />\n        </div>\n      )}\n      {!loading && data && <Tool data={data} division={division} />}\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 { ToolWithData };\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAOA,IAAAE,WAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAD,sBAAA,CAAAH,OAAA;AAEA,IAAAK,2BAAA,GAAAL,OAAA;AAKA,IAAAM,KAAA,GAAAN,OAAA;AAA8B,SAAAG,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAG9B,MAAMG,YAAY,GAAGC,IAAA,IAAqC;EAAA,IAApC;IAAEC;EAA4B,CAAC,GAAAD,IAAA;EACnD,MAAM;IAAEE;EAAK,CAAC,GAAG,IAAAC,mCAAiB,EAAC,CAAC;EACpC,MAAMC,SAAS,GAAGF,IAAI,KAAKG,sBAAI,CAACC,OAAO;EACvC,MAAM;IAAEC,OAAO;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAG,IAAAC,gBAAQ,EAGvCC,sDAA0B,EAAE;IAC5BC,SAAS,EAAE;MACTX;IACF,CAAC;IACDY,WAAW,EAAE;EACf,CAAC,CAAC;EAEF,OACEpB,MAAA,CAAAK,OAAA,CAAAgB,aAAA;IAAK,eAAY;EAAuB,GACrC,CAACP,OAAO,IAAI,CAACL,IAAI,KAChBT,MAAA,CAAAK,OAAA,CAAAgB,aAAA;IACEC,SAAS,EAAE,IAAAC,mBAAU,EACnB,sFAAsF,EACtF;MACE,cAAc,EAAEZ,SAAS;MACzB,cAAc,EAAE,CAACA;IACnB,CACF;EAAE,GAEFX,MAAA,CAAAK,OAAA,CAAAgB,aAAA,CAACxB,iBAAA,CAAA2B,OAAO;IAACf,IAAI,EAAEgB,6BAAW,CAACC;EAAG,CAAE,CAC7B,CACN,EACA,CAACZ,OAAO,IAAIC,IAAI,IAAIf,MAAA,CAAAK,OAAA,CAAAgB,aAAA,CAACnB,KAAA,CAAAyB,IAAI;IAACZ,IAAI,EAAEA,IAAK;IAACP,QAAQ,EAAEA;EAAS,CAAE,CAAC,EAC5D,CAACM,OAAO,IAAIE,KAAK,IAChBhB,MAAA,CAAAK,OAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAC;EAAmG,GAChHtB,MAAA,CAAAK,OAAA,CAAAgB,aAAA,CAACxB,iBAAA,CAAA+B,UAAU,MAAE,CACV,CAEJ,CAAC;AAEV,CAAC;AAACC,OAAA,CAAAvB,YAAA,GAAAA,YAAA","ignoreList":[]}

package/dist/module/ValueAtRiskWidget/ValueAtRiskWidget.js

@@ -1,9 +1,16 @@
-import { ApolloClient, InMemoryCache } from '@apollo/client';
-import { WidgetProvider, WidgetWrapper } from '@oanda/labs-widget-common';
-import React from 'react';
-import { translations } from '../translations';
-import { ToolWithData } from './ToolWithData';
-import { Widget } from './Widget';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ValueAtRiskWidget = void 0;
+var _client = require("@apollo/client");
+var _labsWidgetCommon = require("@oanda/labs-widget-common");
+var _react = _interopRequireDefault(require("react"));
+var _translations = require("../translations");
+var _ToolWithData = require("./ToolWithData");
+var _Widget = require("./Widget");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const ValueAtRiskWidget = _ref => {
   let {
     graphqlUrl,
@@ -16,28 +23,28 @@ const ValueAtRiskWidget = _ref => {
     bars,
     logoLink
   } = _ref;
-  const client = new ApolloClient({
+  const client = new _client.ApolloClient({
     uri: graphqlUrl,
-    cache: new InMemoryCache()
+    cache: new _client.InMemoryCache()
   });
   const isWidget = !!instrument && !!duration && !!bars;
-  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
-  }, isWidget ? React.createElement(Widget, {
+  }, isWidget ? _react.default.createElement(_Widget.Widget, {
     bars: bars,
     division: division,
     duration: duration,
     instrument: instrument
-  }) : React.createElement(ToolWithData, {
+  }) : _react.default.createElement(_ToolWithData.ToolWithData, {
     division: division
   })));
 };
-export { ValueAtRiskWidget };
+exports.ValueAtRiskWidget = ValueAtRiskWidget;
 //# sourceMappingURL=ValueAtRiskWidget.js.map

package/dist/module/ValueAtRiskWidget/ValueAtRiskWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"ValueAtRiskWidget.js","names":["ApolloClient","InMemoryCache","WidgetProvider","WidgetWrapper","React","translations","ToolWithData","Widget","ValueAtRiskWidget","_ref","graphqlUrl","locale","division","theme","isParamError","instrument","duration","bars","logoLink","client","uri","cache","isWidget","createElement","linkArea"],"sources":["../../../src/ValueAtRiskWidget/ValueAtRiskWidget.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 { ToolWithData } from './ToolWithData';\nimport type { ValueAtRiskConfig } from './types';\nimport { Widget } from './Widget';\n\nconst ValueAtRiskWidget = ({\n  graphqlUrl,\n  locale,\n  division,\n  theme,\n  isParamError,\n  instrument,\n  duration,\n  bars,\n  logoLink,\n}: ValueAtRiskConfig) => {\n  const client = new ApolloClient({\n    uri: graphqlUrl,\n    cache: new InMemoryCache(),\n  });\n  const isWidget = !!instrument && !!duration && !!bars;\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        {isWidget ? (\n          <Widget\n            bars={bars}\n            division={division}\n            duration={duration}\n            instrument={instrument}\n          />\n        ) : (\n          <ToolWithData division={division} />\n        )}\n      </WidgetWrapper>\n    </WidgetProvider>\n  );\n};\n\nexport { ValueAtRiskWidget };\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;AAE7C,SAASC,MAAM,QAAQ,UAAU;AAEjC,MAAMC,iBAAiB,GAAGC,IAAA,IAUD;EAAA,IAVE;IACzBC,UAAU;IACVC,MAAM;IACNC,QAAQ;IACRC,KAAK;IACLC,YAAY;IACZC,UAAU;IACVC,QAAQ;IACRC,IAAI;IACJC;EACiB,CAAC,GAAAT,IAAA;EAClB,MAAMU,MAAM,GAAG,IAAInB,YAAY,CAAC;IAC9BoB,GAAG,EAAEV,UAAU;IACfW,KAAK,EAAE,IAAIpB,aAAa,CAAC;EAC3B,CAAC,CAAC;EACF,MAAMqB,QAAQ,GAAG,CAAC,CAACP,UAAU,IAAI,CAAC,CAACC,QAAQ,IAAI,CAAC,CAACC,IAAI;EAErD,OACEb,KAAA,CAAAmB,aAAA,CAACrB,cAAc;IACbiB,MAAM,EAAEA,MAAO;IACfR,MAAM,EAAEA,MAAO;IACfE,KAAK,EAAEA,KAAM;IACbR,YAAY,EAAEA;EAAa,GAE3BD,KAAA,CAAAmB,aAAA,CAACpB,aAAa;IACZW,YAAY,EAAEA,YAAa;IAC3BU,QAAQ,EAAC,MAAM;IACfN,QAAQ,EAAEA;EAAS,GAElBI,QAAQ,GACPlB,KAAA,CAAAmB,aAAA,CAAChB,MAAM;IACLU,IAAI,EAAEA,IAAK;IACXL,QAAQ,EAAEA,QAAS;IACnBI,QAAQ,EAAEA,QAAS;IACnBD,UAAU,EAAEA;EAAW,CACxB,CAAC,GAEFX,KAAA,CAAAmB,aAAA,CAACjB,YAAY;IAACM,QAAQ,EAAEA;EAAS,CAAE,CAExB,CACD,CAAC;AAErB,CAAC;AAED,SAASJ,iBAAiB","ignoreList":[]}
+{"version":3,"file":"ValueAtRiskWidget.js","names":["_client","require","_labsWidgetCommon","_react","_interopRequireDefault","_translations","_ToolWithData","_Widget","e","__esModule","default","ValueAtRiskWidget","_ref","graphqlUrl","locale","division","theme","isParamError","instrument","duration","bars","logoLink","client","ApolloClient","uri","cache","InMemoryCache","isWidget","createElement","WidgetProvider","translations","WidgetWrapper","linkArea","Widget","ToolWithData","exports"],"sources":["../../../src/ValueAtRiskWidget/ValueAtRiskWidget.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 { ToolWithData } from './ToolWithData';\nimport type { ValueAtRiskConfig } from './types';\nimport { Widget } from './Widget';\n\nconst ValueAtRiskWidget = ({\n  graphqlUrl,\n  locale,\n  division,\n  theme,\n  isParamError,\n  instrument,\n  duration,\n  bars,\n  logoLink,\n}: ValueAtRiskConfig) => {\n  const client = new ApolloClient({\n    uri: graphqlUrl,\n    cache: new InMemoryCache(),\n  });\n  const isWidget = !!instrument && !!duration && !!bars;\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        {isWidget ? (\n          <Widget\n            bars={bars}\n            division={division}\n            duration={duration}\n            instrument={instrument}\n          />\n        ) : (\n          <ToolWithData division={division} />\n        )}\n      </WidgetWrapper>\n    </WidgetProvider>\n  );\n};\n\nexport { ValueAtRiskWidget };\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;AAEA,IAAAM,OAAA,GAAAN,OAAA;AAAkC,SAAAG,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAElC,MAAMG,iBAAiB,GAAGC,IAAA,IAUD;EAAA,IAVE;IACzBC,UAAU;IACVC,MAAM;IACNC,QAAQ;IACRC,KAAK;IACLC,YAAY;IACZC,UAAU;IACVC,QAAQ;IACRC,IAAI;IACJC;EACiB,CAAC,GAAAT,IAAA;EAClB,MAAMU,MAAM,GAAG,IAAIC,oBAAY,CAAC;IAC9BC,GAAG,EAAEX,UAAU;IACfY,KAAK,EAAE,IAAIC,qBAAa,CAAC;EAC3B,CAAC,CAAC;EACF,MAAMC,QAAQ,GAAG,CAAC,CAACT,UAAU,IAAI,CAAC,CAACC,QAAQ,IAAI,CAAC,CAACC,IAAI;EAErD,OACEjB,MAAA,CAAAO,OAAA,CAAAkB,aAAA,CAAC1B,iBAAA,CAAA2B,cAAc;IACbP,MAAM,EAAEA,MAAO;IACfR,MAAM,EAAEA,MAAO;IACfE,KAAK,EAAEA,KAAM;IACbc,YAAY,EAAEA;EAAa,GAE3B3B,MAAA,CAAAO,OAAA,CAAAkB,aAAA,CAAC1B,iBAAA,CAAA6B,aAAa;IACZd,YAAY,EAAEA,YAAa;IAC3Be,QAAQ,EAAC,MAAM;IACfX,QAAQ,EAAEA;EAAS,GAElBM,QAAQ,GACPxB,MAAA,CAAAO,OAAA,CAAAkB,aAAA,CAACrB,OAAA,CAAA0B,MAAM;IACLb,IAAI,EAAEA,IAAK;IACXL,QAAQ,EAAEA,QAAS;IACnBI,QAAQ,EAAEA,QAAS;IACnBD,UAAU,EAAEA;EAAW,CACxB,CAAC,GAEFf,MAAA,CAAAO,OAAA,CAAAkB,aAAA,CAACtB,aAAA,CAAA4B,YAAY;IAACnB,QAAQ,EAAEA;EAAS,CAAE,CAExB,CACD,CAAC;AAErB,CAAC;AAACoB,OAAA,CAAAxB,iBAAA,GAAAA,iBAAA","ignoreList":[]}

package/dist/module/ValueAtRiskWidget/Widget.js

@@ -1,8 +1,15 @@
-import { Size, useLayoutProvider } from '@oanda/labs-widget-common';
-import { useLocale } from '@oanda/mono-i18n';
-import classnames from 'classnames';
-import React from 'react';
-import { ChartWithData } from './ChartWithData';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Widget = void 0;
+var _labsWidgetCommon = require("@oanda/labs-widget-common");
+var _monoI18n = require("@oanda/mono-i18n");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireDefault(require("react"));
+var _ChartWithData = require("./ChartWithData");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const Widget = _ref => {
   let {
     division,
@@ -12,29 +19,29 @@ const Widget = _ref => {
   } = _ref;
   const {
     lang
-  } = useLocale();
+  } = (0, _monoI18n.useLocale)();
   const {
     size
-  } = useLayoutProvider();
-  const isDesktop = size === Size.DESKTOP;
-  return React.createElement("div", {
+  } = (0, _labsWidgetCommon.useLayoutProvider)();
+  const isDesktop = size === _labsWidgetCommon.Size.DESKTOP;
+  return _react.default.createElement("div", {
     className: "lw-relative lw-text-sm lw-tracking-normal",
     "data-testid": "value-at-risk-widget-wrapper"
-  }, size && React.createElement(React.Fragment, null, React.createElement("div", {
-    className: classnames('lw-font-bold', {
+  }, size && _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("div", {
+    className: (0, _classnames.default)('lw-font-bold', {
       'lw-mb-11 lw-text-center lw-text-xl': isDesktop,
       'lw-mb-6 lw-text-lg': !isDesktop
     })
-  }, React.createElement("div", null, `${lang('hold_time')}: ${lang('day', {
+  }, _react.default.createElement("div", null, `${lang('hold_time')}: ${lang('day', {
     count: +duration.substring(1)
-  })}`), React.createElement("div", null, `${lang('calculation_period')}: ${lang('day', {
+  })}`), _react.default.createElement("div", null, `${lang('calculation_period')}: ${lang('day', {
     count: +bars.substring(1)
-  })}`)), React.createElement(ChartWithData, {
+  })}`)), _react.default.createElement(_ChartWithData.ChartWithData, {
     bars: bars,
     division: division,
     duration: duration,
     instrument: instrument
   })));
 };
-export { Widget };
+exports.Widget = Widget;
 //# sourceMappingURL=Widget.js.map

package/dist/module/ValueAtRiskWidget/Widget.js.map

@@ -1 +1 @@
-{"version":3,"file":"Widget.js","names":["Size","useLayoutProvider","useLocale","classnames","React","ChartWithData","Widget","_ref","division","instrument","duration","bars","lang","size","isDesktop","DESKTOP","createElement","className","Fragment","count","substring"],"sources":["../../../src/ValueAtRiskWidget/Widget.tsx"],"sourcesContent":["import { Size, useLayoutProvider } from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport classnames from 'classnames';\nimport React from 'react';\n\nimport { ChartWithData } from './ChartWithData';\nimport type { WidgetProps } from './types';\n\nconst Widget = ({ division, instrument, duration, bars }: WidgetProps) => {\n  const { lang } = useLocale();\n  const { size } = useLayoutProvider();\n  const isDesktop = size === Size.DESKTOP;\n\n  return (\n    <div\n      className=\"lw-relative lw-text-sm lw-tracking-normal\"\n      data-testid=\"value-at-risk-widget-wrapper\"\n    >\n      {size && (\n        <>\n          <div\n            className={classnames('lw-font-bold', {\n              'lw-mb-11 lw-text-center lw-text-xl': isDesktop,\n              'lw-mb-6 lw-text-lg': !isDesktop,\n            })}\n          >\n            <div>{`${lang('hold_time')}: ${lang('day', { count: +duration.substring(1) })}`}</div>\n            <div>{`${lang('calculation_period')}: ${lang('day', { count: +bars.substring(1) })}`}</div>\n          </div>\n          <ChartWithData\n            bars={bars}\n            division={division}\n            duration={duration}\n            instrument={instrument}\n          />\n        </>\n      )}\n    </div>\n  );\n};\n\nexport { Widget };\n"],"mappings":"AAAA,SAASA,IAAI,EAAEC,iBAAiB,QAAQ,2BAA2B;AACnE,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,aAAa,QAAQ,iBAAiB;AAG/C,MAAMC,MAAM,GAAGC,IAAA,IAA2D;EAAA,IAA1D;IAAEC,QAAQ;IAAEC,UAAU;IAAEC,QAAQ;IAAEC;EAAkB,CAAC,GAAAJ,IAAA;EACnE,MAAM;IAAEK;EAAK,CAAC,GAAGV,SAAS,CAAC,CAAC;EAC5B,MAAM;IAAEW;EAAK,CAAC,GAAGZ,iBAAiB,CAAC,CAAC;EACpC,MAAMa,SAAS,GAAGD,IAAI,KAAKb,IAAI,CAACe,OAAO;EAEvC,OACEX,KAAA,CAAAY,aAAA;IACEC,SAAS,EAAC,2CAA2C;IACrD,eAAY;EAA8B,GAEzCJ,IAAI,IACHT,KAAA,CAAAY,aAAA,CAAAZ,KAAA,CAAAc,QAAA,QACEd,KAAA,CAAAY,aAAA;IACEC,SAAS,EAAEd,UAAU,CAAC,cAAc,EAAE;MACpC,oCAAoC,EAAEW,SAAS;MAC/C,oBAAoB,EAAE,CAACA;IACzB,CAAC;EAAE,GAEHV,KAAA,CAAAY,aAAA,cAAM,GAAGJ,IAAI,CAAC,WAAW,CAAC,KAAKA,IAAI,CAAC,KAAK,EAAE;IAAEO,KAAK,EAAE,CAACT,QAAQ,CAACU,SAAS,CAAC,CAAC;EAAE,CAAC,CAAC,EAAQ,CAAC,EACtFhB,KAAA,CAAAY,aAAA,cAAM,GAAGJ,IAAI,CAAC,oBAAoB,CAAC,KAAKA,IAAI,CAAC,KAAK,EAAE;IAAEO,KAAK,EAAE,CAACR,IAAI,CAACS,SAAS,CAAC,CAAC;EAAE,CAAC,CAAC,EAAQ,CACvF,CAAC,EACNhB,KAAA,CAAAY,aAAA,CAACX,aAAa;IACZM,IAAI,EAAEA,IAAK;IACXH,QAAQ,EAAEA,QAAS;IACnBE,QAAQ,EAAEA,QAAS;IACnBD,UAAU,EAAEA;EAAW,CACxB,CACD,CAED,CAAC;AAEV,CAAC;AAED,SAASH,MAAM","ignoreList":[]}
+{"version":3,"file":"Widget.js","names":["_labsWidgetCommon","require","_monoI18n","_classnames","_interopRequireDefault","_react","_ChartWithData","e","__esModule","default","Widget","_ref","division","instrument","duration","bars","lang","useLocale","size","useLayoutProvider","isDesktop","Size","DESKTOP","createElement","className","Fragment","classnames","count","substring","ChartWithData","exports"],"sources":["../../../src/ValueAtRiskWidget/Widget.tsx"],"sourcesContent":["import { Size, useLayoutProvider } from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport classnames from 'classnames';\nimport React from 'react';\n\nimport { ChartWithData } from './ChartWithData';\nimport type { WidgetProps } from './types';\n\nconst Widget = ({ division, instrument, duration, bars }: WidgetProps) => {\n  const { lang } = useLocale();\n  const { size } = useLayoutProvider();\n  const isDesktop = size === Size.DESKTOP;\n\n  return (\n    <div\n      className=\"lw-relative lw-text-sm lw-tracking-normal\"\n      data-testid=\"value-at-risk-widget-wrapper\"\n    >\n      {size && (\n        <>\n          <div\n            className={classnames('lw-font-bold', {\n              'lw-mb-11 lw-text-center lw-text-xl': isDesktop,\n              'lw-mb-6 lw-text-lg': !isDesktop,\n            })}\n          >\n            <div>{`${lang('hold_time')}: ${lang('day', { count: +duration.substring(1) })}`}</div>\n            <div>{`${lang('calculation_period')}: ${lang('day', { count: +bars.substring(1) })}`}</div>\n          </div>\n          <ChartWithData\n            bars={bars}\n            division={division}\n            duration={duration}\n            instrument={instrument}\n          />\n        </>\n      )}\n    </div>\n  );\n};\n\nexport { Widget };\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAD,sBAAA,CAAAH,OAAA;AAEA,IAAAK,cAAA,GAAAL,OAAA;AAAgD,SAAAG,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGhD,MAAMG,MAAM,GAAGC,IAAA,IAA2D;EAAA,IAA1D;IAAEC,QAAQ;IAAEC,UAAU;IAAEC,QAAQ;IAAEC;EAAkB,CAAC,GAAAJ,IAAA;EACnE,MAAM;IAAEK;EAAK,CAAC,GAAG,IAAAC,mBAAS,EAAC,CAAC;EAC5B,MAAM;IAAEC;EAAK,CAAC,GAAG,IAAAC,mCAAiB,EAAC,CAAC;EACpC,MAAMC,SAAS,GAAGF,IAAI,KAAKG,sBAAI,CAACC,OAAO;EAEvC,OACEjB,MAAA,CAAAI,OAAA,CAAAc,aAAA;IACEC,SAAS,EAAC,2CAA2C;IACrD,eAAY;EAA8B,GAEzCN,IAAI,IACHb,MAAA,CAAAI,OAAA,CAAAc,aAAA,CAAAlB,MAAA,CAAAI,OAAA,CAAAgB,QAAA,QACEpB,MAAA,CAAAI,OAAA,CAAAc,aAAA;IACEC,SAAS,EAAE,IAAAE,mBAAU,EAAC,cAAc,EAAE;MACpC,oCAAoC,EAAEN,SAAS;MAC/C,oBAAoB,EAAE,CAACA;IACzB,CAAC;EAAE,GAEHf,MAAA,CAAAI,OAAA,CAAAc,aAAA,cAAM,GAAGP,IAAI,CAAC,WAAW,CAAC,KAAKA,IAAI,CAAC,KAAK,EAAE;IAAEW,KAAK,EAAE,CAACb,QAAQ,CAACc,SAAS,CAAC,CAAC;EAAE,CAAC,CAAC,EAAQ,CAAC,EACtFvB,MAAA,CAAAI,OAAA,CAAAc,aAAA,cAAM,GAAGP,IAAI,CAAC,oBAAoB,CAAC,KAAKA,IAAI,CAAC,KAAK,EAAE;IAAEW,KAAK,EAAE,CAACZ,IAAI,CAACa,SAAS,CAAC,CAAC;EAAE,CAAC,CAAC,EAAQ,CACvF,CAAC,EACNvB,MAAA,CAAAI,OAAA,CAAAc,aAAA,CAACjB,cAAA,CAAAuB,aAAa;IACZd,IAAI,EAAEA,IAAK;IACXH,QAAQ,EAAEA,QAAS;IACnBE,QAAQ,EAAEA,QAAS;IACnBD,UAAU,EAAEA;EAAW,CACxB,CACD,CAED,CAAC;AAEV,CAAC;AAACiB,OAAA,CAAApB,MAAA,GAAAA,MAAA","ignoreList":[]}

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

@@ -1,33 +1,41 @@
-import { BaseChart, getChartTheme, Size, Theme, useLayoutProvider } from '@oanda/labs-widget-common';
-import { useLocale } from '@oanda/mono-i18n';
-import { CustomChart, LineChart } from 'echarts/charts';
-import { AxisPointerComponent, DatasetComponent, GraphicComponent, GridSimpleComponent, MarkLineComponent, MarkPointComponent, TitleComponent, VisualMapComponent } 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, TitleComponent, LineChart, CanvasRenderer, DatasetComponent, VisualMapComponent, CustomChart, MarkLineComponent, MarkPointComponent, AxisPointerComponent]);
-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.TitleComponent, _charts.LineChart, _renderers.CanvasRenderer, _components.DatasetComponent, _components.VisualMapComponent, _charts.CustomChart, _components.MarkLineComponent, _components.MarkPointComponent, _components.AxisPointerComponent]);
+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
   } = _ref;
   const {
     lang
-  } = useLocale();
+  } = (0, _monoI18n.useLocale)();
   const {
     isDark,
     size
-  } = useLayoutProvider();
-  const isDesktop = size === Size.DESKTOP;
-  return React.createElement(BaseChart, {
-    chartHeight: CHART_HEIGHT,
+  } = (0, _labsWidgetCommon.useLayoutProvider)();
+  const isDesktop = size === _labsWidgetCommon.Size.DESKTOP;
+  return _react.default.createElement(_labsWidgetCommon.BaseChart, {
+    chartHeight: _constants.CHART_HEIGHT,
     echarts: echarts,
     isDark: isDark,
-    option: getOption(values, lang, isDark, isDesktop)
+    option: (0, _getOption.getOption)(values, lang, isDark, isDesktop)
   });
 };
-export { Chart };
+exports.Chart = Chart;
 //# sourceMappingURL=Chart.js.map