@oanda/labs-value-at-risk-widget 1.0.113 → 1.0.115

package/dist/main/ValueAtRiskWidget/ChartWithData.js

@@ -13,6 +13,7 @@ var _Chart = require("./components/Chart");
 var _Legend = require("./components/Legend");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const ChartWithData = _ref => {
+  var _data$valueAtRiskChar, _data$valueAtRiskChar2;
   let {
     instrument,
     duration,
@@ -37,7 +38,7 @@ const ChartWithData = _ref => {
     fetchPolicy: 'cache-and-network',
     skip: !instrument
   });
-  const showChart = data?.valueAtRiskChart?.down?.points && data.valueAtRiskChart.down.points.length > 0 && data?.valueAtRiskChart?.up?.points && data.valueAtRiskChart.up.points.length > 0;
+  const showChart = (data === null || data === void 0 || (_data$valueAtRiskChar = data.valueAtRiskChart) === null || _data$valueAtRiskChar === void 0 || (_data$valueAtRiskChar = _data$valueAtRiskChar.down) === null || _data$valueAtRiskChar === void 0 ? void 0 : _data$valueAtRiskChar.points) && data.valueAtRiskChart.down.points.length > 0 && (data === null || data === void 0 || (_data$valueAtRiskChar2 = data.valueAtRiskChart) === null || _data$valueAtRiskChar2 === void 0 || (_data$valueAtRiskChar2 = _data$valueAtRiskChar2.up) === null || _data$valueAtRiskChar2 === void 0 ? void 0 : _data$valueAtRiskChar2.points) && data.valueAtRiskChart.up.points.length > 0;
   const showError = !!error || !loading && !showChart;
   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', {

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"ChartWithData.js","names":["_client","require","_labsWidgetCommon","_classnames","_interopRequireDefault","_react","_getValueAtRiskChart","_Chart","_Legend","e","__esModule","default","ChartWithData","_ref","_data$valueAtRiskChar","_data$valueAtRiskChar2","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":"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","ignoreList":[]}

package/dist/main/ValueAtRiskWidget/Tool.js

@@ -11,8 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _graphql = require("../gql/types/graphql");
 var _ChartWithData = require("./ChartWithData");
 var _utils = require("./utils");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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 {

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

@@ -1 +1 @@
-{"version":3,"file":"Tool.js","names":["_labsWidgetCommon","require","_monoI18n","_classnames","_interopRequireDefault","_react","_interopRequireWildcard","_graphql","_ChartWithData","_utils","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","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":[]}
+{"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/main/ValueAtRiskWidget/Widget.js

@@ -32,11 +32,11 @@ const Widget = _ref => {
       'lw-mb-11 lw-text-center lw-text-xl': isDesktop,
       'lw-mb-6 lw-text-lg': !isDesktop
     })
-  }, _react.default.createElement("div", null, `${lang('hold_time')}: ${lang('day', {
+  }, _react.default.createElement("div", null, "".concat(lang('hold_time'), ": ").concat(lang('day', {
     count: +duration.substring(1)
-  })}`), _react.default.createElement("div", null, `${lang('calculation_period')}: ${lang('day', {
+  }))), _react.default.createElement("div", null, "".concat(lang('calculation_period'), ": ").concat(lang('day', {
     count: +bars.substring(1)
-  })}`)), _react.default.createElement(_ChartWithData.ChartWithData, {
+  })))), _react.default.createElement(_ChartWithData.ChartWithData, {
     bars: bars,
     division: division,
     duration: duration,

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

@@ -1 +1 @@
-{"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":[]}
+{"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","concat","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,iBAAAI,MAAA,CAASX,IAAI,CAAC,WAAW,CAAC,QAAAW,MAAA,CAAKX,IAAI,CAAC,KAAK,EAAE;IAAEY,KAAK,EAAE,CAACd,QAAQ,CAACe,SAAS,CAAC,CAAC;EAAE,CAAC,CAAC,CAAQ,CAAC,EACtFxB,MAAA,CAAAI,OAAA,CAAAc,aAAA,iBAAAI,MAAA,CAASX,IAAI,CAAC,oBAAoB,CAAC,QAAAW,MAAA,CAAKX,IAAI,CAAC,KAAK,EAAE;IAAEY,KAAK,EAAE,CAACb,IAAI,CAACc,SAAS,CAAC,CAAC;EAAE,CAAC,CAAC,CAAQ,CACvF,CAAC,EACNxB,MAAA,CAAAI,OAAA,CAAAc,aAAA,CAACjB,cAAA,CAAAwB,aAAa;IACZf,IAAI,EAAEA,IAAK;IACXH,QAAQ,EAAEA,QAAS;IACnBE,QAAQ,EAAEA,QAAS;IACnBD,UAAU,EAAEA;EAAW,CACxB,CACD,CAED,CAAC;AAEV,CAAC;AAACkB,OAAA,CAAArB,MAAA,GAAAA,MAAA","ignoreList":[]}

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

@@ -14,8 +14,7 @@ var _react = _interopRequireDefault(require("react"));
 var _constants = require("./constants");
 var _getOption = require("./getOption");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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));

package/dist/main/ValueAtRiskWidget/components/Chart/Chart.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chart.js","names":["_labsWidgetCommon","require","_monoI18n","_charts","_components","echarts","_interopRequireWildcard","_renderers","_react","_interopRequireDefault","_constants","_getOption","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","use","GridSimpleComponent","GraphicComponent","TitleComponent","LineChart","CanvasRenderer","DatasetComponent","VisualMapComponent","CustomChart","MarkLineComponent","MarkPointComponent","AxisPointerComponent","registerTheme","getChartTheme","Theme","Dark","Light","Chart","_ref","values","lang","useLocale","isDark","size","useLayoutProvider","isDesktop","Size","DESKTOP","createElement","BaseChart","chartHeight","CHART_HEIGHT","option","getOption","exports"],"sources":["../../../../../src/ValueAtRiskWidget/components/Chart/Chart.tsx"],"sourcesContent":["import {\n  BaseChart,\n  getChartTheme,\n  Size,\n  Theme,\n  useLayoutProvider,\n} from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport { CustomChart, LineChart } from 'echarts/charts';\nimport {\n  AxisPointerComponent,\n  DatasetComponent,\n  GraphicComponent,\n  GridSimpleComponent,\n  MarkLineComponent,\n  MarkPointComponent,\n  TitleComponent,\n  VisualMapComponent,\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  TitleComponent,\n  LineChart,\n  CanvasRenderer,\n  DatasetComponent,\n  VisualMapComponent,\n  CustomChart,\n  MarkLineComponent,\n  MarkPointComponent,\n  AxisPointerComponent,\n]);\n\necharts.registerTheme('dark_theme', getChartTheme(Theme.Dark));\necharts.registerTheme('light_theme', getChartTheme(Theme.Light));\n\nconst Chart = ({ values }: ChartProps) => {\n  const { lang } = useLocale();\n  const { isDark, size } = useLayoutProvider();\n  const isDesktop = size === Size.DESKTOP;\n\n  return (\n    <BaseChart\n      chartHeight={CHART_HEIGHT}\n      echarts={echarts}\n      isDark={isDark}\n      option={getOption(values, lang, isDark, isDesktop)}\n    />\n  );\n};\n\nexport { Chart };\n"],"mappings":"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","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","TitleComponent","LineChart","CanvasRenderer","DatasetComponent","VisualMapComponent","CustomChart","MarkLineComponent","MarkPointComponent","AxisPointerComponent","registerTheme","getChartTheme","Theme","Dark","Light","Chart","_ref","values","lang","useLocale","isDark","size","useLayoutProvider","isDesktop","Size","DESKTOP","createElement","BaseChart","chartHeight","CHART_HEIGHT","option","getOption","exports"],"sources":["../../../../../src/ValueAtRiskWidget/components/Chart/Chart.tsx"],"sourcesContent":["import {\n  BaseChart,\n  getChartTheme,\n  Size,\n  Theme,\n  useLayoutProvider,\n} from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport { CustomChart, LineChart } from 'echarts/charts';\nimport {\n  AxisPointerComponent,\n  DatasetComponent,\n  GraphicComponent,\n  GridSimpleComponent,\n  MarkLineComponent,\n  MarkPointComponent,\n  TitleComponent,\n  VisualMapComponent,\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  TitleComponent,\n  LineChart,\n  CanvasRenderer,\n  DatasetComponent,\n  VisualMapComponent,\n  CustomChart,\n  MarkLineComponent,\n  MarkPointComponent,\n  AxisPointerComponent,\n]);\n\necharts.registerTheme('dark_theme', getChartTheme(Theme.Dark));\necharts.registerTheme('light_theme', getChartTheme(Theme.Light));\n\nconst Chart = ({ values }: ChartProps) => {\n  const { lang } = useLocale();\n  const { isDark, size } = useLayoutProvider();\n  const isDesktop = size === Size.DESKTOP;\n\n  return (\n    <BaseChart\n      chartHeight={CHART_HEIGHT}\n      echarts={echarts}\n      isDark={isDark}\n      option={getOption(values, lang, isDark, isDesktop)}\n    />\n  );\n};\n\nexport { Chart };\n"],"mappings":"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","ignoreList":[]}

package/dist/main/ValueAtRiskWidget/components/Chart/getOption.js

