npm - @oanda/labs-value-at-risk-widget - Versions diffs - 1.0.67 → 1.0.68 - Mend

@oanda/labs-value-at-risk-widget 1.0.67 → 1.0.68

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (54) hide show

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

	@@ -1 +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","~~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":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAEA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AAEA,IAAAM,MAAA,GAAAN,OAAA;AAAoC,SAAAG,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEpC,MAAMG,MAAM,GAAGC,IAAA,IAA2B;EAAA,IAA1B;IAAEC;EAAkB,CAAC,GAAAD,IAAA;EACnC,MAAM;IAAEE,IAAI;IAAEC;EAAO,CAAC,GAAG,IAAAC,mCAAiB,EAAC,CAAC;EAC5C,MAAM;IAAEC;EAAK,CAAC,GAAG,IAAAC,mBAAS,EAAC,CAAC;EAC5B,MAAMC,SAAS,GAAGL,IAAI,KAAKM,sBAAI,CAACC,OAAO;EAEvC,OACElB,MAAA,CAAAO,OAAA,CAAAY,aAAA,CAAAnB,MAAA,CAAAO,OAAA,CAAAa,QAAA,QACGJ,SAAS,GACRhB,MAAA,CAAAO,OAAA,CAAAY,aAAA,CAAAnB,MAAA,CAAAO,OAAA,CAAAa,QAAA,QACEpB,MAAA,CAAAO,OAAA,CAAAY,aAAA,CAACjB,cAAA,CAAAmB,aAAa;IACZX,IAAI,EAAE,CACJ;MACEY,EAAE,EAAEC,gBAAS,CAACC,OAAO;MACrBC,KAAK,EAAEX,IAAI,CAAC,SAAS,CAAC;MACtBY,KAAK,EAAEhB,IAAI,CAACiB,gBAAgB,CAAEC,IAAI,CAACC;IACrC,CAAC,EACD;MACEP,EAAE,EAAEC,gBAAS,CAACO,MAAM;MACpBL,KAAK,EAAEX,IAAI,CAAC,QAAQ,CAAC;MACrBY,KAAK,EAAEhB,IAAI,CAACiB,gBAAgB,CAAEC,IAAI,CAACG;IACrC,CAAC,EACD;MACET,EAAE,EAAEC,gBAAS,CAACS,SAAS;MACvBP,KAAK,~~KAAAQ~~,~~MAAA~~,~~CAAKnB,~~IAAI,CAAC,WAAW,CAAC,~~WAAQ~~;MACnCY,KAAK,EAAEhB,IAAI,CAACiB,gBAAgB,CAAEC,IAAI,~~CAACM~~;IACrC,CAAC,EACD;~~MACEZ~~,EAAE,EAAEC,gBAAS,~~CAACY~~,GAAG;~~MACjBV~~,KAAK,EAAEX,IAAI,CAAC,KAAK,CAAC;MAClBY,KAAK,EAAEhB,IAAI,CAACiB,gBAAgB,CAAEC,IAAI,~~CAACQ~~;IACrC,CAAC,CACD;~~IACFxB~~,MAAM,EAAEA,MAAO;IACfE,IAAI,EAAEA;EAAK,CACZ,CAAC,EACFd,MAAA,CAAAO,OAAA,CAAAY,aAAA,CAACjB,cAAA,CAAAmB,aAAa;IACZX,IAAI,EAAE,CACJ;MACEY,EAAE,EAAEC,gBAAS,CAACC,OAAO;MACrBC,KAAK,EAAEX,IAAI,CAAC,SAAS,CAAC;MACtBY,KAAK,EAAEhB,IAAI,CAACiB,gBAAgB,~~CAAEU~~,EAAE,~~CAACR~~;IACnC,CAAC,EACD;MACEP,EAAE,EAAEC,gBAAS,CAACO,MAAM;MACpBL,KAAK,EAAEX,IAAI,CAAC,QAAQ,CAAC;MACrBY,KAAK,EAAEhB,IAAI,CAACiB,gBAAgB,~~CAAEU~~,EAAE,~~CAACN~~;IACnC,CAAC,EACD;MACET,EAAE,EAAEC,gBAAS,CAACS,SAAS;MACvBP,KAAK,~~KAAAQ~~,~~MAAA~~,~~CAAKnB,~~IAAI,CAAC,WAAW,CAAC,~~WAAQ~~;MACnCY,KAAK,EAAEhB,IAAI,CAACiB,gBAAgB,~~CAAEU~~,EAAE,CAACH;IACnC,CAAC,EACD;~~MACEZ~~,EAAE,EAAEC,gBAAS,~~CAACe~~,GAAG;~~MACjBb~~,KAAK,EAAEX,IAAI,CAAC,KAAK,CAAC;MAClBY,KAAK,EAAEhB,IAAI,CAACiB,gBAAgB,~~CAAEU~~,EAAE,CAACD;IACnC,CAAC,CACD;~~IACFxB~~,MAAM,EAAEA,MAAO;IACfE,IAAI,EAAEA;EAAK,CACZ,CACD,CAAC,GAEHd,MAAA,CAAAO,OAAA,CAAAY,aAAA,CAAChB,aAAA,~~CAAAoC~~,YAAY;~~IACX7B~~,IAAI,EAAE,CACJ;MACEY,EAAE,EAAEC,gBAAS,CAACC,OAAO;MACrBC,KAAK,EAAEX,IAAI,CAAC,SAAS,CAAC;~~MACtB0B~~,SAAS,~~EAAE9B~~,IAAI,CAACiB,gBAAgB,CAAEC,IAAI,CAACC,OAAO;~~MAC9CY~~,OAAO,~~EAAE/B~~,IAAI,CAACiB,gBAAgB,~~CAAEU~~,EAAE,~~CAACR~~;IACrC,CAAC,EACD;MACEP,EAAE,EAAEC,gBAAS,CAACO,MAAM;MACpBL,KAAK,EAAEX,IAAI,CAAC,QAAQ,CAAC;~~MACrB0B~~,SAAS,~~EAAE9B~~,IAAI,CAACiB,gBAAgB,CAAEC,IAAI,CAACG,MAAM;~~MAC7CU~~,OAAO,~~EAAE/B~~,IAAI,CAACiB,gBAAgB,~~CAAEU~~,EAAE,~~CAACN~~;IACrC,CAAC,EACD;MACET,EAAE,EAAEC,gBAAS,CAACS,SAAS;MACvBP,KAAK,~~KAAAQ~~,~~MAAA~~,~~CAAKnB,~~IAAI,CAAC,WAAW,CAAC,~~WAAQ~~;~~MACnC0B~~,SAAS,~~EAAE9B~~,IAAI,CAACiB,gBAAgB,CAAEC,IAAI,~~CAACM~~,SAAS;MAChDO,OAAO,~~EAAE/B~~,IAAI,CAACiB,gBAAgB,~~CAAEU~~,EAAE,CAACH;IACrC,CAAC,EACD;~~MACEZ~~,EAAE,EAAEC,gBAAS,~~CAACe~~,GAAG;~~MACjBb~~,KAAK,~~KAAAQ~~,~~MAAA~~,~~CAAKnB,~~IAAI,CAAC,KAAK,CAAC,~~OAAAmB~~,~~MAAA,CAAInB,~~IAAI,CAAC,KAAK,CAAC,~~CAAE~~;~~MACtC0B~~,SAAS,~~EAAE9B~~,IAAI,CAACiB,gBAAgB,CAAEC,IAAI,~~CAACQ~~,GAAG;MAC1CK,OAAO,~~EAAE/B~~,IAAI,CAACiB,gBAAgB,~~CAAEU~~,EAAE,CAACD;IACrC,CAAC,CACD;~~IACFxB~~,MAAM,EAAEA,MAAO;IACfE,IAAI,EAAEA;EAAK,CACZ,CAEH,CAAC;AAEP,CAAC;~~AAAC4B~~,OAAA,~~CAAAlC~~,MAAA,GAAAA,MAAA","ignoreList":[]}
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":[]}

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

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

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

	@@ -1 +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","~~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":";;;;;;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,YAAY,GAAGC,IAAA;EAAA,IAAC;IAAEC,IAAI;IAAEC,MAAM;IAAEC;EAAwB,CAAC,GAAAH,IAAA;EAAA,OAC7DR,MAAA,CAAAM,OAAA,CAAAM,aAAA;IACEC,SAAS,EAAE,IAAAC,mBAAU,EAAC,2BAA2B,EAAE;MACjD,sBAAsB,EAAEJ,MAAM;MAC9B,oDAAoD,EAAE,CAACA;IACzD,CAAC;EAAE,GAEFD,IAAI,CAACM,GAAG,CAAEC,IAAI,IACbhB,MAAA,CAAAM,OAAA,CAAAM,aAAA;IACEK,GAAG,EAAED,IAAI,CAACE,EAAG;IACbL,SAAS,EAAE,IAAAC,mBAAU,EAAC,4CAA4C,EAAE;MAClE,oCAAoC,EAClCE,IAAI,CAACE,EAAE,KAAKC,gBAAS,CAACC,GAAG,IAAIJ,IAAI,CAACE,EAAE,KAAKC,gBAAS,CAACE;IACvD,CAAC;EAAE,GAEHrB,MAAA,CAAAM,OAAA,CAAAM,aAAA;IAAKC,SAAS,EAAC;EAAyC,GACrDG,IAAI,CAACE,EAAE,KAAKC,gBAAS,CAACC,GAAG,IAAIJ,IAAI,CAACE,EAAE,KAAKC,gBAAS,CAACE,GAAG,IACrDrB,MAAA,CAAAM,OAAA,CAAAM,aAAA;IACEC,SAAS,EAAE,IAAAC,mBAAU,EACnB,kFAAkF,EAClF;MACE,YAAY,EAAEE,IAAI,CAACE,EAAE,KAAKC,gBAAS,CAACG,OAAO;MAC3C,uBAAuB,EAAEN,IAAI,CAACE,EAAE,KAAKC,gBAAS,CAACI,MAAM;MACrD,oBAAoB,EAAEP,IAAI,CAACE,EAAE,KAAKC,gBAAS,CAACK;IAC9C,CACF;EAAE,CACH,CACF,EACDxB,MAAA,CAAAM,OAAA,CAAAM,aAAA,CAACV,WAAA,CAAAuB,UAAU;IACTf,MAAM,EAAEA,MAAO;IACfgB,eAAe,EAAEC,oBAAS,CAACX,IAAI,CAACE,EAAE,CAAE;IACpCU,KAAK,EACHZ,IAAI,CAACE,EAAE,KAAKC,gBAAS,CAACC,GAAG,IAAIJ,IAAI,CAACE,EAAE,KAAKC,gBAAS,CAACE,GAAG,GAClD,IAAI,GACJQ;EACL,CACF,CAAC,EACDb,IAAI,CAACE,EAAE,KAAKC,gBAAS,CAACC,GAAG,IAAIJ,IAAI,CAACE,EAAE,KAAKC,gBAAS,CAACE,GAAG,IACrDrB,MAAA,CAAAM,OAAA,CAAAM,aAAA;IACEC,SAAS,EAAE,IAAAC,mBAAU,EACnB,+EAA+E,EAC/E;MACE,YAAY,EAAEE,IAAI,CAACE,EAAE,KAAKC,gBAAS,CAACG,OAAO;MAC3C,uBAAuB,EAAEN,IAAI,CAACE,EAAE,KAAKC,gBAAS,CAACI,MAAM;MACrD,oBAAoB,EAAEP,IAAI,CAACE,EAAE,KAAKC,gBAAS,CAACK;IAC9C,CACF;EAAE,CACH,CAEA,CAAC,EACNxB,MAAA,CAAAM,OAAA,CAAAM,aAAA;IAAMC,SAAS,EAAC;EAAmB,~~MAAAiB~~,~~MAAA~~,~~CAAKd,~~IAAI,~~CAACe~~,KAAK,~~MAAU~~,CAAC,~~EAC7D/B~~,MAAA,CAAAM,OAAA,CAAAM,aAAA;IAAMC,SAAS,EAAC;EAAyB,~~MAAAiB~~,~~MAAA~~,~~CACnCd,~~IAAI,~~CAACgB~~,SAAS,CAACC,OAAO,CAAC,CAAC,~~OAAAH~~,~~MAAA,CAAInB,~~IAAI,CAAC,MAAM,CAAC,~~CACxC~~,CAAC,EACPX,MAAA,CAAAM,OAAA,CAAAM,aAAA;IAAMC,SAAS,EAAC;EAAyB,~~MAAAiB~~,~~MAAA~~,~~CACnCd,~~IAAI,~~CAACkB~~,OAAO,CAACD,OAAO,CAAC,CAAC,~~OAAAH~~,~~MAAA,CAAInB,~~IAAI,CAAC,MAAM,CAAC,~~CACtC~~,CACH,CACN,CACE,CAAC;AAAA,CACP;~~AAACwB~~,OAAA,~~CAAA5B~~,YAAA,GAAAA,YAAA","ignoreList":[]}
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":";;;;;;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,YAAY,GAAGC,IAAA;EAAA,IAAC;IAAEC,IAAI;IAAEC,MAAM;IAAEC;EAAwB,CAAC,GAAAH,IAAA;EAAA,OAC7DR,MAAA,CAAAM,OAAA,CAAAM,aAAA;IACEC,SAAS,EAAE,IAAAC,mBAAU,EAAC,2BAA2B,EAAE;MACjD,sBAAsB,EAAEJ,MAAM;MAC9B,oDAAoD,EAAE,CAACA;IACzD,CAAC;EAAE,GAEFD,IAAI,CAACM,GAAG,CAAEC,IAAI,IACbhB,MAAA,CAAAM,OAAA,CAAAM,aAAA;IACEK,GAAG,EAAED,IAAI,CAACE,EAAG;IACbL,SAAS,EAAE,IAAAC,mBAAU,EAAC,4CAA4C,EAAE;MAClE,oCAAoC,EAClCE,IAAI,CAACE,EAAE,KAAKC,gBAAS,CAACC,GAAG,IAAIJ,IAAI,CAACE,EAAE,KAAKC,gBAAS,CAACE;IACvD,CAAC;EAAE,GAEHrB,MAAA,CAAAM,OAAA,CAAAM,aAAA;IAAKC,SAAS,EAAC;EAAyC,GACrDG,IAAI,CAACE,EAAE,KAAKC,gBAAS,CAACC,GAAG,IAAIJ,IAAI,CAACE,EAAE,KAAKC,gBAAS,CAACE,GAAG,IACrDrB,MAAA,CAAAM,OAAA,CAAAM,aAAA;IACEC,SAAS,EAAE,IAAAC,mBAAU,EACnB,kFAAkF,EAClF;MACE,YAAY,EAAEE,IAAI,CAACE,EAAE,KAAKC,gBAAS,CAACG,OAAO;MAC3C,uBAAuB,EAAEN,IAAI,CAACE,EAAE,KAAKC,gBAAS,CAACI,MAAM;MACrD,oBAAoB,EAAEP,IAAI,CAACE,EAAE,KAAKC,gBAAS,CAACK;IAC9C,CACF;EAAE,CACH,CACF,EACDxB,MAAA,CAAAM,OAAA,CAAAM,aAAA,CAACV,WAAA,CAAAuB,UAAU;IACTf,MAAM,EAAEA,MAAO;IACfgB,eAAe,EAAEC,oBAAS,CAACX,IAAI,CAACE,EAAE,CAAE;IACpCU,KAAK,EACHZ,IAAI,CAACE,EAAE,KAAKC,gBAAS,CAACC,GAAG,IAAIJ,IAAI,CAACE,EAAE,KAAKC,gBAAS,CAACE,GAAG,GAClD,IAAI,GACJQ;EACL,CACF,CAAC,EACDb,IAAI,CAACE,EAAE,KAAKC,gBAAS,CAACC,GAAG,IAAIJ,IAAI,CAACE,EAAE,KAAKC,gBAAS,CAACE,GAAG,IACrDrB,MAAA,CAAAM,OAAA,CAAAM,aAAA;IACEC,SAAS,EAAE,IAAAC,mBAAU,EACnB,+EAA+E,EAC/E;MACE,YAAY,EAAEE,IAAI,CAACE,EAAE,KAAKC,gBAAS,CAACG,OAAO;MAC3C,uBAAuB,EAAEN,IAAI,CAACE,EAAE,KAAKC,gBAAS,CAACI,MAAM;MACrD,oBAAoB,EAAEP,IAAI,CAACE,EAAE,KAAKC,gBAAS,CAACK;IAC9C,CACF;EAAE,CACH,CAEA,CAAC,EACNxB,MAAA,CAAAM,OAAA,CAAAM,aAAA;IAAMC,SAAS,EAAC;EAAmB,GAAE,GAAGG,IAAI,CAACc,KAAK,GAAU,CAAC,EAC7D9B,MAAA,CAAAM,OAAA,CAAAM,aAAA;IAAMC,SAAS,EAAC;EAAyB,GACtC,GAAGG,IAAI,CAACe,SAAS,CAACC,OAAO,CAAC,CAAC,IAAIrB,IAAI,CAAC,MAAM,CAAC,EACxC,CAAC,EACPX,MAAA,CAAAM,OAAA,CAAAM,aAAA;IAAMC,SAAS,EAAC;EAAyB,GACtC,GAAGG,IAAI,CAACiB,OAAO,CAACD,OAAO,CAAC,CAAC,IAAIrB,IAAI,CAAC,MAAM,CAAC,EACtC,CACH,CACN,CACE,CAAC;AAAA,CACP;AAACuB,OAAA,CAAA3B,YAAA,GAAAA,YAAA","ignoreList":[]}

