@oanda/labs-value-at-risk-widget 1.0.65 → 1.0.66

package/CHANGELOG.md

@@ -3,6 +3,274 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 1.0.66 (2024-12-16)
+
+
+
+## 1.0.173 (2024-12-11)
+
+
+
+## 1.0.172 (2024-11-29)
+
+
+
+## 1.0.171 (2024-11-28)
+
+
+
+## 1.0.170 (2024-11-28)
+
+
+
+## 1.0.169 (2024-11-20)
+
+
+
+## 1.0.168 (2024-11-19)
+
+
+
+## 1.0.167 (2024-10-14)
+
+
+
+## 1.0.166 (2024-10-07)
+
+
+
+## 1.0.165 (2024-10-03)
+
+
+
+## 1.0.164 (2024-09-26)
+
+
+
+## 1.0.163 (2024-09-18)
+
+
+
+## 1.0.162 (2024-09-12)
+
+
+
+## 1.0.161 (2024-09-11)
+
+
+
+## 1.0.160 (2024-09-10)
+
+
+
+## 1.0.159 (2024-09-09)
+
+
+
+## 1.0.158 (2024-09-04)
+
+
+
+## 1.0.157 (2024-09-04)
+
+
+
+## 1.0.156 (2024-09-02)
+
+
+
+## 1.0.155 (2024-08-29)
+
+
+
+## 1.0.154 (2024-08-29)
+
+
+
+## 1.0.153 (2024-08-23)
+
+
+
+## 1.0.152 (2024-08-23)
+
+
+
+## 1.0.151 (2024-08-20)
+
+
+
+## 1.0.150 (2024-08-19)
+
+
+
+## 1.0.149 (2024-08-07)
+
+
+
+## 1.0.148 (2024-08-01)
+
+
+
+## 1.0.147 (2024-08-01)
+
+
+
+## 1.0.146 (2024-07-26)
+
+
+
+## 1.0.145 (2024-07-25)
+
+
+
+## 1.0.144 (2024-07-22)
+
+
+
+## 1.0.143 (2024-07-19)
+
+
+
+## 1.0.142 (2024-07-16)
+
+
+
+## 1.0.141 (2024-07-16)
+
+
+
+## 1.0.140 (2024-07-12)
+
+
+
+## 1.0.139 (2024-07-12)
+
+
+
+## 1.0.138 (2024-07-10)
+
+
+
+## 1.0.137 (2024-07-05)
+
+
+
+## 1.0.136 (2024-07-03)
+
+
+
+## 1.0.135 (2024-07-03)
+
+
+
+## 1.0.134 (2024-07-03)
+
+
+
+## 1.0.133 (2024-06-28)
+
+
+
+## 1.0.132 (2024-06-27)
+
+
+
+## 1.0.131 (2024-06-27)
+
+
+
+## 1.0.130 (2024-06-26)
+
+
+
+## 1.0.129 (2024-06-17)
+
+
+
+## 1.0.128 (2024-06-17)
+
+
+
+## 1.0.127 (2024-06-10)
+
+
+
+## 1.0.126 (2024-05-29)
+
+
+
+## 1.0.125 (2024-05-29)
+
+
+
+## 1.0.124 (2024-05-29)
+
+
+
+## 1.0.123 (2024-05-28)
+
+
+
+## 1.0.122 (2024-05-27)
+
+
+
+## 1.0.121 (2024-05-27)
+
+
+
+## 1.0.120 (2024-05-24)
+
+
+
+## 1.0.119 (2024-05-17)
+
+
+
+## 1.0.118 (2024-05-09)
+
+
+
+## 1.0.117 (2024-05-07)
+
+
+
+## 1.0.116 (2024-04-23)
+
+
+
+## 1.0.115 (2024-04-22)
+
+
+
+## 1.0.114 (2024-04-19)
+
+
+
+## 1.0.113 (2024-04-19)
+
+
+
+## 1.0.112 (2024-04-15)
+
+
+
+## 1.0.111 (2024-04-11)
+
+
+
+## 1.0.110 (2024-04-05)
+
+
+
+## 1.0.109 (2024-04-05)
+
+**Note:** Version bump only for package @oanda/labs-value-at-risk-widget
+
+
+
+
+
 ## 1.0.65 (2024-12-11)
 
 

package/dist/main/ValueAtRiskWidget/ChartWithData.js

@@ -4,12 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ChartWithData = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
 var _client = require("@apollo/client");
 var _labsWidgetCommon = require("@oanda/labs-widget-common");
-var _Chart = require("./components/Chart");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireDefault(require("react"));
 var _getValueAtRiskChart = require("../gql/getValueAtRiskChart");