@@ -7,6 +7,11 @@ exports.getOption = void 0;
 var _labsWidgetCommon = require("@oanda/labs-widget-common");
 var _constants = require("./constants");
 var _getPercentValueByPips = require("./getPercentValueByPips");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const getOption = (values, lang, isDark, isDesktop) => {
   const theme = isDark ? _labsWidgetCommon.Theme.Dark : _labsWidgetCommon.Theme.Light;
   const gridLines = (0, _labsWidgetCommon.getGridLines)({
@@ -90,7 +95,7 @@ const getOption = (values, lang, isDark, isDesktop) => {
             padding: isDesktop ? [0, 0, 0, 0] : [20, 0, 0, 0]
           }
         },
-        formatter: (value, index) => index ? `${value}%` : `{a|${value}%}`
+        formatter: (value, index) => index ? "".concat(value, "%") : "{a|".concat(value, "%}")
       },
       axisPointer: {
         label: {
@@ -276,13 +281,12 @@ const getOption = (values, lang, isDark, isDesktop) => {
     }],
     grid: [{
       name: 'main-grid',
-      top: `${_constants.TITLE_HEIGHT}px`,
+      top: "".concat(_constants.TITLE_HEIGHT, "px"),
       left: '0px',
-      right: `${isDesktop ? _constants.Y_LABEL_SIZE_DESKTOP : _constants.Y_LABEL_SIZE_MOBILE}px`,
-      bottom: `${_constants.X_LABEL_SIZE}px`
+      right: "".concat(isDesktop ? _constants.Y_LABEL_SIZE_DESKTOP : _constants.Y_LABEL_SIZE_MOBILE, "px"),
+      bottom: "".concat(_constants.X_LABEL_SIZE, "px")
     }],
-    graphic: [...gridLines, {
-      ...(0, _labsWidgetCommon.getLineCommons)(isDark),
+    graphic: [...gridLines, _objectSpread(_objectSpread({}, (0, _labsWidgetCommon.getLineCommons)(isDark)), {}, {
       top: _constants.TITLE_HEIGHT - 2,
       right: -2,
       shape: {
@@ -291,7 +295,7 @@ const getOption = (values, lang, isDark, isDesktop) => {
         x2: isDesktop ? 0 : _constants.Y_LABEL_SIZE_MOBILE,
         y2: 0
       }
-    }]
+    })]
   };
 };
 exports.getOption = getOption;

package/dist/main/ValueAtRiskWidget/components/Chart/getOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"getOption.js","names":["_labsWidgetCommon","require","_constants","_getPercentValueByPips","getOption","values","lang","isDark","isDesktop","theme","Theme","Dark","Light","gridLines","getGridLines","chartWidth","CHART_WIDTH","chartHeight","CHART_HEIGHT","xLabelsSize","X_LABEL_SIZE","Y_LABEL_SIZE_DESKTOP","yLabelSize","Y_LABEL_SIZE_MOBILE","yLabelMarinTop","TITLE_HEIGHT","down","up","valueAtRiskChart","points","sort","a","b","pips","map","point","percent","maxDown","Math","max","minUp","min","animation","title","left","top","text","textStyle","fontWeight","fontSize","xAxis","type","name","toUpperCase","nameLocation","splitNumber","nameGap","axisLine","show","axisTick","axisLabel","padding","margin","showMaxLabel","showMinLabel","hideOverlap","formatter","value","toFixed","axisPointer","label","_ref","yAxis","inverse","nameRotate","position","nameMoveOverlap","rich","index","precision","visualMap","dimension","pieces","lt","average","color","colorPalette","orange","raspberryLight","colorAlpha","gte","median","bottleGreenDark","greenLight","series","symbol","areaStyle","origin","opacity","lineStyle","emphasis","disabled","data","markLine","silent","white","width","threshold","themeColors","borderPrimary","markPoint","itemStyle","borderWidth","borderColor","getPercentValueByPips","symbolSize","gold","turquoiseLight","violetLight","grid","right","bottom","graphic","getLineCommons","shape","x1","y1","x2","y2","exports"],"sources":["../../../../../src/ValueAtRiskWidget/components/Chart/getOption.ts"],"sourcesContent":["import {\n  colorPalette,\n  getGridLines,\n  getLineCommons,\n  Theme,\n  themeColors,\n} from '@oanda/labs-widget-common';\n\nimport {\n  CHART_HEIGHT,\n  CHART_WIDTH,\n  TITLE_HEIGHT,\n  X_LABEL_SIZE,\n  Y_LABEL_SIZE_DESKTOP,\n  Y_LABEL_SIZE_MOBILE,\n} from './constants';\nimport { getPercentValueByPips } from './getPercentValueByPips';\nimport type { GetOptionType } from './types';\n\nexport const getOption: GetOptionType = (values, lang, isDark, isDesktop) => {\n  const theme = isDark ? Theme.Dark : Theme.Light;\n\n  const gridLines = getGridLines({\n    isDark,\n    chartWidth: CHART_WIDTH,\n    chartHeight: CHART_HEIGHT,\n    xLabelsSize: X_LABEL_SIZE - Y_LABEL_SIZE_DESKTOP,\n    yLabelSize: isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE,\n    yLabelMarinTop: isDesktop ? 0 : TITLE_HEIGHT,\n  });\n\n  const { down, up } = values!.valueAtRiskChart!;\n\n  const points = [...up.points!, ...down.points!]\n    .sort((a, b) => a.pips - b.pips)\n    .map((point) => [point.pips, point.percent * 100]);\n\n  const maxDown = Math.max(...down.points!.map((point) => point.pips));\n  const minUp = Math.min(...up.points!.map((point) => point.pips));\n\n  return {\n    animation: false,\n    title: {\n      left: 16,\n      top: 10,\n      text: lang('daily'),\n      textStyle: {\n        fontWeight: 500,\n        fontSize: 20,\n      },\n    },\n    xAxis: {\n      type: 'value',\n      name: lang('pips').toUpperCase(),\n      nameLocation: 'middle',\n      splitNumber: isDesktop ? 8 : 4,\n      nameGap: 32,\n      axisLine: { show: false },\n      axisTick: { show: false },\n      axisLabel: {\n        padding: 0,\n        margin: 12,\n        showMaxLabel: false,\n        showMinLabel: false,\n        hideOverlap: true,\n        formatter: (value) => value.toFixed(),\n      },\n      axisPointer: {\n        label: {\n          margin: 7,\n          formatter: ({ value }) => (value as number).toFixed(),\n        },\n      },\n    },\n    yAxis: {\n      name: lang('distribution').toUpperCase(),\n      type: 'value',\n      inverse: true,\n      nameLocation: 'middle',\n      nameGap: isDesktop ? 40 : 30,\n      nameRotate: -90,\n      position: 'right',\n      nameMoveOverlap: false,\n      axisLine: { show: false },\n      axisTick: { show: false },\n      axisLabel: {\n        padding: 0,\n        margin: isDesktop ? 12 : 4,\n        rich: {\n          a: {\n            padding: isDesktop ? [0, 0, 0, 0] : [20, 0, 0, 0],\n          },\n        },\n        formatter: (value, index) => (index ? `${value}%` : `{a|${value}%}`),\n      },\n      axisPointer: {\n        label: {\n          precision: 0,\n          padding: isDesktop ? [4, 10, 4, 10] : 4,\n          formatter: '{value}%',\n        },\n      },\n    },\n    axisPointer: {\n      show: true,\n      type: 'line',\n    },\n    visualMap: {\n      type: 'piecewise',\n      show: false,\n      dimension: 0,\n      pieces: [\n        {\n          lt: down.average,\n          color: isDark ? colorPalette.orange : colorPalette.raspberryLight,\n          colorAlpha: 0.5,\n        },\n        {\n          gte: down.average,\n          lt: down.median,\n          color: isDark ? colorPalette.orange : colorPalette.raspberryLight,\n          colorAlpha: 0.6,\n        },\n        {\n          gte: down.median,\n          lt: maxDown,\n          color: isDark ? colorPalette.orange : colorPalette.raspberryLight,\n          colorAlpha: 0.75,\n        },\n        {\n          gte: minUp,\n          lt: up.median,\n          color: isDark\n            ? colorPalette.bottleGreenDark\n            : colorPalette.greenLight,\n          colorAlpha: 0.75,\n        },\n        {\n          gte: up.median,\n          lt: up.average,\n          color: isDark\n            ? colorPalette.bottleGreenDark\n            : colorPalette.greenLight,\n          colorAlpha: 0.6,\n        },\n        {\n          gte: up.average,\n          color: isDark\n            ? colorPalette.bottleGreenDark\n            : colorPalette.greenLight,\n          colorAlpha: 0.5,\n        },\n      ],\n    },\n    series: [\n      {\n        name: 'main',\n        type: 'line',\n        symbol: 'none',\n        areaStyle: {\n          origin: 'end',\n          opacity: 1,\n        },\n        lineStyle: {\n          opacity: 1,\n        },\n        emphasis: {\n          disabled: true,\n        },\n        data: points,\n        markLine: {\n          silent: true,\n          symbol: ['none', 'none'],\n          label: {\n            show: false,\n          },\n          lineStyle: {\n            color: isDark ? colorPalette.white : colorPalette.bottleGreenDark,\n            width: 1,\n          },\n          data: [\n            {\n              xAxis: down.median,\n              lineStyle: {\n                type: [2, 2],\n              },\n            },\n            {\n              xAxis: down.average,\n              lineStyle: {\n                type: [4, 5],\n              },\n            },\n            {\n              xAxis: down.threshold,\n              lineStyle: {\n                type: [6, 2],\n              },\n            },\n            {\n              xAxis: down.max,\n              lineStyle: {\n                type: 'solid',\n                color: themeColors.borderPrimary[theme],\n              },\n            },\n            {\n              xAxis: up.median,\n              lineStyle: {\n                type: [2, 2],\n              },\n            },\n            {\n              xAxis: up.average,\n              lineStyle: {\n                type: [4, 5],\n              },\n            },\n            {\n              xAxis: up.threshold,\n              lineStyle: {\n                type: [6, 2],\n              },\n            },\n            {\n              xAxis: up.max,\n              lineStyle: {\n                type: 'solid',\n                color: themeColors.borderPrimary[theme],\n              },\n            },\n          ],\n        },\n        markPoint: {\n          animation: false,\n          silent: true,\n          itemStyle: {\n            borderWidth: 1,\n            borderColor: colorPalette.white,\n          },\n          label: {\n            show: false,\n          },\n          data: [\n            {\n              name: 'Mark point Down average',\n              xAxis: down.average,\n              yAxis: getPercentValueByPips(down.average, points),\n              symbol: 'circle',\n              symbolSize: 9,\n              itemStyle: {\n                color: colorPalette.gold,\n              },\n            },\n            {\n              name: 'Mark point Down median',\n              xAxis: down.median,\n              yAxis: getPercentValueByPips(down.median, points),\n              symbol: 'circle',\n              symbolSize: 9,\n              itemStyle: {\n                color: colorPalette.turquoiseLight,\n              },\n            },\n            {\n              name: 'Mark point Down threshold',\n              xAxis: down.threshold,\n              yAxis: getPercentValueByPips(down.threshold, points),\n              symbol: 'circle',\n              symbolSize: 9,\n              itemStyle: {\n                color: colorPalette.violetLight,\n              },\n            },\n            {\n              name: 'Mark point up average',\n              xAxis: up.average,\n              yAxis: getPercentValueByPips(up.average, points),\n              symbol: 'rectangle',\n              symbolSize: 8,\n              itemStyle: {\n                color: colorPalette.gold,\n              },\n            },\n            {\n              name: 'Mark point up median',\n              xAxis: up.median,\n              yAxis: getPercentValueByPips(up.median, points),\n              symbol: 'rectangle',\n              symbolSize: 8,\n              itemStyle: {\n                color: colorPalette.turquoiseLight,\n              },\n            },\n            {\n              name: 'Mark point up threshold',\n              xAxis: up.threshold,\n              yAxis: getPercentValueByPips(up.threshold, points),\n              symbol: 'rectangle',\n              symbolSize: 8,\n              itemStyle: {\n                color: colorPalette.violetLight,\n              },\n            },\n          ],\n        },\n      },\n    ],\n    grid: [\n      {\n        name: 'main-grid',\n        top: `${TITLE_HEIGHT}px`,\n        left: '0px',\n        right: `${isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE}px`,\n        bottom: `${X_LABEL_SIZE}px`,\n      },\n    ],\n    graphic: [\n      ...gridLines,\n      {\n        ...getLineCommons(isDark),\n        top: TITLE_HEIGHT - 2,\n        right: -2,\n        shape: {\n          x1: 0,\n          y1: 0,\n          x2: isDesktop ? 0 : Y_LABEL_SIZE_MOBILE,\n          y2: 0,\n        },\n      },\n    ],\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"getOption.js","names":["_labsWidgetCommon","require","_constants","_getPercentValueByPips","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_toPropertyKey","value","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","getOption","values","lang","isDark","isDesktop","theme","Theme","Dark","Light","gridLines","getGridLines","chartWidth","CHART_WIDTH","chartHeight","CHART_HEIGHT","xLabelsSize","X_LABEL_SIZE","Y_LABEL_SIZE_DESKTOP","yLabelSize","Y_LABEL_SIZE_MOBILE","yLabelMarinTop","TITLE_HEIGHT","down","up","valueAtRiskChart","points","sort","a","b","pips","map","point","percent","maxDown","Math","max","minUp","min","animation","title","left","top","text","textStyle","fontWeight","fontSize","xAxis","type","name","toUpperCase","nameLocation","splitNumber","nameGap","axisLine","show","axisTick","axisLabel","padding","margin","showMaxLabel","showMinLabel","hideOverlap","formatter","toFixed","axisPointer","label","_ref","yAxis","inverse","nameRotate","position","nameMoveOverlap","rich","index","concat","precision","visualMap","dimension","pieces","lt","average","color","colorPalette","orange","raspberryLight","colorAlpha","gte","median","bottleGreenDark","greenLight","series","symbol","areaStyle","origin","opacity","lineStyle","emphasis","disabled","data","markLine","silent","white","width","threshold","themeColors","borderPrimary","markPoint","itemStyle","borderWidth","borderColor","getPercentValueByPips","symbolSize","gold","turquoiseLight","violetLight","grid","right","bottom","graphic","getLineCommons","shape","x1","y1","x2","y2","exports"],"sources":["../../../../../src/ValueAtRiskWidget/components/Chart/getOption.ts"],"sourcesContent":["import {\n  colorPalette,\n  getGridLines,\n  getLineCommons,\n  Theme,\n  themeColors,\n} from '@oanda/labs-widget-common';\n\nimport {\n  CHART_HEIGHT,\n  CHART_WIDTH,\n  TITLE_HEIGHT,\n  X_LABEL_SIZE,\n  Y_LABEL_SIZE_DESKTOP,\n  Y_LABEL_SIZE_MOBILE,\n} from './constants';\nimport { getPercentValueByPips } from './getPercentValueByPips';\nimport type { GetOptionType } from './types';\n\nexport const getOption: GetOptionType = (values, lang, isDark, isDesktop) => {\n  const theme = isDark ? Theme.Dark : Theme.Light;\n\n  const gridLines = getGridLines({\n    isDark,\n    chartWidth: CHART_WIDTH,\n    chartHeight: CHART_HEIGHT,\n    xLabelsSize: X_LABEL_SIZE - Y_LABEL_SIZE_DESKTOP,\n    yLabelSize: isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE,\n    yLabelMarinTop: isDesktop ? 0 : TITLE_HEIGHT,\n  });\n\n  const { down, up } = values!.valueAtRiskChart!;\n\n  const points = [...up.points!, ...down.points!]\n    .sort((a, b) => a.pips - b.pips)\n    .map((point) => [point.pips, point.percent * 100]);\n\n  const maxDown = Math.max(...down.points!.map((point) => point.pips));\n  const minUp = Math.min(...up.points!.map((point) => point.pips));\n\n  return {\n    animation: false,\n    title: {\n      left: 16,\n      top: 10,\n      text: lang('daily'),\n      textStyle: {\n        fontWeight: 500,\n        fontSize: 20,\n      },\n    },\n    xAxis: {\n      type: 'value',\n      name: lang('pips').toUpperCase(),\n      nameLocation: 'middle',\n      splitNumber: isDesktop ? 8 : 4,\n      nameGap: 32,\n      axisLine: { show: false },\n      axisTick: { show: false },\n      axisLabel: {\n        padding: 0,\n        margin: 12,\n        showMaxLabel: false,\n        showMinLabel: false,\n        hideOverlap: true,\n        formatter: (value) => value.toFixed(),\n      },\n      axisPointer: {\n        label: {\n          margin: 7,\n          formatter: ({ value }) => (value as number).toFixed(),\n        },\n      },\n    },\n    yAxis: {\n      name: lang('distribution').toUpperCase(),\n      type: 'value',\n      inverse: true,\n      nameLocation: 'middle',\n      nameGap: isDesktop ? 40 : 30,\n      nameRotate: -90,\n      position: 'right',\n      nameMoveOverlap: false,\n      axisLine: { show: false },\n      axisTick: { show: false },\n      axisLabel: {\n        padding: 0,\n        margin: isDesktop ? 12 : 4,\n        rich: {\n          a: {\n            padding: isDesktop ? [0, 0, 0, 0] : [20, 0, 0, 0],\n          },\n        },\n        formatter: (value, index) => (index ? `${value}%` : `{a|${value}%}`),\n      },\n      axisPointer: {\n        label: {\n          precision: 0,\n          padding: isDesktop ? [4, 10, 4, 10] : 4,\n          formatter: '{value}%',\n        },\n      },\n    },\n    axisPointer: {\n      show: true,\n      type: 'line',\n    },\n    visualMap: {\n      type: 'piecewise',\n      show: false,\n      dimension: 0,\n      pieces: [\n        {\n          lt: down.average,\n          color: isDark ? colorPalette.orange : colorPalette.raspberryLight,\n          colorAlpha: 0.5,\n        },\n        {\n          gte: down.average,\n          lt: down.median,\n          color: isDark ? colorPalette.orange : colorPalette.raspberryLight,\n          colorAlpha: 0.6,\n        },\n        {\n          gte: down.median,\n          lt: maxDown,\n          color: isDark ? colorPalette.orange : colorPalette.raspberryLight,\n          colorAlpha: 0.75,\n        },\n        {\n          gte: minUp,\n          lt: up.median,\n          color: isDark\n            ? colorPalette.bottleGreenDark\n            : colorPalette.greenLight,\n          colorAlpha: 0.75,\n        },\n        {\n          gte: up.median,\n          lt: up.average,\n          color: isDark\n            ? colorPalette.bottleGreenDark\n            : colorPalette.greenLight,\n          colorAlpha: 0.6,\n        },\n        {\n          gte: up.average,\n          color: isDark\n            ? colorPalette.bottleGreenDark\n            : colorPalette.greenLight,\n          colorAlpha: 0.5,\n        },\n      ],\n    },\n    series: [\n      {\n        name: 'main',\n        type: 'line',\n        symbol: 'none',\n        areaStyle: {\n          origin: 'end',\n          opacity: 1,\n        },\n        lineStyle: {\n          opacity: 1,\n        },\n        emphasis: {\n          disabled: true,\n        },\n        data: points,\n        markLine: {\n          silent: true,\n          symbol: ['none', 'none'],\n          label: {\n            show: false,\n          },\n          lineStyle: {\n            color: isDark ? colorPalette.white : colorPalette.bottleGreenDark,\n            width: 1,\n          },\n          data: [\n            {\n              xAxis: down.median,\n              lineStyle: {\n                type: [2, 2],\n              },\n            },\n            {\n              xAxis: down.average,\n              lineStyle: {\n                type: [4, 5],\n              },\n            },\n            {\n              xAxis: down.threshold,\n              lineStyle: {\n                type: [6, 2],\n              },\n            },\n            {\n              xAxis: down.max,\n              lineStyle: {\n                type: 'solid',\n                color: themeColors.borderPrimary[theme],\n              },\n            },\n            {\n              xAxis: up.median,\n              lineStyle: {\n                type: [2, 2],\n              },\n            },\n            {\n              xAxis: up.average,\n              lineStyle: {\n                type: [4, 5],\n              },\n            },\n            {\n              xAxis: up.threshold,\n              lineStyle: {\n                type: [6, 2],\n              },\n            },\n            {\n              xAxis: up.max,\n              lineStyle: {\n                type: 'solid',\n                color: themeColors.borderPrimary[theme],\n              },\n            },\n          ],\n        },\n        markPoint: {\n          animation: false,\n          silent: true,\n          itemStyle: {\n            borderWidth: 1,\n            borderColor: colorPalette.white,\n          },\n          label: {\n            show: false,\n          },\n          data: [\n            {\n              name: 'Mark point Down average',\n              xAxis: down.average,\n              yAxis: getPercentValueByPips(down.average, points),\n              symbol: 'circle',\n              symbolSize: 9,\n              itemStyle: {\n                color: colorPalette.gold,\n              },\n            },\n            {\n              name: 'Mark point Down median',\n              xAxis: down.median,\n              yAxis: getPercentValueByPips(down.median, points),\n              symbol: 'circle',\n              symbolSize: 9,\n              itemStyle: {\n                color: colorPalette.turquoiseLight,\n              },\n            },\n            {\n              name: 'Mark point Down threshold',\n              xAxis: down.threshold,\n              yAxis: getPercentValueByPips(down.threshold, points),\n              symbol: 'circle',\n              symbolSize: 9,\n              itemStyle: {\n                color: colorPalette.violetLight,\n              },\n            },\n            {\n              name: 'Mark point up average',\n              xAxis: up.average,\n              yAxis: getPercentValueByPips(up.average, points),\n              symbol: 'rectangle',\n              symbolSize: 8,\n              itemStyle: {\n                color: colorPalette.gold,\n              },\n            },\n            {\n              name: 'Mark point up median',\n              xAxis: up.median,\n              yAxis: getPercentValueByPips(up.median, points),\n              symbol: 'rectangle',\n              symbolSize: 8,\n              itemStyle: {\n                color: colorPalette.turquoiseLight,\n              },\n            },\n            {\n              name: 'Mark point up threshold',\n              xAxis: up.threshold,\n              yAxis: getPercentValueByPips(up.threshold, points),\n              symbol: 'rectangle',\n              symbolSize: 8,\n              itemStyle: {\n                color: colorPalette.violetLight,\n              },\n            },\n          ],\n        },\n      },\n    ],\n    grid: [\n      {\n        name: 'main-grid',\n        top: `${TITLE_HEIGHT}px`,\n        left: '0px',\n        right: `${isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE}px`,\n        bottom: `${X_LABEL_SIZE}px`,\n      },\n    ],\n    graphic: [\n      ...gridLines,\n      {\n        ...getLineCommons(isDark),\n        top: TITLE_HEIGHT - 2,\n        right: -2,\n        shape: {\n          x1: 0,\n          y1: 0,\n          x2: isDesktop ? 0 : Y_LABEL_SIZE_MOBILE,\n          y2: 0,\n        },\n      },\n    ],\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/main/ValueAtRiskWidget/components/Legend/DashedLine.js

@@ -17,7 +17,7 @@ const DashedLine = _ref => {
     className: "lw-inline",
     fill: "none",
     height: "2",
-    viewBox: `0 0 ${width} 2`,
+    viewBox: "0 0 ".concat(width, " 2"),
     width: width,
     xmlns: "http://www.w3.org/2000/svg"
   }, _react.default.createElement("line", {

package/dist/main/ValueAtRiskWidget/components/Legend/DashedLine.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashedLine.js","names":["_labsWidgetCommon","require","_react","_interopRequireDefault","e","__esModule","default","DashedLine","_ref","strokeDasharray","width","isDark","createElement","className","fill","height","viewBox","xmlns","stroke","colorPalette","white","bottleGreenDark","x1","x2","y1","y2","exports"],"sources":["../../../../../src/ValueAtRiskWidget/components/Legend/DashedLine.tsx"],"sourcesContent":["import { colorPalette } from '@oanda/labs-widget-common';\nimport React from 'react';\n\nimport type { DashedLineProps } from './types';\n\nconst DashedLine = ({\n  strokeDasharray,\n  width = '30',\n  isDark,\n}: DashedLineProps) => (\n  <svg\n    className=\"lw-inline\"\n    fill=\"none\"\n    height=\"2\"\n    viewBox={`0 0 ${width} 2`}\n    width={width}\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <line\n      stroke={isDark ? colorPalette.white : colorPalette.bottleGreenDark}\n      strokeDasharray={strokeDasharray}\n      x1=\"0\"\n      x2={width}\n      y1=\"1\"\n      y2=\"1\"\n    />\n  </svg>\n);\n\nexport { DashedLine };\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA0B,SAAAE,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAI1B,MAAMG,UAAU,GAAGC,IAAA;EAAA,IAAC;IAClBC,eAAe;IACfC,KAAK,GAAG,IAAI;IACZC;EACe,CAAC,GAAAH,IAAA;EAAA,OAChBN,MAAA,CAAAI,OAAA,CAAAM,aAAA;IACEC,SAAS,EAAC,WAAW;IACrBC,IAAI,EAAC,MAAM;IACXC,MAAM,EAAC,GAAG;IACVC,OAAO,EAAE,OAAON,KAAK,IAAK;IAC1BA,KAAK,EAAEA,KAAM;IACbO,KAAK,EAAC;EAA4B,GAElCf,MAAA,CAAAI,OAAA,CAAAM,aAAA;IACEM,MAAM,EAAEP,MAAM,GAAGQ,8BAAY,CAACC,KAAK,GAAGD,8BAAY,CAACE,eAAgB;IACnEZ,eAAe,EAAEA,eAAgB;IACjCa,EAAE,EAAC,GAAG;IACNC,EAAE,EAAEb,KAAM;IACVc,EAAE,EAAC,GAAG;IACNC,EAAE,EAAC;EAAG,CACP,CACE,CAAC;AAAA,CACP;AAACC,OAAA,CAAAnB,UAAA,GAAAA,UAAA","ignoreList":[]}
+{"version":3,"file":"DashedLine.js","names":["_labsWidgetCommon","require","_react","_interopRequireDefault","e","__esModule","default","DashedLine","_ref","strokeDasharray","width","isDark","createElement","className","fill","height","viewBox","concat","xmlns","stroke","colorPalette","white","bottleGreenDark","x1","x2","y1","y2","exports"],"sources":["../../../../../src/ValueAtRiskWidget/components/Legend/DashedLine.tsx"],"sourcesContent":["import { colorPalette } from '@oanda/labs-widget-common';\nimport React from 'react';\n\nimport type { DashedLineProps } from './types';\n\nconst DashedLine = ({\n  strokeDasharray,\n  width = '30',\n  isDark,\n}: DashedLineProps) => (\n  <svg\n    className=\"lw-inline\"\n    fill=\"none\"\n    height=\"2\"\n    viewBox={`0 0 ${width} 2`}\n    width={width}\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <line\n      stroke={isDark ? colorPalette.white : colorPalette.bottleGreenDark}\n      strokeDasharray={strokeDasharray}\n      x1=\"0\"\n      x2={width}\n      y1=\"1\"\n      y2=\"1\"\n    />\n  </svg>\n);\n\nexport { DashedLine };\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA0B,SAAAE,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAI1B,MAAMG,UAAU,GAAGC,IAAA;EAAA,IAAC;IAClBC,eAAe;IACfC,KAAK,GAAG,IAAI;IACZC;EACe,CAAC,GAAAH,IAAA;EAAA,OAChBN,MAAA,CAAAI,OAAA,CAAAM,aAAA;IACEC,SAAS,EAAC,WAAW;IACrBC,IAAI,EAAC,MAAM;IACXC,MAAM,EAAC,GAAG;IACVC,OAAO,SAAAC,MAAA,CAASP,KAAK,OAAK;IAC1BA,KAAK,EAAEA,KAAM;IACbQ,KAAK,EAAC;EAA4B,GAElChB,MAAA,CAAAI,OAAA,CAAAM,aAAA;IACEO,MAAM,EAAER,MAAM,GAAGS,8BAAY,CAACC,KAAK,GAAGD,8BAAY,CAACE,eAAgB;IACnEb,eAAe,EAAEA,eAAgB;IACjCc,EAAE,EAAC,GAAG;IACNC,EAAE,EAAEd,KAAM;IACVe,EAAE,EAAC,GAAG;IACNC,EAAE,EAAC;EAAG,CACP,CACE,CAAC;AAAA,CACP;AAACC,OAAA,CAAApB,UAAA,GAAAA,UAAA","ignoreList":[]}

package/dist/main/ValueAtRiskWidget/components/Legend/DesktopLegend.js

@@ -40,9 +40,9 @@ const DesktopLegend = _ref => {
     })
   }), _react.default.createElement("span", {
     className: "lw-px-2"
-  }, `${item.label}:`), _react.default.createElement("span", {
+  }, "".concat(item.label, ":")), _react.default.createElement("span", {
     className: "lw-grow lw-text-right"
-  }, `${item.value.toFixed()} ${lang('pips')}`))));
+  }, "".concat(item.value.toFixed(), " ").concat(lang('pips'))))));
 };
 exports.DesktopLegend = DesktopLegend;
 //# sourceMappingURL=DesktopLegend.js.map