package/dist/main/ValueAtRiskWidget/utils.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getInstrumentsByAssetClassId = exports.getAssetClassesList = void 0;
 exports.sortAlphabetically = sortAlphabetically;
-const capitalize = name => "".concat(name[0].toUpperCase()).concat(name.substring(1));
+const capitalize = name => `${name[0].toUpperCase()}${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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"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":[]}
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":[]}

package/dist/main/gql/getValueAtRiskAssetClasses.js CHANGED Viewed

@@ -5,7 +5,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getValueAtRiskAssetClasses = void 0;
 var _client = require("@apollo/client");
-var _templateObject;
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-const getValueAtRiskAssetClasses = exports.getValueAtRiskAssetClasses = (0, _client.gql)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  query GetValueAtRiskAssetClasses($division: Division) {\n    valueAtRiskAssetClasses(division: $division) {\n      name\n      instruments {\n        name\n        displayName\n      }\n    }\n  }\n"])));
+const getValueAtRiskAssetClasses = exports.getValueAtRiskAssetClasses = (0, _client.gql)`
+  query GetValueAtRiskAssetClasses($division: Division) {
+    valueAtRiskAssetClasses(division: $division) {
+      name
+      instruments {
+        name
+        displayName
+      }
+    }
+  }
+`;
 //# sourceMappingURL=getValueAtRiskAssetClasses.js.map

package/dist/main/gql/getValueAtRiskAssetClasses.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"getValueAtRiskAssetClasses.js","names":["_client","require","~~_templateObject","_taggedTemplateLiteral","e","t","slice","Object","freeze","defineProperties","raw","value","~~getValueAtRiskAssetClasses","exports","gql"],"sources":["../../../src/gql/getValueAtRiskAssetClasses.ts"],"sourcesContent":["import { gql } from '@apollo/client';\n\nexport const getValueAtRiskAssetClasses = gql`\n query GetValueAtRiskAssetClasses($division: Division) {\n valueAtRiskAssetClasses(division: $division) {\n name\n instruments {\n name\n displayName\n }\n }\n }\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;~~AAAqC~~,~~IAAAC~~,eAAA;AAAA,SAAAC,uBAAAC,CAAA,EAAAC,CAAA,WAAAA,CAAA,KAAAA,CAAA,GAAAD,CAAA,CAAAE,KAAA,MAAAC,MAAA,CAAAC,MAAA,CAAAD,MAAA,CAAAE,gBAAA,CAAAL,CAAA,IAAAM,GAAA,IAAAC,KAAA,EAAAJ,MAAA,CAAAC,MAAA,CAAAH,CAAA;AAE9B,MAAMO,0BAA0B,GAAAC,OAAA,CAAAD,0BAAA,~~OAAGE~~,WAAG,~~EAAAZ,eAAA,KAAAA,eAAA,GAAAC,sBAAA,kNAU5C~~","ignoreList":[]}
1	+ {"version":3,"file":"getValueAtRiskAssetClasses.js","names":["_client","require","getValueAtRiskAssetClasses","exports","gql"],"sources":["../../../src/gql/getValueAtRiskAssetClasses.ts"],"sourcesContent":["import { gql } from '@apollo/client';\n\nexport const getValueAtRiskAssetClasses = gql`\n query GetValueAtRiskAssetClasses($division: Division) {\n valueAtRiskAssetClasses(division: $division) {\n name\n instruments {\n name\n displayName\n }\n }\n }\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAEO,MAAMC,0BAA0B,GAAAC,OAAA,CAAAD,0BAAA,GAAG,IAAAE,WAAG;AAC7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/dist/main/gql/getValueAtRiskChart.js CHANGED Viewed

@@ -5,7 +5,40 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getValueAtRiskChart = void 0;
 var _client = require("@apollo/client");
-var _templateObject;
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-const getValueAtRiskChart = exports.getValueAtRiskChart = (0, _client.gql)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  query getValueAtRiskChart(\n    $instrument: String!\n    $division: Division!\n    $duration: ValueAtRiskDuration!\n    $bars: ValueAtRiskBars!\n  ) {\n    valueAtRiskChart(\n      instrument: $instrument\n      division: $division\n      duration: $duration\n      bars: $bars\n    ) {\n      up {\n        points {\n          pips\n          percent\n        }\n        average\n        median\n        max\n        threshold\n      }\n      down {\n        points {\n          pips\n          percent\n        }\n        average\n        median\n        max\n        threshold\n      }\n    }\n  }\n"])));
+const getValueAtRiskChart = exports.getValueAtRiskChart = (0, _client.gql)`
+  query getValueAtRiskChart(
+    $instrument: String!
+    $division: Division!
+    $duration: ValueAtRiskDuration!
+    $bars: ValueAtRiskBars!
+  ) {
+    valueAtRiskChart(
+      instrument: $instrument
+      division: $division
+      duration: $duration
+      bars: $bars
+    ) {
+      up {
+        points {
+          pips
+          percent
+        }
+        average
+        median
+        max
+        threshold
+      }
+      down {
+        points {
+          pips
+          percent
+        }
+        average
+        median
+        max
+        threshold
+      }
+    }
+  }
+`;
 //# sourceMappingURL=getValueAtRiskChart.js.map

package/dist/main/gql/getValueAtRiskChart.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"getValueAtRiskChart.js","names":["_client","require","~~_templateObject","_taggedTemplateLiteral","e","t","slice","Object","freeze","defineProperties","raw","value","~~getValueAtRiskChart","exports","gql"],"sources":["../../../src/gql/getValueAtRiskChart.ts"],"sourcesContent":["import { gql } from '@apollo/client';\n\nexport const getValueAtRiskChart = gql`\n query getValueAtRiskChart(\n $instrument: String!\n $division: Division!\n $duration: ValueAtRiskDuration!\n $bars: ValueAtRiskBars!\n ) {\n valueAtRiskChart(\n instrument: $instrument\n division: $division\n duration: $duration\n bars: $bars\n ) {\n up {\n points {\n pips\n percent\n }\n average\n median\n max\n threshold\n }\n down {\n points {\n pips\n percent\n }\n average\n median\n max\n threshold\n }\n }\n }\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;~~AAAqC~~,~~IAAAC~~,eAAA;AAAA,SAAAC,uBAAAC,CAAA,EAAAC,CAAA,WAAAA,CAAA,KAAAA,CAAA,GAAAD,CAAA,CAAAE,KAAA,MAAAC,MAAA,CAAAC,MAAA,CAAAD,MAAA,CAAAE,gBAAA,CAAAL,CAAA,IAAAM,GAAA,IAAAC,KAAA,EAAAJ,MAAA,CAAAC,MAAA,CAAAH,CAAA;AAE9B,MAAMO,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,~~OAAGE~~,WAAG,~~EAAAZ,eAAA,KAAAA,eAAA,GAAAC,sBAAA,umBAmCrC~~","ignoreList":[]}
1	+ {"version":3,"file":"getValueAtRiskChart.js","names":["_client","require","getValueAtRiskChart","exports","gql"],"sources":["../../../src/gql/getValueAtRiskChart.ts"],"sourcesContent":["import { gql } from '@apollo/client';\n\nexport const getValueAtRiskChart = gql`\n query getValueAtRiskChart(\n $instrument: String!\n $division: Division!\n $duration: ValueAtRiskDuration!\n $bars: ValueAtRiskBars!\n ) {\n valueAtRiskChart(\n instrument: $instrument\n division: $division\n duration: $duration\n bars: $bars\n ) {\n up {\n points {\n pips\n percent\n }\n average\n median\n max\n threshold\n }\n down {\n points {\n pips\n percent\n }\n average\n median\n max\n threshold\n }\n }\n }\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAEO,MAAMC,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,IAAAE,WAAG;AACtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/dist/main/gql/types/fragment-masking.js CHANGED Viewed

@@ -13,11 +13,10 @@ function makeFragmentData(data, _fragment) {
   return data;
 }
 function isFragmentReady(queryNode, fragmentNode, data) {
-  var _meta__, _fragDef$name;
-  const deferredFields = (_meta__ = queryNode.__meta__) === null || _meta__ === void 0 ? void 0 : _meta__.deferredFields;
+  const deferredFields = queryNode.__meta__?.deferredFields;
   if (!deferredFields) return true;
   const fragDef = fragmentNode.definitions[0];
-  const fragName = fragDef === null || fragDef === void 0 || (_fragDef$name = fragDef.name) === null || _fragDef$name === void 0 ? void 0 : _fragDef$name.value;
+  const fragName = fragDef?.name?.value;
   const fields = fragName && deferredFields[fragName] || [];
   return fields.length > 0 && fields.every(field => data && field in data);
 }

package/dist/main/gql/types/fragment-masking.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"fragment-masking.js","names":["useFragment","_documentNode","fragmentType","makeFragmentData","data","_fragment","isFragmentReady","queryNode","fragmentNode","~~_meta__","_fragDef$name","~~deferredFields","__meta__","fragDef","definitions","fragName","name","value","fields","length","every","field"],"sources":["../../../../src/gql/types/fragment-masking.ts"],"sourcesContent":["import {\n ResultOf,\n DocumentTypeDecoration,\n TypedDocumentNode,\n} from '@graphql-typed-document-node/core';\nimport { FragmentDefinitionNode } from 'graphql';\nimport { Incremental } from './graphql';\n\nexport type FragmentType<\n TDocumentType extends DocumentTypeDecoration<any, any>,\n> =\n TDocumentType extends DocumentTypeDecoration<infer TType, any>\n ? [TType] extends [{ ' $fragmentName'?: infer TKey }]\n ? TKey extends string\n ? { ' $fragmentRefs'?: { [key in TKey]: TType } }\n : never\n : never\n : never;\n\n// return non-nullable if `fragmentType` is non-nullable\nexport function useFragment<TType>(\n _documentNode: DocumentTypeDecoration<TType, any>,\n fragmentType: FragmentType<DocumentTypeDecoration<TType, any>>\n): TType;\n// return nullable if `fragmentType` is nullable\nexport function useFragment<TType>(\n _documentNode: DocumentTypeDecoration<TType, any>,\n fragmentType:\n \| FragmentType<DocumentTypeDecoration<TType, any>>\n \| null\n \| undefined\n): TType \| null \| undefined;\n// return array of non-nullable if `fragmentType` is array of non-nullable\nexport function useFragment<TType>(\n _documentNode: DocumentTypeDecoration<TType, any>,\n fragmentType: ReadonlyArray<FragmentType<DocumentTypeDecoration<TType, any>>>\n): ReadonlyArray<TType>;\n// return array of nullable if `fragmentType` is array of nullable\nexport function useFragment<TType>(\n _documentNode: DocumentTypeDecoration<TType, any>,\n fragmentType:\n \| ReadonlyArray<FragmentType<DocumentTypeDecoration<TType, any>>>\n \| null\n \| undefined\n): ReadonlyArray<TType> \| null \| undefined;\nexport function useFragment<TType>(\n _documentNode: DocumentTypeDecoration<TType, any>,\n fragmentType:\n \| FragmentType<DocumentTypeDecoration<TType, any>>\n \| ReadonlyArray<FragmentType<DocumentTypeDecoration<TType, any>>>\n \| null\n \| undefined\n): TType \| ReadonlyArray<TType> \| null \| undefined {\n return fragmentType as any;\n}\n\nexport function makeFragmentData<\n F extends DocumentTypeDecoration<any, any>,\n FT extends ResultOf<F>,\n>(data: FT, _fragment: F): FragmentType<F> {\n return data as FragmentType<F>;\n}\nexport function isFragmentReady<TQuery, TFrag>(\n queryNode: DocumentTypeDecoration<TQuery, any>,\n fragmentNode: TypedDocumentNode<TFrag>,\n data:\n \| FragmentType<TypedDocumentNode<Incremental<TFrag>, any>>\n \| null\n \| undefined\n): data is FragmentType<typeof fragmentNode> {\n const deferredFields = (\n queryNode as {\n __meta__?: { deferredFields: Record<string, (keyof TFrag)[]> };\n }\n ).__meta__?.deferredFields;\n\n if (!deferredFields) return true;\n\n const fragDef = fragmentNode.definitions[0] as\n \| FragmentDefinitionNode\n \| undefined;\n const fragName = fragDef?.name?.value;\n\n const fields = (fragName && deferredFields[fragName]) \|\| [];\n return fields.length > 0 && fields.every((field) => data && field in data);\n}\n"],"mappings":";;;;;;;;AA6CO,SAASA,WAAWA,CACzBC,aAAiD,EACjDC,YAIa,EACoC;EACjD,OAAOA,YAAY;AACrB;AAEO,SAASC,gBAAgBA,CAG9BC,IAAQ,EAAEC,SAAY,EAAmB;EACzC,OAAOD,IAAI;AACb;AACO,SAASE,eAAeA,CAC7BC,SAA8C,EAC9CC,YAAsC,EACtCJ,IAGa,EAC8B;~~EAAA,IAAAK,OAAA,EAAAC,aAAA;~~EAC3C,~~MAAMC~~,cAAc,~~IAAAF,OAAA,~~GAClBF,SAAS,~~CAGTK~~,QAAQ,~~cAAAH~~,~~OAAA,uBAJaA,OAAA,CAIXE,~~cAAc;EAE1B,IAAI,CAACA,cAAc,EAAE,OAAO,IAAI;EAEhC,MAAME,OAAO,~~GAAGL~~,YAAY,~~CAACM~~,WAAW,CAAC,CAAC,CAE7B;EACb,MAAMC,QAAQ,GAAGF,OAAO,~~aAAPA~~,~~OAAO,gBAAAH,aAAA,GAAPG,OAAO,CAAEG,~~IAAI,~~cAAAN~~,~~aAAA,uBAAbA,aAAA,CAAeO,~~KAAK;EAErC,MAAMC,MAAM,GAAIH,QAAQ,IAAIJ,cAAc,CAACI,QAAQ,CAAC,IAAK,EAAE;EAC3D,OAAOG,MAAM,CAACC,MAAM,GAAG,CAAC,IAAID,MAAM,CAACE,KAAK,CAAEC,KAAK,~~IAAKjB~~,IAAI,~~IAAIiB~~,KAAK,~~IAAIjB~~,IAAI,CAAC;AAC5E","ignoreList":[]}
1	+ {"version":3,"file":"fragment-masking.js","names":["useFragment","_documentNode","fragmentType","makeFragmentData","data","_fragment","isFragmentReady","queryNode","fragmentNode","deferredFields","__meta__","fragDef","definitions","fragName","name","value","fields","length","every","field"],"sources":["../../../../src/gql/types/fragment-masking.ts"],"sourcesContent":["import {\n ResultOf,\n DocumentTypeDecoration,\n TypedDocumentNode,\n} from '@graphql-typed-document-node/core';\nimport { FragmentDefinitionNode } from 'graphql';\nimport { Incremental } from './graphql';\n\nexport type FragmentType<\n TDocumentType extends DocumentTypeDecoration<any, any>,\n> =\n TDocumentType extends DocumentTypeDecoration<infer TType, any>\n ? [TType] extends [{ ' $fragmentName'?: infer TKey }]\n ? TKey extends string\n ? { ' $fragmentRefs'?: { [key in TKey]: TType } }\n : never\n : never\n : never;\n\n// return non-nullable if `fragmentType` is non-nullable\nexport function useFragment<TType>(\n _documentNode: DocumentTypeDecoration<TType, any>,\n fragmentType: FragmentType<DocumentTypeDecoration<TType, any>>\n): TType;\n// return nullable if `fragmentType` is nullable\nexport function useFragment<TType>(\n _documentNode: DocumentTypeDecoration<TType, any>,\n fragmentType:\n \| FragmentType<DocumentTypeDecoration<TType, any>>\n \| null\n \| undefined\n): TType \| null \| undefined;\n// return array of non-nullable if `fragmentType` is array of non-nullable\nexport function useFragment<TType>(\n _documentNode: DocumentTypeDecoration<TType, any>,\n fragmentType: ReadonlyArray<FragmentType<DocumentTypeDecoration<TType, any>>>\n): ReadonlyArray<TType>;\n// return array of nullable if `fragmentType` is array of nullable\nexport function useFragment<TType>(\n _documentNode: DocumentTypeDecoration<TType, any>,\n fragmentType:\n \| ReadonlyArray<FragmentType<DocumentTypeDecoration<TType, any>>>\n \| null\n \| undefined\n): ReadonlyArray<TType> \| null \| undefined;\nexport function useFragment<TType>(\n _documentNode: DocumentTypeDecoration<TType, any>,\n fragmentType:\n \| FragmentType<DocumentTypeDecoration<TType, any>>\n \| ReadonlyArray<FragmentType<DocumentTypeDecoration<TType, any>>>\n \| null\n \| undefined\n): TType \| ReadonlyArray<TType> \| null \| undefined {\n return fragmentType as any;\n}\n\nexport function makeFragmentData<\n F extends DocumentTypeDecoration<any, any>,\n FT extends ResultOf<F>,\n>(data: FT, _fragment: F): FragmentType<F> {\n return data as FragmentType<F>;\n}\nexport function isFragmentReady<TQuery, TFrag>(\n queryNode: DocumentTypeDecoration<TQuery, any>,\n fragmentNode: TypedDocumentNode<TFrag>,\n data:\n \| FragmentType<TypedDocumentNode<Incremental<TFrag>, any>>\n \| null\n \| undefined\n): data is FragmentType<typeof fragmentNode> {\n const deferredFields = (\n queryNode as {\n __meta__?: { deferredFields: Record<string, (keyof TFrag)[]> };\n }\n ).__meta__?.deferredFields;\n\n if (!deferredFields) return true;\n\n const fragDef = fragmentNode.definitions[0] as\n \| FragmentDefinitionNode\n \| undefined;\n const fragName = fragDef?.name?.value;\n\n const fields = (fragName && deferredFields[fragName]) \|\| [];\n return fields.length > 0 && fields.every((field) => data && field in data);\n}\n"],"mappings":";;;;;;;;AA6CO,SAASA,WAAWA,CACzBC,aAAiD,EACjDC,YAIa,EACoC;EACjD,OAAOA,YAAY;AACrB;AAEO,SAASC,gBAAgBA,CAG9BC,IAAQ,EAAEC,SAAY,EAAmB;EACzC,OAAOD,IAAI;AACb;AACO,SAASE,eAAeA,CAC7BC,SAA8C,EAC9CC,YAAsC,EACtCJ,IAGa,EAC8B;EAC3C,MAAMK,cAAc,GAClBF,SAAS,CAGTG,QAAQ,EAAED,cAAc;EAE1B,IAAI,CAACA,cAAc,EAAE,OAAO,IAAI;EAEhC,MAAME,OAAO,GAAGH,YAAY,CAACI,WAAW,CAAC,CAAC,CAE7B;EACb,MAAMC,QAAQ,GAAGF,OAAO,EAAEG,IAAI,EAAEC,KAAK;EAErC,MAAMC,MAAM,GAAIH,QAAQ,IAAIJ,cAAc,CAACI,QAAQ,CAAC,IAAK,EAAE;EAC3D,OAAOG,MAAM,CAACC,MAAM,GAAG,CAAC,IAAID,MAAM,CAACE,KAAK,CAAEC,KAAK,IAAKf,IAAI,IAAIe,KAAK,IAAIf,IAAI,CAAC;AAC5E","ignoreList":[]}

package/dist/main/gql/types/gql.js CHANGED Viewed

@@ -12,7 +12,6 @@ const documents = {
   '\n  query getValueAtRiskChart($instrument: String!, $division: Division!, $duration: ValueAtRiskDuration!, $bars: ValueAtRiskBars!) {\n    valueAtRiskChart(instrument: $instrument, division: $division, duration: $duration, bars: $bars) {\n      up {\n        points {\n          pips\n          percent\n        }\n        average\n        median\n        max\n        threshold\n      }\n      down {\n        points {\n          pips\n          percent\n        }\n        average\n        median\n        max\n        threshold\n      }\n    }\n  }\n': types.GetValueAtRiskChartDocument
 };
 function graphql(source) {
-  var _source;
-  return (_source = documents[source]) !== null && _source !== void 0 ? _source : {};
+  return documents[source] ?? {};
 }
 //# sourceMappingURL=gql.js.map

package/dist/main/gql/types/gql.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"gql.js","names":["types","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","documents","GetValueAtRiskAssetClassesDocument","GetValueAtRiskChartDocument","graphql","source"~~,"_source"~~],"sources":["../../../../src/gql/types/gql.ts"],"sourcesContent":["/* eslint-disable /\nimport as types from './graphql';\nimport { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core';\n\n/*\n Map of all GraphQL operations in the project.\n \n This map has several performance disadvantages:\n * 1. It is not tree-shakeable, so it will include all operations in the project.\n * 2. It is not minifiable, so the string of a GraphQL query will be multiple times inside the bundle.\n * 3. It does not support dead code elimination, so it will add unused operations.\n \n Therefore it is highly recommended to use the babel or swc plugin for production.\n /\nconst documents = {\n '\\n query GetValueAtRiskAssetClasses($division: Division) {\\n valueAtRiskAssetClasses(division: $division) {\\n name\\n instruments {\\n name\\n displayName\\n }\\n }\\n }\\n':\n types.GetValueAtRiskAssetClassesDocument,\n '\\n query getValueAtRiskChart($instrument: String!, $division: Division!, $duration: ValueAtRiskDuration!, $bars: ValueAtRiskBars!) {\\n valueAtRiskChart(instrument: $instrument, division: $division, duration: $duration, bars: $bars) {\\n up {\\n points {\\n pips\\n percent\\n }\\n average\\n median\\n max\\n threshold\\n }\\n down {\\n points {\\n pips\\n percent\\n }\\n average\\n median\\n max\\n threshold\\n }\\n }\\n }\\n':\n types.GetValueAtRiskChartDocument,\n};\n\n/\n The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n \n \n * @example\n * ```ts\n * const query = graphql(`query GetUser($id: ID!) { user(id: $id) { name } }`);\n * ```\n \n The query argument is unknown!\n * Please regenerate the types.\n /\nexport function graphql(source: string): unknown;\n\n/\n The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n /\nexport function graphql(\n source: '\\n query GetValueAtRiskAssetClasses($division: Division) {\\n valueAtRiskAssetClasses(division: $division) {\\n name\\n instruments {\\n name\\n displayName\\n }\\n }\\n }\\n'\n): (typeof documents)['\\n query GetValueAtRiskAssetClasses($division: Division) {\\n valueAtRiskAssetClasses(division: $division) {\\n name\\n instruments {\\n name\\n displayName\\n }\\n }\\n }\\n'];\n/\n The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n */\nexport function graphql(\n source: '\\n query getValueAtRiskChart($instrument: String!, $division: Division!, $duration: ValueAtRiskDuration!, $bars: ValueAtRiskBars!) {\\n valueAtRiskChart(instrument: $instrument, division: $division, duration: $duration, bars: $bars) {\\n up {\\n points {\\n pips\\n percent\\n }\\n average\\n median\\n max\\n threshold\\n }\\n down {\\n points {\\n pips\\n percent\\n }\\n average\\n median\\n max\\n threshold\\n }\\n }\\n }\\n'\n): (typeof documents)['\\n query getValueAtRiskChart($instrument: String!, $division: Division!, $duration: ValueAtRiskDuration!, $bars: ValueAtRiskBars!) {\\n valueAtRiskChart(instrument: $instrument, division: $division, duration: $duration, bars: $bars) {\\n up {\\n points {\\n pips\\n percent\\n }\\n average\\n median\\n max\\n threshold\\n }\\n down {\\n points {\\n pips\\n percent\\n }\\n average\\n median\\n max\\n threshold\\n }\\n }\\n }\\n'];\n\nexport function graphql(source: string) {\n return (documents as any)[source] ?? {};\n}\n\nexport type DocumentType<TDocumentNode extends DocumentNode<any, any>> =\n TDocumentNode extends DocumentNode<infer TType, any> ? TType : never;\n"],"mappings":";;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAmC,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAanC,MAAMW,SAAS,GAAG;EAChB,8MAA8M,EAC5MvB,KAAK,CAACwB,kCAAkC;EAC1C,2iBAA2iB,EACziBxB,KAAK,CAACyB;AACV,CAAC;AA6BM,SAASC,OAAOA,CAACC,MAAc,EAAE;~~EAAA,IAAAC,OAAA;~~EACtC,~~QAAAA~~,~~OAAA,GAAQL,~~SAAS,CAASI,MAAM,CAAC,~~cAAAC~~,~~OAAA,cAAAA,OAAA,GAAI,~~CAAC,CAAC;AACzC","ignoreList":[]}
1	+ {"version":3,"file":"gql.js","names":["types","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","documents","GetValueAtRiskAssetClassesDocument","GetValueAtRiskChartDocument","graphql","source"],"sources":["../../../../src/gql/types/gql.ts"],"sourcesContent":["/* eslint-disable /\nimport as types from './graphql';\nimport { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core';\n\n/*\n Map of all GraphQL operations in the project.\n \n This map has several performance disadvantages:\n * 1. It is not tree-shakeable, so it will include all operations in the project.\n * 2. It is not minifiable, so the string of a GraphQL query will be multiple times inside the bundle.\n * 3. It does not support dead code elimination, so it will add unused operations.\n \n Therefore it is highly recommended to use the babel or swc plugin for production.\n /\nconst documents = {\n '\\n query GetValueAtRiskAssetClasses($division: Division) {\\n valueAtRiskAssetClasses(division: $division) {\\n name\\n instruments {\\n name\\n displayName\\n }\\n }\\n }\\n':\n types.GetValueAtRiskAssetClassesDocument,\n '\\n query getValueAtRiskChart($instrument: String!, $division: Division!, $duration: ValueAtRiskDuration!, $bars: ValueAtRiskBars!) {\\n valueAtRiskChart(instrument: $instrument, division: $division, duration: $duration, bars: $bars) {\\n up {\\n points {\\n pips\\n percent\\n }\\n average\\n median\\n max\\n threshold\\n }\\n down {\\n points {\\n pips\\n percent\\n }\\n average\\n median\\n max\\n threshold\\n }\\n }\\n }\\n':\n types.GetValueAtRiskChartDocument,\n};\n\n/\n The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n \n \n * @example\n * ```ts\n * const query = graphql(`query GetUser($id: ID!) { user(id: $id) { name } }`);\n * ```\n \n The query argument is unknown!\n * Please regenerate the types.\n /\nexport function graphql(source: string): unknown;\n\n/\n The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n /\nexport function graphql(\n source: '\\n query GetValueAtRiskAssetClasses($division: Division) {\\n valueAtRiskAssetClasses(division: $division) {\\n name\\n instruments {\\n name\\n displayName\\n }\\n }\\n }\\n'\n): (typeof documents)['\\n query GetValueAtRiskAssetClasses($division: Division) {\\n valueAtRiskAssetClasses(division: $division) {\\n name\\n instruments {\\n name\\n displayName\\n }\\n }\\n }\\n'];\n/\n The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.\n */\nexport function graphql(\n source: '\\n query getValueAtRiskChart($instrument: String!, $division: Division!, $duration: ValueAtRiskDuration!, $bars: ValueAtRiskBars!) {\\n valueAtRiskChart(instrument: $instrument, division: $division, duration: $duration, bars: $bars) {\\n up {\\n points {\\n pips\\n percent\\n }\\n average\\n median\\n max\\n threshold\\n }\\n down {\\n points {\\n pips\\n percent\\n }\\n average\\n median\\n max\\n threshold\\n }\\n }\\n }\\n'\n): (typeof documents)['\\n query getValueAtRiskChart($instrument: String!, $division: Division!, $duration: ValueAtRiskDuration!, $bars: ValueAtRiskBars!) {\\n valueAtRiskChart(instrument: $instrument, division: $division, duration: $duration, bars: $bars) {\\n up {\\n points {\\n pips\\n percent\\n }\\n average\\n median\\n max\\n threshold\\n }\\n down {\\n points {\\n pips\\n percent\\n }\\n average\\n median\\n max\\n threshold\\n }\\n }\\n }\\n'];\n\nexport function graphql(source: string) {\n return (documents as any)[source] ?? {};\n}\n\nexport type DocumentType<TDocumentNode extends DocumentNode<any, any>> =\n TDocumentNode extends DocumentNode<infer TType, any> ? TType : never;\n"],"mappings":";;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAmC,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAanC,MAAMW,SAAS,GAAG;EAChB,8MAA8M,EAC5MvB,KAAK,CAACwB,kCAAkC;EAC1C,2iBAA2iB,EACziBxB,KAAK,CAACyB;AACV,CAAC;AA6BM,SAASC,OAAOA,CAACC,MAAc,EAAE;EACtC,OAAQJ,SAAS,CAASI,MAAM,CAAC,IAAI,CAAC,CAAC;AACzC","ignoreList":[]}

package/dist/module/ValueAtRiskWidget/ChartWithData.js CHANGED Viewed

@@ -6,7 +6,6 @@ import { getValueAtRiskChart } from '../gql/getValueAtRiskChart';
 import { Chart } from './components/Chart';
 import { Legend } from './components/Legend';
 const ChartWithData = _ref => {
-  var _data$valueAtRiskChar, _data$valueAtRiskChar2;
   let {
     instrument,
     duration,
@@ -31,7 +30,7 @@ const ChartWithData = _ref => {
     fetchPolicy: 'cache-and-network',
     skip: !instrument
   });
-  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 showChart = data?.valueAtRiskChart?.down?.points && data.valueAtRiskChart.down.points.length > 0 && data?.valueAtRiskChart?.up?.points && data.valueAtRiskChart.up.points.length > 0;
   const showError = !!error || !loading && !showChart;
   return React.createElement(React.Fragment, null, (loading || !instrument) && React.createElement("div", {
     className: classnames('lw-flex lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary', {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ChartWithData.js","names":["useQuery","ChartError","Size","Spinner","SpinnerSize","useLayoutProvider","classnames","React","getValueAtRiskChart","Chart","Legend","ChartWithData","_ref","~~_data$valueAtRiskChar","_data$valueAtRiskChar2","~~instrument","duration","bars","division","size","isDesktop","DESKTOP","loading","data","error","variables","fetchPolicy","skip","showChart","valueAtRiskChart","down","points","length","up","showError","createElement","Fragment","className","lg","values"],"sources":["../../../src/ValueAtRiskWidget/ChartWithData.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client';\nimport {\n ChartError,\n Size,\n Spinner,\n SpinnerSize,\n useLayoutProvider,\n} from '@oanda/labs-widget-common';\nimport classnames from 'classnames';\nimport React from 'react';\n\nimport { getValueAtRiskChart } from '../gql/getValueAtRiskChart';\nimport type {\n GetValueAtRiskChartQuery,\n GetValueAtRiskChartQueryVariables,\n} from '../gql/types/graphql';\nimport { Chart } from './components/Chart';\nimport { Legend } from './components/Legend';\nimport type { ChartWithDataProps } from './types';\n\nconst ChartWithData = ({\n instrument,\n duration,\n bars,\n division,\n}: ChartWithDataProps) => {\n const { size } = useLayoutProvider();\n const isDesktop = size === Size.DESKTOP;\n\n const { loading, data, error } = useQuery<\n GetValueAtRiskChartQuery,\n GetValueAtRiskChartQueryVariables\n >(getValueAtRiskChart, {\n variables: {\n instrument,\n division,\n duration,\n bars,\n },\n fetchPolicy: 'cache-and-network',\n skip: !instrument,\n });\n\n const showChart =\n data?.valueAtRiskChart?.down?.points &&\n data.valueAtRiskChart.down.points.length > 0 &&\n data?.valueAtRiskChart?.up?.points &&\n data.valueAtRiskChart.up.points.length > 0;\n\n const showError = !!error \|\| (!loading && !showChart);\n\n return (\n <>\n {(loading \|\| !instrument) && (\n <div\n className={classnames(\n 'lw-flex lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary',\n {\n 'lw-h-[460px]': isDesktop,\n 'lw-h-[566px]': !isDesktop,\n }\n )}\n >\n <Spinner size={SpinnerSize.lg} />\n </div>\n )}\n {!loading && showChart && (\n <div className=\"lw-relative\" data-testid=\"value-at-risk-chart\">\n <Legend data={data} />\n <Chart values={data} />\n </div>\n )}\n {showError && (\n <div className=\"lw-flex lw-h-[460px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary\">\n <ChartError />\n </div>\n )}\n </>\n );\n};\n\nexport { ChartWithData };\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,gBAAgB;AACzC,SACEC,UAAU,EACVC,IAAI,EACJC,OAAO,EACPC,WAAW,EACXC,iBAAiB,QACZ,2BAA2B;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,mBAAmB,QAAQ,4BAA4B;AAKhE,SAASC,KAAK,QAAQ,oBAAoB;AAC1C,SAASC,MAAM,QAAQ,qBAAqB;AAG5C,MAAMC,aAAa,GAAGC,IAAA,IAKI;EAAA,~~IAAAC,qBAAA,EAAAC,sBAAA;EAAA,~~IALH;IACrBC,UAAU;IACVC,QAAQ;IACRC,IAAI;IACJC;EACkB,CAAC,~~GAAAN~~,IAAA;EACnB,MAAM;~~IAAEO~~;EAAK,CAAC,~~GAAGd~~,iBAAiB,CAAC,CAAC;EACpC,~~MAAMe~~,SAAS,GAAGD,IAAI,~~KAAKjB~~,IAAI,~~CAACmB~~,OAAO;EAEvC,MAAM;IAAEC,OAAO;IAAEC,IAAI;IAAEC;EAAM,CAAC,~~GAAGxB~~,QAAQ,CAGvCQ,mBAAmB,EAAE;~~IACrBiB~~,SAAS,EAAE;MACTV,UAAU;MACVG,QAAQ;MACRF,QAAQ;MACRC;IACF,CAAC;IACDS,WAAW,EAAE,mBAAmB;IAChCC,IAAI,EAAE,CAACZ;EACT,CAAC,CAAC;EAEF,MAAMa,SAAS,~~GACb~~,~~CAAAL,~~IAAI,~~aAAJA~~,~~IAAI,gBAAAV,qBAAA,GAAJU,IAAI,CAAEM,~~gBAAgB,~~cAAAhB~~,~~qBAAA,gBAAAA,qBAAA,GAAtBA,qBAAA,CAAwBiB,~~IAAI,~~cAAAjB~~,~~qBAAA,uBAA5BA,qBAAA,CAA8BkB,~~MAAM,~~KACpCR~~,IAAI,CAACM,gBAAgB,CAACC,IAAI,CAACC,MAAM,CAACC,MAAM,GAAG,CAAC,~~KAC5CT~~,IAAI,~~aAAJA~~,~~IAAI,gBAAAT,sBAAA,GAAJS,IAAI,CAAEM,~~gBAAgB,~~cAAAf~~,~~sBAAA,gBAAAA,sBAAA,GAAtBA,sBAAA,CAAwBmB,~~EAAE,~~cAAAnB~~,~~sBAAA,uBAA1BA,sBAAA,CAA4BiB,~~MAAM,~~KAClCR~~,IAAI,CAACM,gBAAgB,CAACI,EAAE,CAACF,MAAM,CAACC,MAAM,GAAG,CAAC;EAE5C,MAAME,SAAS,GAAG,CAAC,CAACV,KAAK,IAAK,CAACF,OAAO,IAAI,CAACM,SAAU;EAErD,~~OACErB~~,KAAA,~~CAAA4B~~,aAAA,~~CAAA5B~~,KAAA,~~CAAA6B~~,QAAA,QACG,CAACd,OAAO,IAAI,CAACP,UAAU,~~KACtBR~~,KAAA,~~CAAA4B~~,aAAA;IACEE,SAAS,~~EAAE/B~~,UAAU,CACnB,sFAAsF,EACtF;MACE,cAAc,~~EAAEc~~,SAAS;MACzB,cAAc,EAAE,CAACA;IACnB,CACF;EAAE,~~GAEFb~~,KAAA,~~CAAA4B~~,aAAA,~~CAAChC~~,OAAO;~~IAACgB~~,IAAI,~~EAAEf~~,WAAW,~~CAACkC~~;EAAG,CAAE,CAC7B,CACN,EACA,CAAChB,OAAO,IAAIM,SAAS,~~IACpBrB~~,KAAA,~~CAAA4B~~,aAAA;IAAKE,SAAS,EAAC,aAAa;IAAC,eAAY;EAAqB,~~GAC5D9B~~,KAAA,~~CAAA4B~~,aAAA,~~CAACzB~~,MAAM;~~IAACa~~,IAAI,EAAEA;EAAK,CAAE,CAAC,~~EACtBhB~~,KAAA,~~CAAA4B~~,aAAA,~~CAAC1B~~,KAAK;~~IAAC8B~~,MAAM,EAAEhB;EAAK,CAAE,CACnB,CACN,EACAW,SAAS,~~IACR3B~~,KAAA,~~CAAA4B~~,aAAA;IAAKE,SAAS,EAAC;EAAmG,~~GAChH9B~~,KAAA,~~CAAA4B~~,aAAA,~~CAAClC~~,UAAU,MAAE,CACV,CAEP,CAAC;AAEP,CAAC;AAED,SAASU,aAAa","ignoreList":[]}
1	+ {"version":3,"file":"ChartWithData.js","names":["useQuery","ChartError","Size","Spinner","SpinnerSize","useLayoutProvider","classnames","React","getValueAtRiskChart","Chart","Legend","ChartWithData","_ref","instrument","duration","bars","division","size","isDesktop","DESKTOP","loading","data","error","variables","fetchPolicy","skip","showChart","valueAtRiskChart","down","points","length","up","showError","createElement","Fragment","className","lg","values"],"sources":["../../../src/ValueAtRiskWidget/ChartWithData.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client';\nimport {\n ChartError,\n Size,\n Spinner,\n SpinnerSize,\n useLayoutProvider,\n} from '@oanda/labs-widget-common';\nimport classnames from 'classnames';\nimport React from 'react';\n\nimport { getValueAtRiskChart } from '../gql/getValueAtRiskChart';\nimport type {\n GetValueAtRiskChartQuery,\n GetValueAtRiskChartQueryVariables,\n} from '../gql/types/graphql';\nimport { Chart } from './components/Chart';\nimport { Legend } from './components/Legend';\nimport type { ChartWithDataProps } from './types';\n\nconst ChartWithData = ({\n instrument,\n duration,\n bars,\n division,\n}: ChartWithDataProps) => {\n const { size } = useLayoutProvider();\n const isDesktop = size === Size.DESKTOP;\n\n const { loading, data, error } = useQuery<\n GetValueAtRiskChartQuery,\n GetValueAtRiskChartQueryVariables\n >(getValueAtRiskChart, {\n variables: {\n instrument,\n division,\n duration,\n bars,\n },\n fetchPolicy: 'cache-and-network',\n skip: !instrument,\n });\n\n const showChart =\n data?.valueAtRiskChart?.down?.points &&\n data.valueAtRiskChart.down.points.length > 0 &&\n data?.valueAtRiskChart?.up?.points &&\n data.valueAtRiskChart.up.points.length > 0;\n\n const showError = !!error \|\| (!loading && !showChart);\n\n return (\n <>\n {(loading \|\| !instrument) && (\n <div\n className={classnames(\n 'lw-flex lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary',\n {\n 'lw-h-[460px]': isDesktop,\n 'lw-h-[566px]': !isDesktop,\n }\n )}\n >\n <Spinner size={SpinnerSize.lg} />\n </div>\n )}\n {!loading && showChart && (\n <div className=\"lw-relative\" data-testid=\"value-at-risk-chart\">\n <Legend data={data} />\n <Chart values={data} />\n </div>\n )}\n {showError && (\n <div className=\"lw-flex lw-h-[460px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary\">\n <ChartError />\n </div>\n )}\n </>\n );\n};\n\nexport { ChartWithData };\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,gBAAgB;AACzC,SACEC,UAAU,EACVC,IAAI,EACJC,OAAO,EACPC,WAAW,EACXC,iBAAiB,QACZ,2BAA2B;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,mBAAmB,QAAQ,4BAA4B;AAKhE,SAASC,KAAK,QAAQ,oBAAoB;AAC1C,SAASC,MAAM,QAAQ,qBAAqB;AAG5C,MAAMC,aAAa,GAAGC,IAAA,IAKI;EAAA,IALH;IACrBC,UAAU;IACVC,QAAQ;IACRC,IAAI;IACJC;EACkB,CAAC,GAAAJ,IAAA;EACnB,MAAM;IAAEK;EAAK,CAAC,GAAGZ,iBAAiB,CAAC,CAAC;EACpC,MAAMa,SAAS,GAAGD,IAAI,KAAKf,IAAI,CAACiB,OAAO;EAEvC,MAAM;IAAEC,OAAO;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAGtB,QAAQ,CAGvCQ,mBAAmB,EAAE;IACrBe,SAAS,EAAE;MACTV,UAAU;MACVG,QAAQ;MACRF,QAAQ;MACRC;IACF,CAAC;IACDS,WAAW,EAAE,mBAAmB;IAChCC,IAAI,EAAE,CAACZ;EACT,CAAC,CAAC;EAEF,MAAMa,SAAS,GACbL,IAAI,EAAEM,gBAAgB,EAAEC,IAAI,EAAEC,MAAM,IACpCR,IAAI,CAACM,gBAAgB,CAACC,IAAI,CAACC,MAAM,CAACC,MAAM,GAAG,CAAC,IAC5CT,IAAI,EAAEM,gBAAgB,EAAEI,EAAE,EAAEF,MAAM,IAClCR,IAAI,CAACM,gBAAgB,CAACI,EAAE,CAACF,MAAM,CAACC,MAAM,GAAG,CAAC;EAE5C,MAAME,SAAS,GAAG,CAAC,CAACV,KAAK,IAAK,CAACF,OAAO,IAAI,CAACM,SAAU;EAErD,OACEnB,KAAA,CAAA0B,aAAA,CAAA1B,KAAA,CAAA2B,QAAA,QACG,CAACd,OAAO,IAAI,CAACP,UAAU,KACtBN,KAAA,CAAA0B,aAAA;IACEE,SAAS,EAAE7B,UAAU,CACnB,sFAAsF,EACtF;MACE,cAAc,EAAEY,SAAS;MACzB,cAAc,EAAE,CAACA;IACnB,CACF;EAAE,GAEFX,KAAA,CAAA0B,aAAA,CAAC9B,OAAO;IAACc,IAAI,EAAEb,WAAW,CAACgC;EAAG,CAAE,CAC7B,CACN,EACA,CAAChB,OAAO,IAAIM,SAAS,IACpBnB,KAAA,CAAA0B,aAAA;IAAKE,SAAS,EAAC,aAAa;IAAC,eAAY;EAAqB,GAC5D5B,KAAA,CAAA0B,aAAA,CAACvB,MAAM;IAACW,IAAI,EAAEA;EAAK,CAAE,CAAC,EACtBd,KAAA,CAAA0B,aAAA,CAACxB,KAAK;IAAC4B,MAAM,EAAEhB;EAAK,CAAE,CACnB,CACN,EACAW,SAAS,IACRzB,KAAA,CAAA0B,aAAA;IAAKE,SAAS,EAAC;EAAmG,GAChH5B,KAAA,CAAA0B,aAAA,CAAChC,UAAU,MAAE,CACV,CAEP,CAAC;AAEP,CAAC;AAED,SAASU,aAAa","ignoreList":[]}

package/dist/module/ValueAtRiskWidget/Widget.js CHANGED Viewed

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Widget.js","names":["Size","useLayoutProvider","useLocale","classnames","React","ChartWithData","Widget","_ref","division","instrument","duration","bars","lang","size","isDesktop","DESKTOP","createElement","className","Fragment","~~concat","~~count","substring"],"sources":["../../../src/ValueAtRiskWidget/Widget.tsx"],"sourcesContent":["import { Size, useLayoutProvider } from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport classnames from 'classnames';\nimport React from 'react';\n\nimport { ChartWithData } from './ChartWithData';\nimport type { WidgetProps } from './types';\n\nconst Widget = ({ division, instrument, duration, bars }: WidgetProps) => {\n const { lang } = useLocale();\n const { size } = useLayoutProvider();\n const isDesktop = size === Size.DESKTOP;\n\n return (\n <div\n className=\"lw-relative lw-text-sm lw-tracking-normal\"\n data-testid=\"value-at-risk-widget-wrapper\"\n >\n {size && (\n <>\n <div\n className={classnames('lw-font-bold', {\n 'lw-mb-11 lw-text-center lw-text-xl': isDesktop,\n 'lw-mb-6 lw-text-lg': !isDesktop,\n })}\n >\n <div>{`${lang('hold_time')}: ${lang('day', { count: +duration.substring(1) })}`}</div>\n <div>{`${lang('calculation_period')}: ${lang('day', { count: +bars.substring(1) })}`}</div>\n </div>\n <ChartWithData\n bars={bars}\n division={division}\n duration={duration}\n instrument={instrument}\n />\n </>\n )}\n </div>\n );\n};\n\nexport { Widget };\n"],"mappings":"AAAA,SAASA,IAAI,EAAEC,iBAAiB,QAAQ,2BAA2B;AACnE,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,aAAa,QAAQ,iBAAiB;AAG/C,MAAMC,MAAM,GAAGC,IAAA,IAA2D;EAAA,IAA1D;IAAEC,QAAQ;IAAEC,UAAU;IAAEC,QAAQ;IAAEC;EAAkB,CAAC,GAAAJ,IAAA;EACnE,MAAM;IAAEK;EAAK,CAAC,GAAGV,SAAS,CAAC,CAAC;EAC5B,MAAM;IAAEW;EAAK,CAAC,GAAGZ,iBAAiB,CAAC,CAAC;EACpC,MAAMa,SAAS,GAAGD,IAAI,KAAKb,IAAI,CAACe,OAAO;EAEvC,OACEX,KAAA,CAAAY,aAAA;IACEC,SAAS,EAAC,2CAA2C;IACrD,eAAY;EAA8B,GAEzCJ,IAAI,IACHT,KAAA,CAAAY,aAAA,CAAAZ,KAAA,CAAAc,QAAA,QACEd,KAAA,CAAAY,aAAA;IACEC,SAAS,EAAEd,UAAU,CAAC,cAAc,EAAE;MACpC,oCAAoC,EAAEW,SAAS;MAC/C,oBAAoB,EAAE,CAACA;IACzB,CAAC;EAAE,GAEHV,KAAA,CAAAY,aAAA,~~iBAAAG~~,~~MAAA~~,~~CAASP,~~IAAI,CAAC,WAAW,CAAC,~~QAAAO~~,~~MAAA,CAAKP,~~IAAI,CAAC,KAAK,EAAE;~~IAAEQ~~,KAAK,EAAE,~~CAACV~~,QAAQ,~~CAACW~~,SAAS,CAAC,CAAC;EAAE,CAAC,CAAC,~~CAAQ~~,CAAC,~~EACtFjB~~,KAAA,CAAAY,aAAA,~~iBAAAG~~,~~MAAA~~,~~CAASP,~~IAAI,CAAC,oBAAoB,CAAC,~~QAAAO~~,~~MAAA,CAAKP,~~IAAI,CAAC,KAAK,EAAE;~~IAAEQ~~,KAAK,EAAE,~~CAACT~~,IAAI,~~CAACU~~,SAAS,CAAC,CAAC;EAAE,CAAC,CAAC,~~CAAQ~~,CACvF,CAAC,~~EACNjB~~,KAAA,CAAAY,aAAA,CAACX,aAAa;IACZM,IAAI,EAAEA,IAAK;IACXH,QAAQ,EAAEA,QAAS;IACnBE,QAAQ,EAAEA,QAAS;IACnBD,UAAU,EAAEA;EAAW,CACxB,CACD,CAED,CAAC;AAEV,CAAC;AAED,SAASH,MAAM","ignoreList":[]}
1	+ {"version":3,"file":"Widget.js","names":["Size","useLayoutProvider","useLocale","classnames","React","ChartWithData","Widget","_ref","division","instrument","duration","bars","lang","size","isDesktop","DESKTOP","createElement","className","Fragment","count","substring"],"sources":["../../../src/ValueAtRiskWidget/Widget.tsx"],"sourcesContent":["import { Size, useLayoutProvider } from '@oanda/labs-widget-common';\nimport { useLocale } from '@oanda/mono-i18n';\nimport classnames from 'classnames';\nimport React from 'react';\n\nimport { ChartWithData } from './ChartWithData';\nimport type { WidgetProps } from './types';\n\nconst Widget = ({ division, instrument, duration, bars }: WidgetProps) => {\n const { lang } = useLocale();\n const { size } = useLayoutProvider();\n const isDesktop = size === Size.DESKTOP;\n\n return (\n <div\n className=\"lw-relative lw-text-sm lw-tracking-normal\"\n data-testid=\"value-at-risk-widget-wrapper\"\n >\n {size && (\n <>\n <div\n className={classnames('lw-font-bold', {\n 'lw-mb-11 lw-text-center lw-text-xl': isDesktop,\n 'lw-mb-6 lw-text-lg': !isDesktop,\n })}\n >\n <div>{`${lang('hold_time')}: ${lang('day', { count: +duration.substring(1) })}`}</div>\n <div>{`${lang('calculation_period')}: ${lang('day', { count: +bars.substring(1) })}`}</div>\n </div>\n <ChartWithData\n bars={bars}\n division={division}\n duration={duration}\n instrument={instrument}\n />\n </>\n )}\n </div>\n );\n};\n\nexport { Widget };\n"],"mappings":"AAAA,SAASA,IAAI,EAAEC,iBAAiB,QAAQ,2BAA2B;AACnE,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,aAAa,QAAQ,iBAAiB;AAG/C,MAAMC,MAAM,GAAGC,IAAA,IAA2D;EAAA,IAA1D;IAAEC,QAAQ;IAAEC,UAAU;IAAEC,QAAQ;IAAEC;EAAkB,CAAC,GAAAJ,IAAA;EACnE,MAAM;IAAEK;EAAK,CAAC,GAAGV,SAAS,CAAC,CAAC;EAC5B,MAAM;IAAEW;EAAK,CAAC,GAAGZ,iBAAiB,CAAC,CAAC;EACpC,MAAMa,SAAS,GAAGD,IAAI,KAAKb,IAAI,CAACe,OAAO;EAEvC,OACEX,KAAA,CAAAY,aAAA;IACEC,SAAS,EAAC,2CAA2C;IACrD,eAAY;EAA8B,GAEzCJ,IAAI,IACHT,KAAA,CAAAY,aAAA,CAAAZ,KAAA,CAAAc,QAAA,QACEd,KAAA,CAAAY,aAAA;IACEC,SAAS,EAAEd,UAAU,CAAC,cAAc,EAAE;MACpC,oCAAoC,EAAEW,SAAS;MAC/C,oBAAoB,EAAE,CAACA;IACzB,CAAC;EAAE,GAEHV,KAAA,CAAAY,aAAA,cAAM,GAAGJ,IAAI,CAAC,WAAW,CAAC,KAAKA,IAAI,CAAC,KAAK,EAAE;IAAEO,KAAK,EAAE,CAACT,QAAQ,CAACU,SAAS,CAAC,CAAC;EAAE,CAAC,CAAC,EAAQ,CAAC,EACtFhB,KAAA,CAAAY,aAAA,cAAM,GAAGJ,IAAI,CAAC,oBAAoB,CAAC,KAAKA,IAAI,CAAC,KAAK,EAAE;IAAEO,KAAK,EAAE,CAACR,IAAI,CAACS,SAAS,CAAC,CAAC;EAAE,CAAC,CAAC,EAAQ,CACvF,CAAC,EACNhB,KAAA,CAAAY,aAAA,CAACX,aAAa;IACZM,IAAI,EAAEA,IAAK;IACXH,QAAQ,EAAEA,QAAS;IACnBE,QAAQ,EAAEA,QAAS;IACnBD,UAAU,EAAEA;EAAW,CACxB,CACD,CAED,CAAC;AAEV,CAAC;AAED,SAASH,MAAM","ignoreList":[]}

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

@@ -27,7 +27,7 @@ const Chart = _ref => {
     echarts: echarts,
     option: getOption(values, lang, isDark, isDesktop),
     style: {
-      height: "".concat(CHART_HEIGHT, "px"),
+      height: `${CHART_HEIGHT}px`,
       width: '100%'
     },
     theme: isDark ? 'dark_theme' : 'light_theme'

package/dist/module/ValueAtRiskWidget/components/Chart/Chart.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Chart.js","names":["getChartTheme","Size","Theme","useLayoutProvider","useLocale","CustomChart","LineChart","AxisPointerComponent","DatasetComponent","GraphicComponent","GridSimpleComponent","MarkLineComponent","MarkPointComponent","TitleComponent","VisualMapComponent","echarts","CanvasRenderer","ReactEChartsCore","React","CHART_HEIGHT","getOption","use","registerTheme","Dark","Light","Chart","_ref","values","lang","isDark","size","isDesktop","DESKTOP","createElement","option","style","height","~~concat","~~width","theme"],"sources":["../../../../../src/ValueAtRiskWidget/components/Chart/Chart.tsx"],"sourcesContent":["import {\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 ReactEChartsCore from 'echarts-for-react/lib/core';\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 <ReactEChartsCore\n echarts={echarts}\n option={getOption(values, lang, isDark, isDesktop)}\n style={{\n height: `${CHART_HEIGHT}px`,\n width: '100%',\n }}\n theme={isDark ? 'dark_theme' : 'light_theme'}\n />\n );\n};\n\nexport { Chart };\n"],"mappings":"AAAA,SACEA,aAAa,EACbC,IAAI,EACJC,KAAK,EACLC,iBAAiB,QACZ,2BAA2B;AAClC,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,SAASC,WAAW,EAAEC,SAAS,QAAQ,gBAAgB;AACvD,SACEC,oBAAoB,EACpBC,gBAAgB,EAChBC,gBAAgB,EAChBC,mBAAmB,EACnBC,iBAAiB,EACjBC,kBAAkB,EAClBC,cAAc,EACdC,kBAAkB,QACb,oBAAoB;AAC3B,OAAO,KAAKC,OAAO,MAAM,cAAc;AACvC,SAASC,cAAc,QAAQ,mBAAmB;AAClD,OAAOC,gBAAgB,MAAM,4BAA4B;AACzD,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,aAAa;AAC1C,SAASC,SAAS,QAAQ,aAAa;AAGvCL,OAAO,CAACM,GAAG,CAAC,CACVX,mBAAmB,EACnBD,gBAAgB,EAChBI,cAAc,EACdP,SAAS,EACTU,cAAc,EACdR,gBAAgB,EAChBM,kBAAkB,EAClBT,WAAW,EACXM,iBAAiB,EACjBC,kBAAkB,EAClBL,oBAAoB,CACrB,CAAC;AAEFQ,OAAO,CAACO,aAAa,CAAC,YAAY,EAAEtB,aAAa,CAACE,KAAK,CAACqB,IAAI,CAAC,CAAC;AAC9DR,OAAO,CAACO,aAAa,CAAC,aAAa,EAAEtB,aAAa,CAACE,KAAK,CAACsB,KAAK,CAAC,CAAC;AAEhE,MAAMC,KAAK,GAAGC,IAAA,IAA4B;EAAA,IAA3B;IAAEC;EAAmB,CAAC,GAAAD,IAAA;EACnC,MAAM;IAAEE;EAAK,CAAC,GAAGxB,SAAS,CAAC,CAAC;EAC5B,MAAM;IAAEyB,MAAM;IAAEC;EAAK,CAAC,GAAG3B,iBAAiB,CAAC,CAAC;EAC5C,MAAM4B,SAAS,GAAGD,IAAI,KAAK7B,IAAI,CAAC+B,OAAO;EAEvC,OACEd,KAAA,CAAAe,aAAA,CAAChB,gBAAgB;IACfF,OAAO,EAAEA,OAAQ;IACjBmB,MAAM,EAAEd,SAAS,CAACO,MAAM,EAAEC,IAAI,EAAEC,MAAM,EAAEE,SAAS,CAAE;IACnDI,KAAK,EAAE;MACLC,MAAM,~~KAAAC~~,~~MAAA~~,~~CAAKlB,~~YAAY,~~OAAI~~;~~MAC3BmB~~,KAAK,EAAE;IACT,CAAE;IACFC,KAAK,~~EAAEV~~,MAAM,GAAG,YAAY,GAAG;EAAc,CAC9C,CAAC;AAEN,CAAC;AAED,SAASJ,KAAK","ignoreList":[]}
1	+ {"version":3,"file":"Chart.js","names":["getChartTheme","Size","Theme","useLayoutProvider","useLocale","CustomChart","LineChart","AxisPointerComponent","DatasetComponent","GraphicComponent","GridSimpleComponent","MarkLineComponent","MarkPointComponent","TitleComponent","VisualMapComponent","echarts","CanvasRenderer","ReactEChartsCore","React","CHART_HEIGHT","getOption","use","registerTheme","Dark","Light","Chart","_ref","values","lang","isDark","size","isDesktop","DESKTOP","createElement","option","style","height","width","theme"],"sources":["../../../../../src/ValueAtRiskWidget/components/Chart/Chart.tsx"],"sourcesContent":["import {\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 ReactEChartsCore from 'echarts-for-react/lib/core';\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 <ReactEChartsCore\n echarts={echarts}\n option={getOption(values, lang, isDark, isDesktop)}\n style={{\n height: `${CHART_HEIGHT}px`,\n width: '100%',\n }}\n theme={isDark ? 'dark_theme' : 'light_theme'}\n />\n );\n};\n\nexport { Chart };\n"],"mappings":"AAAA,SACEA,aAAa,EACbC,IAAI,EACJC,KAAK,EACLC,iBAAiB,QACZ,2BAA2B;AAClC,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,SAASC,WAAW,EAAEC,SAAS,QAAQ,gBAAgB;AACvD,SACEC,oBAAoB,EACpBC,gBAAgB,EAChBC,gBAAgB,EAChBC,mBAAmB,EACnBC,iBAAiB,EACjBC,kBAAkB,EAClBC,cAAc,EACdC,kBAAkB,QACb,oBAAoB;AAC3B,OAAO,KAAKC,OAAO,MAAM,cAAc;AACvC,SAASC,cAAc,QAAQ,mBAAmB;AAClD,OAAOC,gBAAgB,MAAM,4BAA4B;AACzD,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,aAAa;AAC1C,SAASC,SAAS,QAAQ,aAAa;AAGvCL,OAAO,CAACM,GAAG,CAAC,CACVX,mBAAmB,EACnBD,gBAAgB,EAChBI,cAAc,EACdP,SAAS,EACTU,cAAc,EACdR,gBAAgB,EAChBM,kBAAkB,EAClBT,WAAW,EACXM,iBAAiB,EACjBC,kBAAkB,EAClBL,oBAAoB,CACrB,CAAC;AAEFQ,OAAO,CAACO,aAAa,CAAC,YAAY,EAAEtB,aAAa,CAACE,KAAK,CAACqB,IAAI,CAAC,CAAC;AAC9DR,OAAO,CAACO,aAAa,CAAC,aAAa,EAAEtB,aAAa,CAACE,KAAK,CAACsB,KAAK,CAAC,CAAC;AAEhE,MAAMC,KAAK,GAAGC,IAAA,IAA4B;EAAA,IAA3B;IAAEC;EAAmB,CAAC,GAAAD,IAAA;EACnC,MAAM;IAAEE;EAAK,CAAC,GAAGxB,SAAS,CAAC,CAAC;EAC5B,MAAM;IAAEyB,MAAM;IAAEC;EAAK,CAAC,GAAG3B,iBAAiB,CAAC,CAAC;EAC5C,MAAM4B,SAAS,GAAGD,IAAI,KAAK7B,IAAI,CAAC+B,OAAO;EAEvC,OACEd,KAAA,CAAAe,aAAA,CAAChB,gBAAgB;IACfF,OAAO,EAAEA,OAAQ;IACjBmB,MAAM,EAAEd,SAAS,CAACO,MAAM,EAAEC,IAAI,EAAEC,MAAM,EAAEE,SAAS,CAAE;IACnDI,KAAK,EAAE;MACLC,MAAM,EAAE,GAAGjB,YAAY,IAAI;MAC3BkB,KAAK,EAAE;IACT,CAAE;IACFC,KAAK,EAAET,MAAM,GAAG,YAAY,GAAG;EAAc,CAC9C,CAAC;AAEN,CAAC;AAED,SAASJ,KAAK","ignoreList":[]}

package/dist/module/ValueAtRiskWidget/components/Chart/getOption.js CHANGED Viewed

@@ -1,8 +1,3 @@
-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); }
 import { colorPalette, darkTheme, getGridLines, getLineCommons, lightTheme } from '@oanda/labs-widget-common';
 import { CHART_HEIGHT, CHART_WIDTH, TITLE_HEIGHT, X_LABEL_SIZE, Y_LABEL_SIZE_DESKTOP, Y_LABEL_SIZE_MOBILE } from './constants';
 import { getPercentValueByPips } from './getPercentValueByPips';
@@ -87,7 +82,7 @@ export const getOption = (values, lang, isDark, isDesktop) => {
             padding: isDesktop ? [0, 0, 0, 0] : [20, 0, 0, 0]
           }
         },
-        formatter: (value, index) => index ? "".concat(value, "%") : "{a|".concat(value, "%}")
+        formatter: (value, index) => index ? `${value}%` : `{a|${value}%}`
       },
       axisPointer: {
         label: {
@@ -273,12 +268,13 @@ export const getOption = (values, lang, isDark, isDesktop) => {
     }],
     grid: [{
       name: 'main-grid',
-      top: "".concat(TITLE_HEIGHT, "px"),
+      top: `${TITLE_HEIGHT}px`,
       left: '0px',
-      right: "".concat(isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE, "px"),
-      bottom: "".concat(X_LABEL_SIZE, "px")
+      right: `${isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE}px`,
+      bottom: `${X_LABEL_SIZE}px`
     }],
-    graphic: [...gridLines, _objectSpread(_objectSpread({}, getLineCommons(isDark)), {}, {
+    graphic: [...gridLines, {
+      ...getLineCommons(isDark),
       top: TITLE_HEIGHT - 2,
       right: -2,
       shape: {
@@ -287,7 +283,7 @@ export const getOption = (values, lang, isDark, isDesktop) => {
         x2: isDesktop ? 0 : Y_LABEL_SIZE_MOBILE,
         y2: 0
       }
-    })]
+    }]
   };
 };
 //# sourceMappingURL=getOption.js.map

package/dist/module/ValueAtRiskWidget/components/Chart/getOption.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"getOption.js","names":["colorPalette","darkTheme","getGridLines","getLineCommons","lightTheme","CHART_HEIGHT","CHART_WIDTH","TITLE_HEIGHT","X_LABEL_SIZE","Y_LABEL_SIZE_DESKTOP","Y_LABEL_SIZE_MOBILE","getPercentValueByPips","getOption","values","lang","isDark","isDesktop","gridLines","chartWidth","chartHeight","xLabelsSize","yLabelSize","yLabelMarinTop","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","rich","index","concat","precision","visualMap","dimension","pieces","lt","average","color","orange","raspberryLight","colorAlpha","gte","median","bottleGreenDark","greenLight","series","symbol","areaStyle","origin","opacity","lineStyle","emphasis","disabled","data","markLine","silent","white","width","threshold","borderPrimary","markPoint","itemStyle","borderWidth","borderColor","symbolSize","gold","turquoiseLight","violetLight","grid","right","bottom","graphic","_objectSpread","shape","x1","y1","x2","y2"],"sources":["../../../../../src/ValueAtRiskWidget/components/Chart/getOption.ts"],"sourcesContent":["import {\n colorPalette,\n darkTheme,\n getGridLines,\n getLineCommons,\n lightTheme,\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 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 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: isDark\n ? darkTheme.borderPrimary\n : lightTheme.borderPrimary,\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: isDark\n ? darkTheme.borderPrimary\n : lightTheme.borderPrimary,\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":[]}
1	+ {"version":3,"file":"getOption.js","names":["colorPalette","darkTheme","getGridLines","getLineCommons","lightTheme","CHART_HEIGHT","CHART_WIDTH","TITLE_HEIGHT","X_LABEL_SIZE","Y_LABEL_SIZE_DESKTOP","Y_LABEL_SIZE_MOBILE","getPercentValueByPips","getOption","values","lang","isDark","isDesktop","gridLines","chartWidth","chartHeight","xLabelsSize","yLabelSize","yLabelMarinTop","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","rich","index","precision","visualMap","dimension","pieces","lt","average","color","orange","raspberryLight","colorAlpha","gte","median","bottleGreenDark","greenLight","series","symbol","areaStyle","origin","opacity","lineStyle","emphasis","disabled","data","markLine","silent","white","width","threshold","borderPrimary","markPoint","itemStyle","borderWidth","borderColor","symbolSize","gold","turquoiseLight","violetLight","grid","right","bottom","graphic","shape","x1","y1","x2","y2"],"sources":["../../../../../src/ValueAtRiskWidget/components/Chart/getOption.ts"],"sourcesContent":["import {\n colorPalette,\n darkTheme,\n getGridLines,\n getLineCommons,\n lightTheme,\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 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 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: isDark\n ? darkTheme.borderPrimary\n : lightTheme.borderPrimary,\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: isDark\n ? darkTheme.borderPrimary\n : lightTheme.borderPrimary,\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/module/ValueAtRiskWidget/components/Legend/DashedLine.js CHANGED Viewed

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

package/dist/module/ValueAtRiskWidget/components/Legend/DashedLine.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DashedLine.js","names":["colorPalette","React","DashedLine","_ref","strokeDasharray","width","isDark","createElement","className","fill","height","viewBox","~~concat","~~xmlns","stroke","white","bottleGreenDark","x1","x2","y1","y2"],"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,SAASA,YAAY,QAAQ,2BAA2B;AACxD,OAAOC,KAAK,MAAM,OAAO;AAIzB,MAAMC,UAAU,GAAGC,IAAA;EAAA,IAAC;IAClBC,eAAe;IACfC,KAAK,GAAG,IAAI;IACZC;EACe,CAAC,GAAAH,IAAA;EAAA,OAChBF,KAAA,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,~~GAElCZ~~,KAAA,CAAAM,aAAA;~~IACEO~~,MAAM,~~EAAER~~,MAAM,GAAGN,YAAY,~~CAACe~~,KAAK,~~GAAGf~~,YAAY,~~CAACgB~~,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;AAED,~~SAASlB~~,UAAU","ignoreList":[]}
1	+ {"version":3,"file":"DashedLine.js","names":["colorPalette","React","DashedLine","_ref","strokeDasharray","width","isDark","createElement","className","fill","height","viewBox","xmlns","stroke","white","bottleGreenDark","x1","x2","y1","y2"],"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,SAASA,YAAY,QAAQ,2BAA2B;AACxD,OAAOC,KAAK,MAAM,OAAO;AAIzB,MAAMC,UAAU,GAAGC,IAAA;EAAA,IAAC;IAClBC,eAAe;IACfC,KAAK,GAAG,IAAI;IACZC;EACe,CAAC,GAAAH,IAAA;EAAA,OAChBF,KAAA,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,GAElCX,KAAA,CAAAM,aAAA;IACEM,MAAM,EAAEP,MAAM,GAAGN,YAAY,CAACc,KAAK,GAAGd,YAAY,CAACe,eAAgB;IACnEX,eAAe,EAAEA,eAAgB;IACjCY,EAAE,EAAC,GAAG;IACNC,EAAE,EAAEZ,KAAM;IACVa,EAAE,EAAC,GAAG;IACNC,EAAE,EAAC;EAAG,CACP,CACE,CAAC;AAAA,CACP;AAED,SAASjB,UAAU","ignoreList":[]}

package/dist/module/ValueAtRiskWidget/components/Legend/DesktopLegend.js CHANGED Viewed

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