+var _Chart = require("./components/Chart");
 var _Legend = require("./components/Legend");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const ChartWithData = _ref => {
@@ -47,8 +47,8 @@ const ChartWithData = _ref => {
   }, _react.default.createElement(_labsWidgetCommon.Spinner, {
     size: _labsWidgetCommon.SpinnerSize.lg
   })), !loading && showChart && _react.default.createElement("div", {
-    "data-testid": "value-at-risk-chart",
-    className: "lw-relative"
+    className: "lw-relative",
+    "data-testid": "value-at-risk-chart"
   }, _react.default.createElement(_Legend.Legend, {
     data: data
   }), _react.default.createElement(_Chart.Chart, {

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

@@ -1 +1 @@
-{"version":3,"file":"ChartWithData.js","names":["_react","_interopRequireDefault","require","_classnames","_client","_labsWidgetCommon","_Chart","_getValueAtRiskChart","_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 React from 'react';\nimport classnames from 'classnames';\nimport { useQuery } from '@apollo/client';\nimport {\n  ChartError, Size, Spinner, SpinnerSize,\n  useLayoutProvider,\n} from '@oanda/labs-widget-common';\nimport { Chart } from './components/Chart';\nimport { getValueAtRiskChart } from '../gql/getValueAtRiskChart';\nimport { ChartWithDataProps } from './types';\nimport { GetValueAtRiskChartQuery, GetValueAtRiskChartQueryVariables } from '../gql/types/graphql';\nimport { Legend } from './components/Legend';\n\nconst ChartWithData = ({\n  instrument, duration, bars, division,\n}: ChartWithDataProps) => {\n  const { size } = useLayoutProvider();\n  const isDesktop = size === Size.DESKTOP;\n\n  const { loading, data, error } = useQuery<\n  GetValueAtRiskChartQuery, GetValueAtRiskChartQueryVariables>(getValueAtRiskChart, {\n    variables: {\n      instrument, division, duration, bars,\n    },\n    fetchPolicy: 'cache-and-network',\n    skip: !instrument,\n  });\n\n  const showChart = 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      && (\n      <div className={classnames('lw-flex lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary', {\n        'lw-h-[460px]': isDesktop,\n        'lw-h-[566px]': !isDesktop,\n      })}\n      >\n        <Spinner size={SpinnerSize.lg} />\n      </div>\n      )}\n      {!loading && showChart && (\n      <div data-testid=\"value-at-risk-chart\" className=\"lw-relative\">\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,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAIA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,oBAAA,GAAAL,OAAA;AAGA,IAAAM,OAAA,GAAAN,OAAA;AAA6C,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE7C,MAAMG,aAAa,GAAGC,IAAA,IAEI;EAAA,IAFH;IACrBC,UAAU;IAAEC,QAAQ;IAAEC,IAAI;IAAEC;EACV,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,EACoBC,wCAAmB,EAAE;IAChFC,SAAS,EAAE;MACTd,UAAU;MAAEG,QAAQ;MAAEF,QAAQ;MAAEC;IAClC,CAAC;IACDa,WAAW,EAAE,mBAAmB;IAChCC,IAAI,EAAE,CAAChB;EACT,CAAC,CAAC;EAEF,MAAMiB,SAAS,GAAGP,IAAI,EAAEQ,gBAAgB,EAAEC,IAAI,EAAEC,MAAM,IACjDV,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;EAE/C,MAAME,SAAS,GAAG,CAAC,CAACZ,KAAK,IAAK,CAACF,OAAO,IAAI,CAACQ,SAAU;EAErD,OACE/B,MAAA,CAAAW,OAAA,CAAA2B,aAAA,CAAAtC,MAAA,CAAAW,OAAA,CAAA4B,QAAA,QACG,CAAChB,OAAO,IAAI,CAACT,UAAU,KAExBd,MAAA,CAAAW,OAAA,CAAA2B,aAAA;IAAKE,SAAS,EAAE,IAAAC,mBAAU,EAAC,sFAAsF,EAAE;MACjH,cAAc,EAAErB,SAAS;MACzB,cAAc,EAAE,CAACA;IACnB,CAAC;EAAE,GAEDpB,MAAA,CAAAW,OAAA,CAAA2B,aAAA,CAACjC,iBAAA,CAAAqC,OAAO;IAACxB,IAAI,EAAEyB,6BAAW,CAACC;EAAG,CAAE,CAC7B,CACJ,EACA,CAACrB,OAAO,IAAIQ,SAAS,IACtB/B,MAAA,CAAAW,OAAA,CAAA2B,aAAA;IAAK,eAAY,qBAAqB;IAACE,SAAS,EAAC;EAAa,GAC5DxC,MAAA,CAAAW,OAAA,CAAA2B,aAAA,CAAC9B,OAAA,CAAAqC,MAAM;IAACrB,IAAI,EAAEA;EAAK,CAAE,CAAC,EACtBxB,MAAA,CAAAW,OAAA,CAAA2B,aAAA,CAAChC,MAAA,CAAAwC,KAAK;IAACC,MAAM,EAAEvB;EAAK,CAAE,CACnB,CACJ,EACAa,SAAS,IACRrC,MAAA,CAAAW,OAAA,CAAA2B,aAAA;IAAKE,SAAS,EAAC;EAAmG,GAChHxC,MAAA,CAAAW,OAAA,CAAA2B,aAAA,CAACjC,iBAAA,CAAA2C,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","instrument","duration","bars","division","size","useLayoutProvider","isDesktop","Size","DESKTOP","loading","data","error","useQuery","getValueAtRiskChart","variables","fetchPolicy","skip","showChart","valueAtRiskChart","down","points","length","up","showError","createElement","Fragment","className","classnames","Spinner","SpinnerSize","lg","Legend","Chart","values","ChartError","exports"],"sources":["../../../src/ValueAtRiskWidget/ChartWithData.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client';\nimport {\n  ChartError,\n  Size,\n  Spinner,\n  SpinnerSize,\n  useLayoutProvider,\n} from '@oanda/labs-widget-common';\nimport classnames from 'classnames';\nimport React from 'react';\n\nimport { getValueAtRiskChart } from '../gql/getValueAtRiskChart';\nimport type {\n  GetValueAtRiskChartQuery,\n  GetValueAtRiskChartQueryVariables,\n} from '../gql/types/graphql';\nimport { Chart } from './components/Chart';\nimport { Legend } from './components/Legend';\nimport type { ChartWithDataProps } from './types';\n\nconst ChartWithData = ({\n  instrument,\n  duration,\n  bars,\n  division,\n}: ChartWithDataProps) => {\n  const { size } = useLayoutProvider();\n  const isDesktop = size === Size.DESKTOP;\n\n  const { loading, data, error } = useQuery<\n    GetValueAtRiskChartQuery,\n    GetValueAtRiskChartQueryVariables\n  >(getValueAtRiskChart, {\n    variables: {\n      instrument,\n      division,\n      duration,\n      bars,\n    },\n    fetchPolicy: 'cache-and-network',\n    skip: !instrument,\n  });\n\n  const showChart =\n    data?.valueAtRiskChart?.down?.points &&\n    data.valueAtRiskChart.down.points.length > 0 &&\n    data?.valueAtRiskChart?.up?.points &&\n    data.valueAtRiskChart.up.points.length > 0;\n\n  const showError = !!error || (!loading && !showChart);\n\n  return (\n    <>\n      {(loading || !instrument) && (\n        <div\n          className={classnames(\n            'lw-flex lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary',\n            {\n              'lw-h-[460px]': isDesktop,\n              'lw-h-[566px]': !isDesktop,\n            }\n          )}\n        >\n          <Spinner size={SpinnerSize.lg} />\n        </div>\n      )}\n      {!loading && showChart && (\n        <div className=\"lw-relative\" data-testid=\"value-at-risk-chart\">\n          <Legend data={data} />\n          <Chart values={data} />\n        </div>\n      )}\n      {showError && (\n        <div className=\"lw-flex lw-h-[460px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary\">\n          <ChartError />\n        </div>\n      )}\n    </>\n  );\n};\n\nexport { ChartWithData };\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAOA,IAAAE,WAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAD,sBAAA,CAAAH,OAAA;AAEA,IAAAK,oBAAA,GAAAL,OAAA;AAKA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AAA6C,SAAAG,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAG7C,MAAMG,aAAa,GAAGC,IAAA,IAKI;EAAA,IALH;IACrBC,UAAU;IACVC,QAAQ;IACRC,IAAI;IACJC;EACkB,CAAC,GAAAJ,IAAA;EACnB,MAAM;IAAEK;EAAK,CAAC,GAAG,IAAAC,mCAAiB,EAAC,CAAC;EACpC,MAAMC,SAAS,GAAGF,IAAI,KAAKG,sBAAI,CAACC,OAAO;EAEvC,MAAM;IAAEC,OAAO;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAG,IAAAC,gBAAQ,EAGvCC,wCAAmB,EAAE;IACrBC,SAAS,EAAE;MACTd,UAAU;MACVG,QAAQ;MACRF,QAAQ;MACRC;IACF,CAAC;IACDa,WAAW,EAAE,mBAAmB;IAChCC,IAAI,EAAE,CAAChB;EACT,CAAC,CAAC;EAEF,MAAMiB,SAAS,GACbP,IAAI,EAAEQ,gBAAgB,EAAEC,IAAI,EAAEC,MAAM,IACpCV,IAAI,CAACQ,gBAAgB,CAACC,IAAI,CAACC,MAAM,CAACC,MAAM,GAAG,CAAC,IAC5CX,IAAI,EAAEQ,gBAAgB,EAAEI,EAAE,EAAEF,MAAM,IAClCV,IAAI,CAACQ,gBAAgB,CAACI,EAAE,CAACF,MAAM,CAACC,MAAM,GAAG,CAAC;EAE5C,MAAME,SAAS,GAAG,CAAC,CAACZ,KAAK,IAAK,CAACF,OAAO,IAAI,CAACQ,SAAU;EAErD,OACE1B,MAAA,CAAAM,OAAA,CAAA2B,aAAA,CAAAjC,MAAA,CAAAM,OAAA,CAAA4B,QAAA,QACG,CAAChB,OAAO,IAAI,CAACT,UAAU,KACtBT,MAAA,CAAAM,OAAA,CAAA2B,aAAA;IACEE,SAAS,EAAE,IAAAC,mBAAU,EACnB,sFAAsF,EACtF;MACE,cAAc,EAAErB,SAAS;MACzB,cAAc,EAAE,CAACA;IACnB,CACF;EAAE,GAEFf,MAAA,CAAAM,OAAA,CAAA2B,aAAA,CAACpC,iBAAA,CAAAwC,OAAO;IAACxB,IAAI,EAAEyB,6BAAW,CAACC;EAAG,CAAE,CAC7B,CACN,EACA,CAACrB,OAAO,IAAIQ,SAAS,IACpB1B,MAAA,CAAAM,OAAA,CAAA2B,aAAA;IAAKE,SAAS,EAAC,aAAa;IAAC,eAAY;EAAqB,GAC5DnC,MAAA,CAAAM,OAAA,CAAA2B,aAAA,CAAC9B,OAAA,CAAAqC,MAAM;IAACrB,IAAI,EAAEA;EAAK,CAAE,CAAC,EACtBnB,MAAA,CAAAM,OAAA,CAAA2B,aAAA,CAAC/B,MAAA,CAAAuC,KAAK;IAACC,MAAM,EAAEvB;EAAK,CAAE,CACnB,CACN,EACAa,SAAS,IACRhC,MAAA,CAAAM,OAAA,CAAA2B,aAAA;IAAKE,SAAS,EAAC;EAAmG,GAChHnC,MAAA,CAAAM,OAAA,CAAA2B,aAAA,CAACpC,iBAAA,CAAA8C,UAAU,MAAE,CACV,CAEP,CAAC;AAEP,CAAC;AAACC,OAAA,CAAArC,aAAA,GAAAA,aAAA","ignoreList":[]}

package/dist/main/ValueAtRiskWidget/Tool.js

@@ -4,16 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Tool = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
 var _labsWidgetCommon = require("@oanda/labs-widget-common");
 var _monoI18n = require("@oanda/mono-i18n");
-var _utils = require("./utils");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
 var _graphql = require("../gql/types/graphql");
 var _ChartWithData = require("./ChartWithData");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const Tool = _ref => {
   let {
     data,
@@ -53,8 +53,8 @@ const Tool = _ref => {
   };
   const showAssetClassesSelect = assetClassesOptions.length > 1;
   return _react.default.createElement("div", {
-    "data-testid": "value-at-risk-tool-wrapper",
-    className: "lw-relative lw-text-sm lw-tracking-normal"
+    className: "lw-relative lw-text-sm lw-tracking-normal",
+    "data-testid": "value-at-risk-tool-wrapper"
   }, _react.default.createElement("div", {
     className: (0, _classnames.default)('lw-mb-8 lw-grid', {
       'lw-grid-cols-4 lw-gap-2': isDesktop && showAssetClassesSelect,
@@ -62,31 +62,31 @@ const Tool = _ref => {
       'lw-grid-cols-1 lw-gap-4': !isDesktop
     })
   }, showAssetClassesSelect ? _react.default.createElement(_labsWidgetCommon.Select, {
-    selectLabel: lang('instrument_type'),
     options: assetClassesOptions,
+    selectLabel: lang('instrument_type'),
     selectedOption: selectedAssetClass,
     setSelectedOption: handleAssetClassSelect
   }) : null, _react.default.createElement(_labsWidgetCommon.Select, {
+    options: instrumentsList,
     searchPlaceholder: lang('search'),
     selectLabel: lang('instrument'),
-    options: instrumentsList,
     selectedOption: selectedInstrument,
     setSelectedOption: setSelectedInstrument
   }), _react.default.createElement(_labsWidgetCommon.Select, {
-    selectLabel: lang('hold_time'),
     options: holdTimeOptions,
+    selectLabel: lang('hold_time'),
     selectedOption: selectedHoldTime,
     setSelectedOption: setSelectedHoldTime
   }), _react.default.createElement(_labsWidgetCommon.Select, {
-    selectLabel: lang('calculation_period'),
     options: calculationPeriodOptions,
+    selectLabel: lang('calculation_period'),
     selectedOption: selectedCalculationPeriod,
     setSelectedOption: setSelectedCalculationPeriod
   })), _react.default.createElement(_ChartWithData.ChartWithData, {
     bars: selectedCalculationPeriod.id,
+    division: division,
     duration: selectedHoldTime.id,
-    instrument: selectedInstrument.id,
-    division: division
+    instrument: selectedInstrument.id
   }));
 };
 exports.Tool = Tool;

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

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

package/dist/main/ValueAtRiskWidget/ToolWithData.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ToolWithData = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _labsWidgetCommon = require("@oanda/labs-widget-common");
 var _client = require("@apollo/client");
+var _labsWidgetCommon = require("@oanda/labs-widget-common");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireDefault(require("react"));
 var _getValueAtRiskAssetClasses = require("../gql/getValueAtRiskAssetClasses");
 var _Tool = require("./Tool");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

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

@@ -1 +1 @@
-{"version":3,"file":"ToolWithData.js","names":["_react","_interopRequireDefault","require","_classnames","_labsWidgetCommon","_client","_getValueAtRiskAssetClasses","_Tool","e","__esModule","default","ToolWithData","_ref","division","size","useLayoutProvider","isDesktop","Size","DESKTOP","loading","data","error","useQuery","getValueAtRiskAssetClasses","variables","fetchPolicy","createElement","className","classnames","Spinner","SpinnerSize","lg","Tool","ChartError","exports"],"sources":["../../../src/ValueAtRiskWidget/ToolWithData.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport {\n  ChartError, Size, Spinner, SpinnerSize, useLayoutProvider,\n} from '@oanda/labs-widget-common';\nimport { useQuery } from '@apollo/client';\nimport { getValueAtRiskAssetClasses } from '../gql/getValueAtRiskAssetClasses';\nimport { Tool } from './Tool';\nimport { ToolWithDataProps } from './types';\nimport { GetValueAtRiskAssetClassesQuery, GetValueAtRiskAssetClassesQueryVariables } from '../gql/types/graphql';\n\nconst ToolWithData = ({ division }: ToolWithDataProps) => {\n  const { size } = useLayoutProvider();\n  const isDesktop = size === Size.DESKTOP;\n  const { loading, data, error } = useQuery<\n  GetValueAtRiskAssetClassesQuery,\n  GetValueAtRiskAssetClassesQueryVariables\n  >(getValueAtRiskAssetClasses, {\n    variables: {\n      division,\n    },\n    fetchPolicy: 'cache-and-network',\n  });\n\n  return (\n    <div data-testid=\"value-at-risk-wrapper\">\n      {(loading || !size)\n      && (\n      <div className={classnames('lw-flex lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary', {\n        'lw-h-[566px]': isDesktop,\n        'lw-h-[840px]': !isDesktop,\n      })}\n      >\n        <Spinner size={SpinnerSize.lg} />\n      </div>\n      )}\n      {!loading && data && (\n        <Tool\n          data={data}\n          division={division}\n        />\n      )}\n      {!loading && error && (\n        <div className=\"lw-flex lw-h-[500px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary\">\n          <ChartError />\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport { ToolWithData };\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAGA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,2BAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AAA8B,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAI9B,MAAMG,YAAY,GAAGC,IAAA,IAAqC;EAAA,IAApC;IAAEC;EAA4B,CAAC,GAAAD,IAAA;EACnD,MAAM;IAAEE;EAAK,CAAC,GAAG,IAAAC,mCAAiB,EAAC,CAAC;EACpC,MAAMC,SAAS,GAAGF,IAAI,KAAKG,sBAAI,CAACC,OAAO;EACvC,MAAM;IAAEC,OAAO;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAG,IAAAC,gBAAQ,EAGvCC,sDAA0B,EAAE;IAC5BC,SAAS,EAAE;MACTX;IACF,CAAC;IACDY,WAAW,EAAE;EACf,CAAC,CAAC;EAEF,OACEzB,MAAA,CAAAU,OAAA,CAAAgB,aAAA;IAAK,eAAY;EAAuB,GACrC,CAACP,OAAO,IAAI,CAACL,IAAI,KAElBd,MAAA,CAAAU,OAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAE,IAAAC,mBAAU,EAAC,sFAAsF,EAAE;MACjH,cAAc,EAAEZ,SAAS;MACzB,cAAc,EAAE,CAACA;IACnB,CAAC;EAAE,GAEDhB,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACtB,iBAAA,CAAAyB,OAAO;IAACf,IAAI,EAAEgB,6BAAW,CAACC;EAAG,CAAE,CAC7B,CACJ,EACA,CAACZ,OAAO,IAAIC,IAAI,IACfpB,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACnB,KAAA,CAAAyB,IAAI;IACHZ,IAAI,EAAEA,IAAK;IACXP,QAAQ,EAAEA;EAAS,CACpB,CACF,EACA,CAACM,OAAO,IAAIE,KAAK,IAChBrB,MAAA,CAAAU,OAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAC;EAAmG,GAChH3B,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACtB,iBAAA,CAAA6B,UAAU,MAAE,CACV,CAEJ,CAAC;AAEV,CAAC;AAACC,OAAA,CAAAvB,YAAA,GAAAA,YAAA","ignoreList":[]}
+{"version":3,"file":"ToolWithData.js","names":["_client","require","_labsWidgetCommon","_classnames","_interopRequireDefault","_react","_getValueAtRiskAssetClasses","_Tool","e","__esModule","default","ToolWithData","_ref","division","size","useLayoutProvider","isDesktop","Size","DESKTOP","loading","data","error","useQuery","getValueAtRiskAssetClasses","variables","fetchPolicy","createElement","className","classnames","Spinner","SpinnerSize","lg","Tool","ChartError","exports"],"sources":["../../../src/ValueAtRiskWidget/ToolWithData.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client';\nimport {\n  ChartError,\n  Size,\n  Spinner,\n  SpinnerSize,\n  useLayoutProvider,\n} from '@oanda/labs-widget-common';\nimport classnames from 'classnames';\nimport React from 'react';\n\nimport { getValueAtRiskAssetClasses } from '../gql/getValueAtRiskAssetClasses';\nimport type {\n  GetValueAtRiskAssetClassesQuery,\n  GetValueAtRiskAssetClassesQueryVariables,\n} from '../gql/types/graphql';\nimport { Tool } from './Tool';\nimport type { ToolWithDataProps } from './types';\n\nconst ToolWithData = ({ division }: ToolWithDataProps) => {\n  const { size } = useLayoutProvider();\n  const isDesktop = size === Size.DESKTOP;\n  const { loading, data, error } = useQuery<\n    GetValueAtRiskAssetClassesQuery,\n    GetValueAtRiskAssetClassesQueryVariables\n  >(getValueAtRiskAssetClasses, {\n    variables: {\n      division,\n    },\n    fetchPolicy: 'cache-and-network',\n  });\n\n  return (\n    <div data-testid=\"value-at-risk-wrapper\">\n      {(loading || !size) && (\n        <div\n          className={classnames(\n            'lw-flex lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary',\n            {\n              'lw-h-[566px]': isDesktop,\n              'lw-h-[840px]': !isDesktop,\n            }\n          )}\n        >\n          <Spinner size={SpinnerSize.lg} />\n        </div>\n      )}\n      {!loading && data && <Tool data={data} division={division} />}\n      {!loading && error && (\n        <div className=\"lw-flex lw-h-[500px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary\">\n          <ChartError />\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport { ToolWithData };\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAOA,IAAAE,WAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAD,sBAAA,CAAAH,OAAA;AAEA,IAAAK,2BAAA,GAAAL,OAAA;AAKA,IAAAM,KAAA,GAAAN,OAAA;AAA8B,SAAAG,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAG9B,MAAMG,YAAY,GAAGC,IAAA,IAAqC;EAAA,IAApC;IAAEC;EAA4B,CAAC,GAAAD,IAAA;EACnD,MAAM;IAAEE;EAAK,CAAC,GAAG,IAAAC,mCAAiB,EAAC,CAAC;EACpC,MAAMC,SAAS,GAAGF,IAAI,KAAKG,sBAAI,CAACC,OAAO;EACvC,MAAM;IAAEC,OAAO;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAG,IAAAC,gBAAQ,EAGvCC,sDAA0B,EAAE;IAC5BC,SAAS,EAAE;MACTX;IACF,CAAC;IACDY,WAAW,EAAE;EACf,CAAC,CAAC;EAEF,OACEpB,MAAA,CAAAK,OAAA,CAAAgB,aAAA;IAAK,eAAY;EAAuB,GACrC,CAACP,OAAO,IAAI,CAACL,IAAI,KAChBT,MAAA,CAAAK,OAAA,CAAAgB,aAAA;IACEC,SAAS,EAAE,IAAAC,mBAAU,EACnB,sFAAsF,EACtF;MACE,cAAc,EAAEZ,SAAS;MACzB,cAAc,EAAE,CAACA;IACnB,CACF;EAAE,GAEFX,MAAA,CAAAK,OAAA,CAAAgB,aAAA,CAACxB,iBAAA,CAAA2B,OAAO;IAACf,IAAI,EAAEgB,6BAAW,CAACC;EAAG,CAAE,CAC7B,CACN,EACA,CAACZ,OAAO,IAAIC,IAAI,IAAIf,MAAA,CAAAK,OAAA,CAAAgB,aAAA,CAACnB,KAAA,CAAAyB,IAAI;IAACZ,IAAI,EAAEA,IAAK;IAACP,QAAQ,EAAEA;EAAS,CAAE,CAAC,EAC5D,CAACM,OAAO,IAAIE,KAAK,IAChBhB,MAAA,CAAAK,OAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAC;EAAmG,GAChHtB,MAAA,CAAAK,OAAA,CAAAgB,aAAA,CAACxB,iBAAA,CAAA+B,UAAU,MAAE,CACV,CAEJ,CAAC;AAEV,CAAC;AAACC,OAAA,CAAAvB,YAAA,GAAAA,YAAA","ignoreList":[]}

package/dist/main/ValueAtRiskWidget/ValueAtRiskWidget.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ValueAtRiskWidget = void 0;
-var _react = _interopRequireDefault(require("react"));
 var _client = require("@apollo/client");
 var _labsWidgetCommon = require("@oanda/labs-widget-common");
+var _react = _interopRequireDefault(require("react"));
 var _translations = require("../translations");
 var _ToolWithData = require("./ToolWithData");
 var _Widget = require("./Widget");
@@ -29,19 +29,19 @@ const ValueAtRiskWidget = _ref => {
   });
   const isWidget = !!instrument && !!duration && !!bars;
   return _react.default.createElement(_labsWidgetCommon.WidgetProvider, {
-    locale: locale,
-    translations: _translations.translations,
     client: client,
-    theme: theme
+    locale: locale,
+    theme: theme,
+    translations: _translations.translations
   }, _react.default.createElement(_labsWidgetCommon.WidgetWrapper, {
-    logoLink: logoLink,
+    isParamError: isParamError,
     linkArea: "logo",
-    isParamError: isParamError
+    logoLink: logoLink
   }, isWidget ? _react.default.createElement(_Widget.Widget, {
+    bars: bars,
     division: division,
-    instrument: instrument,
     duration: duration,
-    bars: bars
+    instrument: instrument
   }) : _react.default.createElement(_ToolWithData.ToolWithData, {
     division: division
   })));

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

@@ -1 +1 @@
-{"version":3,"file":"ValueAtRiskWidget.js","names":["_react","_interopRequireDefault","require","_client","_labsWidgetCommon","_translations","_ToolWithData","_Widget","e","__esModule","default","ValueAtRiskWidget","_ref","graphqlUrl","locale","division","theme","isParamError","instrument","duration","bars","logoLink","client","ApolloClient","uri","cache","InMemoryCache","isWidget","createElement","WidgetProvider","translations","WidgetWrapper","linkArea","Widget","ToolWithData","exports"],"sources":["../../../src/ValueAtRiskWidget/ValueAtRiskWidget.tsx"],"sourcesContent":["import React from 'react';\nimport { ApolloClient, InMemoryCache } from '@apollo/client';\nimport { WidgetProvider, WidgetWrapper } from '@oanda/labs-widget-common';\n\nimport { ValueAtRiskConfig } from './types';\nimport { translations } from '../translations';\nimport { ToolWithData } from './ToolWithData';\nimport { Widget } from './Widget';\n\nconst ValueAtRiskWidget = ({\n  graphqlUrl,\n  locale,\n  division,\n  theme,\n  isParamError,\n  instrument,\n  duration,\n  bars,\n  logoLink,\n}: ValueAtRiskConfig) => {\n  const client = new ApolloClient({\n    uri: graphqlUrl,\n    cache: new InMemoryCache(),\n  });\n  const isWidget = !!instrument && !!duration && !!bars;\n\n  return (\n    <WidgetProvider\n      locale={locale}\n      translations={translations}\n      client={client}\n      theme={theme}\n    >\n      <WidgetWrapper\n        logoLink={logoLink}\n        linkArea=\"logo\"\n        isParamError={isParamError}\n      >\n        {\n          isWidget ? (\n            <Widget\n              division={division}\n              instrument={instrument}\n              duration={duration}\n              bars={bars}\n            />\n          ) : <ToolWithData division={division} />\n        }\n      </WidgetWrapper>\n    </WidgetProvider>\n  );\n};\n\nexport { ValueAtRiskWidget };\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAGA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAAkC,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAElC,MAAMG,iBAAiB,GAAGC,IAAA,IAUD;EAAA,IAVE;IACzBC,UAAU;IACVC,MAAM;IACNC,QAAQ;IACRC,KAAK;IACLC,YAAY;IACZC,UAAU;IACVC,QAAQ;IACRC,IAAI;IACJC;EACiB,CAAC,GAAAT,IAAA;EAClB,MAAMU,MAAM,GAAG,IAAIC,oBAAY,CAAC;IAC9BC,GAAG,EAAEX,UAAU;IACfY,KAAK,EAAE,IAAIC,qBAAa,CAAC;EAC3B,CAAC,CAAC;EACF,MAAMC,QAAQ,GAAG,CAAC,CAACT,UAAU,IAAI,CAAC,CAACC,QAAQ,IAAI,CAAC,CAACC,IAAI;EAErD,OACEpB,MAAA,CAAAU,OAAA,CAAAkB,aAAA,CAACxB,iBAAA,CAAAyB,cAAc;IACbf,MAAM,EAAEA,MAAO;IACfgB,YAAY,EAAEA,0BAAa;IAC3BR,MAAM,EAAEA,MAAO;IACfN,KAAK,EAAEA;EAAM,GAEbhB,MAAA,CAAAU,OAAA,CAAAkB,aAAA,CAACxB,iBAAA,CAAA2B,aAAa;IACZV,QAAQ,EAAEA,QAAS;IACnBW,QAAQ,EAAC,MAAM;IACff,YAAY,EAAEA;EAAa,GAGzBU,QAAQ,GACN3B,MAAA,CAAAU,OAAA,CAAAkB,aAAA,CAACrB,OAAA,CAAA0B,MAAM;IACLlB,QAAQ,EAAEA,QAAS;IACnBG,UAAU,EAAEA,UAAW;IACvBC,QAAQ,EAAEA,QAAS;IACnBC,IAAI,EAAEA;EAAK,CACZ,CAAC,GACApB,MAAA,CAAAU,OAAA,CAAAkB,aAAA,CAACtB,aAAA,CAAA4B,YAAY;IAACnB,QAAQ,EAAEA;EAAS,CAAE,CAE5B,CACD,CAAC;AAErB,CAAC;AAACoB,OAAA,CAAAxB,iBAAA,GAAAA,iBAAA","ignoreList":[]}
+{"version":3,"file":"ValueAtRiskWidget.js","names":["_client","require","_labsWidgetCommon","_react","_interopRequireDefault","_translations","_ToolWithData","_Widget","e","__esModule","default","ValueAtRiskWidget","_ref","graphqlUrl","locale","division","theme","isParamError","instrument","duration","bars","logoLink","client","ApolloClient","uri","cache","InMemoryCache","isWidget","createElement","WidgetProvider","translations","WidgetWrapper","linkArea","Widget","ToolWithData","exports"],"sources":["../../../src/ValueAtRiskWidget/ValueAtRiskWidget.tsx"],"sourcesContent":["import { ApolloClient, InMemoryCache } from '@apollo/client';\nimport { WidgetProvider, WidgetWrapper } from '@oanda/labs-widget-common';\nimport React from 'react';\n\nimport { translations } from '../translations';\nimport { ToolWithData } from './ToolWithData';\nimport type { ValueAtRiskConfig } from './types';\nimport { Widget } from './Widget';\n\nconst ValueAtRiskWidget = ({\n  graphqlUrl,\n  locale,\n  division,\n  theme,\n  isParamError,\n  instrument,\n  duration,\n  bars,\n  logoLink,\n}: ValueAtRiskConfig) => {\n  const client = new ApolloClient({\n    uri: graphqlUrl,\n    cache: new InMemoryCache(),\n  });\n  const isWidget = !!instrument && !!duration && !!bars;\n\n  return (\n    <WidgetProvider\n      client={client}\n      locale={locale}\n      theme={theme}\n      translations={translations}\n    >\n      <WidgetWrapper\n        isParamError={isParamError}\n        linkArea=\"logo\"\n        logoLink={logoLink}\n      >\n        {isWidget ? (\n          <Widget\n            bars={bars}\n            division={division}\n            duration={duration}\n            instrument={instrument}\n          />\n        ) : (\n          <ToolWithData division={division} />\n        )}\n      </WidgetWrapper>\n    </WidgetProvider>\n  );\n};\n\nexport { ValueAtRiskWidget };\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAEA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AAEA,IAAAM,OAAA,GAAAN,OAAA;AAAkC,SAAAG,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAElC,MAAMG,iBAAiB,GAAGC,IAAA,IAUD;EAAA,IAVE;IACzBC,UAAU;IACVC,MAAM;IACNC,QAAQ;IACRC,KAAK;IACLC,YAAY;IACZC,UAAU;IACVC,QAAQ;IACRC,IAAI;IACJC;EACiB,CAAC,GAAAT,IAAA;EAClB,MAAMU,MAAM,GAAG,IAAIC,oBAAY,CAAC;IAC9BC,GAAG,EAAEX,UAAU;IACfY,KAAK,EAAE,IAAIC,qBAAa,CAAC;EAC3B,CAAC,CAAC;EACF,MAAMC,QAAQ,GAAG,CAAC,CAACT,UAAU,IAAI,CAAC,CAACC,QAAQ,IAAI,CAAC,CAACC,IAAI;EAErD,OACEjB,MAAA,CAAAO,OAAA,CAAAkB,aAAA,CAAC1B,iBAAA,CAAA2B,cAAc;IACbP,MAAM,EAAEA,MAAO;IACfR,MAAM,EAAEA,MAAO;IACfE,KAAK,EAAEA,KAAM;IACbc,YAAY,EAAEA;EAAa,GAE3B3B,MAAA,CAAAO,OAAA,CAAAkB,aAAA,CAAC1B,iBAAA,CAAA6B,aAAa;IACZd,YAAY,EAAEA,YAAa;IAC3Be,QAAQ,EAAC,MAAM;IACfX,QAAQ,EAAEA;EAAS,GAElBM,QAAQ,GACPxB,MAAA,CAAAO,OAAA,CAAAkB,aAAA,CAACrB,OAAA,CAAA0B,MAAM;IACLb,IAAI,EAAEA,IAAK;IACXL,QAAQ,EAAEA,QAAS;IACnBI,QAAQ,EAAEA,QAAS;IACnBD,UAAU,EAAEA;EAAW,CACxB,CAAC,GAEFf,MAAA,CAAAO,OAAA,CAAAkB,aAAA,CAACtB,aAAA,CAAA4B,YAAY;IAACnB,QAAQ,EAAEA;EAAS,CAAE,CAExB,CACD,CAAC;AAErB,CAAC;AAACoB,OAAA,CAAAxB,iBAAA,GAAAA,iBAAA","ignoreList":[]}

package/dist/main/ValueAtRiskWidget/Widget.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Widget = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
 var _labsWidgetCommon = require("@oanda/labs-widget-common");
 var _monoI18n = require("@oanda/mono-i18n");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireDefault(require("react"));
 var _ChartWithData = require("./ChartWithData");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const Widget = _ref => {
@@ -25,8 +25,8 @@ const Widget = _ref => {
   } = (0, _labsWidgetCommon.useLayoutProvider)();
   const isDesktop = size === _labsWidgetCommon.Size.DESKTOP;
   return _react.default.createElement("div", {
-    "data-testid": "value-at-risk-widget-wrapper",
-    className: "lw-relative lw-text-sm lw-tracking-normal"
+    className: "lw-relative lw-text-sm lw-tracking-normal",
+    "data-testid": "value-at-risk-widget-wrapper"
   }, size && _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("div", {
     className: (0, _classnames.default)('lw-font-bold', {
       'lw-mb-11 lw-text-center lw-text-xl': isDesktop,
@@ -38,9 +38,9 @@ const Widget = _ref => {
     count: +bars.substring(1)
   })}`)), _react.default.createElement(_ChartWithData.ChartWithData, {
     bars: bars,
+    division: division,
     duration: duration,
-    instrument: instrument,
-    division: division
+    instrument: instrument
   })));
 };
 exports.Widget = Widget;

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

@@ -1 +1 @@
-{"version":3,"file":"Widget.js","names":["_react","_interopRequireDefault","require","_classnames","_labsWidgetCommon","_monoI18n","_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 React from 'react';\nimport classnames from 'classnames';\nimport { Size, useLayoutProvider } from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport { WidgetProps } from './types';\nimport { ChartWithData } from './ChartWithData';\n\nconst Widget = ({\n  division,\n  instrument,\n  duration,\n  bars,\n}: WidgetProps) => {\n  const { lang } = useLocale();\n  const { size } = useLayoutProvider();\n  const isDesktop = size === Size.DESKTOP;\n\n  return (\n    <div\n      data-testid=\"value-at-risk-widget-wrapper\"\n      className=\"lw-relative lw-text-sm lw-tracking-normal\"\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            duration={duration}\n            instrument={instrument}\n            division={division}\n          />\n        </>\n      )}\n    </div>\n  );\n};\n\nexport { Widget };\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AAEA,IAAAI,cAAA,GAAAJ,OAAA;AAAgD,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhD,MAAMG,MAAM,GAAGC,IAAA,IAKI;EAAA,IALH;IACdC,QAAQ;IACRC,UAAU;IACVC,QAAQ;IACRC;EACW,CAAC,GAAAJ,IAAA;EACZ,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,OACEtB,MAAA,CAAAS,OAAA,CAAAc,aAAA;IACE,eAAY,8BAA8B;IAC1CC,SAAS,EAAC;EAA2C,GAEpDN,IAAI,IACHlB,MAAA,CAAAS,OAAA,CAAAc,aAAA,CAAAvB,MAAA,CAAAS,OAAA,CAAAgB,QAAA,QACEzB,MAAA,CAAAS,OAAA,CAAAc,aAAA;IACEC,SAAS,EAAE,IAAAE,mBAAU,EAAC,cAAc,EAAE;MACpC,oCAAoC,EAAEN,SAAS;MAC/C,oBAAoB,EAAE,CAACA;IACzB,CAAC;EAAE,GAEHpB,MAAA,CAAAS,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,EACtF5B,MAAA,CAAAS,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,EACN5B,MAAA,CAAAS,OAAA,CAAAc,aAAA,CAACjB,cAAA,CAAAuB,aAAa;IACZd,IAAI,EAAEA,IAAK;IACXD,QAAQ,EAAEA,QAAS;IACnBD,UAAU,EAAEA,UAAW;IACvBD,QAAQ,EAAEA;EAAS,CACpB,CACD,CAED,CAAC;AAEV,CAAC;AAACkB,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","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":[]}