package/dist/main/ValueAtRiskWidget/components/Legend/DesktopLegend.js.map

@@ -1 +1 @@
-{"version":3,"file":"DesktopLegend.js","names":["_classnames","_interopRequireDefault","require","_react","_constants","_DashedLine","_types","e","__esModule","default","DesktopLegend","_ref","data","lang","isDark","createElement","className","classnames","value","map","item","key","id","DataNames","MAX","MIN","DashedLine","strokeDasharray","lineTypes","AVERAGE","MEDIAN","THRESHOLD","label","toFixed","exports"],"sources":["../../../../../src/ValueAtRiskWidget/components/Legend/DesktopLegend.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport React from 'react';\n\nimport { lineTypes } from './constants';\nimport { DashedLine } from './DashedLine';\nimport type { DesktopLegendProps } from './types';\nimport { DataNames } from './types';\n\nconst DesktopLegend = ({ data, lang, isDark }: DesktopLegendProps) => (\n  <div\n    className={classnames(\n      'lw-pointer-events-none lw-absolute lw-top-[50px] lw-z-10  lw-p-2 lw-text-xs',\n      {\n        'lw-left-[6px]': data[0].value < 0,\n        'lw-right-[66px]': data[0].value > 0,\n        'lw-bg-border-primary': isDark,\n        'lw-bg-bg-primary lw-shadow': !isDark,\n      }\n    )}\n  >\n    {data.map((item) => (\n      <div\n        key={item.id}\n        className={classnames('lw-flex lw-items-center', {\n          '[&_line]:lw-stroke-border-disabled':\n            item.id === DataNames.MAX || item.id === DataNames.MIN,\n        })}\n      >\n        <DashedLine isDark={isDark} strokeDasharray={lineTypes[item.id]} />\n        {item.id !== DataNames.MAX && item.id !== DataNames.MIN && (\n          <div\n            className={classnames(\n              'lw-ml-[-8px] lw-h-[8px] lw-w-[8px] lw-border-[1px] lw-border-white lw-bg-gold',\n              {\n                'lw-rounded-full': item.value < 0,\n                'lw-bg-gold': item.id === DataNames.AVERAGE,\n                'lw-bg-turquoise-light': item.id === DataNames.MEDIAN,\n                'lw-bg-violet-light': item.id === DataNames.THRESHOLD,\n              }\n            )}\n          />\n        )}\n        <span className=\"lw-px-2\">{`${item.label}:`}</span>\n        <span className=\"lw-grow lw-text-right\">\n          {`${item.value.toFixed()} ${lang('pips')}`}\n        </span>\n      </div>\n    ))}\n  </div>\n);\n\nexport { DesktopLegend };\n"],"mappings":";;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAEA,IAAAI,MAAA,GAAAJ,OAAA;AAAoC,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEpC,MAAMG,aAAa,GAAGC,IAAA;EAAA,IAAC;IAAEC,IAAI;IAAEC,IAAI;IAAEC;EAA2B,CAAC,GAAAH,IAAA;EAAA,OAC/DR,MAAA,CAAAM,OAAA,CAAAM,aAAA;IACEC,SAAS,EAAE,IAAAC,mBAAU,EACnB,6EAA6E,EAC7E;MACE,eAAe,EAAEL,IAAI,CAAC,CAAC,CAAC,CAACM,KAAK,GAAG,CAAC;MAClC,iBAAiB,EAAEN,IAAI,CAAC,CAAC,CAAC,CAACM,KAAK,GAAG,CAAC;MACpC,sBAAsB,EAAEJ,MAAM;MAC9B,4BAA4B,EAAE,CAACA;IACjC,CACF;EAAE,GAEDF,IAAI,CAACO,GAAG,CAAEC,IAAI,IACbjB,MAAA,CAAAM,OAAA,CAAAM,aAAA;IACEM,GAAG,EAAED,IAAI,CAACE,EAAG;IACbN,SAAS,EAAE,IAAAC,mBAAU,EAAC,yBAAyB,EAAE;MAC/C,oCAAoC,EAClCG,IAAI,CAACE,EAAE,KAAKC,gBAAS,CAACC,GAAG,IAAIJ,IAAI,CAACE,EAAE,KAAKC,gBAAS,CAACE;IACvD,CAAC;EAAE,GAEHtB,MAAA,CAAAM,OAAA,CAAAM,aAAA,CAACV,WAAA,CAAAqB,UAAU;IAACZ,MAAM,EAAEA,MAAO;IAACa,eAAe,EAAEC,oBAAS,CAACR,IAAI,CAACE,EAAE;EAAE,CAAE,CAAC,EAClEF,IAAI,CAACE,EAAE,KAAKC,gBAAS,CAACC,GAAG,IAAIJ,IAAI,CAACE,EAAE,KAAKC,gBAAS,CAACE,GAAG,IACrDtB,MAAA,CAAAM,OAAA,CAAAM,aAAA;IACEC,SAAS,EAAE,IAAAC,mBAAU,EACnB,+EAA+E,EAC/E;MACE,iBAAiB,EAAEG,IAAI,CAACF,KAAK,GAAG,CAAC;MACjC,YAAY,EAAEE,IAAI,CAACE,EAAE,KAAKC,gBAAS,CAACM,OAAO;MAC3C,uBAAuB,EAAET,IAAI,CAACE,EAAE,KAAKC,gBAAS,CAACO,MAAM;MACrD,oBAAoB,EAAEV,IAAI,CAACE,EAAE,KAAKC,gBAAS,CAACQ;IAC9C,CACF;EAAE,CACH,CACF,EACD5B,MAAA,CAAAM,OAAA,CAAAM,aAAA;IAAMC,SAAS,EAAC;EAAS,GAAE,GAAGI,IAAI,CAACY,KAAK,GAAU,CAAC,EACnD7B,MAAA,CAAAM,OAAA,CAAAM,aAAA;IAAMC,SAAS,EAAC;EAAuB,GACpC,GAAGI,IAAI,CAACF,KAAK,CAACe,OAAO,CAAC,CAAC,IAAIpB,IAAI,CAAC,MAAM,CAAC,EACpC,CACH,CACN,CACE,CAAC;AAAA,CACP;AAACqB,OAAA,CAAAxB,aAAA,GAAAA,aAAA","ignoreList":[]}
+{"version":3,"file":"DesktopLegend.js","names":["_classnames","_interopRequireDefault","require","_react","_constants","_DashedLine","_types","e","__esModule","default","DesktopLegend","_ref","data","lang","isDark","createElement","className","classnames","value","map","item","key","id","DataNames","MAX","MIN","DashedLine","strokeDasharray","lineTypes","AVERAGE","MEDIAN","THRESHOLD","concat","label","toFixed","exports"],"sources":["../../../../../src/ValueAtRiskWidget/components/Legend/DesktopLegend.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport React from 'react';\n\nimport { lineTypes } from './constants';\nimport { DashedLine } from './DashedLine';\nimport type { DesktopLegendProps } from './types';\nimport { DataNames } from './types';\n\nconst DesktopLegend = ({ data, lang, isDark }: DesktopLegendProps) => (\n  <div\n    className={classnames(\n      'lw-pointer-events-none lw-absolute lw-top-[50px] lw-z-10  lw-p-2 lw-text-xs',\n      {\n        'lw-left-[6px]': data[0].value < 0,\n        'lw-right-[66px]': data[0].value > 0,\n        'lw-bg-border-primary': isDark,\n        'lw-bg-bg-primary lw-shadow': !isDark,\n      }\n    )}\n  >\n    {data.map((item) => (\n      <div\n        key={item.id}\n        className={classnames('lw-flex lw-items-center', {\n          '[&_line]:lw-stroke-border-disabled':\n            item.id === DataNames.MAX || item.id === DataNames.MIN,\n        })}\n      >\n        <DashedLine isDark={isDark} strokeDasharray={lineTypes[item.id]} />\n        {item.id !== DataNames.MAX && item.id !== DataNames.MIN && (\n          <div\n            className={classnames(\n              'lw-ml-[-8px] lw-h-[8px] lw-w-[8px] lw-border-[1px] lw-border-white lw-bg-gold',\n              {\n                'lw-rounded-full': item.value < 0,\n                'lw-bg-gold': item.id === DataNames.AVERAGE,\n                'lw-bg-turquoise-light': item.id === DataNames.MEDIAN,\n                'lw-bg-violet-light': item.id === DataNames.THRESHOLD,\n              }\n            )}\n          />\n        )}\n        <span className=\"lw-px-2\">{`${item.label}:`}</span>\n        <span className=\"lw-grow lw-text-right\">\n          {`${item.value.toFixed()} ${lang('pips')}`}\n        </span>\n      </div>\n    ))}\n  </div>\n);\n\nexport { DesktopLegend };\n"],"mappings":";;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAEA,IAAAI,MAAA,GAAAJ,OAAA;AAAoC,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEpC,MAAMG,aAAa,GAAGC,IAAA;EAAA,IAAC;IAAEC,IAAI;IAAEC,IAAI;IAAEC;EAA2B,CAAC,GAAAH,IAAA;EAAA,OAC/DR,MAAA,CAAAM,OAAA,CAAAM,aAAA;IACEC,SAAS,EAAE,IAAAC,mBAAU,EACnB,6EAA6E,EAC7E;MACE,eAAe,EAAEL,IAAI,CAAC,CAAC,CAAC,CAACM,KAAK,GAAG,CAAC;MAClC,iBAAiB,EAAEN,IAAI,CAAC,CAAC,CAAC,CAACM,KAAK,GAAG,CAAC;MACpC,sBAAsB,EAAEJ,MAAM;MAC9B,4BAA4B,EAAE,CAACA;IACjC,CACF;EAAE,GAEDF,IAAI,CAACO,GAAG,CAAEC,IAAI,IACbjB,MAAA,CAAAM,OAAA,CAAAM,aAAA;IACEM,GAAG,EAAED,IAAI,CAACE,EAAG;IACbN,SAAS,EAAE,IAAAC,mBAAU,EAAC,yBAAyB,EAAE;MAC/C,oCAAoC,EAClCG,IAAI,CAACE,EAAE,KAAKC,gBAAS,CAACC,GAAG,IAAIJ,IAAI,CAACE,EAAE,KAAKC,gBAAS,CAACE;IACvD,CAAC;EAAE,GAEHtB,MAAA,CAAAM,OAAA,CAAAM,aAAA,CAACV,WAAA,CAAAqB,UAAU;IAACZ,MAAM,EAAEA,MAAO;IAACa,eAAe,EAAEC,oBAAS,CAACR,IAAI,CAACE,EAAE;EAAE,CAAE,CAAC,EAClEF,IAAI,CAACE,EAAE,KAAKC,gBAAS,CAACC,GAAG,IAAIJ,IAAI,CAACE,EAAE,KAAKC,gBAAS,CAACE,GAAG,IACrDtB,MAAA,CAAAM,OAAA,CAAAM,aAAA;IACEC,SAAS,EAAE,IAAAC,mBAAU,EACnB,+EAA+E,EAC/E;MACE,iBAAiB,EAAEG,IAAI,CAACF,KAAK,GAAG,CAAC;MACjC,YAAY,EAAEE,IAAI,CAACE,EAAE,KAAKC,gBAAS,CAACM,OAAO;MAC3C,uBAAuB,EAAET,IAAI,CAACE,EAAE,KAAKC,gBAAS,CAACO,MAAM;MACrD,oBAAoB,EAAEV,IAAI,CAACE,EAAE,KAAKC,gBAAS,CAACQ;IAC9C,CACF;EAAE,CACH,CACF,EACD5B,MAAA,CAAAM,OAAA,CAAAM,aAAA;IAAMC,SAAS,EAAC;EAAS,MAAAgB,MAAA,CAAKZ,IAAI,CAACa,KAAK,MAAU,CAAC,EACnD9B,MAAA,CAAAM,OAAA,CAAAM,aAAA;IAAMC,SAAS,EAAC;EAAuB,MAAAgB,MAAA,CACjCZ,IAAI,CAACF,KAAK,CAACgB,OAAO,CAAC,CAAC,OAAAF,MAAA,CAAInB,IAAI,CAAC,MAAM,CAAC,CACpC,CACH,CACN,CACE,CAAC;AAAA,CACP;AAACsB,OAAA,CAAAzB,aAAA,GAAAA,aAAA","ignoreList":[]}

package/dist/main/ValueAtRiskWidget/components/Legend/Legend.js

@@ -34,7 +34,7 @@ const Legend = _ref => {
       value: data.valueAtRiskChart.down.median
     }, {
       id: _types.DataNames.THRESHOLD,
-      label: `${lang('threshold')} (95%)`,
+      label: "".concat(lang('threshold'), " (95%)"),
       value: data.valueAtRiskChart.down.threshold
     }, {
       id: _types.DataNames.MIN,
@@ -54,7 +54,7 @@ const Legend = _ref => {
       value: data.valueAtRiskChart.up.median
     }, {
       id: _types.DataNames.THRESHOLD,
-      label: `${lang('threshold')} (95%)`,
+      label: "".concat(lang('threshold'), " (95%)"),
       value: data.valueAtRiskChart.up.threshold
     }, {
       id: _types.DataNames.MAX,
@@ -76,12 +76,12 @@ const Legend = _ref => {
       valueUp: data.valueAtRiskChart.up.median
     }, {
       id: _types.DataNames.THRESHOLD,
-      label: `${lang('threshold')} (95%)`,
+      label: "".concat(lang('threshold'), " (95%)"),
       valueDown: data.valueAtRiskChart.down.threshold,
       valueUp: data.valueAtRiskChart.up.threshold
     }, {
       id: _types.DataNames.MAX,
-      label: `${lang('min')}/${lang('max')}`,
+      label: "".concat(lang('min'), "/").concat(lang('max')),
       valueDown: data.valueAtRiskChart.down.max,
       valueUp: data.valueAtRiskChart.up.max
     }],

package/dist/main/ValueAtRiskWidget/components/Legend/Legend.js.map

@@ -1 +1 @@
-{"version":3,"file":"Legend.js","names":["_labsWidgetCommon","require","_monoI18n","_react","_interopRequireDefault","_DesktopLegend","_MobileLegend","_types","e","__esModule","default","Legend","_ref","data","size","isDark","useLayoutProvider","lang","useLocale","isDesktop","Size","DESKTOP","createElement","Fragment","DesktopLegend","id","DataNames","AVERAGE","label","value","valueAtRiskChart","down","average","MEDIAN","median","THRESHOLD","threshold","MIN","max","up","MAX","MobileLegend","valueDown","valueUp","exports"],"sources":["../../../../../src/ValueAtRiskWidget/components/Legend/Legend.tsx"],"sourcesContent":["import { Size, useLayoutProvider } from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport React from 'react';\n\nimport { DesktopLegend } from './DesktopLegend';\nimport { MobileLegend } from './MobileLegend';\nimport type { LegendProps } from './types';\nimport { DataNames } from './types';\n\nconst Legend = ({ data }: LegendProps) => {\n  const { size, isDark } = useLayoutProvider();\n  const { lang } = useLocale();\n  const isDesktop = size === Size.DESKTOP;\n\n  return (\n    <>\n      {isDesktop ? (\n        <>\n          <DesktopLegend\n            data={[\n              {\n                id: DataNames.AVERAGE,\n                label: lang('average'),\n                value: data.valueAtRiskChart!.down.average,\n              },\n              {\n                id: DataNames.MEDIAN,\n                label: lang('median'),\n                value: data.valueAtRiskChart!.down.median,\n              },\n              {\n                id: DataNames.THRESHOLD,\n                label: `${lang('threshold')} (95%)`,\n                value: data.valueAtRiskChart!.down.threshold,\n              },\n              {\n                id: DataNames.MIN,\n                label: lang('min'),\n                value: data.valueAtRiskChart!.down.max,\n              },\n            ]}\n            isDark={isDark}\n            lang={lang}\n          />\n          <DesktopLegend\n            data={[\n              {\n                id: DataNames.AVERAGE,\n                label: lang('average'),\n                value: data.valueAtRiskChart!.up.average,\n              },\n              {\n                id: DataNames.MEDIAN,\n                label: lang('median'),\n                value: data.valueAtRiskChart!.up.median,\n              },\n              {\n                id: DataNames.THRESHOLD,\n                label: `${lang('threshold')} (95%)`,\n                value: data.valueAtRiskChart!.up.threshold,\n              },\n              {\n                id: DataNames.MAX,\n                label: lang('max'),\n                value: data.valueAtRiskChart!.up.max,\n              },\n            ]}\n            isDark={isDark}\n            lang={lang}\n          />\n        </>\n      ) : (\n        <MobileLegend\n          data={[\n            {\n              id: DataNames.AVERAGE,\n              label: lang('average'),\n              valueDown: data.valueAtRiskChart!.down.average,\n              valueUp: data.valueAtRiskChart!.up.average,\n            },\n            {\n              id: DataNames.MEDIAN,\n              label: lang('median'),\n              valueDown: data.valueAtRiskChart!.down.median,\n              valueUp: data.valueAtRiskChart!.up.median,\n            },\n            {\n              id: DataNames.THRESHOLD,\n              label: `${lang('threshold')} (95%)`,\n              valueDown: data.valueAtRiskChart!.down.threshold,\n              valueUp: data.valueAtRiskChart!.up.threshold,\n            },\n            {\n              id: DataNames.MAX,\n              label: `${lang('min')}/${lang('max')}`,\n              valueDown: data.valueAtRiskChart!.down.max,\n              valueUp: data.valueAtRiskChart!.up.max,\n            },\n          ]}\n          isDark={isDark}\n          lang={lang}\n        />\n      )}\n    </>\n  );\n};\n\nexport { Legend };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Legend.js","names":["_labsWidgetCommon","require","_monoI18n","_react","_interopRequireDefault","_DesktopLegend","_MobileLegend","_types","e","__esModule","default","Legend","_ref","data","size","isDark","useLayoutProvider","lang","useLocale","isDesktop","Size","DESKTOP","createElement","Fragment","DesktopLegend","id","DataNames","AVERAGE","label","value","valueAtRiskChart","down","average","MEDIAN","median","THRESHOLD","concat","threshold","MIN","max","up","MAX","MobileLegend","valueDown","valueUp","exports"],"sources":["../../../../../src/ValueAtRiskWidget/components/Legend/Legend.tsx"],"sourcesContent":["import { Size, useLayoutProvider } from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport React from 'react';\n\nimport { DesktopLegend } from './DesktopLegend';\nimport { MobileLegend } from './MobileLegend';\nimport type { LegendProps } from './types';\nimport { DataNames } from './types';\n\nconst Legend = ({ data }: LegendProps) => {\n  const { size, isDark } = useLayoutProvider();\n  const { lang } = useLocale();\n  const isDesktop = size === Size.DESKTOP;\n\n  return (\n    <>\n      {isDesktop ? (\n        <>\n          <DesktopLegend\n            data={[\n              {\n                id: DataNames.AVERAGE,\n                label: lang('average'),\n                value: data.valueAtRiskChart!.down.average,\n              },\n              {\n                id: DataNames.MEDIAN,\n                label: lang('median'),\n                value: data.valueAtRiskChart!.down.median,\n              },\n              {\n                id: DataNames.THRESHOLD,\n                label: `${lang('threshold')} (95%)`,\n                value: data.valueAtRiskChart!.down.threshold,\n              },\n              {\n                id: DataNames.MIN,\n                label: lang('min'),\n                value: data.valueAtRiskChart!.down.max,\n              },\n            ]}\n            isDark={isDark}\n            lang={lang}\n          />\n          <DesktopLegend\n            data={[\n              {\n                id: DataNames.AVERAGE,\n                label: lang('average'),\n                value: data.valueAtRiskChart!.up.average,\n              },\n              {\n                id: DataNames.MEDIAN,\n                label: lang('median'),\n                value: data.valueAtRiskChart!.up.median,\n              },\n              {\n                id: DataNames.THRESHOLD,\n                label: `${lang('threshold')} (95%)`,\n                value: data.valueAtRiskChart!.up.threshold,\n              },\n              {\n                id: DataNames.MAX,\n                label: lang('max'),\n                value: data.valueAtRiskChart!.up.max,\n              },\n            ]}\n            isDark={isDark}\n            lang={lang}\n          />\n        </>\n      ) : (\n        <MobileLegend\n          data={[\n            {\n              id: DataNames.AVERAGE,\n              label: lang('average'),\n              valueDown: data.valueAtRiskChart!.down.average,\n              valueUp: data.valueAtRiskChart!.up.average,\n            },\n            {\n              id: DataNames.MEDIAN,\n              label: lang('median'),\n              valueDown: data.valueAtRiskChart!.down.median,\n              valueUp: data.valueAtRiskChart!.up.median,\n            },\n            {\n              id: DataNames.THRESHOLD,\n              label: `${lang('threshold')} (95%)`,\n              valueDown: data.valueAtRiskChart!.down.threshold,\n              valueUp: data.valueAtRiskChart!.up.threshold,\n            },\n            {\n              id: DataNames.MAX,\n              label: `${lang('min')}/${lang('max')}`,\n              valueDown: data.valueAtRiskChart!.down.max,\n              valueUp: data.valueAtRiskChart!.up.max,\n            },\n          ]}\n          isDark={isDark}\n          lang={lang}\n        />\n      )}\n    </>\n  );\n};\n\nexport { Legend };\n"],"mappings":"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","ignoreList":[]}

package/dist/main/ValueAtRiskWidget/components/Legend/MobileLegend.js

@@ -46,11 +46,11 @@ const MobileLegend = _ref => {
     })
   })), _react.default.createElement("span", {
     className: "lw-flex-1 lw-px-2"
-  }, `${item.label}:`), _react.default.createElement("span", {
+  }, "".concat(item.label, ":")), _react.default.createElement("span", {
     className: "lw-flex-1 lw-text-right"
-  }, `${item.valueDown.toFixed()} ${lang('pips')}`), _react.default.createElement("span", {
+  }, "".concat(item.valueDown.toFixed(), " ").concat(lang('pips'))), _react.default.createElement("span", {
     className: "lw-flex-1 lw-text-right"
-  }, `${item.valueUp.toFixed()} ${lang('pips')}`))));
+  }, "".concat(item.valueUp.toFixed(), " ").concat(lang('pips'))))));
 };
 exports.MobileLegend = MobileLegend;
 //# sourceMappingURL=MobileLegend.js.map

package/dist/main/ValueAtRiskWidget/components/Legend/MobileLegend.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileLegend.js","names":["_classnames","_interopRequireDefault","require","_react","_constants","_DashedLine","_types","e","__esModule","default","MobileLegend","_ref","data","isDark","lang","createElement","className","classnames","map","item","key","id","DataNames","MAX","MIN","AVERAGE","MEDIAN","THRESHOLD","DashedLine","strokeDasharray","lineTypes","width","undefined","label","valueDown","toFixed","valueUp","exports"],"sources":["../../../../../src/ValueAtRiskWidget/components/Legend/MobileLegend.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport React from 'react';\n\nimport { lineTypes } from './constants';\nimport { DashedLine } from './DashedLine';\nimport type { MobileLegendProps } from './types';\nimport { DataNames } from './types';\n\nconst MobileLegend = ({ data, isDark, lang }: MobileLegendProps) => (\n  <div\n    className={classnames('lw-mb-6 lw-p-2 lw-text-xs', {\n      'lw-bg-border-primary': isDark,\n      'lw-border lw-border-solid lw-border-border-primary': !isDark,\n    })}\n  >\n    {data.map((item) => (\n      <div\n        key={item.id}\n        className={classnames('lw-flex lw-items-center lw-justify-between', {\n          '[&_line]:lw-stroke-border-disabled':\n            item.id === DataNames.MAX || item.id === DataNames.MIN,\n        })}\n      >\n        <div className=\"lw-mr-2 lw-flex lw-w-10 lw-items-center\">\n          {item.id !== DataNames.MAX && item.id !== DataNames.MIN && (\n            <div\n              className={classnames(\n                'lw-h-[8px] lw-w-[8px] lw-rounded-full lw-border-[1px] lw-border-white lw-bg-gold',\n                {\n                  'lw-bg-gold': item.id === DataNames.AVERAGE,\n                  'lw-bg-turquoise-light': item.id === DataNames.MEDIAN,\n                  'lw-bg-violet-light': item.id === DataNames.THRESHOLD,\n                }\n              )}\n            />\n          )}\n          <DashedLine\n            isDark={isDark}\n            strokeDasharray={lineTypes[item.id]}\n            width={\n              item.id === DataNames.MAX || item.id === DataNames.MIN\n                ? '38'\n                : undefined\n            }\n          />\n          {item.id !== DataNames.MAX && item.id !== DataNames.MIN && (\n            <div\n              className={classnames(\n                'lw-ml-[-8px] lw-h-[8px] lw-w-[8px] lw-border-[1px] lw-border-white lw-bg-gold',\n                {\n                  'lw-bg-gold': item.id === DataNames.AVERAGE,\n                  'lw-bg-turquoise-light': item.id === DataNames.MEDIAN,\n                  'lw-bg-violet-light': item.id === DataNames.THRESHOLD,\n                }\n              )}\n            />\n          )}\n        </div>\n        <span className=\"lw-flex-1 lw-px-2\">{`${item.label}:`}</span>\n        <span className=\"lw-flex-1 lw-text-right\">\n          {`${item.valueDown.toFixed()} ${lang('pips')}`}\n        </span>\n        <span className=\"lw-flex-1 lw-text-right\">\n          {`${item.valueUp.toFixed()} ${lang('pips')}`}\n        </span>\n      </div>\n    ))}\n  </div>\n);\n\nexport { MobileLegend };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"MobileLegend.js","names":["_classnames","_interopRequireDefault","require","_react","_constants","_DashedLine","_types","e","__esModule","default","MobileLegend","_ref","data","isDark","lang","createElement","className","classnames","map","item","key","id","DataNames","MAX","MIN","AVERAGE","MEDIAN","THRESHOLD","DashedLine","strokeDasharray","lineTypes","width","undefined","concat","label","valueDown","toFixed","valueUp","exports"],"sources":["../../../../../src/ValueAtRiskWidget/components/Legend/MobileLegend.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport React from 'react';\n\nimport { lineTypes } from './constants';\nimport { DashedLine } from './DashedLine';\nimport type { MobileLegendProps } from './types';\nimport { DataNames } from './types';\n\nconst MobileLegend = ({ data, isDark, lang }: MobileLegendProps) => (\n  <div\n    className={classnames('lw-mb-6 lw-p-2 lw-text-xs', {\n      'lw-bg-border-primary': isDark,\n      'lw-border lw-border-solid lw-border-border-primary': !isDark,\n    })}\n  >\n    {data.map((item) => (\n      <div\n        key={item.id}\n        className={classnames('lw-flex lw-items-center lw-justify-between', {\n          '[&_line]:lw-stroke-border-disabled':\n            item.id === DataNames.MAX || item.id === DataNames.MIN,\n        })}\n      >\n        <div className=\"lw-mr-2 lw-flex lw-w-10 lw-items-center\">\n          {item.id !== DataNames.MAX && item.id !== DataNames.MIN && (\n            <div\n              className={classnames(\n                'lw-h-[8px] lw-w-[8px] lw-rounded-full lw-border-[1px] lw-border-white lw-bg-gold',\n                {\n                  'lw-bg-gold': item.id === DataNames.AVERAGE,\n                  'lw-bg-turquoise-light': item.id === DataNames.MEDIAN,\n                  'lw-bg-violet-light': item.id === DataNames.THRESHOLD,\n                }\n              )}\n            />\n          )}\n          <DashedLine\n            isDark={isDark}\n            strokeDasharray={lineTypes[item.id]}\n            width={\n              item.id === DataNames.MAX || item.id === DataNames.MIN\n                ? '38'\n                : undefined\n            }\n          />\n          {item.id !== DataNames.MAX && item.id !== DataNames.MIN && (\n            <div\n              className={classnames(\n                'lw-ml-[-8px] lw-h-[8px] lw-w-[8px] lw-border-[1px] lw-border-white lw-bg-gold',\n                {\n                  'lw-bg-gold': item.id === DataNames.AVERAGE,\n                  'lw-bg-turquoise-light': item.id === DataNames.MEDIAN,\n                  'lw-bg-violet-light': item.id === DataNames.THRESHOLD,\n                }\n              )}\n            />\n          )}\n        </div>\n        <span className=\"lw-flex-1 lw-px-2\">{`${item.label}:`}</span>\n        <span className=\"lw-flex-1 lw-text-right\">\n          {`${item.valueDown.toFixed()} ${lang('pips')}`}\n        </span>\n        <span className=\"lw-flex-1 lw-text-right\">\n          {`${item.valueUp.toFixed()} ${lang('pips')}`}\n        </span>\n      </div>\n    ))}\n  </div>\n);\n\nexport { MobileLegend };\n"],"mappings":"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","ignoreList":[]}

package/dist/main/ValueAtRiskWidget/utils.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getInstrumentsByAssetClassId = exports.getAssetClassesList = void 0;
 exports.sortAlphabetically = sortAlphabetically;
-const capitalize = name => `${name[0].toUpperCase()}${name.substring(1)}`;
+const capitalize = name => "".concat(name[0].toUpperCase()).concat(name.substring(1));
 function sortAlphabetically(paramName, items) {
   return [...items].sort((itemA, itemB) => itemA[paramName].localeCompare(itemB[paramName], 'en', {
     sensitivity: 'base'

package/dist/main/ValueAtRiskWidget/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["capitalize","name","toUpperCase","substring","sortAlphabetically","paramName","items","sort","itemA","itemB","localeCompare","sensitivity","getAssetClassesList","data","list","map","_ref","id","toLowerCase","label","exports","mapInstrumentsList","_ref2","displayName","getInstrumentsByAssetClassId","instruments","filter","_ref3"],"sources":["../../../src/ValueAtRiskWidget/utils.ts"],"sourcesContent":["import type { AssetClass, Instrument } from '../gql/types/graphql';\n\nconst capitalize = (name: string) =>\n  `${name[0].toUpperCase()}${name.substring(1)}`;\n\nfunction sortAlphabetically<T extends Record<string, string>>(\n  paramName: keyof T,\n  items: T[]\n): T[] {\n  return [...items].sort((itemA, itemB) =>\n    itemA[paramName].localeCompare(itemB[paramName], 'en', {\n      sensitivity: 'base',\n    })\n  );\n}\n\nconst getAssetClassesList = (data: AssetClass[]) => {\n  const list = data.map(({ name }) => ({\n    id: name.toLowerCase(),\n    label: capitalize(name),\n  }));\n\n  return sortAlphabetically('label', list);\n};\n\nconst mapInstrumentsList = (data: Instrument[]) =>\n  sortAlphabetically('displayName', data).map(\n    ({ name: id, displayName: label }) => ({ id, label })\n  );\n\nconst getInstrumentsByAssetClassId = (data: AssetClass[], id: string) => {\n  const [{ instruments }] = data.filter(({ name }) => id === name);\n\n  return mapInstrumentsList(instruments);\n};\n\nexport {\n  getAssetClassesList,\n  getInstrumentsByAssetClassId,\n  sortAlphabetically,\n};\n"],"mappings":";;;;;;;AAEA,MAAMA,UAAU,GAAIC,IAAY,IAC9B,GAAGA,IAAI,CAAC,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,GAAGD,IAAI,CAACE,SAAS,CAAC,CAAC,CAAC,EAAE;AAEhD,SAASC,kBAAkBA,CACzBC,SAAkB,EAClBC,KAAU,EACL;EACL,OAAO,CAAC,GAAGA,KAAK,CAAC,CAACC,IAAI,CAAC,CAACC,KAAK,EAAEC,KAAK,KAClCD,KAAK,CAACH,SAAS,CAAC,CAACK,aAAa,CAACD,KAAK,CAACJ,SAAS,CAAC,EAAE,IAAI,EAAE;IACrDM,WAAW,EAAE;EACf,CAAC,CACH,CAAC;AACH;AAEA,MAAMC,mBAAmB,GAAIC,IAAkB,IAAK;EAClD,MAAMC,IAAI,GAAGD,IAAI,CAACE,GAAG,CAACC,IAAA;IAAA,IAAC;MAAEf;IAAK,CAAC,GAAAe,IAAA;IAAA,OAAM;MACnCC,EAAE,EAAEhB,IAAI,CAACiB,WAAW,CAAC,CAAC;MACtBC,KAAK,EAAEnB,UAAU,CAACC,IAAI;IACxB,CAAC;EAAA,CAAC,CAAC;EAEH,OAAOG,kBAAkB,CAAC,OAAO,EAAEU,IAAI,CAAC;AAC1C,CAAC;AAACM,OAAA,CAAAR,mBAAA,GAAAA,mBAAA;AAEF,MAAMS,kBAAkB,GAAIR,IAAkB,IAC5CT,kBAAkB,CAAC,aAAa,EAAES,IAAI,CAAC,CAACE,GAAG,CACzCO,KAAA;EAAA,IAAC;IAAErB,IAAI,EAAEgB,EAAE;IAAEM,WAAW,EAAEJ;EAAM,CAAC,GAAAG,KAAA;EAAA,OAAM;IAAEL,EAAE;IAAEE;EAAM,CAAC;AAAA,CACtD,CAAC;AAEH,MAAMK,4BAA4B,GAAGA,CAACX,IAAkB,EAAEI,EAAU,KAAK;EACvE,MAAM,CAAC;IAAEQ;EAAY,CAAC,CAAC,GAAGZ,IAAI,CAACa,MAAM,CAACC,KAAA;IAAA,IAAC;MAAE1B;IAAK,CAAC,GAAA0B,KAAA;IAAA,OAAKV,EAAE,KAAKhB,IAAI;EAAA,EAAC;EAEhE,OAAOoB,kBAAkB,CAACI,WAAW,CAAC;AACxC,CAAC;AAACL,OAAA,CAAAI,4BAAA,GAAAA,4BAAA","ignoreList":[]}
+{"version":3,"file":"utils.js","names":["capitalize","name","concat","toUpperCase","substring","sortAlphabetically","paramName","items","sort","itemA","itemB","localeCompare","sensitivity","getAssetClassesList","data","list","map","_ref","id","toLowerCase","label","exports","mapInstrumentsList","_ref2","displayName","getInstrumentsByAssetClassId","instruments","filter","_ref3"],"sources":["../../../src/ValueAtRiskWidget/utils.ts"],"sourcesContent":["import type { AssetClass, Instrument } from '../gql/types/graphql';\n\nconst capitalize = (name: string) =>\n  `${name[0].toUpperCase()}${name.substring(1)}`;\n\nfunction sortAlphabetically<T extends Record<string, string>>(\n  paramName: keyof T,\n  items: T[]\n): T[] {\n  return [...items].sort((itemA, itemB) =>\n    itemA[paramName].localeCompare(itemB[paramName], 'en', {\n      sensitivity: 'base',\n    })\n  );\n}\n\nconst getAssetClassesList = (data: AssetClass[]) => {\n  const list = data.map(({ name }) => ({\n    id: name.toLowerCase(),\n    label: capitalize(name),\n  }));\n\n  return sortAlphabetically('label', list);\n};\n\nconst mapInstrumentsList = (data: Instrument[]) =>\n  sortAlphabetically('displayName', data).map(\n    ({ name: id, displayName: label }) => ({ id, label })\n  );\n\nconst getInstrumentsByAssetClassId = (data: AssetClass[], id: string) => {\n  const [{ instruments }] = data.filter(({ name }) => id === name);\n\n  return mapInstrumentsList(instruments);\n};\n\nexport {\n  getAssetClassesList,\n  getInstrumentsByAssetClassId,\n  sortAlphabetically,\n};\n"],"mappings":";;;;;;;AAEA,MAAMA,UAAU,GAAIC,IAAY,OAAAC,MAAA,CAC3BD,IAAI,CAAC,CAAC,CAAC,CAACE,WAAW,CAAC,CAAC,EAAAD,MAAA,CAAGD,IAAI,CAACG,SAAS,CAAC,CAAC,CAAC,CAAE;AAEhD,SAASC,kBAAkBA,CACzBC,SAAkB,EAClBC,KAAU,EACL;EACL,OAAO,CAAC,GAAGA,KAAK,CAAC,CAACC,IAAI,CAAC,CAACC,KAAK,EAAEC,KAAK,KAClCD,KAAK,CAACH,SAAS,CAAC,CAACK,aAAa,CAACD,KAAK,CAACJ,SAAS,CAAC,EAAE,IAAI,EAAE;IACrDM,WAAW,EAAE;EACf,CAAC,CACH,CAAC;AACH;AAEA,MAAMC,mBAAmB,GAAIC,IAAkB,IAAK;EAClD,MAAMC,IAAI,GAAGD,IAAI,CAACE,GAAG,CAACC,IAAA;IAAA,IAAC;MAAEhB;IAAK,CAAC,GAAAgB,IAAA;IAAA,OAAM;MACnCC,EAAE,EAAEjB,IAAI,CAACkB,WAAW,CAAC,CAAC;MACtBC,KAAK,EAAEpB,UAAU,CAACC,IAAI;IACxB,CAAC;EAAA,CAAC,CAAC;EAEH,OAAOI,kBAAkB,CAAC,OAAO,EAAEU,IAAI,CAAC;AAC1C,CAAC;AAACM,OAAA,CAAAR,mBAAA,GAAAA,mBAAA;AAEF,MAAMS,kBAAkB,GAAIR,IAAkB,IAC5CT,kBAAkB,CAAC,aAAa,EAAES,IAAI,CAAC,CAACE,GAAG,CACzCO,KAAA;EAAA,IAAC;IAAEtB,IAAI,EAAEiB,EAAE;IAAEM,WAAW,EAAEJ;EAAM,CAAC,GAAAG,KAAA;EAAA,OAAM;IAAEL,EAAE;IAAEE;EAAM,CAAC;AAAA,CACtD,CAAC;AAEH,MAAMK,4BAA4B,GAAGA,CAACX,IAAkB,EAAEI,EAAU,KAAK;EACvE,MAAM,CAAC;IAAEQ;EAAY,CAAC,CAAC,GAAGZ,IAAI,CAACa,MAAM,CAACC,KAAA;IAAA,IAAC;MAAE3B;IAAK,CAAC,GAAA2B,KAAA;IAAA,OAAKV,EAAE,KAAKjB,IAAI;EAAA,EAAC;EAEhE,OAAOqB,kBAAkB,CAACI,WAAW,CAAC;AACxC,CAAC;AAACL,OAAA,CAAAI,4BAAA,GAAAA,4BAAA","ignoreList":[]}